@byline/ui 6.10.0 → 6.11.0

package/dist/components/accordion/accordion_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.item-iZzmBc, .byline-accordion-item) {
     margin-top: 1px;
     overflow: hidden;
@@ -51,5 +51,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/avatar/avatar_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.avatar-root-WYOuF_, .byline-avatar-root) {
     border-radius: 50%;
     width: 100%;
@@ -34,5 +34,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/badge/badge_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.badge-8xVidp, .byline-badge) {
     font-size: var(--font-size-sm);
     text-align: center;
@@ -49,5 +49,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/button/button-group_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.button-group-uqvOi8, .byline-button-group) {
     place-items: center;
     gap: var(--gap-2);
@@ -15,5 +15,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/button/button_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.button-IjDhC0, .byline-button) {
     cursor: pointer;
     text-align: center;
@@ -380,5 +380,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/button/combo-button_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.combo-button-wrapper-nRtH6j, .byline-combo-button-wrapper) {
     border-radius: var(--border-radius-sm);
     outline-offset: 2px;
@@ -70,5 +70,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/button/control-buttons_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.stop-button-krMTsl, .play-button-GfHYHO, .directional-button-kGS8rA, .byline-stop-button, .byline-play-button, .byline-directional-button) {
     color: #fff;
     background-color: var(--fill-primary-strong);
@@ -107,5 +107,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/button/copy-button_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.copy-button-container-vCNz8o, .byline-copy-button-container) {
     display: inline-block;
   }
@@ -47,5 +47,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/card/card_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.card-mqJaiW, .byline-card) {
     width: 100%;
     max-width: 100%;
@@ -60,5 +60,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/chips/chip_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.chip-AhhT7N, .byline-chip) {
     --chip-font-size: .9rem;
     --chip-height: 34px;
@@ -313,5 +313,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/container/container_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.container-tSpizY, .byline-container) {
     width: 100%;
     max-width: 60rem;
@@ -27,5 +27,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/dropdown/dropdown_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent) {
     z-index: 20;
     background-color: var(--surface-panel-elevated);
@@ -109,5 +109,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/hamburger/hamburger_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.hamburger-CFjgP7, .byline-hamburger) {
     --hamburger-color: currentColor;
     --hamburger-focus-ring-color: currentColor;
@@ -167,5 +167,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/autocomplete_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.autocomplete-wrapper-JirsmI, .byline-autocomplete-wrapper) {
     gap: var(--gap-1);
     flex-direction: column;
@@ -310,5 +310,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/calendar_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   .day-picker-HSdX8f {
     padding: var(--spacing-12);
   }
@@ -221,5 +221,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/checkbox-group_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.byline-checkbox-group, .checkbox-group-hPRXiQ) {
     gap: var(--spacing-8);
     flex-direction: column;
@@ -8,5 +8,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/checkbox_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.container-oQwpyX, .byline-checkbox-container) {
     width: 100%;
     padding: 0;
@@ -219,5 +219,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/error-text_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.text-DoybHX, .byline-error-text) {
     color: var(--text-danger);
     font-size: .875rem;
@@ -19,5 +19,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/help-text_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.text-tefb0a, .byline-help-text) {
     color: var(--muted);
     font-size: .875rem;
@@ -19,5 +19,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/input-adornment_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.adornment-JKPOkF, .byline-input-adornment) {
     white-space: nowrap;
     align-items: center;
@@ -17,5 +17,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/input-password_module.css

@@ -1,4 +1,6 @@
-@layer byline-components {
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
+
+@layer byline-components.primitives {
   :is(.toggle-bNQhst, .byline-input-password-toggle) {
     color: inherit;
     cursor: pointer;
@@ -19,3 +21,5 @@
   }
 }
 
+@layer byline-components.cms;
+

package/dist/components/inputs/input_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.input-wrapper-OJAKML, .byline-input-wrapper) {
     gap: var(--gap-1);
     flex-direction: column;
@@ -257,5 +257,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/label_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.label-pYbboO, .byline-label) {
     color: var(--text);
     font-weight: 500;
@@ -12,5 +12,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/radio-group_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.column-Ca6c3z, .byline-radio-group-column) {
     gap: var(--gap-2);
     flex-direction: column;
@@ -158,5 +158,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/select_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.positioner-Mjx718, .byline-select-positioner) {
     z-index: var(--z-index-popover);
   }
@@ -139,5 +139,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/inputs/text-area_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.text-area-TY2VVE, .byline-text-area) {
     width: 100%;
     padding: .5rem;
@@ -17,5 +17,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/notifications/alert_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.alert-dXimWG, .infonomic-alert) {
     align-items: start;
     gap: var(--gap-2);
@@ -126,5 +126,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/notifications/toast_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.viewport-x4CvHl, .byline-toast-viewport) {
     --viewport-padding: 16px;
     z-index: var(--z-index-toast);
@@ -210,5 +210,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/pager/pagination_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.pagination-root-yB674z, .byline-pagination-root) {
     align-items: center;
     padding: 0;
@@ -101,5 +101,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/scroll-area/scroll-area_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.root-XJbuOo, .byline-scroll-area) {
     background-color: inherit;
     --scrollbar-size: 10px;
@@ -61,5 +61,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/scroll-to-top/scroll-to-top_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.scroll-to-top-WYqAAl, .byline-scroll-to-top) {
     opacity: 0;
     visibility: hidden;
@@ -98,5 +98,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/section/section_module.css

@@ -1,11 +1,11 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.section-CEcZOp, .byline-section) {
     width: 100%;
     position: relative;
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/shimmer/shimmer_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.shimmer-hQj5gn, .byline-shimmer) {
     background-color: var(--surface-shimmer);
     background-image: linear-gradient(90deg, #0000, #ffffffb3, #0000);
@@ -45,5 +45,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/table/table_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.table-container-SdhhjR, .byline-table-container) {
     word-break: normal;
     box-shadow: var(--shadow-sm);
@@ -89,5 +89,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/tabs/tabs_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.tabs-root-H5dXfK, .byline-tabs-root) {
     padding: var(--spacing-8);
     gap: var(--spacing-4);
@@ -54,5 +54,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/components/tooltip/tooltip_module.css

@@ -1,6 +1,6 @@
-@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities;
 
-@layer byline-components {
+@layer byline-components.primitives {
   :is(.tooltip-Oc7lRI, .byline-tooltip) {
     color: var(--surface-item-text);
     -webkit-user-select: none;
@@ -71,5 +71,5 @@
   }
 }
 
-@layer utilities, byline-utilities;
+@layer byline-components.cms;
 

package/dist/css-layers.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from 'postcss';
+/** Low-to-high precedence for ordinary declarations, shared by packages and hosts. */
+export declare const BYLINE_LAYER_ORDER = "@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities; @layer byline-components.primitives, byline-components.cms;";
+/**
+ * Reserve parent layers and the primitive/CMS sublayers before each stylesheet
+ * is hashed by the host bundler. Also render BYLINE_LAYER_ORDER early in the
+ * document head for injected CSS. Repeated declarations are harmless, but an
+ * existing partial order cannot be repaired after the browser has seen it.
+ * This entry does not import the React component graph at runtime.
+ */
+export declare function bylineLayerOrder(): Plugin;

package/dist/css-layers.js

@@ -0,0 +1,19 @@
+const css_layers_layers = 'base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities';
+const componentLayers = 'byline-components.primitives, byline-components.cms';
+const BYLINE_LAYER_ORDER = `@layer ${css_layers_layers}; @layer ${componentLayers};`;
+function bylineLayerOrder() {
+    return {
+        postcssPlugin: 'byline-layer-order',
+        Once (root, { AtRule }) {
+            root.prepend(new AtRule({
+                name: 'layer',
+                params: componentLayers
+            }));
+            root.prepend(new AtRule({
+                name: 'layer',
+                params: css_layers_layers
+            }));
+        }
+    };
+}
+export { BYLINE_LAYER_ORDER, bylineLayerOrder };