@byline/ui 1.8.0 → 1.8.2

package/dist/forms/path-widget.d.ts

@@ -18,9 +18,11 @@ export interface PathWidgetProps {
     mode: 'create' | 'edit';
 }
 /**
- * System-managed `documentVersions.path` widget.
+ * System-managed `path` widget.
  *
- * Displays the current persisted/overridden path as an editable input.
+ * Edits the path stored in `byline_document_paths` for the current
+ * (document, locale) row. Displays the current persisted/overridden
+ * value as an editable input.
  * In create mode, when the user hasn't supplied an override, the input
  * shows the live-derived preview (slugified `useAsPath` source field) as
  * a placeholder so the user sees what will be saved. The "Regenerate"

package/dist/styles/styles.css

@@ -1595,3 +1595,7 @@
   visibility: visible;
   transform: matrix(1, 0, 0, 1, 0, 0);
 }
+
+.byline-ui {
+  isolation: isolate;
+}

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -65,9 +65,9 @@
     "react-diff-viewer-continued": "^4.2.2",
     "zod": "^4.4.2",
     "zod-form-data": "^3.0.1",
-    "@byline/client": "1.8.0",
-    "@byline/admin": "1.8.0",
-    "@byline/core": "1.8.0"
+    "@byline/core": "1.8.2",
+    "@byline/client": "1.8.2",
+    "@byline/admin": "1.8.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/admin/components/admin-permissions/inspector.tsx

@@ -9,7 +9,7 @@
  */
 
 /**
- * Read-only abilities inspector — Phase 8 in AUTHN-AUTHZ-ANALYSIS.md.
+ * Read-only abilities inspector — see docs/AUTHN-AUTHZ.md.
  *
  * Top level: a collapsible group per ability source (collections.docs,
  * admin.users, etc.), each containing the abilities that group

package/src/components/accordion/accordion.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .item,
   :global(.infonomic-accordion-item) {

package/src/components/avatar/avatar.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   /* relative inline-flex h-10 w-10 rounded-full */

package/src/components/badge/badge.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .badge,

package/src/components/button/button-group.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .button-group,
   :global(.infonomic-button-group) {

package/src/components/button/button.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .button,

package/src/components/button/combo-button.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .combo-button-wrapper,
   :global(.infonomic-combo-button-wrapper) {

package/src/components/button/control-buttons.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .stop-button,
   .play-button,

package/src/components/button/copy-button.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .copy-button-container,

package/src/components/card/card.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .card,

package/src/components/chips/chip.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .chip,

package/src/components/container/container.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .container,

package/src/components/dropdown/dropdown.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .dropdown-content,

package/src/components/hamburger/hamburger.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .hamburger,

package/src/components/inputs/autocomplete.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   /* ── Wrapper ── */

package/src/components/inputs/calendar.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .day-picker {

package/src/components/inputs/checkbox-group.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   :global(.infonomic-checkbox-group),

package/src/components/inputs/checkbox.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .container,

package/src/components/inputs/error-text.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .text,

package/src/components/inputs/help-text.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .text,

package/src/components/inputs/input-adornment.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .adornment,

package/src/components/inputs/input.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .input-wrapper,

package/src/components/inputs/label.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .label,

package/src/components/inputs/radio-group.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer byline-components {

package/src/components/inputs/select.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .positioner,

package/src/components/inputs/text-area.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .text-area,

package/src/components/notifications/alert.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .alert,

package/src/components/notifications/toast.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   /* ============================================

package/src/components/pager/pagination.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .pagination-root,

package/src/components/scroll-area/scroll-area.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .root,

package/src/components/scroll-to-top/scroll-to-top.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .scroll-to-top,
   :global(.infonomic-scroll-to-top) {

package/src/components/section/section.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .section,

package/src/components/shimmer/shimmer.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer byline-components {

package/src/components/table/table.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer byline-components {

package/src/components/tabs/tabs.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .tabs-root,

package/src/components/tooltip/tooltip.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .tooltip,

package/src/forms/form-context.tsx

@@ -65,9 +65,10 @@ interface FormContextType {
   getPendingUploads: () => Map<string, PendingUpload>
   hasPendingUploads: () => boolean
   clearPendingUploads: () => void
-  // System-managed `documentVersions.path` slot, edited by the path widget.
-  // `null` means the widget will fall back to live-derived preview / the
-  // server-side default; a non-null value is sent verbatim to the server.
+  // System-managed `path` slot (persisted in `byline_document_paths`),
+  // edited by the path widget. `null` means the widget will fall back
+  // to live-derived preview / the server-side default; a non-null value
+  // is sent verbatim to the server.
   getSystemPath: () => string | null
   setSystemPath: (value: string | null) => void
   subscribeSystemPath: (listener: SystemPathListener) => () => void

package/src/forms/form-renderer.tsx

@@ -717,14 +717,14 @@ const FormContent = ({
         <div className={cx('byline-form-sidebar', styles.sidebar)}>
           {(useAsPath ||
             (typeof initialData?.path === 'string' && initialData.path.length > 0)) && (
-              <PathWidget
-                useAsPath={useAsPath}
-                collectionPath={collectionPath ?? ''}
-                defaultLocale={defaultLocale}
-                activeLocale={contentLocale}
-                mode={mode}
-              />
-            )}
+            <PathWidget
+              useAsPath={useAsPath}
+              collectionPath={collectionPath ?? ''}
+              defaultLocale={defaultLocale}
+              activeLocale={contentLocale}
+              mode={mode}
+            />
+          )}
           {(layout.sidebar ?? []).map((name) => renderItem(name))}
         </div>
       </div>

package/src/forms/path-widget.tsx

@@ -49,9 +49,11 @@ export interface PathWidgetProps {
 }
 
 /**
- * System-managed `documentVersions.path` widget.
+ * System-managed `path` widget.
  *
- * Displays the current persisted/overridden path as an editable input.
+ * Edits the path stored in `byline_document_paths` for the current
+ * (document, locale) row. Displays the current persisted/overridden
+ * value as an editable input.
  * In create mode, when the user hasn't supplied an override, the input
  * shows the live-derived preview (slugified `useAsPath` source field) as
  * a placeholder so the user sees what will be saved. The "Regenerate"

package/src/icons/icons.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .element-root {
     width: 1.375rem;

package/src/loaders/ellipses.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .loader-ellipsis,

package/src/loaders/ring.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .loader-ring,

package/src/loaders/spinner.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .loader-spinner,

package/src/styles/components/hamburger.css

@@ -1,8 +1,15 @@
 /* No longer used in our actual hamburger React and Astro components
 but left here as a reference. */
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .component--hamburger {

package/src/styles/reset.css

@@ -22,9 +22,16 @@
  *
  * Hosts using Tailwind don't need to declare layer order themselves.
 */
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-base {
   @scope (.byline-ui) {

package/src/styles/styles.css

@@ -1,8 +1,19 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @import "./base/base.css";
 @import "./functional/functional.css";
 @import "./theme/theme.css";
 @import "./components/components.css";
+
+.byline-ui {
+  isolation: isolate;
+}

package/src/styles/typography.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @import "./typography/fonts.css";
 @import "./typography/prose.css";

package/src/widgets/datepicker/datepicker.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .container,
   :global(.infonomic-datepicker-container) {

package/src/widgets/drawer/drawer.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   /* Backdrop overlay (replaces previous Overlay component) */
 

package/src/widgets/image-lightbox/image-lightbox.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   .container {
     width: auto;

package/src/widgets/modal/modal.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 @layer byline-components {
   /* Backdrop overlay */
 

package/src/widgets/timeline/timeline.module.css

@@ -1,6 +1,13 @@
-@layer base, byline-base, theme, byline-theme,
-  byline-functional, byline-typography, components, byline-components,
-  utilities, byline-utilities;
+@layer base,
+  byline-base,
+  theme,
+  byline-theme,
+  byline-functional,
+  byline-typography,
+  components,
+  byline-components,
+  utilities,
+  byline-utilities;
 
 @layer byline-components {
   .timeline,