Shadow parts
A forma de um web component indicar quais de seus elementos internos podem ser estilizados de fora. Um contrato explícito, em vez de furos no encapsulamento.
O objetivo inteiro da shadow tree é que o CSS externo não consiga entrar, mas, levado ao pé da letra, isso torna impossível adaptar um componente a um design — e por isso as primeiras bibliotecas de componentes ou abandonaram o shadow DOM de vez ou expuseram cinquenta propriedades customizadas para cada atributo imaginável. A solução é o autor do componente marcar um elemento interno com part="label", e então o consumidor escreve my-widget::part(label) e o estiliza normalmente. O importante é a limitação: só é alcançável o que foi exposto explicitamente, e apenas como um elemento inteiro — não dá para selecionar mais fundo, nos filhos dele. O atributo exportparts repassa as partes para cima através de componentes aninhados.