@byline/ui 1.10.2 → 1.11.0

package/dist/components/pager/pagination.js

@@ -113,11 +113,11 @@ const Root = ({ ref, className, itemsClassName, children, ariaLabel, dataTestId,
     return /*#__PURE__*/ jsx("nav", {
         "data-testid": dataTestId,
         ref: ref,
-        className: classnames('infonomic-pagination-root', pagination_module["pagination-root"], 'pagination-root', className),
+        className: classnames('byline-pagination-root', pagination_module["pagination-root"], 'pagination-root', className),
         ...rest,
         "aria-label": ariaLabel ?? 'Pager navigation',
         children: /*#__PURE__*/ jsx("ul", {
-            className: classnames('infonomic-pagination-items', pagination_module["pagination-items"], pagination_module[variant], itemsClassName),
+            className: classnames('byline-pagination-items', pagination_module["pagination-items"], pagination_module[variant], itemsClassName),
             children: children
         })
     });

package/dist/components/pager/pagination_module.css

@@ -1,13 +1,13 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.pagination-root-yB674z, .infonomic-pagination-root) {
+  :is(.pagination-root-yB674z, .byline-pagination-root) {
     align-items: center;
     padding: 0;
     display: flex;
   }
 
-  :is(.pagination-items-AfreHw, .infonomic-pagination-items) {
+  :is(.pagination-items-AfreHw, .byline-pagination-items) {
     align-items: center;
     list-style: none;
     display: flex;
@@ -17,11 +17,11 @@
     margin-right: -1px;
   }
 
-  .infonomic-pagination-items.dashboard li {
+  .byline-pagination-items.dashboard li {
     margin-right: -1px;
   }
 
-  .infonomic-pagination-items.default li {
+  .byline-pagination-items.default li {
     margin-right: -1px;
   }
 
@@ -29,7 +29,7 @@
     margin-right: 0;
   }
 
-  .infonomic-pagination-items.classic li {
+  .byline-pagination-items.classic li {
     margin-right: 0;
   }
 
@@ -37,7 +37,7 @@
     gap: 6px;
   }
 
-  .infonomic-pagination-items.classic {
+  .byline-pagination-items.classic {
     gap: 6px;
   }
 

package/dist/components/scroll-area/scroll-area.js

@@ -4,30 +4,30 @@ import classnames from "classnames";
 import scroll_area_module from "./scroll-area.module.js";
 const scroll_area_ScrollArea = ({ children, style, className })=>/*#__PURE__*/ jsxs(ScrollArea.Root, {
         style: style,
-        className: classnames('infonomic-scroll-area', scroll_area_module.root, className),
+        className: classnames('byline-scroll-area', scroll_area_module.root, className),
         children: [
             /*#__PURE__*/ jsx(ScrollArea.Viewport, {
-                className: classnames('infonomic-scroll-area-viewport', scroll_area_module.viewport),
+                className: classnames('byline-scroll-area-viewport', scroll_area_module.viewport),
                 children: /*#__PURE__*/ jsx(ScrollArea.Content, {
                     children: children
                 })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
-                className: classnames('infonomic-scroll-area-scrollbar', scroll_area_module.scrollbar),
+                className: classnames('byline-scroll-area-scrollbar', scroll_area_module.scrollbar),
                 orientation: "vertical",
                 children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
-                    className: classnames('infonomic-scroll-area-thumb', scroll_area_module.thumb)
+                    className: classnames('byline-scroll-area-thumb', scroll_area_module.thumb)
                 })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
-                className: classnames('infonomic-scroll-area-scrollbar', scroll_area_module.scrollbar),
+                className: classnames('byline-scroll-area-scrollbar', scroll_area_module.scrollbar),
                 orientation: "horizontal",
                 children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
-                    className: classnames('infonomic-scroll-area-thumb', scroll_area_module.thumb)
+                    className: classnames('byline-scroll-area-thumb', scroll_area_module.thumb)
                 })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Corner, {
-                className: classnames('infonomic-scroll-area-corner', scroll_area_module.corner)
+                className: classnames('byline-scroll-area-corner', scroll_area_module.corner)
             })
         ]
     });

package/dist/components/scroll-area/scroll-area_module.css

@@ -1,20 +1,20 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.root-XJbuOo, .infonomic-scroll-area) {
+  :is(.root-XJbuOo, .byline-scroll-area) {
     background-color: inherit;
     --scrollbar-size: 10px;
     border-radius: 4px;
     overflow: hidden;
   }
 
-  :is(.viewport-TdOXwJ, .infonomic-scroll-area-viewport) {
+  :is(.viewport-TdOXwJ, .byline-scroll-area-viewport) {
     border-radius: inherit;
     width: 100%;
     height: 100%;
   }
 
-  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar) {
+  :is(.scrollbar-Y2nCxA, .byline-scroll-area-scrollbar) {
     -webkit-user-select: none;
     user-select: none;
     touch-action: none;
@@ -24,27 +24,27 @@
     display: flex;
   }
 
-  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar):hover {
+  :is(.scrollbar-Y2nCxA, .byline-scroll-area-scrollbar):hover {
     background: var(--surface-panel-scrollbar);
   }
 
-  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar)[data-orientation="vertical"] {
+  :is(.scrollbar-Y2nCxA, .byline-scroll-area-scrollbar)[data-orientation="vertical"] {
     width: var(--scrollbar-size);
   }
 
-  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar)[data-orientation="horizontal"] {
+  :is(.scrollbar-Y2nCxA, .byline-scroll-area-scrollbar)[data-orientation="horizontal"] {
     height: var(--scrollbar-size);
     flex-direction: column;
   }
 
-  :is(.thumb-G2gkhj, .infonomic-scroll-area-thumb) {
+  :is(.thumb-G2gkhj, .byline-scroll-area-thumb) {
     background: var(--surface-panel-scrollbar-thumb);
     border-radius: var(--border-radius-sm);
     flex: 1;
     position: relative;
   }
 
-  :is(.thumb-G2gkhj, .infonomic-scroll-area-thumb):before {
+  :is(.thumb-G2gkhj, .byline-scroll-area-thumb):before {
     content: "";
     width: 100%;
     min-width: 44px;
@@ -56,7 +56,7 @@
     transform: translate(-50%, -50%);
   }
 
-  :is(.corner-kCiYUz, .infonomic-scroll-area-corner) {
+  :is(.corner-kCiYUz, .byline-scroll-area-corner) {
     background: var(--surface-panel-scrollbar);
   }
 }

package/dist/components/scroll-to-top/scroll-to-top.js

@@ -38,8 +38,8 @@ function ScrollToTop({ className, showAt = 200, offset = -65, type = 'button', '
         type: type,
         "aria-label": ariaLabel,
         onClick: handleOnClick,
-        className: classnames('infonomic-scroll-to-top', scroll_to_top_module["scroll-to-top"], {
-            'infonomic-scroll-to-top-shown': show,
+        className: classnames('byline-scroll-to-top', scroll_to_top_module["scroll-to-top"], {
+            'byline-scroll-to-top-shown': show,
             [scroll_to_top_module["scroll-to-top-shown"]]: show
         }, className),
         ...props,

package/dist/components/scroll-to-top/scroll-to-top_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.scroll-to-top-WYqAAl, .infonomic-scroll-to-top) {
+  :is(.scroll-to-top-WYqAAl, .byline-scroll-to-top) {
     opacity: 0;
     visibility: hidden;
     z-index: 20;
@@ -29,7 +29,7 @@
     padding-bottom: 3px;
   }
 
-  .infonomic-scroll-to-top span {
+  .byline-scroll-to-top span {
     width: 18px;
     padding-bottom: 3px;
   }
@@ -39,7 +39,7 @@
     fill: var(--text-on-primary-strong);
   }
 
-  .infonomic-scroll-to-top span svg path {
+  .byline-scroll-to-top span svg path {
     stroke: none;
     fill: var(--text-on-primary-strong);
   }
@@ -50,19 +50,19 @@
     transform: translateY(-5px);
   }
 
-  .infonomic-scroll-to-top:hover {
+  .byline-scroll-to-top:hover {
     color: var(--text-on-primary-strong);
     background-color: var(--fill-primary-strong-hover);
     transform: translateY(-5px);
   }
 
-  .infonomic-scroll-to-top:focus {
+  .byline-scroll-to-top:focus {
     color: var(--text-on-primary-strong);
     background-color: var(--fill-primary-strong-hover);
     transform: translateY(-5px);
   }
 
-  :is(.scroll-to-top-shown-Wemu5m, .infonomic-scroll-to-top-shown) {
+  :is(.scroll-to-top-shown-Wemu5m, .byline-scroll-to-top-shown) {
     opacity: 1;
     visibility: visible;
     border-radius: 20px;
@@ -75,7 +75,7 @@
   }
 
   @media screen and (min-width: 587px) {
-    :is(.scroll-to-top-WYqAAl, .infonomic-scroll-to-top) {
+    :is(.scroll-to-top-WYqAAl, .byline-scroll-to-top) {
       bottom: 45px;
       right: 45px;
     }
@@ -84,11 +84,11 @@
       width: 18px;
     }
 
-    .infonomic-scroll-to-top span {
+    .byline-scroll-to-top span {
       width: 18px;
     }
 
-    :is(.scroll-to-top-shown-Wemu5m, .infonomic-scroll-to-top-shown) {
+    :is(.scroll-to-top-shown-Wemu5m, .byline-scroll-to-top-shown) {
       border-radius: 21px;
       width: 42px;
       height: 42px;

package/dist/components/section/section.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import section_module from "./section.module.js";
 const section_Section = function({ ref, className, children, ...rest }) {
     return /*#__PURE__*/ jsx("section", {
-        className: classnames('infonomic-section', section_module.section, className),
+        className: classnames('byline-section', section_module.section, className),
         ref: ref,
         ...rest,
         children: children

package/dist/components/section/section_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.section-CEcZOp, .infonomic-section) {
+  :is(.section-CEcZOp, .byline-section) {
     width: 100%;
     position: relative;
   }

package/dist/components/shimmer/shimmer_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.shimmer-hQj5gn, .infonomic-shimmer) {
+  :is(.shimmer-hQj5gn, .byline-shimmer) {
     background-color: #f0f0f0;
     background-image: linear-gradient(90deg, #0000, #fff9, #0000);
     background-size: 200% 100%;
@@ -10,26 +10,26 @@
     overflow: hidden;
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .shimmer-hQj5gn, :is(.dark, [data-theme="dark"]) .infonomic-shimmer) {
+  :is(:is(.dark, [data-theme="dark"]) .shimmer-hQj5gn, :is(.dark, [data-theme="dark"]) .byline-shimmer) {
     background-color: #141414;
     background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
   }
 
-  :is(.shimmerContainer-YqBAXa, .infonomic-shimmer-container) {
+  :is(.shimmerContainer-YqBAXa, .byline-shimmer-container) {
     flex-direction: column;
     display: flex;
   }
 
-  :is(.rectangular-qx6oTl, .infonomic-shimmer-rectangular) {
+  :is(.rectangular-qx6oTl, .byline-shimmer-rectangular) {
     border-radius: .25rem;
   }
 
-  :is(.text-syTLNh, .infonomic-shimmer-text) {
+  :is(.text-syTLNh, .byline-shimmer-text) {
     border-radius: .125rem;
     height: 1rem;
   }
 
-  :is(.circular-KqBjEv, .infonomic-shimmer-circular) {
+  :is(.circular-KqBjEv, .byline-shimmer-circular) {
     aspect-ratio: 1;
     border-radius: 50%;
   }

package/dist/components/table/table.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import classnames from "classnames";
 import table_module from "./table.module.js";
 function Table({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module.table, 'infonomic-table', className);
+    const classes = classnames(table_module.table, 'byline-table', className);
     return /*#__PURE__*/ jsx("table", {
         ref: ref,
         className: classes,
@@ -11,13 +11,13 @@ function Table({ ref, className, children, ...rest }) {
     });
 }
 function Container({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module["table-container"], 'infonomic-table-container', className);
+    const classes = classnames(table_module["table-container"], 'byline-table-container', className);
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
         className: classes,
         ...rest,
         children: /*#__PURE__*/ jsx("div", {
-            className: classnames('infonomic-table-scroller', table_module["table-scroller"]),
+            className: classnames('byline-table-scroller', table_module["table-scroller"]),
             children: children
         })
     });
@@ -25,13 +25,13 @@ function Container({ ref, className, children, ...rest }) {
 function Body({ ref, className, children, ...rest }) {
     return /*#__PURE__*/ jsx("tbody", {
         ref: ref,
-        className: classnames('infonomic-table-body', className),
+        className: classnames('byline-table-body', className),
         ...rest,
         children: children
     });
 }
 function Header({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module["table-header"], 'infonomic-table-header', className);
+    const classes = classnames(table_module["table-header"], 'byline-table-header', className);
     return /*#__PURE__*/ jsx("thead", {
         ref: ref,
         className: classes,
@@ -40,7 +40,7 @@ function Header({ ref, className, children, ...rest }) {
     });
 }
 function Row({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module["table-row"], 'infonomic-table-row', className);
+    const classes = classnames(table_module["table-row"], 'byline-table-row', className);
     return /*#__PURE__*/ jsx("tr", {
         ref: ref,
         className: classes,
@@ -49,7 +49,7 @@ function Row({ ref, className, children, ...rest }) {
     });
 }
 function HeadingCell({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module["table-heading-cell"], 'infonomic-table-heading-cell', 'not-prose', className);
+    const classes = classnames(table_module["table-heading-cell"], 'byline-table-heading-cell', 'not-prose', className);
     return /*#__PURE__*/ jsx("th", {
         ref: ref,
         className: classes,
@@ -58,7 +58,7 @@ function HeadingCell({ ref, className, children, ...rest }) {
     });
 }
 function Cell({ ref, className, children, ...rest }) {
-    const classes = classnames(table_module["table-cell"], 'infonomic-table-cell', className);
+    const classes = classnames(table_module["table-cell"], 'byline-table-cell', className);
     return /*#__PURE__*/ jsx("td", {
         ref: ref,
         className: classes,

package/dist/components/table/table_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.table-container-SdhhjR, .infonomic-table-container) {
+  :is(.table-container-SdhhjR, .byline-table-container) {
     word-break: normal;
     box-shadow: var(--shadow-sm);
     border-radius: var(--border-radius-sm);
@@ -11,12 +11,12 @@
     overflow: hidden;
   }
 
-  :is(.table-scroller-lW0GHG, .infonomic-table-scroller) {
+  :is(.table-scroller-lW0GHG, .byline-table-scroller) {
     max-width: calc(100vw - 32px);
     overflow-x: auto;
   }
 
-  :is(.table-TW0hN9, .infonomic-table) {
+  :is(.table-TW0hN9, .byline-table) {
     border-collapse: collapse;
     width: 100%;
     font-size: var(--font-size-sm);
@@ -24,12 +24,12 @@
     margin: 0;
   }
 
-  :is(.table-header-D1lP7m, .infonomic-table-header) {
+  :is(.table-header-D1lP7m, .byline-table-header) {
     font-size: var(--font-size-sm);
     background-color: var(--canvas-50);
   }
 
-  :is(.table-row-ufTNsI, .infonomic-table-row) {
+  :is(.table-row-ufTNsI, .byline-table-row) {
     border-bottom: 1px solid var(--canvas-50);
     background-color: #fff;
   }
@@ -38,36 +38,36 @@
     background-color: var(--canvas-50);
   }
 
-  .infonomic-table-row:hover {
+  .byline-table-row:hover {
     background-color: var(--canvas-50);
   }
 
-  :is(.table-heading-cell-gB6ryy, .infonomic-table-heading-cell) {
+  :is(.table-heading-cell-gB6ryy, .byline-table-heading-cell) {
     white-space: nowrap;
     padding: var(--spacing-8) var(--spacing-8);
     background-color: var(--canvas-50);
     font-size: .975rem;
   }
 
-  :is(.table-cell-VRgkzQ, .infonomic-table-cell) {
+  :is(.table-cell-VRgkzQ, .byline-table-cell) {
     padding: var(--spacing-8);
     font-size: var(--font-size-sm);
   }
 
-  :is(.table-cell-VRgkzQ, .infonomic-table-cell) a {
+  :is(.table-cell-VRgkzQ, .byline-table-cell) a {
     text-decoration: underline;
   }
 
-  :is(.table-footer-JabMFD, .infonomic-table-footer) {
+  :is(.table-footer-JabMFD, .byline-table-footer) {
     font-size: var(--font-size-sm);
     background-color: var(--canvas-100);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .table-header-D1lP7m, :is(.dark, [data-theme="dark"]) .infonomic-table-header) {
+  :is(:is(.dark, [data-theme="dark"]) .table-header-D1lP7m, :is(.dark, [data-theme="dark"]) .byline-table-header) {
     background-color: var(--canvas-700);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .table-row-ufTNsI, :is(.dark, [data-theme="dark"]) .infonomic-table-row) {
+  :is(:is(.dark, [data-theme="dark"]) .table-row-ufTNsI, :is(.dark, [data-theme="dark"]) .byline-table-row) {
     border-bottom: 1px solid var(--canvas-700);
     background-color: var(--canvas-800);
   }
@@ -76,15 +76,15 @@
     background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
   }
 
-  :is(.dark, [data-theme="dark"]) .infonomic-table-row:hover {
+  :is(.dark, [data-theme="dark"]) .byline-table-row:hover {
     background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .table-heading-cell-gB6ryy, :is(.dark, [data-theme="dark"]) .infonomic-table-heading-cell) {
+  :is(:is(.dark, [data-theme="dark"]) .table-heading-cell-gB6ryy, :is(.dark, [data-theme="dark"]) .byline-table-heading-cell) {
     background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .table-footer-JabMFD, :is(.dark, [data-theme="dark"]) .infonomic-table-footer) {
+  :is(:is(.dark, [data-theme="dark"]) .table-footer-JabMFD, :is(.dark, [data-theme="dark"]) .byline-table-footer) {
     background-color: var(--canvas-800);
   }
 }

package/dist/components/tabs/tabs.js

@@ -5,26 +5,26 @@ import classnames from "classnames";
 import tabs_module from "./tabs.module.js";
 const tabs_Tabs = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
-        className: classnames(tabs_module["tabs-root"], 'infonomic-tabs-root', className),
+        className: classnames(tabs_module["tabs-root"], 'byline-tabs-root', className),
         ...props
     });
 tabs_Tabs.displayName = 'Tabs';
 const TabsList = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
-        className: classnames(tabs_module["tabs-list"], 'infonomic-tabs-list', className),
+        className: classnames(tabs_module["tabs-list"], 'byline-tabs-list', className),
         ...props
     });
 TabsList.displayName = 'TabsList';
 const TabsTrigger = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
         ref: ref,
-        className: classnames(tabs_module["tabs-trigger"], 'infonomic-tabs-trigger', className),
+        className: classnames(tabs_module["tabs-trigger"], 'byline-tabs-trigger', className),
         ...props
     });
 TabsTrigger.displayName = 'TabsTrigger';
 const TabsContent = ({ ref, className, keepMounted = true, ...props })=>/*#__PURE__*/ jsx(Tabs.Panel, {
         ref: ref,
         keepMounted: keepMounted,
-        className: classnames(tabs_module["tabs-content"], 'infonomic-tabs-content', className),
+        className: classnames(tabs_module["tabs-content"], 'byline-tabs-content', className),
         ...props
     });
 TabsContent.displayName = 'TabsContent';

package/dist/components/tabs/tabs_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.tabs-root-H5dXfK, .infonomic-tabs-root) {
+  :is(.tabs-root-H5dXfK, .byline-tabs-root) {
     padding: var(--spacing-8);
     gap: var(--spacing-4);
     border-radius: var(--border-radius-md);
@@ -10,7 +10,7 @@
     display: flex;
   }
 
-  :is(.tabs-list-erP30R, .infonomic-tabs-list) {
+  :is(.tabs-list-erP30R, .byline-tabs-list) {
     gap: var(--gap-2);
     border-radius: var(--border-radius-md);
     width: 100%;
@@ -20,36 +20,36 @@
     display: flex;
   }
 
-  :is(.tabs-list-erP30R, .infonomic-tabs-list):focus-visible {
+  :is(.tabs-list-erP30R, .byline-tabs-list):focus-visible {
     outline: none;
   }
 
-  :is(.tabs-trigger-l7pFgX, .infonomic-tabs-trigger) {
+  :is(.tabs-trigger-l7pFgX, .byline-tabs-trigger) {
     white-space: nowrap;
     justify-content: center;
     align-items: center;
     width: 100%;
   }
 
-  :is(.tabs-trigger-l7pFgX, .infonomic-tabs-trigger):focus {
+  :is(.tabs-trigger-l7pFgX, .byline-tabs-trigger):focus {
     position: relative;
   }
 
-  :is(.tabs-content-d2NTGs, .infonomic-tabs-content) {
+  :is(.tabs-content-d2NTGs, .byline-tabs-content) {
     margin-top: var(--spacing-8);
     outline: none;
     padding: 6px;
   }
 
-  :is(.tabs-content-d2NTGs, .infonomic-tabs-content)[data-hidden] {
+  :is(.tabs-content-d2NTGs, .byline-tabs-content)[data-hidden] {
     display: none;
   }
 
-  :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus {
+  :is(.tabs-content-d2NTGs, .byline-tabs-content):focus {
     outline: none;
   }
 
-  :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus-visible {
+  :is(.tabs-content-d2NTGs, .byline-tabs-content):focus-visible {
     outline: none;
   }
 }

package/dist/components/tooltip/tooltip.js

@@ -45,10 +45,10 @@ const tooltip_tooltip_Tooltip = function({ ref, text, delay = 500, side = 'top',
                         side: side,
                         sideOffset: sideOffset,
                         children: /*#__PURE__*/ jsxs(tooltip_Tooltip.Popup, {
-                            className: classnames(tooltip_module.tooltip, 'infonomic-tooltip'),
+                            className: classnames(tooltip_module.tooltip, 'byline-tooltip'),
                             children: [
                                 /*#__PURE__*/ jsx(tooltip_Tooltip.Arrow, {
-                                    className: classnames(tooltip_module["tooltip-arrow"], 'infonomic-tooltip-arrow'),
+                                    className: classnames(tooltip_module["tooltip-arrow"], 'byline-tooltip-arrow'),
                                     children: /*#__PURE__*/ jsx(ArrowSvg, {})
                                 }),
                                 text

package/dist/components/tooltip/tooltip_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.tooltip-Oc7lRI, .infonomic-tooltip) {
+  :is(.tooltip-Oc7lRI, .byline-tooltip) {
     color: var(--surface-item-text);
     -webkit-user-select: none;
     user-select: none;
@@ -34,26 +34,26 @@
     animation-name: slideUpAndFade;
   }
 
-  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow) {
+  :is(.tooltip-arrow-a77zEa, .byline-tooltip-arrow) {
     display: flex;
   }
 
-  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="top"] {
+  :is(.tooltip-arrow-a77zEa, .byline-tooltip-arrow)[data-side="top"] {
     bottom: -6px;
     rotate: 180deg;
   }
 
-  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="bottom"] {
+  :is(.tooltip-arrow-a77zEa, .byline-tooltip-arrow)[data-side="bottom"] {
     top: -6px;
     rotate: 0deg;
   }
 
-  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="left"] {
+  :is(.tooltip-arrow-a77zEa, .byline-tooltip-arrow)[data-side="left"] {
     right: -10px;
     rotate: 90deg;
   }
 
-  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="right"] {
+  :is(.tooltip-arrow-a77zEa, .byline-tooltip-arrow)[data-side="right"] {
     left: -10px;
     rotate: -90deg;
   }

package/dist/fields/checkbox/checkbox-field.js

@@ -1,13 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
 import { Checkbox } from "../../uikit.js";
+import checkbox_field_module from "./checkbox-field.module.js";
 const CheckboxField = ({ field, value, defaultValue, onChange, id, path })=>{
     const fieldPath = path ?? field.name;
     const fieldError = useFieldError(fieldPath);
     const fieldValue = useFieldValue(fieldPath);
     const checked = value ?? fieldValue ?? defaultValue ?? false;
     return /*#__PURE__*/ jsx("div", {
-        className: `byline-field-checkbox ${field.name}`,
+        className: `byline-field-checkbox ${field.name} ${checkbox_field_module["field-checkbox"]}`,
         children: /*#__PURE__*/ jsx(Checkbox, {
             id: id ?? fieldPath,
             name: field.name,

package/dist/fields/checkbox/checkbox-field.module.js

@@ -0,0 +1,6 @@
+import "./checkbox-field_module.css";
+const checkbox_field_module = {
+    "field-checkbox": "field-checkbox-H7UwUd",
+    fieldCheckbox: "field-checkbox-H7UwUd"
+};
+export default checkbox_field_module;

package/dist/fields/checkbox/checkbox-field_module.css

@@ -0,0 +1,4 @@
+:is(.byline-field-checkbox, .field-checkbox-H7UwUd) {
+  margin: 0;
+}
+