@byline/ui 1.10.1 → 1.10.3

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

@@ -1,25 +1,25 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.column-Ca6c3z, .infonomic-radio-group-column) {
+  :is(.column-Ca6c3z, .byline-radio-group-column) {
     gap: var(--gap-2);
     flex-direction: column;
     display: flex;
   }
 
-  :is(.row-ac6wE8, .infonomic-radio-group-row) {
+  :is(.row-ac6wE8, .byline-radio-group-row) {
     gap: var(--gap-2);
     flex-direction: row;
     display: flex;
   }
 
-  :is(.item-container-QhnOuU, .infonomic-radio-group-item-container) {
+  :is(.item-container-QhnOuU, .byline-radio-group-item-container) {
     align-items: center;
     gap: var(--gap-2);
     display: flex;
   }
 
-  :is(.item-uXVko1, .infonomic-radio-group-item) {
+  :is(.item-uXVko1, .byline-radio-group-item) {
     all: unset;
     border-radius: var(--border-radius-full);
     border: 2px solid var(--radio-border);
@@ -32,7 +32,7 @@
     pointer-events: none;
   }
 
-  .infonomic-radio-group-item[data-disabled] {
+  .byline-radio-group-item[data-disabled] {
     pointer-events: none;
   }
 
@@ -42,7 +42,7 @@
     transform: scale(1);
   }
 
-  .infonomic-radio-group-indicator[data-checked] {
+  .byline-radio-group-indicator[data-checked] {
     opacity: 1;
     animation: .3s cubic-bezier(.25, 1.5, .5, 1) forwards radioIn-fUcBet;
     transform: scale(1);
@@ -54,13 +54,13 @@
     transform: scale(.8);
   }
 
-  .infonomic-radio-group-indicator[data-unchecked] {
+  .byline-radio-group-indicator[data-unchecked] {
     opacity: 0;
     animation: .2s ease-in radioOut-mOJ8no;
     transform: scale(.8);
   }
 
-  :is(.indicator-B7b31p, .infonomic-radio-group-indicator) {
+  :is(.indicator-B7b31p, .byline-radio-group-indicator) {
     justify-content: center;
     align-items: center;
     width: 100%;
@@ -69,7 +69,7 @@
     position: relative;
   }
 
-  :is(.indicator-B7b31p, .infonomic-radio-group-indicator):after {
+  :is(.indicator-B7b31p, .byline-radio-group-indicator):after {
     content: "";
     background-color: var(--radio-indicator-color);
     border-radius: 50%;
@@ -78,49 +78,49 @@
     display: block;
   }
 
-  :is(.label-z3bd4D, .infonomic-radio-group-label) {
+  :is(.label-z3bd4D, .byline-radio-group-label) {
     color: var(--foreground);
     padding-left: var(--spacing-8);
     font-size: 15px;
     line-height: 1;
   }
 
-  :is(.row-ac6wE8 .label-z3bd4D, .infonomic-radio-group-row .infonomic-radio-group-label) {
+  :is(.row-ac6wE8 .label-z3bd4D, .byline-radio-group-row .byline-radio-group-label) {
     padding-left: 0;
     padding-right: var(--spacing-16);
   }
 
-  :is(.primary-Tdjbh6, .infonomic-radio-group-primary) {
+  :is(.primary-Tdjbh6, .byline-radio-group-primary) {
     --radio-border: var(--fill-primary-strong);
     --radio-indicator-color: var(--fill-primary-strong);
   }
 
-  :is(.secondary-OnQLgQ, .infonomic-radio-group-secondary) {
+  :is(.secondary-OnQLgQ, .byline-radio-group-secondary) {
     --radio-border: var(--fill-secondary-strong);
     --radio-indicator-color: var(--fill-secondary-strong);
   }
 
-  :is(.noeffect-utrLW3, .infonomic-radio-group-noeffect) {
+  :is(.noeffect-utrLW3, .byline-radio-group-noeffect) {
     --radio-border: var(--fill-noeffect-strong);
     --radio-indicator-color: var(--fill-noeffect-strong);
   }
 
-  :is(.success-ox6PBo, .infonomic-radio-group-success) {
+  :is(.success-ox6PBo, .byline-radio-group-success) {
     --radio-border: var(--fill-success-strong);
     --radio-indicator-color: var(--fill-success-strong);
   }
 
-  :is(.info-XQe2ch, .infonomic-radio-group-info) {
+  :is(.info-XQe2ch, .byline-radio-group-info) {
     --radio-border: var(--fill-info-strong);
     --radio-indicator-color: var(--fill-info-strong);
   }
 
-  :is(.warning-tb13WX, .infonomic-radio-group-warning) {
+  :is(.warning-tb13WX, .byline-radio-group-warning) {
     --radio-border: var(--fill-warning-strong);
     --radio-indicator-color: var(--fill-warning-strong);
   }
 
-  :is(.danger-wqLk2O, .infonomic-radio-group-danger) {
+  :is(.danger-wqLk2O, .byline-radio-group-danger) {
     --radio-border: var(--fill-danger-strong);
     --radio-indicator-color: var(--fill-danger-strong);
   }

package/dist/components/inputs/select.js

@@ -10,7 +10,7 @@ import { HelpText } from "./help-text.js";
 import select_module from "./select.module.js";
 function select_Select({ id, children, placeholder, disabledValue, intent, variant, size, position, containerClassName, className, ariaLabel, helpText, items, ...rest }) {
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('infonomic-select-container', containerClassName),
+        className: classnames('byline-select-container', containerClassName),
         children: [
             /*#__PURE__*/ jsxs(Select.Root, {
                 items: items,
@@ -70,12 +70,12 @@ function select_Select({ id, children, placeholder, disabledValue, intent, varia
     });
 }
 const SelectItem = ({ ref: forwardedRef, children, className, ...props })=>/*#__PURE__*/ jsxs(Select.Item, {
-        className: classnames('infonomic-select-item', select_module["select-item"], className),
+        className: classnames('byline-select-item', select_module["select-item"], className),
         ...props,
         ref: forwardedRef,
         children: [
             /*#__PURE__*/ jsx(Select.ItemIndicator, {
-                className: classnames('infonomic-select-item-indicator', select_module["select-item-indicator"]),
+                className: classnames('byline-select-item-indicator', select_module["select-item-indicator"]),
                 children: /*#__PURE__*/ jsx(CheckIcon, {})
             }),
             /*#__PURE__*/ jsx(Select.ItemText, {

package/dist/components/inputs/select_module.css

@@ -1,11 +1,11 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.positioner-Mjx718, .infonomic-select-positioner) {
+  :is(.positioner-Mjx718, .byline-select-positioner) {
     z-index: 50;
   }
 
-  :is(.popup-GCcnyH, .infonomic-select-popup) {
+  :is(.popup-GCcnyH, .byline-select-popup) {
     z-index: 50;
     border: 1px solid var(--surface-panel-border);
     box-shadow: var(--shadow-md);
@@ -27,11 +27,11 @@
     padding: 8px;
   }
 
-  :is(.list-UnpLpt, .infonomic-select-list) {
+  :is(.list-UnpLpt, .byline-select-list) {
     z-index: 50;
   }
 
-  :is(.scroll-arrow-JHznBc, .infonomic-select-scroll-arrow) {
+  :is(.scroll-arrow-JHznBc, .byline-select-scroll-arrow) {
     color: var(--surface-item-text);
     border: 1px solid var(--surface-panel-border);
     box-shadow: var(--shadow-md);
@@ -43,7 +43,7 @@
     display: flex;
   }
 
-  :is(.select-item-rnKFPV, .infonomic-select-item) {
+  :is(.select-item-rnKFPV, .byline-select-item) {
     -webkit-user-select: none;
     user-select: none;
     color: var(--surface-item-text);
@@ -64,7 +64,7 @@
     pointer-events: none;
   }
 
-  .infonomic-select-item[data-disabled] {
+  .byline-select-item[data-disabled] {
     color: var(--surface-item-text-disabled);
     pointer-events: none;
   }
@@ -75,13 +75,13 @@
     outline: none;
   }
 
-  .infonomic-select-item[data-highlighted] {
+  .byline-select-item[data-highlighted] {
     background-color: var(--surface-item-hover);
     color: var(--surface-item-text-hover);
     outline: none;
   }
 
-  :is(.select-item-indicator-OygYkn, .infonomic-select-item-indicator) {
+  :is(.select-item-indicator-OygYkn, .byline-select-item-indicator) {
     justify-content: center;
     align-items: center;
     width: 24px;

package/dist/components/inputs/text-area.js

@@ -28,7 +28,7 @@ const text_area_TextArea = function({ ref, id, name, label, rows = 4, required =
                 "aria-required": required,
                 "aria-errormessage": errorText,
                 "aria-describedby": error ? `error-for-${id}` : void 0,
-                className: classnames('infonomic-text-area', `infonomic-text-area-${variant}`, `infonomic-text-area-${intent}`, input_module.input, input_module[variant], input_module[intent], text_area_module["text-area"], text_area_module[variant], {
+                className: classnames('byline-text-area', `byline-text-area-${variant}`, `byline-text-area-${intent}`, input_module.input, input_module[variant], input_module[intent], text_area_module["text-area"], text_area_module[variant], {
                     [input_module.error]: error
                 }, className),
                 ...rest

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

@@ -1,18 +1,18 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.text-area-TY2VVE, .infonomic-text-area) {
+  :is(.text-area-TY2VVE, .byline-text-area) {
     width: 100%;
     padding: .5rem;
     font-size: 1rem;
   }
 
-  :is(.underlined-TE6gDa, .infonomic-text-area--underlined) {
+  :is(.underlined-TE6gDa, .byline-text-area--underlined) {
     padding-left: 0;
     padding-right: 0;
   }
 
-  :is(.underlined-TE6gDa:focus, .underlined-TE6gDa:active, .infonomic-text-area--underlined:focus, .infonomic-text-area--underlined:active) {
+  :is(.underlined-TE6gDa:focus, .underlined-TE6gDa:active, .byline-text-area--underlined:focus, .byline-text-area--underlined:active) {
     outline: none;
   }
 }

package/dist/components/notifications/alert.js

@@ -31,21 +31,21 @@ const alert_Alert = function({ ref, intent = 'success', icon = true, close = tru
     if (false === show) return null;
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: classnames('infonomic-alert', `infonomic-alert-${intent}`, alert_module.alert, alert_module[intent], className, {
+        className: classnames('byline-alert', `byline-alert-${intent}`, alert_module.alert, alert_module[intent], className, {
             [alert_module.fade]: fade
         }),
         ...rest,
         children: null != title ? /*#__PURE__*/ jsxs("div", {
-            className: classnames('infonomic-alert-with-title', alert_module["alert-with-title"]),
+            className: classnames('byline-alert-with-title', alert_module["alert-with-title"]),
             children: [
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('infonomic-alert-header', alert_module.header),
+                    className: classnames('byline-alert-header', alert_module.header),
                     children: [
                         icon && /*#__PURE__*/ jsx(Icon, {
-                            className: classnames('infonomic-alert-icon', alert_module.icon)
+                            className: classnames('byline-alert-icon', alert_module.icon)
                         }),
                         /*#__PURE__*/ jsx("div", {
-                            className: classnames('infonomic-alert-title', alert_module.title),
+                            className: classnames('byline-alert-title', alert_module.title),
                             children: /*#__PURE__*/ jsx("span", {
                                 children: title
                             })
@@ -54,7 +54,7 @@ const alert_Alert = function({ ref, intent = 'success', icon = true, close = tru
                             intent: intent,
                             variant: "filled",
                             "aria-label": "Close",
-                            className: classnames('infonomic-alert-close', alert_module.close),
+                            className: classnames('byline-alert-close', alert_module.close),
                             type: "button",
                             onClick: handleOnClose,
                             ...rest,
@@ -66,24 +66,24 @@ const alert_Alert = function({ ref, intent = 'success', icon = true, close = tru
                     ]
                 }),
                 /*#__PURE__*/ jsx("div", {
-                    className: classnames('infonomic-alert-content', alert_module.content),
+                    className: classnames('byline-alert-content', alert_module.content),
                     children: children
                 })
             ]
         }) : /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 icon && /*#__PURE__*/ jsx(Icon, {
-                    className: classnames('infonomic-alert-icon', alert_module.icon)
+                    className: classnames('byline-alert-icon', alert_module.icon)
                 }),
                 /*#__PURE__*/ jsx("div", {
-                    className: classnames('infonomic-alert-content', alert_module.content),
+                    className: classnames('byline-alert-content', alert_module.content),
                     children: children
                 }),
                 true === close && /*#__PURE__*/ jsx(Button, {
                     intent: intent,
                     variant: "filled",
                     "aria-label": "Close",
-                    className: classnames('infonomic-alert-close', alert_module.close),
+                    className: classnames('byline-alert-close', alert_module.close),
                     type: "button",
                     onClick: handleOnClose,
                     ...rest,

package/dist/components/notifications/alert_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.alert-dXimWG, .infonomic-alert) {
+  :is(.alert-dXimWG, .byline-alert) {
     align-items: start;
     gap: var(--gap-2);
     border-radius: var(--border-radius-md);
@@ -17,13 +17,13 @@
     display: flex;
   }
 
-  :is(.alert-with-title-SylcSu, .infonomic-alert-with-title) {
+  :is(.alert-with-title-SylcSu, .byline-alert-with-title) {
     flex-direction: column;
     width: 100%;
     display: flex;
   }
 
-  :is(.icon-RcHAGq, .infonomic-alert-icon) {
+  :is(.icon-RcHAGq, .byline-alert-icon) {
     justify-content: center;
     align-items: center;
     width: 24px;
@@ -33,7 +33,7 @@
     display: flex;
   }
 
-  :is(.close-BUVZO7, .infonomic-alert-close) {
+  :is(.close-BUVZO7, .byline-alert-close) {
     border-radius: 100%;
     justify-content: center;
     align-items: center;
@@ -47,12 +47,12 @@
     display: flex;
   }
 
-  :is(.fade-VGuhOJ, .infonomic-alert-fade) {
+  :is(.fade-VGuhOJ, .byline-alert-fade) {
     opacity: 0;
     transition: opacity .4s ease-in-out;
   }
 
-  :is(.header-y_AKgG, .infonomic-alert-header) {
+  :is(.header-y_AKgG, .byline-alert-header) {
     width: 100%;
     margin-bottom: var(--spacing-8);
     align-items: start;
@@ -60,7 +60,7 @@
     display: flex;
   }
 
-  :is(.title-M6aCqW, .infonomic-alert-title) {
+  :is(.title-M6aCqW, .byline-alert-title) {
     padding-top: 1px;
     font-size: 1.2rem;
     font-weight: bold;
@@ -68,7 +68,7 @@
     display: flex;
   }
 
-  :is(.content-oyoXMS, .infonomic-alert-content) {
+  :is(.content-oyoXMS, .byline-alert-content) {
     font-size: var(--font-size-sm);
     padding-top: 1px;
   }
@@ -77,41 +77,41 @@
     margin-top: 0;
   }
 
-  .infonomic-alert-content:first-child {
+  .byline-alert-content:first-child {
     margin-top: 0;
   }
 
-  :is(.primary-Y1uhvt, .infonomic-alert-primary) {
+  :is(.primary-Y1uhvt, .byline-alert-primary) {
     --alert-border: var(--stroke-primary);
     --alert-background: var(--fill-primary-weak);
   }
 
-  :is(.secondary-A_6wDq, .infonomic-alert-secondary) {
+  :is(.secondary-A_6wDq, .byline-alert-secondary) {
     --alert-border: var(--stroke-secondary);
     --alert-background: var(--fill-secondary-weak);
   }
 
-  :is(.noeffect-4mzRDQ, .infonomic-alert-noeffect) {
+  :is(.noeffect-4mzRDQ, .byline-alert-noeffect) {
     --alert-border: var(--stroke-noeffect);
     --alert-background: var(--fill-noeffect-weak);
   }
 
-  :is(.success-FCgDMo, .infonomic-alert-success) {
+  :is(.success-FCgDMo, .byline-alert-success) {
     --alert-border: var(--stroke-success);
     --alert-background: var(--fill-success-weak);
   }
 
-  :is(.info-KZnWBW, .infonomic-alert-info) {
+  :is(.info-KZnWBW, .byline-alert-info) {
     --alert-border: var(--stroke-info);
     --alert-background: var(--fill-info-weak);
   }
 
-  :is(.warning-UtouDH, .infonomic-alert-warning) {
+  :is(.warning-UtouDH, .byline-alert-warning) {
     --alert-border: var(--stroke-warning);
     --alert-background: var(--fill-warning-weak);
   }
 
-  :is(.danger-QFtDqI, .infonomic-alert-danger) {
+  :is(.danger-QFtDqI, .byline-alert-danger) {
     --alert-border: var(--stroke-danger);
     --alert-background: var(--fill-danger-weak);
   }

package/dist/components/notifications/toast.js

@@ -30,7 +30,7 @@ function ToastViewport({ position = 'bottom-right', className }) {
     const { toasts } = Toast.useToastManager();
     return /*#__PURE__*/ jsx(Toast.Portal, {
         children: /*#__PURE__*/ jsx(Toast.Viewport, {
-            className: classnames('infonomic-toast-viewport', toast_module.viewport, toast_module[position], className),
+            className: classnames('byline-toast-viewport', toast_module.viewport, toast_module[position], className),
             children: toasts.map((toast)=>/*#__PURE__*/ jsx(ToastItem, {
                     toast: toast
                 }, toast.id))
@@ -48,12 +48,12 @@ function ToastItem({ toast }) {
     return /*#__PURE__*/ jsx(Toast.Root, {
         toast: toast,
         swipeDirection: swipeDirection,
-        className: classnames('infonomic-toast', toast_module.root),
+        className: classnames('byline-toast', toast_module.root),
         children: /*#__PURE__*/ jsxs(Toast.Content, {
-            className: classnames('infonomic-toast-content', toast_module.content),
+            className: classnames('byline-toast-content', toast_module.content),
             children: [
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('infonomic-toast-header', toast_module.header),
+                    className: classnames('byline-toast-header', toast_module.header),
                     children: [
                         /*#__PURE__*/ jsx("time", {
                             dateTime: eventDateRef.current.toISOString(),
@@ -70,7 +70,7 @@ function ToastItem({ toast }) {
                                 tabIndex: 0,
                                 variant: "filled",
                                 "aria-label": "Close",
-                                className: classnames('infonomic-toast-close', toast_module.close),
+                                className: classnames('byline-toast-close', toast_module.close),
                                 type: "button"
                             }),
                             children: /*#__PURE__*/ jsx(CloseIcon, {
@@ -81,14 +81,14 @@ function ToastItem({ toast }) {
                     ]
                 }),
                 /*#__PURE__*/ jsxs(Toast.Title, {
-                    className: classnames('infonomic-toast-title', toast_module.title),
+                    className: classnames('byline-toast-title', toast_module.title),
                     children: [
                         icon && Icon && /*#__PURE__*/ jsx(Icon, {}),
                         toast.title
                     ]
                 }),
                 /*#__PURE__*/ jsx(Toast.Description, {
-                    className: classnames("infonomic-toast-description", toast_module.description),
+                    className: classnames("byline-toast-description", toast_module.description),
                     children: toast.description
                 })
             ]

package/dist/components/notifications/toast_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.viewport-x4CvHl, .infonomic-toast-viewport) {
+  :is(.viewport-x4CvHl, .byline-toast-viewport) {
     --viewport-padding: 16px;
     z-index: var(--z-index-toast);
     outline: none;
@@ -11,20 +11,20 @@
     position: fixed;
   }
 
-  :is(.top-left-dy_IMc, .infonomic-toast-top-left), :is(.top-right-OsKbVb, .infonomic-toast-top-right) {
+  :is(.top-left-dy_IMc, .byline-toast-top-left), :is(.top-right-OsKbVb, .byline-toast-top-right) {
     top: 88px;
     right: var(--viewport-padding);
     left: var(--viewport-padding);
   }
 
-  :is(.bottom-left-_RdEZn, .infonomic-toast-bottom-left), :is(.bottom-right-Nzuhur, .infonomic-toast-bottom-right) {
+  :is(.bottom-left-_RdEZn, .byline-toast-bottom-left), :is(.bottom-right-Nzuhur, .byline-toast-bottom-right) {
     bottom: var(--viewport-padding);
     right: var(--viewport-padding);
     left: var(--viewport-padding);
   }
 
   @media (min-width: 48rem) {
-    :is(.bottom-right-Nzuhur, .infonomic-toast-bottom-right) {
+    :is(.bottom-right-Nzuhur, .byline-toast-bottom-right) {
       bottom: var(--viewport-padding);
       right: var(--viewport-padding);
       width: 100%;
@@ -32,7 +32,7 @@
       left: auto;
     }
 
-    :is(.bottom-left-_RdEZn, .infonomic-toast-bottom-left) {
+    :is(.bottom-left-_RdEZn, .byline-toast-bottom-left) {
       bottom: var(--viewport-padding);
       left: var(--viewport-padding);
       width: 100%;
@@ -40,7 +40,7 @@
       right: auto;
     }
 
-    :is(.top-left-dy_IMc, .infonomic-toast-top-left) {
+    :is(.top-left-dy_IMc, .byline-toast-top-left) {
       top: 88px;
       left: var(--viewport-padding);
       width: 100%;
@@ -49,7 +49,7 @@
       right: auto;
     }
 
-    :is(.top-right-OsKbVb, .infonomic-toast-top-right) {
+    :is(.top-right-OsKbVb, .byline-toast-top-right) {
       top: 88px;
       right: var(--viewport-padding);
       width: 100%;
@@ -59,7 +59,7 @@
     }
   }
 
-  :is(.root-dWN7jD, .infonomic-toast-root) {
+  :is(.root-dWN7jD, .byline-toast-root) {
     gap: var(--gap-1);
     background: var(--surface-panel-elevated);
     border-width: var(--border-width-thin);
@@ -81,7 +81,7 @@
     transform: translateY(calc(100% + var(--viewport-padding)));
   }
 
-  .infonomic-toast-root[data-starting-style] {
+  .byline-toast-root[data-starting-style] {
     opacity: 0;
     transform: translateY(calc(100% + var(--viewport-padding)));
   }
@@ -92,12 +92,13 @@
       transform: translateX(calc(100% + var(--viewport-padding)));
     }
 
-    .infonomic-toast-viewport.top-right .infonomic-toast-root[data-starting-style] {
+    .byline-toast-viewport.top-right .byline-toast-root[data-starting-style] {
       opacity: 0;
       transform: translateX(calc(100% + var(--viewport-padding)));
     }
 
-    .infonomic-toast-viewport.bottom-right .infonomic-toast-root[data-starting-style] {
+    .byline-toast-viewport.bottom-right
+        .byline-toast-root[data-starting-style] {
       opacity: 0;
       transform: translateX(calc(100% + var(--viewport-padding)));
     }
@@ -107,12 +108,12 @@
       transform: translateX(calc(-100% - var(--viewport-padding)));
     }
 
-    .infonomic-toast-viewport.top-left .infonomic-toast-root[data-starting-style] {
+    .byline-toast-viewport.top-left .byline-toast-root[data-starting-style] {
       opacity: 0;
       transform: translateX(calc(-100% - var(--viewport-padding)));
     }
 
-    .infonomic-toast-viewport.bottom-left .infonomic-toast-root[data-starting-style] {
+    .byline-toast-viewport.bottom-left .byline-toast-root[data-starting-style] {
       opacity: 0;
       transform: translateX(calc(-100% - var(--viewport-padding)));
     }
@@ -122,7 +123,7 @@
     opacity: 0;
   }
 
-  .infonomic-toast-root[data-ending-style] {
+  .byline-toast-root[data-ending-style] {
     opacity: 0;
   }
 
@@ -130,7 +131,7 @@
     transform: translateX(calc(var(--toast-swipe-movement-x, 0) + 100% + var(--viewport-padding)));
   }
 
-  .infonomic-toast-root[data-ending-style][data-swipe-direction="right"] {
+  .byline-toast-root[data-ending-style][data-swipe-direction="right"] {
     transform: translateX(calc(var(--toast-swipe-movement-x, 0) + 100% + var(--viewport-padding)));
   }
 
@@ -138,7 +139,7 @@
     transform: translateX(calc(var(--toast-swipe-movement-x, 0) - 100% - var(--viewport-padding)));
   }
 
-  .infonomic-toast-root[data-ending-style][data-swipe-direction="left"] {
+  .byline-toast-root[data-ending-style][data-swipe-direction="left"] {
     transform: translateX(calc(var(--toast-swipe-movement-x, 0) - 100% - var(--viewport-padding)));
   }
 
@@ -146,17 +147,17 @@
     transform: translateY(calc(var(--toast-swipe-movement-y, 0) + 150%));
   }
 
-  .infonomic-toast-root[data-ending-style][data-swipe-direction="down"] {
+  .byline-toast-root[data-ending-style][data-swipe-direction="down"] {
     transform: translateY(calc(var(--toast-swipe-movement-y, 0) + 150%));
   }
 
-  :is(.content-o83ZAp, .infonomic-toast-content) {
+  :is(.content-o83ZAp, .byline-toast-content) {
     gap: var(--gap-1);
     flex-direction: column;
     display: flex;
   }
 
-  :is(.header-ItoxDs, .infonomic-toast-header) {
+  :is(.header-ItoxDs, .byline-toast-header) {
     align-items: start;
     gap: var(--gap-2);
     justify-content: space-between;
@@ -164,7 +165,7 @@
     display: flex;
   }
 
-  :is(.close-HwTMjn, .infonomic-toast-close) {
+  :is(.close-HwTMjn, .byline-toast-close) {
     border-radius: 100%;
     justify-content: center;
     align-items: center;
@@ -182,11 +183,11 @@
     fill: #fff;
   }
 
-  .infonomic-toast-close svg {
+  .byline-toast-close svg {
     fill: #fff;
   }
 
-  :is(.title-qfQE8M, .infonomic-toast-title) {
+  :is(.title-qfQE8M, .byline-toast-title) {
     align-items: start;
     gap: var(--gap-2);
     margin-bottom: 5px;
@@ -196,14 +197,14 @@
     display: flex;
   }
 
-  :is(.description-nQWtgX, .infonomic-toast-description) {
+  :is(.description-nQWtgX, .byline-toast-description) {
     font-size: var(--font-size-sm);
     margin: 0;
     padding: 0 8px 0 12px;
     line-height: 1.3;
   }
 
-  :is(.action-PunqB2, .infonomic-toast-action) {
+  :is(.action-PunqB2, .byline-toast-action) {
     justify-content: end;
     padding: 0 12px;
     display: flex;