@byline/ui 1.10.2 → 1.11.0

package/dist/components/hamburger/hamburger_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.hamburger-CFjgP7, .infonomic-hamburger) {
+  :is(.hamburger-CFjgP7, .byline-hamburger) {
     --hamburger-color: currentColor;
     --hamburger-focus-ring-color: currentColor;
     z-index: 200;
@@ -26,12 +26,12 @@
     overflow: hidden;
   }
 
-  :is(.hamburger-CFjgP7:focus-visible, .infonomic-hamburger:focus-visible) {
+  :is(.hamburger-CFjgP7:focus-visible, .byline-hamburger:focus-visible) {
     outline: 2px solid var(--hamburger-focus-ring-color);
     outline-offset: 2px;
   }
 
-  :is(.box-E9EZxm, .infonomic-hamburger-box) {
+  :is(.box-E9EZxm, .byline-hamburger-box) {
     pointer-events: none;
     width: 24px;
     height: 24px;
@@ -39,7 +39,7 @@
     position: relative;
   }
 
-  :is(.inner-G4BGMv, .infonomic-hamburger-inner) {
+  :is(.inner-G4BGMv, .byline-hamburger-inner) {
     margin-top: -1px;
     transition-duration: 75ms;
     transition-timing-function: cubic-bezier(.55, .055, .675, .19);
@@ -58,7 +58,7 @@
     position: absolute;
   }
 
-  .infonomic-hamburger-inner {
+  .byline-hamburger-inner {
     background-color: var(--hamburger-color);
     border-radius: 0;
     width: 24px;
@@ -69,7 +69,7 @@
     position: absolute;
   }
 
-  .infonomic-hamburger-inner:before {
+  .byline-hamburger-inner:before {
     background-color: var(--hamburger-color);
     border-radius: 0;
     width: 24px;
@@ -80,7 +80,7 @@
     position: absolute;
   }
 
-  .infonomic-hamburger-inner:after {
+  .byline-hamburger-inner:after {
     background-color: var(--hamburger-color);
     border-radius: 0;
     width: 24px;
@@ -96,12 +96,12 @@
     display: block;
   }
 
-  .infonomic-hamburger-inner:before {
+  .byline-hamburger-inner:before {
     content: "";
     display: block;
   }
 
-  .infonomic-hamburger-inner:after {
+  .byline-hamburger-inner:after {
     content: "";
     display: block;
   }
@@ -111,7 +111,7 @@
     top: -8px;
   }
 
-  .infonomic-hamburger-inner:before {
+  .byline-hamburger-inner:before {
     transition: top 75ms .12s, opacity 75ms;
     top: -8px;
   }
@@ -121,12 +121,12 @@
     bottom: -8px;
   }
 
-  .infonomic-hamburger-inner:after {
+  .byline-hamburger-inner:after {
     transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
     bottom: -8px;
   }
 
-  :is(.open-OQO244 .inner-G4BGMv, .infonomic-hamburger-open .infonomic-hamburger-inner) {
+  :is(.open-OQO244 .inner-G4BGMv, .byline-hamburger-open .byline-hamburger-inner) {
     transition-delay: .12s;
     transition-timing-function: cubic-bezier(.215, .61, .355, 1);
     transform: rotate(45deg);
@@ -138,7 +138,7 @@
     top: 0;
   }
 
-  .infonomic-hamburger-open .infonomic-hamburger-inner:before {
+  .byline-hamburger-open .byline-hamburger-inner:before {
     opacity: 0;
     transition: top 75ms, opacity 75ms .12s;
     top: 0;
@@ -150,18 +150,18 @@
     transform: rotate(-90deg);
   }
 
-  .infonomic-hamburger-open .infonomic-hamburger-inner:after {
+  .byline-hamburger-open .byline-hamburger-inner:after {
     transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
     bottom: 0;
     transform: rotate(-90deg);
   }
 
-  :is(.onDark-ZAa2Qt, .infonomic-hamburger-on-dark) {
+  :is(.onDark-ZAa2Qt, .byline-hamburger-on-dark) {
     --hamburger-color: white;
     --hamburger-focus-ring-color: #ffffffb3;
   }
 
-  :is(.onLight-s1LZFP, .infonomic-hamburger-on-light) {
+  :is(.onLight-s1LZFP, .byline-hamburger-on-light) {
     --hamburger-color: var(--foreground, #1a1a1a);
     --hamburger-focus-ring-color: var(--foreground, #1a1a1a);
   }

package/dist/components/inputs/autocomplete.js

@@ -8,7 +8,7 @@ import { HelpText } from "./help-text.js";
 import { Label } from "./label.js";
 function autocomplete_Autocomplete({ id, label, variant = 'outlined', inputSize = 'md', intent = 'primary', required, placeholder = '', autoComplete = 'off', error = false, helpText = '', errorText = '', emptyText = 'No results found.', className, inputClassName, wrapperClassName, items, children, sideOffset = 4, ...rest }) {
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('infonomic-autocomplete-wrapper', autocomplete_module["autocomplete-wrapper"], wrapperClassName),
+        className: classnames('byline-autocomplete-wrapper', autocomplete_module["autocomplete-wrapper"], wrapperClassName),
         children: [
             /*#__PURE__*/ jsxs(Autocomplete.Root, {
                 items: items,
@@ -29,23 +29,23 @@ function autocomplete_Autocomplete({ id, label, variant = 'outlined', inputSize
                         "aria-required": required,
                         "aria-errormessage": error ? errorText : void 0,
                         "aria-describedby": error ? `error-for-${id}` : void 0,
-                        className: classnames('infonomic-autocomplete-input', `infonomic-autocomplete-input-${variant}`, `infonomic-autocomplete-input-${inputSize}`, `infonomic-autocomplete-input-${intent}`, autocomplete_module.input, autocomplete_module[variant], autocomplete_module[inputSize], autocomplete_module[intent], {
+                        className: classnames('byline-autocomplete-input', `byline-autocomplete-input-${variant}`, `byline-autocomplete-input-${inputSize}`, `byline-autocomplete-input-${intent}`, autocomplete_module.input, autocomplete_module[variant], autocomplete_module[inputSize], autocomplete_module[intent], {
                             [autocomplete_module.error]: error
                         }, className, inputClassName)
                     }),
                     /*#__PURE__*/ jsx(Autocomplete.Portal, {
                         children: /*#__PURE__*/ jsx(Autocomplete.Positioner, {
-                            className: classnames('infonomic-autocomplete-positioner', autocomplete_module.positioner),
+                            className: classnames('byline-autocomplete-positioner', autocomplete_module.positioner),
                             sideOffset: sideOffset,
                             children: /*#__PURE__*/ jsxs(Autocomplete.Popup, {
-                                className: classnames('infonomic-autocomplete-popup', autocomplete_module.popup, null != inputSize && autocomplete_module[`popup-${inputSize}`]),
+                                className: classnames('byline-autocomplete-popup', autocomplete_module.popup, null != inputSize && autocomplete_module[`popup-${inputSize}`]),
                                 children: [
                                     /*#__PURE__*/ jsx(Autocomplete.Empty, {
-                                        className: classnames('infonomic-autocomplete-empty', autocomplete_module.empty),
+                                        className: classnames('byline-autocomplete-empty', autocomplete_module.empty),
                                         children: emptyText
                                     }),
                                     /*#__PURE__*/ jsx(Autocomplete.List, {
-                                        className: classnames('infonomic-autocomplete-list', autocomplete_module.list),
+                                        className: classnames('byline-autocomplete-list', autocomplete_module.list),
                                         children: children
                                     })
                                 ]
@@ -66,7 +66,7 @@ function autocomplete_Autocomplete({ id, label, variant = 'outlined', inputSize
     });
 }
 const AutocompleteItem = ({ ref: forwardedRef, children, className, ...props })=>/*#__PURE__*/ jsx(Autocomplete.Item, {
-        className: classnames('infonomic-autocomplete-item', autocomplete_module["autocomplete-item"], className),
+        className: classnames('byline-autocomplete-item', autocomplete_module["autocomplete-item"], className),
         ...props,
         ref: forwardedRef,
         children: children
@@ -74,13 +74,13 @@ const AutocompleteItem = ({ ref: forwardedRef, children, className, ...props })=
 AutocompleteItem.displayName = 'AutocompleteItem';
 const AutocompleteGroup = Autocomplete.Group;
 const AutocompleteGroupLabel = ({ children, className, ...props })=>/*#__PURE__*/ jsx(Autocomplete.GroupLabel, {
-        className: classnames('infonomic-autocomplete-group-label', autocomplete_module["group-label"], className),
+        className: classnames('byline-autocomplete-group-label', autocomplete_module["group-label"], className),
         ...props,
         children: children
     });
 AutocompleteGroupLabel.displayName = 'AutocompleteGroupLabel';
 const AutocompleteSeparator = ({ className, ...props })=>/*#__PURE__*/ jsx(Autocomplete.Separator, {
-        className: classnames('infonomic-autocomplete-separator', autocomplete_module.separator, className),
+        className: classnames('byline-autocomplete-separator', autocomplete_module.separator, className),
         ...props
     });
 AutocompleteSeparator.displayName = 'AutocompleteSeparator';

package/dist/components/inputs/autocomplete_module.css

@@ -1,13 +1,13 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.autocomplete-wrapper-JirsmI, .infonomic-autocomplete-wrapper) {
+  :is(.autocomplete-wrapper-JirsmI, .byline-autocomplete-wrapper) {
     gap: var(--gap-1);
     flex-direction: column;
     display: flex;
   }
 
-  :is(.input-nIzHob, .infonomic-autocomplete-input) {
+  :is(.input-nIzHob, .byline-autocomplete-input) {
     outline-offset: 2px;
     gap: var(--gap-2);
     width: 100%;
@@ -20,49 +20,49 @@
     display: inline-flex;
   }
 
-  :is(.input-nIzHob:focus, .input-nIzHob:active, .infonomic-autocomplete-input:focus, .infonomic-autocomplete-input:active) {
+  :is(.input-nIzHob:focus, .input-nIzHob:active, .byline-autocomplete-input:focus, .byline-autocomplete-input:active) {
     outline-color: var(--ring-color);
   }
 
-  :is(.input-nIzHob:disabled, .input-nIzHob[disabled], .infonomic-autocomplete-input:disabled, .infonomic-autocomplete-input[disabled]) {
+  :is(.input-nIzHob:disabled, .input-nIzHob[disabled], .byline-autocomplete-input:disabled, .byline-autocomplete-input[disabled]) {
     pointer-events: none;
   }
 
-  :is(.sm-m41uwR, .infonomic-autocomplete-input-sm) {
+  :is(.sm-m41uwR, .byline-autocomplete-input-sm) {
     min-height: 32px;
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 0;
   }
 
-  :is(.md-pauitB, .infonomic-autocomplete-input-md) {
+  :is(.md-pauitB, .byline-autocomplete-input-md) {
     min-height: 36px;
     padding: .3rem .5rem;
     font-size: 1rem;
     line-height: 0;
   }
 
-  :is(.lg-XirY1c, .infonomic-autocomplete-input-lg) {
+  :is(.lg-XirY1c, .byline-autocomplete-input-lg) {
     min-height: 40px;
     padding: .4rem .5rem;
     font-size: 1.175rem;
     line-height: 0;
   }
 
-  :is(.outlined-Sg0shm, .infonomic-autocomplete-input-outlined) {
+  :is(.outlined-Sg0shm, .byline-autocomplete-input-outlined) {
     border: 1px solid var(--input-variant-outlined-border);
     background-color: #0000;
   }
 
-  :is(.outlined-Sg0shm:hover, .infonomic-autocomplete-input-outlined:hover) {
+  :is(.outlined-Sg0shm:hover, .byline-autocomplete-input-outlined:hover) {
     border: 1px solid var(--input-variant-outlined-hover-border);
   }
 
-  :is(.outlined-Sg0shm:focus, .outlined-Sg0shm:active, .infonomic-autocomplete-input-outlined:focus, .infonomic-autocomplete-input-outlined:active) {
+  :is(.outlined-Sg0shm:focus, .outlined-Sg0shm:active, .byline-autocomplete-input-outlined:focus, .byline-autocomplete-input-outlined:active) {
     --ring-color: var(--input-variant-outline-ring-color);
   }
 
-  :is(.underlined-TOTDkZ, .infonomic-autocomplete-input-underlined) {
+  :is(.underlined-TOTDkZ, .byline-autocomplete-input-underlined) {
     border-bottom: 1px solid var(--input-variant-underlined-border);
     gap: var(--gap-1);
     background-color: var(--input-variant-underlined);
@@ -74,7 +74,7 @@
     padding: .25rem .1rem;
   }
 
-  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-sm {
+  .byline-autocomplete-input-underlined.byline-autocomplete-input-sm {
     min-height: 26px;
     padding: .25rem .1rem;
   }
@@ -84,7 +84,7 @@
     padding: .25rem .1rem;
   }
 
-  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-md {
+  .byline-autocomplete-input-underlined.byline-autocomplete-input-md {
     min-height: 30px;
     padding: .25rem .1rem;
   }
@@ -94,32 +94,32 @@
     padding: 0 .1rem;
   }
 
-  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-lg {
+  .byline-autocomplete-input-underlined.byline-autocomplete-input-lg {
     min-height: 34px;
     padding: 0 .1rem;
   }
 
-  :is(.underlined-TOTDkZ:hover, .infonomic-autocomplete-input-underlined:hover) {
+  :is(.underlined-TOTDkZ:hover, .byline-autocomplete-input-underlined:hover) {
     border-bottom: 1px solid var(--input-variant-underlined-hover-border);
   }
 
-  :is(.underlined-TOTDkZ:focus, .underlined-TOTDkZ:active, .infonomic-autocomplete-input-underlined:focus, .infonomic-autocomplete-input-underlined:active) {
+  :is(.underlined-TOTDkZ:focus, .underlined-TOTDkZ:active, .byline-autocomplete-input-underlined:focus, .byline-autocomplete-input-underlined:active) {
     outline: none;
   }
 
-  :is(.filled-LBQC5g, .infonomic-autocomplete-input-filled) {
+  :is(.filled-LBQC5g, .byline-autocomplete-input-filled) {
     background-color: var(--input-variant-filled);
   }
 
-  :is(.error-Wyckbu, .infonomic-autocomplete-input-error), :is(.error-Wyckbu:hover, .infonomic-autocomplete-input-error:hover) {
+  :is(.error-Wyckbu, .byline-autocomplete-input-error), :is(.error-Wyckbu:hover, .byline-autocomplete-input-error:hover) {
     border: 1px solid var(--field-border-invalid);
   }
 
-  :is(.error-Wyckbu:focus, .error-Wyckbu:active, .infonomic-autocomplete-input-error:focus, .infonomic-autocomplete-input-error:active) {
+  :is(.error-Wyckbu:focus, .error-Wyckbu:active, .byline-autocomplete-input-error:focus, .byline-autocomplete-input-error:active) {
     --ring-color: var(--field-ring-invalid);
   }
 
-  :is(.primary-j2veZ2, .infonomic-autocomplete-input-primary) {
+  :is(.primary-j2veZ2, .byline-autocomplete-input-primary) {
     --input-variant-outlined-border: var(--stroke-primary);
     --input-variant-outlined-hover-border: var(--stroke-primary-hover);
     --input-variant-outline-ring-color: var(--ring-primary);
@@ -128,7 +128,7 @@
     --input-variant-filled: var(--fill-primary-weak);
   }
 
-  :is(.secondary-zC8OiE, .infonomic-autocomplete-input-secondary) {
+  :is(.secondary-zC8OiE, .byline-autocomplete-input-secondary) {
     --input-variant-outlined-border: var(--stroke-secondary);
     --input-variant-outlined-hover-border: var(--stroke-secondary-hover);
     --input-variant-outline-ring-color: var(--ring-secondary);
@@ -137,7 +137,7 @@
     --input-variant-filled: var(--fill-secondary-weak);
   }
 
-  :is(.noeffect-sFS4eb, .infonomic-autocomplete-input-noeffect) {
+  :is(.noeffect-sFS4eb, .byline-autocomplete-input-noeffect) {
     --input-variant-outlined-border: var(--stroke-noeffect);
     --input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
     --input-variant-outline-ring-color: var(--ring-noeffect);
@@ -146,7 +146,7 @@
     --input-variant-filled: var(--fill-noeffect-weak);
   }
 
-  :is(.success-rkhMDk, .infonomic-autocomplete-input-success) {
+  :is(.success-rkhMDk, .byline-autocomplete-input-success) {
     --input-variant-outlined-border: var(--stroke-success);
     --input-variant-outlined-hover-border: var(--stroke-success-hover);
     --input-variant-outline-ring-color: var(--ring-success);
@@ -155,7 +155,7 @@
     --input-variant-filled: var(--fill-success-weak);
   }
 
-  :is(.info-Fnv8u5, .infonomic-autocomplete-input-info) {
+  :is(.info-Fnv8u5, .byline-autocomplete-input-info) {
     --input-variant-outlined-border: var(--stroke-info);
     --input-variant-outlined-hover-border: var(--stroke-info-hover);
     --input-variant-outline-ring-color: var(--ring-info);
@@ -164,7 +164,7 @@
     --input-variant-filled: var(--fill-info-weak);
   }
 
-  :is(.warning-MCe1Jq, .infonomic-autocomplete-input-warning) {
+  :is(.warning-MCe1Jq, .byline-autocomplete-input-warning) {
     --input-variant-outlined-border: var(--stroke-warning);
     --input-variant-outlined-hover-border: var(--stroke-warning-hover);
     --input-variant-outline-ring-color: var(--ring-warning);
@@ -173,7 +173,7 @@
     --input-variant-filled: var(--fill-warning-weak);
   }
 
-  :is(.danger-uyUS1z, .infonomic-autocomplete-input-danger) {
+  :is(.danger-uyUS1z, .byline-autocomplete-input-danger) {
     --input-variant-outlined-border: var(--stroke-danger);
     --input-variant-outlined-hover-border: var(--stroke-danger-hover);
     --input-variant-outline-ring-color: var(--ring-danger);
@@ -182,12 +182,12 @@
     --input-variant-filled: var(--fill-danger-weak);
   }
 
-  :is(.positioner-LkIIwT, .infonomic-autocomplete-positioner) {
+  :is(.positioner-LkIIwT, .byline-autocomplete-positioner) {
     z-index: 50;
     outline: 0;
   }
 
-  :is(.popup-MGvAiW, .infonomic-autocomplete-popup) {
+  :is(.popup-MGvAiW, .byline-autocomplete-popup) {
     z-index: 50;
     border: 1px solid var(--surface-panel-border);
     box-shadow: var(--shadow-md);
@@ -212,7 +212,7 @@
     padding: 8px;
   }
 
-  :is(.list-U6_3IW, .infonomic-autocomplete-list) {
+  :is(.list-U6_3IW, .byline-autocomplete-list) {
     box-sizing: border-box;
     overscroll-behavior: contain;
     max-height: min(23rem, var(--available-height));
@@ -222,11 +222,11 @@
     overflow-y: auto;
   }
 
-  :is(.list-U6_3IW[data-empty], .infonomic-autocomplete-list[data-empty]) {
+  :is(.list-U6_3IW[data-empty], .byline-autocomplete-list[data-empty]) {
     padding: 0;
   }
 
-  :is(.autocomplete-item-GHvdpB, .infonomic-autocomplete-item) {
+  :is(.autocomplete-item-GHvdpB, .byline-autocomplete-item) {
     -webkit-user-select: none;
     user-select: none;
     cursor: default;
@@ -249,7 +249,7 @@
     pointer-events: none;
   }
 
-  .infonomic-autocomplete-item[data-disabled] {
+  .byline-autocomplete-item[data-disabled] {
     color: var(--surface-item-text-disabled);
     pointer-events: none;
   }
@@ -260,7 +260,7 @@
     outline: none;
   }
 
-  .infonomic-autocomplete-item[data-highlighted] {
+  .byline-autocomplete-item[data-highlighted] {
     background-color: var(--surface-item-hover);
     color: var(--surface-item-text-hover);
     outline: none;
@@ -286,7 +286,7 @@
     font-size: 1.125rem;
   }
 
-  :is(.group-label-yz4GS8, .infonomic-autocomplete-group-label) {
+  :is(.group-label-yz4GS8, .byline-autocomplete-group-label) {
     color: var(--muted);
     text-transform: uppercase;
     letter-spacing: .05em;
@@ -295,13 +295,13 @@
     font-weight: 600;
   }
 
-  :is(.separator-sgreyb, .infonomic-autocomplete-separator) {
+  :is(.separator-sgreyb, .byline-autocomplete-separator) {
     background-color: var(--surface-panel-border);
     height: 1px;
     margin: .375rem .75rem;
   }
 
-  :is(.empty-xvhK78:not(:empty), .infonomic-autocomplete-empty:not(:empty)) {
+  :is(.empty-xvhK78:not(:empty), .byline-autocomplete-empty:not(:empty)) {
     box-sizing: border-box;
     color: var(--muted);
     padding: 1rem;

package/dist/components/inputs/checkbox-group.js

@@ -30,7 +30,7 @@ const CheckboxGroup = ({ groupName, className, checkBoxClasses, checkBoxes, defa
         onChange?.(s);
     };
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('infonomic-checkbox-group', checkbox_group_module["checkbox-group"], className),
+        className: classnames('byline-checkbox-group', checkbox_group_module["checkbox-group"], className),
         children: checkBoxes.map((cb)=>/*#__PURE__*/ jsx(Checkbox, {
                 id: `${groupName}-${cb.id}`,
                 name: `${groupName}-${cb.id}`,

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

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.infonomic-checkbox-group, .checkbox-group-hPRXiQ) {
+  :is(.byline-checkbox-group, .checkbox-group-hPRXiQ) {
     gap: var(--spacing-8);
     flex-direction: column;
     display: flex;

package/dist/components/inputs/checkbox.js

@@ -8,10 +8,10 @@ import { ErrorText } from "./error-text.js";
 import { HelpText } from "./help-text.js";
 const inputs_checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined', size = 'md', intent = 'primary', reverse = false, className, checkBoxClasses, containerClasses, componentClasses, labelClasses, error = false, helpText = '', errorText = '', ...rest }) {
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('infonomic-checkbox-container', checkbox_module.container, containerClasses),
+        className: classnames('byline-checkbox-container', checkbox_module.container, containerClasses),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: classnames('infonomic-checkbox-component', checkbox_module.component, componentClasses, {
+                className: classnames('byline-checkbox-component', checkbox_module.component, componentClasses, {
                     [checkbox_module.reverse]: reverse
                 }),
                 children: [
@@ -23,11 +23,11 @@ const inputs_checkbox_Checkbox = function({ ref, id, name, label, variant = 'out
                         render: /*#__PURE__*/ jsx("button", {
                             type: "button"
                         }),
-                        className: classnames('infonomic-checkbox', `infonomic-checkbox-${variant}`, `infonomic-checkbox-${size}`, `infonomic-checkbox-${intent}`, checkbox_module.checkbox, checkbox_module[variant], checkbox_module[size], checkbox_module[intent], checkBoxClasses, className),
+                        className: classnames('byline-checkbox', `byline-checkbox-${variant}`, `byline-checkbox-${size}`, `byline-checkbox-${intent}`, checkbox_module.checkbox, checkbox_module[variant], checkbox_module[size], checkbox_module[intent], checkBoxClasses, className),
                         ...rest,
                         children: /*#__PURE__*/ jsx(checkbox_Checkbox.Indicator, {
                             keepMounted: true,
-                            className: classnames('infonomic-checkbox-indicator', checkbox_module.indicator),
+                            className: classnames('byline-checkbox-indicator', checkbox_module.indicator),
                             children: /*#__PURE__*/ jsx(CheckIcon, {
                                 className: checkbox_module.icon
                             })
@@ -35,7 +35,7 @@ const inputs_checkbox_Checkbox = function({ ref, id, name, label, variant = 'out
                     }),
                     null != label && /*#__PURE__*/ jsx("label", {
                         htmlFor: id,
-                        className: classnames('infonomic-checkbox-label', checkbox_module.label, labelClasses),
+                        className: classnames('byline-checkbox-label', checkbox_module.label, labelClasses),
                         children: label
                     })
                 ]