@byline/ui 1.10.1 → 1.10.3

package/dist/components/accordion/accordion.js

@@ -5,13 +5,13 @@ import classnames from "classnames";
 import accordion_module from "./accordion.module.js";
 const Root = ({ children, className, ref, ...props })=>/*#__PURE__*/ jsx(Accordion.Root, {
         ref: ref,
-        className: classnames('infonomic-accordion-root', className),
+        className: classnames('byline-accordion-root', className),
         ...props,
         children: children
     });
 const Item = function({ ref, children, className, ...props }) {
     return /*#__PURE__*/ jsx(Accordion.Item, {
-        className: classnames('infonomic-accordion-item', className),
+        className: classnames('byline-accordion-item', className),
         ...props,
         ref: ref,
         children: children
@@ -19,7 +19,7 @@ const Item = function({ ref, children, className, ...props }) {
 };
 const Header = function({ ref, children, className, ...props }) {
     return /*#__PURE__*/ jsx(Accordion.Header, {
-        className: classnames('infonomic-accordion-header', className),
+        className: classnames('byline-accordion-header', className),
         ...props,
         ref: ref,
         children: children
@@ -28,14 +28,14 @@ const Header = function({ ref, children, className, ...props }) {
 const Trigger = function({ ref, children, className, ...props }) {
     return /*#__PURE__*/ jsx(Accordion.Trigger, {
         ref: ref,
-        className: classnames('infonomic-accordion-trigger', accordion_module.trigger, className),
+        className: classnames('byline-accordion-trigger', accordion_module.trigger, className),
         ...props,
         children: children
     });
 };
 const Panel = function({ ref, children, className, ...props }) {
     return /*#__PURE__*/ jsx(Accordion.Panel, {
-        className: classnames('infonomic-accordion-content', accordion_module.content, className),
+        className: classnames('byline-accordion-content', accordion_module.content, className),
         ...props,
         ref: ref,
         children: children

package/dist/components/accordion/accordion_module.css

@@ -1,32 +1,32 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.item-iZzmBc, .infonomic-accordion-item) {
+  :is(.item-iZzmBc, .byline-accordion-item) {
     margin-top: 1px;
     overflow: hidden;
   }
 
-  :is(.header-MBm53y, .infonomic-accordion-header) {
+  :is(.header-MBm53y, .byline-accordion-header) {
     margin: 0;
     display: flex;
   }
 
-  :is(.trigger-CJlwli, .infonomic-accordion-trigger) {
+  :is(.trigger-CJlwli, .byline-accordion-trigger) {
     cursor: pointer;
     align-items: center;
     width: 100%;
     display: flex;
   }
 
-  :is(.content-KoW8ID, .infonomic-accordion-content) {
+  :is(.content-KoW8ID, .byline-accordion-content) {
     overflow: hidden;
   }
 
-  :is(.content-KoW8ID, .infonomic-accordion-content)[data-open] {
+  :is(.content-KoW8ID, .byline-accordion-content)[data-open] {
     animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideDown-gllXUs;
   }
 
-  :is(.content-KoW8ID, .infonomic-accordion-content)[data-ending-style] {
+  :is(.content-KoW8ID, .byline-accordion-content)[data-ending-style] {
     animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideUp-mpDLB0;
   }
 

package/dist/components/avatar/avatar.js

@@ -5,18 +5,18 @@ import classnames from "classnames";
 import avatar_module from "./avatar.module.js";
 const url = 'https://picsum.photos/150';
 const avatar_Avatar = ({ initials })=>/*#__PURE__*/ jsxs(Avatar.Root, {
-        className: classnames('infonomic-avatar-root', avatar_module["avatar-root"]),
+        className: classnames('byline-avatar-root', avatar_module["avatar-root"]),
         children: [
             /*#__PURE__*/ jsx(Avatar.Image, {
                 src: url,
                 alt: "Avatar",
-                className: classnames('infonomic-avatar-image', avatar_module["avatar-image"])
+                className: classnames('byline-avatar-image', avatar_module["avatar-image"])
             }),
             /*#__PURE__*/ jsx(Avatar.Fallback, {
-                className: classnames('infonomic-avatar-fallback', avatar_module["avatar-fallback"]),
+                className: classnames('byline-avatar-fallback', avatar_module["avatar-fallback"]),
                 delay: 600,
                 children: /*#__PURE__*/ jsx("span", {
-                    className: classnames('infonomic-avatar-text', avatar_module["avatar-text"]),
+                    className: classnames('byline-avatar-text', avatar_module["avatar-text"]),
                     children: initials
                 })
             })

package/dist/components/avatar/avatar_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.avatar-root-WYOuF_, .infonomic-avatar-root) {
+  :is(.avatar-root-WYOuF_, .byline-avatar-root) {
     border-radius: 50%;
     width: 100%;
     height: 100%;
@@ -9,14 +9,14 @@
     position: relative;
   }
 
-  :is(.avatar-image-eGBbhF, .infonomic-avatar-image) {
+  :is(.avatar-image-eGBbhF, .byline-avatar-image) {
     object-fit: cover;
     border-radius: 50%;
     width: 100%;
     height: 100%;
   }
 
-  :is(.avatar-fallback-LnFLNm, .infonomic-avatar-fallback) {
+  :is(.avatar-fallback-LnFLNm, .byline-avatar-fallback) {
     background-color: var(--surface-panel-elevated);
     border-radius: 50%;
     justify-content: center;
@@ -26,7 +26,7 @@
     display: flex;
   }
 
-  :is(.avatar-text-Xf0G6q, .infonomic-avatar-text) {
+  :is(.avatar-text-Xf0G6q, .byline-avatar-text) {
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
     text-transform: uppercase;

package/dist/components/badge/badge.js

@@ -8,7 +8,7 @@ const Badge = ({ className, intent = 'primary', children, render, ref, ...rest }
         ref,
         props: {
             ...rest,
-            className: classnames('infonomic-badge', `infonomic-badge-${intent}`, badge_module.badge, badge_module[intent], className),
+            className: classnames('byline-badge', `byline-badge-${intent}`, badge_module.badge, badge_module[intent], className),
             children
         }
     });

package/dist/components/badge/badge_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.badge-8xVidp, .infonomic-badge) {
+  :is(.badge-8xVidp, .byline-badge) {
     font-size: var(--font-size-sm);
     text-align: center;
     white-space: nowrap;
@@ -13,37 +13,37 @@
     display: inline-block;
   }
 
-  :is(.primary-oZyR_M, .infonomic-badge-primary) {
+  :is(.primary-oZyR_M, .byline-badge-primary) {
     color: var(--text-on-primary-strong);
     background-color: var(--fill-primary-strong);
   }
 
-  :is(.secondary-VsqJTm, .infonomic-badge-secondary) {
+  :is(.secondary-VsqJTm, .byline-badge-secondary) {
     color: var(--text-on-secondary-strong);
     background-color: var(--fill-secondary-strong);
   }
 
-  :is(.noeffect-R8eJtO, .infonomic-badge-noeffect) {
+  :is(.noeffect-R8eJtO, .byline-badge-noeffect) {
     color: var(--text-on-noeffect-strong);
     background-color: var(--fill-noeffect-strong);
   }
 
-  :is(.success-h2otET, .infonomic-badge-success) {
+  :is(.success-h2otET, .byline-badge-success) {
     color: var(--text-on-success-strong);
     background-color: var(--fill-success-strong);
   }
 
-  :is(.info-OG3F3u, .infonomic-badge-info) {
+  :is(.info-OG3F3u, .byline-badge-info) {
     color: var(--text-on-info-strong);
     background-color: var(--fill-info-strong);
   }
 
-  :is(.warning-zTXksZ, .infonomic-badge-warning) {
+  :is(.warning-zTXksZ, .byline-badge-warning) {
     color: var(--text-on-warning-strong);
     background-color: var(--fill-warning-strong);
   }
 
-  :is(.danger-hKF7l_, .infonomic-badge-danger) {
+  :is(.danger-hKF7l_, .byline-badge-danger) {
     color: var(--text-on-danger-strong);
     background-color: var(--fill-danger-strong);
   }

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

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.button-group-uqvOi8, .infonomic-button-group) {
+  :is(.button-group-uqvOi8, .byline-button-group) {
     place-items: center;
     gap: var(--gap-2);
     flex-direction: column;
@@ -9,7 +9,7 @@
   }
 
   @media screen and (min-width: 40rem) {
-    :is(.button-group-uqvOi8, .infonomic-button-group) {
+    :is(.button-group-uqvOi8, .byline-button-group) {
       flex-direction: row;
     }
   }

package/dist/components/button/button.js

@@ -7,7 +7,7 @@ import button_module from "./button.module.js";
 const Button = ({ variant = 'filled', size = 'md', type = 'button', intent = 'primary', fullWidth = false, ripple = true, className, children, render, ref, ...rest })=>{
     const defaultProps = {
         type,
-        className: classnames('infonomic-button', `infonomic-button-${intent}`, `infonomic-button-${variant}`, `infonomic-button-${size}`, button_module.button, button_module[variant], button_module[size], button_module[intent], {
+        className: classnames('byline-button', `byline-button-${intent}`, `byline-button-${variant}`, `byline-button-${size}`, button_module.button, button_module[variant], button_module[size], button_module[intent], {
             [button_module.fullWidth]: true === fullWidth
         }, className),
         children

package/dist/components/button/button_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.button-IjDhC0, .infonomic-button) {
+  :is(.button-IjDhC0, .byline-button) {
     cursor: pointer;
     text-align: center;
     gap: var(--gap-2);
@@ -19,11 +19,11 @@
     display: inline-flex;
   }
 
-  :is(.button-IjDhC0:disabled, .button-IjDhC0[disabled], .infonomic-button:disabled, .infonomic-button[disabled]) {
+  :is(.button-IjDhC0:disabled, .button-IjDhC0[disabled], .byline-button:disabled, .byline-button[disabled]) {
     pointer-events: none;
   }
 
-  :is(.button-IjDhC0:focus, .button-IjDhC0:active, .infonomic-button:focus, .infonomic-button:active) {
+  :is(.button-IjDhC0:focus, .button-IjDhC0:active, .byline-button:focus, .byline-button:active) {
     outline-color: var(--ring-color);
   }
 
@@ -33,7 +33,7 @@
     padding: 0;
   }
 
-  .infonomic-button-square {
+  .byline-button-square {
     aspect-ratio: 1;
     border-radius: var(--border-radius-sm);
     padding: 0;
@@ -45,139 +45,143 @@
     padding: 0;
   }
 
-  .infonomic-button-round {
+  .byline-button-round {
     aspect-ratio: 1;
     border-radius: var(--border-radius-full);
     padding: 0;
   }
 
-  :is(.xs-jxTd5R, .infonomic-button-xs) {
+  :is(.xs-jxTd5R, .byline-button-xs) {
     min-height: 26px;
     padding: .2rem .4rem;
     font-size: .7rem;
   }
 
-  :is(.sm-uD_Ugt, .infonomic-button-sm) {
+  :is(.sm-uD_Ugt, .byline-button-sm) {
     min-height: 32px;
     padding: .25rem .5rem;
     font-size: .775rem;
   }
 
-  :is(.md-Qp9ad6, .infonomic-button-md) {
+  :is(.md-Qp9ad6, .byline-button-md) {
     min-height: 38px;
     padding: .625rem 1.25rem;
     font-size: .95rem;
   }
 
-  :is(.lg-FAYTen, .infonomic-button-lg) {
+  :is(.lg-FAYTen, .byline-button-lg) {
     min-height: 46px;
     padding: .75rem 1.5rem;
     font-size: 1.1rem;
   }
 
-  :is(.xl-Gwvhl4, .infonomic-button-xl) {
+  :is(.xl-Gwvhl4, .byline-button-xl) {
     min-height: 54px;
     padding: .75rem 1.5rem;
     font-size: 1.2rem;
   }
 
-  :is(.filled-CwGsrO, .infonomic-button-filled) {
+  :is(.filled-CwGsrO, .byline-button-filled) {
     color: var(--button-variant-filled-foreground);
     background-color: var(--button-variant-filled);
   }
 
-  :is(.filled-CwGsrO:hover, .infonomic-button-filled:hover) {
+  :is(.filled-CwGsrO:hover, .byline-button-filled:hover) {
     background-color: var(--button-variant-filled-hover);
   }
 
-  :is(.filled-CwGsrO:focus, .filled-CwGsrO:active, .infonomic-button-filled:focus, .infonomic-button-filled:active) {
+  :is(.filled-CwGsrO:focus, .filled-CwGsrO:active, .byline-button-filled:focus, .byline-button-filled:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  :is(.filled-CwGsrO:disabled, .filled-CwGsrO[disabled], .infonomic-button-filled:disabled, .infonomic-button-filled[disabled]) {
+  :is(.filled-CwGsrO:disabled, .filled-CwGsrO[disabled], .byline-button-filled:disabled, .byline-button-filled[disabled]) {
     background-color: var(--button-variant-filled-disabled, oklch(from var(--button-variant-filled) calc(l * 1.1) calc(c * .85) h));
-    color: var(--button-variant-filled-foreground-disabled, oklch(from var(--button-variant-filled-foreground) calc(l * .9) calc(c * .85) h));
+    color: var(--button-variant-filled-foreground-disabled, oklch(from var(--button-variant-filled-foreground) calc(l * .9)
+          calc(c * .85) h));
   }
 
-  :is(.filled-weak-QLU8bA, .infonomic-button-filled-weak) {
+  :is(.filled-weak-QLU8bA, .byline-button-filled-weak) {
     color: var(--button-variant-filled-weak-foreground);
     background-color: var(--button-variant-filled-weak);
   }
 
-  :is(.filled-weak-QLU8bA:hover, .infonomic-button-filled-weak:hover) {
+  :is(.filled-weak-QLU8bA:hover, .byline-button-filled-weak:hover) {
     background-color: var(--button-variant-filled-weak-hover);
   }
 
-  :is(.filled-weak-QLU8bA:focus, .filled-weak-QLU8bA:active, .infonomic-button-filled-weak:focus, .infonomic-button-filled-weak:active) {
+  :is(.filled-weak-QLU8bA:focus, .filled-weak-QLU8bA:active, .byline-button-filled-weak:focus, .byline-button-filled-weak:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  :is(.filled-weak-QLU8bA:disabled, .filled-weak-QLU8bA[disabled], .infonomic-button-filled-weak:disabled, .infonomic-button-filled-weak[disabled]) {
+  :is(.filled-weak-QLU8bA:disabled, .filled-weak-QLU8bA[disabled], .byline-button-filled-weak:disabled, .byline-button-filled-weak[disabled]) {
     background-color: var(--button-variant-filled-weak-disabled, oklch(from var(--button-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));
-    color: var(--button-variant-filled-weak-foreground-disabled, oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h));
+    color: var(--button-variant-filled-weak-foreground-disabled, oklch(from var(--button-variant-filled-weak-foreground) calc(l * .9)
+          calc(c * .85) h));
   }
 
-  :is(.outlined-nZGbxu, .infonomic-button-outlined) {
+  :is(.outlined-nZGbxu, .byline-button-outlined) {
     border: 1px solid var(--button-variant-outlined-border);
     color: var(--button-variant-outlined-foreground);
     background-color: var(--button-variant-outlined);
   }
 
-  :is(.outlined-nZGbxu:disabled, .outlined-nZGbxu[disabled], .infonomic-button-outlined:disabled, .infonomic-button-outlined[disabled]) {
+  :is(.outlined-nZGbxu:disabled, .outlined-nZGbxu[disabled], .byline-button-outlined:disabled, .byline-button-outlined[disabled]) {
     border-color: var(--button-variant-outlined-border-disabled, oklch(from var(--button-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));
-    color: var(--button-variant-outlined-foreground-disabled, oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h));
+    color: var(--button-variant-outlined-foreground-disabled, oklch(from var(--button-variant-outlined-foreground) calc(l * 1.1)
+          calc(c * .7) h));
   }
 
-  :is(.outlined-nZGbxu:hover, .infonomic-button-outlined:hover) {
+  :is(.outlined-nZGbxu:hover, .byline-button-outlined:hover) {
     background-color: var(--button-variant-outlined-hover);
   }
 
-  :is(.outlined-nZGbxu:focus, .outlined-nZGbxu:active, .infonomic-button-outlined:focus, .infonomic-button-outlined:active) {
+  :is(.outlined-nZGbxu:focus, .outlined-nZGbxu:active, .byline-button-outlined:focus, .byline-button-outlined:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  :is(.gradient-ySC3O3, .infonomic-button-gradient) {
+  :is(.gradient-ySC3O3, .byline-button-gradient) {
     color: var(--button-variant-gradient-foreground);
     background: linear-gradient(45deg,
       var(--button-variant-gradient-start),
       var(--button-variant-gradient-end));
   }
 
-  :is(.gradient-ySC3O3:disabled, .gradient-ySC3O3[disabled], .infonomic-button-gradient:disabled, .infonomic-button-gradient[disabled]) {
+  :is(.gradient-ySC3O3:disabled, .gradient-ySC3O3[disabled], .byline-button-gradient:disabled, .byline-button-gradient[disabled]) {
     background: unset;
     background-color: var(--button-variant-gradient-disabled, oklch(from var(--button-variant-gradient-end) calc(l * 1.2) calc(c * .85) h));
-    color: var(--button-variant-gradient-foreground-disabled, oklch(from var(--button-variant-gradient-foreground) calc(l * .9) calc(c * .85) h));
+    color: var(--button-variant-gradient-foreground-disabled, oklch(from var(--button-variant-gradient-foreground) calc(l * .9)
+          calc(c * .85) h));
   }
 
-  :is(.gradient-ySC3O3:hover, .infonomic-button-gradient:hover) {
+  :is(.gradient-ySC3O3:hover, .byline-button-gradient:hover) {
     color: var(--button-variant-gradient-foreground);
     background: linear-gradient(45deg,
       var(--button-variant-gradient-start),
       var(--button-variant-gradient-end));
   }
 
-  :is(.gradient-ySC3O3:focus, .gradient-ySC3O3:active, .infonomic-button-gradient:focus, .infonomic-button-gradient:active) {
+  :is(.gradient-ySC3O3:focus, .gradient-ySC3O3:active, .byline-button-gradient:focus, .byline-button-gradient:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  :is(.text-GaxlcE, .infonomic-button-text) {
+  :is(.text-GaxlcE, .byline-button-text) {
     background-color: var(--button-variant-text);
     color: var(--button-variant-text-foreground);
   }
 
-  :is(.text-GaxlcE:disabled, .text-GaxlcE[disabled], .infonomic-button-text:disabled, .infonomic-button-text[disabled]) {
+  :is(.text-GaxlcE:disabled, .text-GaxlcE[disabled], .byline-button-text:disabled, .byline-button-text[disabled]) {
     color: oklch(from var(--button-variant-text-foreground) calc(l * 1.5) calc(c * .5) h);
   }
 
-  :is(.text-GaxlcE:hover, .infonomic-button-text:hover) {
+  :is(.text-GaxlcE:hover, .byline-button-text:hover) {
     background-color: var(--button-variant-text-hover);
   }
 
-  :is(.text-GaxlcE:focus, .text-GaxlcE:active, .infonomic-button-text:focus, .infonomic-button-text:active) {
+  :is(.text-GaxlcE:focus, .text-GaxlcE:active, .byline-button-text:focus, .byline-button-text:active) {
     --ring-color: var(--button-ring-color);
   }
 
-  :is(.primary-tUmczz, .infonomic-button-primary) {
+  :is(.primary-tUmczz, .byline-button-primary) {
     --button-ring-color: var(--ring-primary);
     --button-variant-filled: var(--fill-primary-strong);
     --button-variant-filled-hover: var(--fill-primary-strong-hover);
@@ -205,7 +209,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-primary-strong-disabled);
   }
 
-  :is(.secondary-UqT2AY, .infonomic-button-secondary) {
+  :is(.secondary-UqT2AY, .byline-button-secondary) {
     --button-ring-color: var(--ring-secondary);
     --button-variant-filled: var(--fill-secondary-strong);
     --button-variant-filled-hover: var(--fill-secondary-strong-hover);
@@ -233,7 +237,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-secondary-strong-disabled);
   }
 
-  :is(.noeffect-fpxSgg, .infonomic-button-noeffect) {
+  :is(.noeffect-fpxSgg, .byline-button-noeffect) {
     --button-ring-color: var(--ring-noeffect);
     --button-variant-filled: var(--fill-noeffect-strong);
     --button-variant-filled-hover: var(--fill-noeffect-strong-hover);
@@ -262,7 +266,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-noeffect-strong-disabled);
   }
 
-  :is(.success-fTNDEn, .infonomic-button-success) {
+  :is(.success-fTNDEn, .byline-button-success) {
     --button-ring-color: var(--ring-success);
     --button-variant-filled: var(--fill-success-strong);
     --button-variant-filled-hover: var(--fill-success-strong-hover);
@@ -290,7 +294,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-success-strong-disabled);
   }
 
-  :is(.info-qrdXQD, .infonomic-button-info) {
+  :is(.info-qrdXQD, .byline-button-info) {
     --button-ring-color: var(--ring-info);
     --button-variant-filled: var(--fill-info-strong);
     --button-variant-filled-hover: var(--fill-info-strong-hover);
@@ -318,7 +322,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-info-strong-disabled);
   }
 
-  :is(.warning-a00T3A, .infonomic-button-warning) {
+  :is(.warning-a00T3A, .byline-button-warning) {
     --button-ring-color: var(--ring-warning);
     --button-variant-filled: var(--fill-warning-strong);
     --button-variant-filled-hover: var(--fill-warning-strong-hover);
@@ -346,7 +350,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-warning-strong-disabled);
   }
 
-  :is(.danger-rwIV_i, .infonomic-button-danger) {
+  :is(.danger-rwIV_i, .byline-button-danger) {
     --button-ring-color: var(--ring-danger);
     --button-variant-filled: var(--fill-danger-strong);
     --button-variant-filled-hover: var(--fill-danger-strong-hover);
@@ -374,7 +378,7 @@
     --button-variant-gradient-foreground-disabled: var(--text-on-danger-strong-disabled);
   }
 
-  :is(.fullWidth-wXvP0v, .infonomic-button-full-width) {
+  :is(.fullWidth-wXvP0v, .byline-button-full-width) {
     width: 100%;
     display: flex;
   }

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

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.combo-button-wrapper-nRtH6j, .infonomic-combo-button-wrapper) {
+  :is(.combo-button-wrapper-nRtH6j, .byline-combo-button-wrapper) {
     border-radius: var(--border-radius-sm);
     outline-offset: 2px;
     transition: outline-color var(--transition-normal);
@@ -19,15 +19,15 @@
     outline-color: var(--ring-color);
   }
 
-  .infonomic-combo-button-wrapper:focus-within {
+  .byline-combo-button-wrapper:focus-within {
     outline-color: var(--ring-color);
   }
 
-  .infonomic-combo-button-wrapper:has([data-popup-open]) {
+  .byline-combo-button-wrapper:has([data-popup-open]) {
     outline-color: var(--ring-color);
   }
 
-  :is(.combo-button-button-Cb8qgF, .infonomic-combo-button-button) {
+  :is(.combo-button-button-Cb8qgF, .byline-combo-button-button) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
@@ -36,7 +36,7 @@
     outline-color: #0000;
   }
 
-  :is(.combo-button-trigger-mVb2fy, .infonomic-combo-button-trigger) {
+  :is(.combo-button-trigger-mVb2fy, .byline-combo-button-trigger) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
@@ -45,7 +45,7 @@
     outline-color: #0000;
   }
 
-  :is(.combo-button-options-T9vVC9, .infonomic-combo-button-options) {
+  :is(.combo-button-options-T9vVC9, .byline-combo-button-options) {
     min-width: 120px;
   }
 }

package/dist/components/button/control-buttons.js

@@ -12,7 +12,7 @@ const DirectionalButton = ({ size = 'md', direction, className, onClick, ref, ..
         onClick: handleClick,
         type: "button",
         "aria-label": direction,
-        className: classnames('infonomic-control-button', direction, size, control_buttons_module["directional-button"], control_buttons_module[direction], control_buttons_module[size], className),
+        className: classnames('byline-control-button', direction, size, control_buttons_module["directional-button"], control_buttons_module[direction], control_buttons_module[size], className),
         children: /*#__PURE__*/ jsx("span", {
             children: /*#__PURE__*/ jsx("svg", {
                 className: "icon",

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

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.stop-button-krMTsl, .play-button-GfHYHO, .directional-button-kGS8rA, .infonomic-stop-button, .infonomic-play-button, .infonomic-directional-button) {
+  :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);
     cursor: pointer;

package/dist/components/button/copy-button.js

@@ -31,7 +31,7 @@ function CopyButton({ text, hoverText = 'Copy', copiedText = 'Copied!', variant,
     ]);
     const tooltipText = copied ? copiedText : hoverText;
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('infonomic-copy-button-container', copy_button_module["copy-button-container"], containerClassName),
+        className: classnames('byline-copy-button-container', copy_button_module["copy-button-container"], containerClassName),
         children: /*#__PURE__*/ jsx(Tooltip, {
             side: "top",
             sideOffset: 2,
@@ -47,7 +47,7 @@ function CopyButton({ text, hoverText = 'Copy', copiedText = 'Copied!', variant,
                 intent: intent,
                 fullWidth: fullWidth,
                 ripple: ripple,
-                className: classnames('infonomic-copy-button', `infonomic-copy-button-${variant}`, `infonomic-copy-button-${size}`, `infonomic-copy-button-${intent}`, copy_button_module[size], className),
+                className: classnames('byline-copy-button', `byline-copy-button-${variant}`, `byline-copy-button-${size}`, `byline-copy-button-${intent}`, copy_button_module[size], className),
                 onClick: handleCopied,
                 ...rest,
                 children: /*#__PURE__*/ jsx("svg", {

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

@@ -1,45 +1,45 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.copy-button-container-vCNz8o, .infonomic-copy-button-container) {
+  :is(.copy-button-container-vCNz8o, .byline-copy-button-container) {
     display: inline-block;
   }
 
-  :is(.copy-button-oa4bdj svg, .infonomic-copy-button svg) {
+  :is(.copy-button-oa4bdj svg, .byline-copy-button svg) {
     width: 90%;
     height: 90%;
     display: block;
   }
 
-  :is(.xs-lZmf78, .infonomic-copy-button-xs) {
+  :is(.xs-lZmf78, .byline-copy-button-xs) {
     width: 26px;
     height: 26px;
     min-height: 26px;
     padding: .25rem;
   }
 
-  :is(.sm-KNN1e5, .infonomic-copy-button-sm) {
+  :is(.sm-KNN1e5, .byline-copy-button-sm) {
     width: 32px;
     height: 32px;
     min-height: 32px;
     padding: .35rem;
   }
 
-  :is(.md-OoH0l4, .infonomic-copy-button-md) {
+  :is(.md-OoH0l4, .byline-copy-button-md) {
     width: 38px;
     height: 38px;
     min-height: 38px;
     padding: .45rem;
   }
 
-  :is(.lg-uu5ujz, .infonomic-copy-button-lg) {
+  :is(.lg-uu5ujz, .byline-copy-button-lg) {
     width: 46px;
     height: 46px;
     min-height: 46px;
     padding: .55rem;
   }
 
-  :is(.xl-pFYyrS, .infonomic-copy-button-xl) {
+  :is(.xl-pFYyrS, .byline-copy-button-xl) {
     width: 54px;
     height: 54px;
     min-height: 54px;