@byline/ui 1.10.2 → 1.11.0

package/dist/components/card/card.js

@@ -4,7 +4,7 @@ import classnames from "classnames";
 import card_module from "./card.module.js";
 const Card = ({ className, hover, children, render, ref, ...rest })=>{
     const hoverClasses = null != hover && true === hover ? card_module["card-hover"] : void 0;
-    const classes = classnames('infonomic-card', card_module.card, hoverClasses, className);
+    const classes = classnames('byline-card', card_module.card, hoverClasses, className);
     const element = useRender({
         defaultTagName: 'div',
         render,
@@ -20,31 +20,31 @@ const Card = ({ className, hover, children, render, ref, ...rest })=>{
 Card.displayName = 'Card';
 const Header = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames('infonomic-card-header', card_module["card-header"], className),
+        className: classnames('byline-card-header', card_module["card-header"], className),
         ...props
     });
 Header.displayName = 'CardHeader';
 const Title = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames('infonomic-card-title', card_module["card-title"], className),
+        className: classnames('byline-card-title', card_module["card-title"], className),
         ...props
     });
 Title.displayName = 'CardTitle';
 const Description = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames("infonomic-card-description", card_module["card-description"], className),
+        className: classnames("byline-card-description", card_module["card-description"], className),
         ...props
     });
 Description.displayName = "CardDescription";
 const Content = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames('infonomic-card-content', card_module["card-content"], className),
+        className: classnames('byline-card-content', card_module["card-content"], className),
         ...props
     });
 Content.displayName = 'CardContent';
 const Footer = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames('infonomic-card-footer', card_module["card-footer"], className),
+        className: classnames('byline-card-footer', card_module["card-footer"], className),
         ...props
     });
 Footer.displayName = 'CardFooter';

package/dist/components/card/card_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.card-mqJaiW, .infonomic-card) {
+  :is(.card-mqJaiW, .byline-card) {
     width: 100%;
     max-width: 100%;
     color: var(--foreground);
@@ -16,26 +16,26 @@
     display: flex;
   }
 
-  :is(.card-hover-hvT4d6, .infonomic-card-hover) {
+  :is(.card-hover-hvT4d6, .byline-card-hover) {
     transition: background .2s ease-in-out;
   }
 
-  :is(.card-hover-hvT4d6:hover, .infonomic-card-hover:hover) {
+  :is(.card-hover-hvT4d6:hover, .byline-card-hover:hover) {
     background: oklch(from var(--theme-50) 1 .03 h);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .card-hover-hvT4d6:hover, :is(.dark, [data-theme="dark"]) .infonomic-card-hover:hover) {
+  :is(:is(.dark, [data-theme="dark"]) .card-hover-hvT4d6:hover, :is(.dark, [data-theme="dark"]) .byline-card-hover:hover) {
     background: oklch(from var(--canvas-800) .2 c h);
   }
 
-  :is(.card-header-XnoBkP, .infonomic-card-header) {
+  :is(.card-header-XnoBkP, .byline-card-header) {
     flex-direction: column;
     gap: .5rem;
     padding: 1rem;
     display: flex;
   }
 
-  :is(.card-title-JI7Lu3, .infonomic-card-title) {
+  :is(.card-title-JI7Lu3, .byline-card-title) {
     color: var(--headings);
     letter-spacing: -.015em;
     font-size: 1.8rem;
@@ -43,17 +43,17 @@
     line-height: 1;
   }
 
-  :is(.card-description-fwu7HE, .infonomic-card-description) {
+  :is(.card-description-fwu7HE, .byline-card-description) {
     color: var(--muted);
     font-size: .875rem;
   }
 
-  :is(.card-content-uhoZYJ, .infonomic-card-content) {
+  :is(.card-content-uhoZYJ, .byline-card-content) {
     flex: 1;
     padding: 0 1rem 1rem;
   }
 
-  :is(.card-footer-BxTa4b, .infonomic-card-footer) {
+  :is(.card-footer-BxTa4b, .byline-card-footer) {
     align-items: center;
     padding: 0 1rem 1rem;
     display: flex;

package/dist/components/chips/chip.js

@@ -54,7 +54,7 @@ const Chip = ({ variant = 'assist', intent = 'primary', size = 'md', selected =
         onClick: handleRemoveClick,
         onKeyDown: handleRemoveKeyDown,
         children: /*#__PURE__*/ jsx(CloseIcon, {
-            className: classnames('infonomic-chip-close-icon', chip_module.icon, chip_module["close-icon"])
+            className: classnames('byline-chip-close-icon', chip_module.icon, chip_module["close-icon"])
         })
     }) : endIcon;
     const appliedVariant = isSelected ? 'filled' : 'outlined';
@@ -65,7 +65,7 @@ const Chip = ({ variant = 'assist', intent = 'primary', size = 'md', selected =
         'aria-disabled': disabled || void 0,
         'aria-pressed': isSelectable ? isSelected : void 0,
         'aria-selected': isSelectable ? isSelected : void 0,
-        className: classnames('infonomic-chip', `infonomic-chip-${variant}`, `infonomic-chip-${intent}`, `infonomic-chip-${size}`, {
+        className: classnames('byline-chip', `byline-chip-${variant}`, `byline-chip-${intent}`, `byline-chip-${size}`, {
             selected: isSelected,
             disabled,
             removable: isRemovable
@@ -76,15 +76,15 @@ const Chip = ({ variant = 'assist', intent = 'primary', size = 'md', selected =
         children: /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 null != leadingIcon && /*#__PURE__*/ jsx("span", {
-                    className: classnames('infonomic-chip-icon-wrapper', chip_module.iconWrapper),
+                    className: classnames('byline-chip-icon-wrapper', chip_module.iconWrapper),
                     children: leadingIcon
                 }),
                 /*#__PURE__*/ jsx("span", {
-                    className: classnames('infonomic-chip-label', chip_module.label),
+                    className: classnames('byline-chip-label', chip_module.label),
                     children: children
                 }),
                 null != trailingIcon && /*#__PURE__*/ jsx("span", {
-                    className: classnames('infonomic-chip-icon-wrapper', chip_module.iconWrapper),
+                    className: classnames('byline-chip-icon-wrapper', chip_module.iconWrapper),
                     children: trailingIcon
                 })
             ]

package/dist/components/chips/chip_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.chip-AhhT7N, .infonomic-chip) {
+  :is(.chip-AhhT7N, .byline-chip) {
     --chip-font-size: .9rem;
     --chip-height: 34px;
     --chip-padding-y: .35rem;
@@ -26,38 +26,38 @@
     display: inline-flex;
   }
 
-  :is(.chip-AhhT7N:disabled, .chip-AhhT7N[disabled], .infonomic-chip:disabled, .infonomic-chip[disabled]) {
+  :is(.chip-AhhT7N:disabled, .chip-AhhT7N[disabled], .byline-chip:disabled, .byline-chip[disabled]) {
     pointer-events: none;
   }
 
-  :is(.chip-AhhT7N:focus, .chip-AhhT7N:active, .infonomic-chip:focus, .infonomic-chip:active) {
+  :is(.chip-AhhT7N:focus, .chip-AhhT7N:active, .byline-chip:focus, .byline-chip:active) {
     outline-color: var(--ring-color);
   }
 
-  :is(.label-gboVZj, .infonomic-chip-label) {
+  :is(.label-gboVZj, .byline-chip-label) {
     white-space: nowrap;
     align-items: center;
     display: inline-flex;
   }
 
-  :is(.icon-Kyxxoz, .infonomic-chip-icon) {
+  :is(.icon-Kyxxoz, .byline-chip-icon) {
     width: var(--chip-icon-size);
     height: var(--chip-icon-size);
   }
 
-  :is(.iconWrapper-vJCUgN, .infonomic-chip-icon-wrapper) {
+  :is(.iconWrapper-vJCUgN, .byline-chip-icon-wrapper) {
     justify-content: center;
     align-items: center;
     line-height: 0;
     display: inline-flex;
   }
 
-  :is(.close-icon-dsclyW, .infonomic-chip-close-icon) {
+  :is(.close-icon-dsclyW, .byline-chip-close-icon) {
     width: calc(var(--chip-icon-size) * .9);
     height: calc(var(--chip-icon-size) * .9);
   }
 
-  :is(.xs-APyCes, .infonomic-chip-xs) {
+  :is(.xs-APyCes, .byline-chip-xs) {
     --chip-height: 24px;
     --chip-padding-y: .15rem;
     --chip-padding-x: .3rem;
@@ -66,7 +66,7 @@
     gap: var(--gap-1);
   }
 
-  :is(.sm-J7CErO, .infonomic-chip-sm) {
+  :is(.sm-J7CErO, .byline-chip-sm) {
     --chip-height: 28px;
     --chip-padding-y: .2rem;
     --chip-padding-x: .3rem;
@@ -74,7 +74,7 @@
     --chip-icon-size: 1.2rem;
   }
 
-  :is(.md-Dqq6Vk, .infonomic-chip-md) {
+  :is(.md-Dqq6Vk, .byline-chip-md) {
     --chip-height: 32px;
     --chip-padding-y: .25rem;
     --chip-padding-x: .3rem;
@@ -82,7 +82,7 @@
     --chip-icon-size: 1.3rem;
   }
 
-  :is(.lg-V_RSlk, .infonomic-chip-lg) {
+  :is(.lg-V_RSlk, .byline-chip-lg) {
     --chip-gap: var(--gap-2);
     --chip-height: 36px;
     --chip-padding-y: .3rem;
@@ -91,7 +91,7 @@
     --chip-icon-size: 1.35rem;
   }
 
-  :is(.xl-XTZIz8, .infonomic-chip-xl) {
+  :is(.xl-XTZIz8, .byline-chip-xl) {
     --chip-gap: var(--gap-2);
     --chip-height: 40px;
     --chip-padding-y: .3rem;
@@ -100,79 +100,79 @@
     --chip-icon-size: 1.4rem;
   }
 
-  :is(.filled-IPrtjU, .infonomic-chip-filled) {
+  :is(.filled-IPrtjU, .byline-chip-filled) {
     color: var(--chip-variant-filled-foreground);
     background-color: var(--chip-variant-filled);
   }
 
-  :is(.filled-IPrtjU:hover, .infonomic-chip-filled:hover) {
+  :is(.filled-IPrtjU:hover, .byline-chip-filled:hover) {
     background-color: var(--chip-variant-filled-hover);
   }
 
-  :is(.filled-IPrtjU:focus, .filled-IPrtjU:active, .infonomic-chip-filled:focus, .infonomic-chip-filled:active) {
+  :is(.filled-IPrtjU:focus, .filled-IPrtjU:active, .byline-chip-filled:focus, .byline-chip-filled:active) {
     --ring-color: var(--chip-ring-color);
   }
 
-  :is(.filled-IPrtjU:disabled, .filled-IPrtjU[disabled], .infonomic-chip-filled:disabled, .infonomic-chip-filled[disabled]) {
+  :is(.filled-IPrtjU:disabled, .filled-IPrtjU[disabled], .byline-chip-filled:disabled, .byline-chip-filled[disabled]) {
     background-color: var(--chip-variant-filled-disabled, oklch(from var(--chip-variant-filled) calc(l * 1.1) calc(c * .85) h));
     color: var(--chip-variant-filled-foreground-disabled, oklch(from var(--chip-variant-filled-foreground) calc(l * .9) calc(c * .85) h));
   }
 
-  :is(.filled-weak-R_EHbg, .infonomic-chip-filled-weak) {
+  :is(.filled-weak-R_EHbg, .byline-chip-filled-weak) {
     color: var(--chip-variant-filled-weak-foreground);
     background-color: var(--chip-variant-filled-weak);
   }
 
-  :is(.filled-weak-R_EHbg:hover, .infonomic-chip-filled-weak:hover) {
+  :is(.filled-weak-R_EHbg:hover, .byline-chip-filled-weak:hover) {
     background-color: var(--chip-variant-filled-weak-hover);
   }
 
-  :is(.filled-weak-R_EHbg:focus, .filled-weak-R_EHbg:active, .infonomic-chip-filled-weak:focus, .infonomic-chip-filled-weak:active) {
+  :is(.filled-weak-R_EHbg:focus, .filled-weak-R_EHbg:active, .byline-chip-filled-weak:focus, .byline-chip-filled-weak:active) {
     --ring-color: var(--chip-ring-color);
   }
 
-  :is(.filled-weak-R_EHbg:disabled, .filled-weak-R_EHbg[disabled], .infonomic-chip-filled-weak:disabled, .infonomic-chip-filled-weak[disabled]) {
+  :is(.filled-weak-R_EHbg:disabled, .filled-weak-R_EHbg[disabled], .byline-chip-filled-weak:disabled, .byline-chip-filled-weak[disabled]) {
     background-color: var(--chip-variant-filled-weak-disabled, oklch(from var(--chip-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));
     color: var(--chip-variant-filled-weak-foreground-disabled, oklch(from var(--chip-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h));
   }
 
-  :is(.outlined-ND2TjQ, .infonomic-chip-outlined) {
+  :is(.outlined-ND2TjQ, .byline-chip-outlined) {
     border: 1px solid var(--chip-variant-outlined-border);
     color: var(--chip-variant-outlined-foreground);
     background-color: var(--chip-variant-outlined);
   }
 
-  :is(.outlined-ND2TjQ:disabled, .outlined-ND2TjQ[disabled], .infonomic-chip-outlined:disabled, .infonomic-chip-outlined[disabled]) {
+  :is(.outlined-ND2TjQ:disabled, .outlined-ND2TjQ[disabled], .byline-chip-outlined:disabled, .byline-chip-outlined[disabled]) {
     border-color: var(--chip-variant-outlined-border-disabled, oklch(from var(--chip-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));
     color: var(--chip-variant-outlined-foreground-disabled, oklch(from var(--chip-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h));
   }
 
-  :is(.outlined-ND2TjQ:hover, .infonomic-chip-outlined:hover) {
+  :is(.outlined-ND2TjQ:hover, .byline-chip-outlined:hover) {
     background-color: var(--chip-variant-outlined-hover);
   }
 
-  :is(.outlined-ND2TjQ:focus, .outlined-ND2TjQ:active, .infonomic-chip-outlined:focus, .infonomic-chip-outlined:active) {
+  :is(.outlined-ND2TjQ:focus, .outlined-ND2TjQ:active, .byline-chip-outlined:focus, .byline-chip-outlined:active) {
     --ring-color: var(--chip-ring-color);
   }
 
-  :is(.text-mY_7iA, .infonomic-chip-text) {
+  :is(.text-mY_7iA, .byline-chip-text) {
     background-color: var(--chip-variant-text);
     color: var(--chip-variant-text-foreground);
   }
 
-  :is(.text-mY_7iA:disabled, .text-mY_7iA[disabled], .infonomic-chip-text:disabled, .infonomic-chip-text[disabled]) {
+  :is(.text-mY_7iA:disabled, .text-mY_7iA[disabled], .byline-chip-text:disabled, .byline-chip-text[disabled]) {
     color: oklch(from var(--chip-variant-text-foreground) calc(l * 1.5) calc(c * .5) h);
   }
 
-  :is(.text-mY_7iA:hover, .infonomic-chip-text:hover) {
+  :is(.text-mY_7iA:hover, .byline-chip-text:hover) {
     background-color: var(--chip-variant-text-hover);
   }
 
-  :is(.text-mY_7iA:focus, .text-mY_7iA:active, .infonomic-chip-text:focus, .infonomic-chip-text:active) {
+  :is(.text-mY_7iA:focus, .text-mY_7iA:active, .byline-chip-text:focus, .byline-chip-text:active) {
     --ring-color: var(--chip-ring-color);
   }
 
-  :is(.primary-Dknrel, .infonomic-chip-primary) {
+  :is(.primary-Dknrel, .byline-chip-primary) {
     --chip-ring-color: var(--ring-primary);
     --chip-variant-filled: var(--fill-primary-strong);
     --chip-variant-filled-hover: var(--fill-primary-strong-hover);
@@ -192,7 +192,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-primary-outlined-disabled);
   }
 
-  :is(.secondary-Oeq6j4, .infonomic-chip-secondary) {
+  :is(.secondary-Oeq6j4, .byline-chip-secondary) {
     --chip-ring-color: var(--ring-secondary);
     --chip-variant-filled: var(--fill-secondary-strong);
     --chip-variant-filled-hover: var(--fill-secondary-strong-hover);
@@ -212,7 +212,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-secondary-outlined-disabled);
   }
 
-  :is(.noeffect-DIkyR0, .infonomic-chip-noeffect) {
+  :is(.noeffect-DIkyR0, .byline-chip-noeffect) {
     --chip-ring-color: var(--ring-noeffect);
     --chip-variant-filled: var(--fill-noeffect-strong);
     --chip-variant-filled-hover: var(--fill-noeffect-strong-hover);
@@ -232,7 +232,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-noeffect-outlined-disabled);
   }
 
-  :is(.success-Qciyio, .infonomic-chip-success) {
+  :is(.success-Qciyio, .byline-chip-success) {
     --chip-ring-color: var(--ring-success);
     --chip-variant-filled: var(--fill-success-strong);
     --chip-variant-filled-hover: var(--fill-success-strong-hover);
@@ -252,7 +252,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-success-outlined-disabled);
   }
 
-  :is(.info-Ddpo4H, .infonomic-chip-info) {
+  :is(.info-Ddpo4H, .byline-chip-info) {
     --chip-ring-color: var(--ring-info);
     --chip-variant-filled: var(--fill-info-strong);
     --chip-variant-filled-hover: var(--fill-info-strong-hover);
@@ -272,7 +272,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-info-outlined-disabled);
   }
 
-  :is(.warning-ua4NGH, .infonomic-chip-warning) {
+  :is(.warning-ua4NGH, .byline-chip-warning) {
     --chip-ring-color: var(--ring-warning);
     --chip-variant-filled: var(--fill-warning-strong);
     --chip-variant-filled-hover: var(--fill-warning-strong-hover);
@@ -292,7 +292,7 @@
     --chip-variant-outlined-foreground-disabled: var(--text-on-warning-outlined-disabled);
   }
 
-  :is(.danger-ftQS7Y, .infonomic-chip-danger) {
+  :is(.danger-ftQS7Y, .byline-chip-danger) {
     --chip-ring-color: var(--ring-danger);
     --chip-variant-filled: var(--fill-danger-strong);
     --chip-variant-filled-hover: var(--fill-danger-strong-hover);

package/dist/components/container/container.js

@@ -5,7 +5,7 @@ const container_Container = function({ ref, className, children, ...rest }) {
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
         ...rest,
-        className: classnames('infonomic-container', container_module.container, className),
+        className: classnames('byline-container', container_module.container, className),
         children: children
     });
 };

package/dist/components/container/container_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.container-tSpizY, .infonomic-container) {
+  :is(.container-tSpizY, .byline-container) {
     width: 100%;
     max-width: 60rem;
     margin: 0 auto;
@@ -9,19 +9,19 @@
   }
 
   @media (min-width: 66rem) {
-    :is(.container-tSpizY, .infonomic-container) {
+    :is(.container-tSpizY, .byline-container) {
       max-width: 64rem;
     }
   }
 
   @media (min-width: 77rem) {
-    :is(.container-tSpizY, .infonomic-container) {
+    :is(.container-tSpizY, .byline-container) {
       max-width: 74.375rem;
     }
   }
 
   @media (min-width: 94rem) {
-    :is(.container-tSpizY, .infonomic-container) {
+    :is(.container-tSpizY, .byline-container) {
       max-width: 87.5rem;
     }
   }

package/dist/components/dropdown/dropdown.js

@@ -10,7 +10,7 @@ function Root({ children, ...rest }) {
     });
 }
 const Trigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Trigger, {
-        className: classnames('infonomic-dropdown-trigger', className),
+        className: classnames('byline-dropdown-trigger', className),
         ref: ref,
         ...rest,
         children: children
@@ -30,7 +30,7 @@ const Content = ({ ref, className, children, side, sideOffset, align, alignOffse
         collisionPadding: collisionPadding,
         children: /*#__PURE__*/ jsx(Menu.Popup, {
             ref: ref,
-            className: classnames('infonomic-dropdown-content', dropdown_module["dropdown-content"], className),
+            className: classnames('byline-dropdown-content', dropdown_module["dropdown-content"], className),
             ...rest,
             children: children
         })
@@ -38,28 +38,28 @@ const Content = ({ ref, className, children, side, sideOffset, align, alignOffse
 Content.displayName = 'Content';
 const Group = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Group, {
         ref: ref,
-        className: classnames('infonomic-dropdown-group', className),
+        className: classnames('byline-dropdown-group', className),
         ...rest,
         children: children
     });
 Group.displayName = 'Group';
 const Item = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Item, {
         ref: ref,
-        className: classnames('infonomic-dropdown-item', dropdown_module["dropdown-item"], className),
+        className: classnames('byline-dropdown-item', dropdown_module["dropdown-item"], className),
         ...rest,
         children: children
     });
 Item.displayName = 'Item';
 const Label = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.GroupLabel, {
         ref: ref,
-        className: classnames('infonomic-dropdown-label', className),
+        className: classnames('byline-dropdown-label', className),
         ...rest,
         children: children
     });
 Label.displayName = 'Label';
 const Separator = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Menu.Separator, {
         ref: ref,
-        className: classnames('infonomic-dropdown-separator', dropdown_module["dropdown-separator"], className),
+        className: classnames('byline-dropdown-separator', dropdown_module["dropdown-separator"], className),
         ...props
     });
 Separator.displayName = 'Separator';
@@ -77,7 +77,7 @@ const SubContent = ({ ref, className, children, side, sideOffset, align, alignOf
         collisionPadding: collisionPadding,
         children: /*#__PURE__*/ jsx(Menu.Popup, {
             ref: ref,
-            className: classnames('infonomic-dropdown-subcontent', dropdown_module["dropdown-subcontent"], className),
+            className: classnames('byline-dropdown-subcontent', dropdown_module["dropdown-subcontent"], className),
             ...rest,
             children: children
         })
@@ -85,7 +85,7 @@ const SubContent = ({ ref, className, children, side, sideOffset, align, alignOf
 SubContent.displayName = 'SubContent';
 const SubTrigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.SubmenuTrigger, {
         ref: ref,
-        className: classnames('infonomic-dropdown-subtrigger', className),
+        className: classnames('byline-dropdown-subtrigger', className),
         ...rest,
         children: children
     });

package/dist/components/dropdown/dropdown_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .infonomic-dropdown-content, .infonomic-dropdown-subcontent) {
+  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent) {
     z-index: 20;
     background-color: var(--surface-panel-elevated);
     will-change: transform, opacity;
@@ -15,23 +15,23 @@
     animation-timing-function: cubic-bezier(.16, 1, .3, 1);
   }
 
-  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .infonomic-dropdown-content, .infonomic-dropdown-subcontent)[data-side="top"] {
+  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent)[data-side="top"] {
     animation-name: slideDownAndFade-s05SMv;
   }
 
-  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .infonomic-dropdown-content, .infonomic-dropdown-subcontent)[data-side="right"] {
+  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent)[data-side="right"] {
     animation-name: slideLeftAndFade-Zi7piX;
   }
 
-  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .infonomic-dropdown-content, .infonomic-dropdown-subcontent)[data-side="bottom"] {
+  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent)[data-side="bottom"] {
     animation-name: slideUpAndFade-bRhQGn;
   }
 
-  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .infonomic-dropdown-content, .infonomic-dropdown-subcontent)[data-side="left"] {
+  :is(.dropdown-content-oNxY22, .dropdown-subcontent-JZGnvB, .byline-dropdown-content, .byline-dropdown-subcontent)[data-side="left"] {
     animation-name: slideRightAndFade-pN0UdB;
   }
 
-  :is(.dropdown-item-FFroRa, .infonomic-dropdown-item) {
+  :is(.dropdown-item-FFroRa, .byline-dropdown-item) {
     align-items: center;
     gap: var(--gap-1);
     width: 100%;
@@ -46,12 +46,12 @@
     display: flex;
   }
 
-  :is(.dropdown-item-FFroRa:hover, .dropdown-item-FFroRa:focus, .dropdown-item-FFroRa[data-highlighted], .infonomic-dropdown-item:hover, .infonomic-dropdown-item:focus, .infonomic-dropdown-item[data-highlighted]) {
+  :is(.dropdown-item-FFroRa:hover, .dropdown-item-FFroRa:focus, .dropdown-item-FFroRa[data-highlighted], .byline-dropdown-item:hover, .byline-dropdown-item:focus, .byline-dropdown-item[data-highlighted]) {
     background-color: var(--surface-item-hover);
     color: var(--surface-item-text-hover);
   }
 
-  :is(.dropdown-separator-scM_7b, .infonomic-dropdown-separator) {
+  :is(.dropdown-separator-scM_7b, .byline-dropdown-separator) {
     background-color: var(--surface-panel-border);
     width: 90%;
     margin: var(--spacing-4) 0;

package/dist/components/hamburger/hamburger.js

@@ -25,7 +25,7 @@ function Hamburger({ className, colorScheme = 'auto', open = false, onChange, ar
     return /*#__PURE__*/ jsx("button", {
         type: "button",
         onClick: handleClick,
-        className: classnames('infonomic-hamburger', hamburger_module.hamburger, {
+        className: classnames('byline-hamburger', hamburger_module.hamburger, {
             [hamburger_module.open]: open,
             [hamburger_module.onDark]: 'onDark' === colorScheme,
             [hamburger_module.onLight]: 'onLight' === colorScheme
@@ -35,10 +35,10 @@ function Hamburger({ className, colorScheme = 'auto', open = false, onChange, ar
         "aria-expanded": open,
         ...other,
         children: /*#__PURE__*/ jsx("span", {
-            className: classnames('infonomic-hamburger-box', hamburger_module.box),
+            className: classnames('byline-hamburger-box', hamburger_module.box),
             "aria-hidden": "true",
             children: /*#__PURE__*/ jsx("span", {
-                className: classnames('infonomic-hamburger-inner', hamburger_module.inner)
+                className: classnames('byline-hamburger-inner', hamburger_module.inner)
             })
         })
     });