Glifos de marca

Logotipos de terceros que lucide no trae: los canales por los que escribe un huésped y las apps que se conectan al producto. Son marcas ajenas, no iconos del sistema: sus colores son los de cada empresa, no tokens, y no cambian con el tenant ni con el tema.

Cambia frente al kit React: los seis componentes (GoogleGlyph, WhatsAppGlyph…) son ahora un solo elemento, BrandGlyph, que elige la marca con name. BRAND_GLYPHS, del paquete raíz, trae la lista de nombres.

Google y Claude llevan su color dentro y no se recolorean. Los demás usan currentColor y toman el color del texto que los rodea. Si un botón de acceso necesita el verde de WhatsApp o el azul de Facebook, usa SocialButton, que ya lo aplica; los colores de marca, por si los necesitas sobre su propio logotipo, están en BRAND_COLORS.

size va en píxeles y fija el ancho y el alto; por defecto, 18, el tamaño de un icono del sistema. Iguálalo al icono que tenga al lado: 16 junto a texto de 14 px y 12 dentro de un badge.

El glifo acompaña al nombre del canal, nunca lo sustituye: es aria-hidden y el lector de pantalla no lo anuncia. Si alguna vez va solo, como icono de un IconButton, el nombre lo pone el label del botón. El estado del canal lo dice el badge, no el color del logotipo.

Generada del custom-elements.json que publica @unozero-ai/ui. Las partes se estilan desde tu CSS con el nombre del elemento: uz-button::part(base).