@byline/ui 1.7.6 → 1.7.7

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "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/core": "1.7.6",
-    "@byline/admin": "1.7.6",
-    "@byline/client": "1.7.6"
+    "@byline/admin": "1.7.7",
+    "@byline/core": "1.7.7",
+    "@byline/client": "1.7.7"
   },
   "peerDependencies": {
     "react": "^19.0.0",

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .card,

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

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

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

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

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .hamburger,

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

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

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .adornment,

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .alert,

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

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

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .section,

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

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .tooltip,

package/src/icons/icons.module.css

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .loader-ellipsis,

package/src/loaders/ring.module.css

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

package/src/loaders/spinner.module.css

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

package/src/styles/components/hamburger.css

@@ -1,8 +1,8 @@
 /* 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, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .component--hamburger {

package/src/styles/reset.css

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

package/src/styles/styles.css

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

package/src/styles/typography.css

@@ -1,6 +1,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  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,6 @@
 @layer base, byline-base, theme, byline-theme,
-  byline-functional, components, byline-components,
-  utilities, byline-utilities, byline-typography;
+  byline-functional, byline-typography, components, byline-components,
+  utilities, byline-utilities;
 
 @layer byline-components {
   .timeline,