@byline/ui 1.10.1 → 1.10.3

package/dist/widgets/modal/modal.js

@@ -39,10 +39,10 @@ function Modal({ isOpen, onDismiss, closeOnOverlayClick, children }) {
             children: /*#__PURE__*/ jsxs(Dialog.Portal, {
                 children: [
                     /*#__PURE__*/ jsx(Dialog.Backdrop, {
-                        className: classnames('infonomic-modal-backdrop', modal_module.backdrop)
+                        className: classnames('byline-modal-backdrop', modal_module.backdrop)
                     }),
                     /*#__PURE__*/ jsx(Dialog.Popup, {
-                        className: classnames('infonomic-modal-wrapper', modal_module["modal-wrapper"]),
+                        className: classnames('byline-modal-wrapper', modal_module["modal-wrapper"]),
                         children: children
                     })
                 ]

package/dist/widgets/modal/modal_module.css

@@ -1,7 +1,7 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.backdrop-BgKon2, .infonomic-modal-backdrop) {
+  :is(.backdrop-BgKon2, .byline-modal-backdrop) {
     background-color: #f5f5f559;
     transition: opacity .2s;
     position: fixed;
@@ -20,15 +20,15 @@
     background-color: #00000080;
   }
 
-  .dark .infonomic-modal-backdrop {
+  .dark .byline-modal-backdrop {
     background-color: #00000080;
   }
 
-  [data-theme="dark"] .infonomic-modal-backdrop {
+  [data-theme="dark"] .byline-modal-backdrop {
     background-color: #00000080;
   }
 
-  :is(.modal-wrapper-wF5Mv1, .infonomic-modal-wrapper) {
+  :is(.modal-wrapper-wF5Mv1, .byline-modal-wrapper) {
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
@@ -43,12 +43,12 @@
   }
 
   @media screen and (min-width: 40rem) {
-    :is(.modal-wrapper-wF5Mv1, .infonomic-modal-wrapper) {
+    :is(.modal-wrapper-wF5Mv1, .byline-modal-wrapper) {
       justify-content: center;
     }
   }
 
-  :is(.modal-container-PPkPyj, .infonomic-modal-container) {
+  :is(.modal-container-PPkPyj, .byline-modal-container) {
     box-shadow: var(--shadow-md);
     border-radius: var(--border-radius-md);
     background-color: var(--surface-panel);
@@ -63,14 +63,14 @@
   }
 
   @media screen and (min-width: 40rem) {
-    :is(.modal-container-PPkPyj, .infonomic-modal-container) {
+    :is(.modal-container-PPkPyj, .byline-modal-container) {
       width: auto;
       min-height: auto;
       max-height: calc(100vh - 24px);
     }
   }
 
-  :is(.modal-header-ewl_k2, .infonomic-modal-header) {
+  :is(.modal-header-ewl_k2, .byline-modal-header) {
     justify-content: space-between;
     align-items: center;
     gap: var(--gap-3);
@@ -85,15 +85,15 @@
     margin: 0;
   }
 
-  .infonomic-modal-header h2 {
+  .byline-modal-header h2 {
     margin: 0;
   }
 
-  .infonomic-modal-header h3 {
+  .byline-modal-header h3 {
     margin: 0;
   }
 
-  :is(.modal-content-eDnix2, .infonomic-modal-content) {
+  :is(.modal-content-eDnix2, .byline-modal-content) {
     gap: var(--gap-3);
     padding-left: var(--spacing-16);
     padding-right: var(--spacing-16);
@@ -104,7 +104,7 @@
     display: flex;
   }
 
-  :is(.modal-actions-FxnG8C, .infonomic-modal-actions) {
+  :is(.modal-actions-FxnG8C, .byline-modal-actions) {
     justify-content: flex-end;
     align-items: center;
     gap: var(--gap-3);

package/dist/widgets/search/search.js

@@ -73,6 +73,9 @@ function Search({ variant, inputSize, inputClassName, intent, className, onClear
                     role: "button",
                     intent: "noeffect",
                     variant: "text",
+                    style: {
+                        outline: 'none'
+                    },
                     ripple: false,
                     "arial-label": ariaLabelForSearch,
                     size: "xs",
@@ -90,6 +93,9 @@ function Search({ variant, inputSize, inputClassName, intent, className, onClear
                 children: /*#__PURE__*/ jsx(IconButton, {
                     role: "button",
                     intent: "noeffect",
+                    style: {
+                        outline: 'none'
+                    },
                     variant: "text",
                     "arial-label": ariaLabelForClear,
                     size: "xs",

package/dist/widgets/timeline/timeline_module.css

@@ -1,11 +1,11 @@
 @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components;
 
 @layer byline-components {
-  :is(.timeline-qJOU85, .infonomic-timeline) {
+  :is(.timeline-qJOU85, .byline-timeline) {
     margin-left: var(--spacing-8);
   }
 
-  :is(.timeline-root-kIek3q, .infonomic-timeline-root) {
+  :is(.timeline-root-kIek3q, .byline-timeline-root) {
     margin-left: var(--spacing-8);
     padding-left: var(--spacing-8);
     border-left-width: var(--border-width-thin);
@@ -15,11 +15,11 @@
     position: relative;
   }
 
-  :is(.timeline-item-VoOzOk, .infonomic-timeline-item) {
+  :is(.timeline-item-VoOzOk, .byline-timeline-item) {
     margin: 0 0 var(--spacing-16) var(--spacing-20);
   }
 
-  :is(.timeline-icon-xO1p1F, .infonomic-timeline-icon) {
+  :is(.timeline-icon-xO1p1F, .byline-timeline-icon) {
     color: #fff;
     background-color: var(--primary-600);
     border-width: 6px;
@@ -41,20 +41,20 @@
     display: block;
   }
 
-  .infonomic-timeline-icon svg {
+  .byline-timeline-icon svg {
     color: #fff;
     width: 60%;
     display: block;
   }
 
-  :is(.timeline-heading-bPWlJ4, .infonomic-timeline-heading) {
+  :is(.timeline-heading-bPWlJ4, .byline-timeline-heading) {
     font-size: 1.5rem;
     line-height: 1.2;
     font-weight: var(--font-weight-semibold);
     margin: 0;
   }
 
-  :is(.timeline-date-U7Pr_G, .infonomic-timeline-date) {
+  :is(.timeline-date-U7Pr_G, .byline-timeline-date) {
     margin-top: var(--spacing-8);
     margin-bottom: var(--spacing-8);
     font-size: .9em;
@@ -64,19 +64,19 @@
     display: block;
   }
 
-  :is(.timeline-content-rwFfPc, .infonomic-timeline-content) {
+  :is(.timeline-content-rwFfPc, .byline-timeline-content) {
     margin: 0;
     margin-bottom: var(--spacing-16);
     font-size: 1.125rem;
     font-weight: var(--font-weight-normal);
   }
 
-  :is(.timeline-content-rwFfPc, .infonomic-timeline-content) p {
+  :is(.timeline-content-rwFfPc, .byline-timeline-content) p {
     margin: 0;
     margin-bottom: var(--spacing-16);
   }
 
-  :is(:is(.dark, [data-theme="dark"]) .infonomic-timeline-icon, :is(.dark, [data-theme="dark"]) .timeline-icon-xO1p1F) {
+  :is(:is(.dark, [data-theme="dark"]) .byline-timeline-icon, :is(.dark, [data-theme="dark"]) .timeline-icon-xO1p1F) {
     border-color: var(--canvas-600);
   }
 }

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -50,48 +50,48 @@
     }
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.0",
+    "@base-ui/react": "^1.4.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-form-start": "^1.29.1",
+    "@tanstack/react-form-start": "^1.32.0",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "lodash-es": "^4.18.1",
     "motion": "^12.38.0",
     "npm-run-all": "^4.1.5",
-    "react-day-picker": "^9.14.0",
+    "react-day-picker": "^10.0.0",
     "react-diff-viewer-continued": "^4.2.2",
-    "zod": "^4.4.2",
+    "zod": "^4.4.3",
     "zod-form-data": "^3.0.1",
-    "@byline/client": "1.10.1",
-    "@byline/core": "1.10.1",
-    "@byline/admin": "1.10.1"
+    "@byline/admin": "1.10.3",
+    "@byline/client": "1.10.3",
+    "@byline/core": "1.10.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.14",
+    "@biomejs/biome": "2.4.15",
     "@rsbuild/plugin-react": "^2.0.0",
-    "@rslib/core": "^0.21.3",
+    "@rslib/core": "^0.21.4",
     "@types/lodash": "^4.17.24",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.6.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "chokidar": "^5.0.0",
     "lightningcss": "^1.32.0",
     "lightningcss-cli": "^1.32.0",
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "rimraf": "^6.1.3",
     "typescript": "6.0.3",
     "typescript-plugin-css-modules": "^5.2.0",
-    "vite": "^8.0.10",
+    "vite": "^8.0.12",
     "vitest": "^4.1.5"
   },
   "publishConfig": {

package/src/components/accordion/accordion.module.css

@@ -10,19 +10,19 @@
   byline-utilities;
 @layer byline-components {
   .item,
-  :global(.infonomic-accordion-item) {
+  :global(.byline-accordion-item) {
     overflow: hidden;
     margin-top: 1px;
   }
 
   .header,
-  :global(.infonomic-accordion-header) {
+  :global(.byline-accordion-header) {
     margin: 0;
     display: flex;
   }
 
   .trigger,
-  :global(.infonomic-accordion-trigger) {
+  :global(.byline-accordion-trigger) {
     display: flex;
     cursor: pointer;
     align-items: center;
@@ -30,7 +30,7 @@
   }
 
   .content,
-  :global(.infonomic-accordion-content) {
+  :global(.byline-accordion-content) {
     overflow: hidden;
 
     &[data-open] {

package/src/components/accordion/accordion.tsx

@@ -28,7 +28,7 @@ const Root = ({
   return (
     <AccordionPrimitive.Root
       ref={ref}
-      className={cx('infonomic-accordion-root', className)}
+      className={cx('byline-accordion-root', className)}
       {...props}
     >
       {children}
@@ -47,7 +47,7 @@ const Item = function AccordionItem({
 }) {
   return (
     <AccordionPrimitive.Item
-      className={cx('infonomic-accordion-item', className)}
+      className={cx('byline-accordion-item', className)}
       {...props}
       ref={ref}
     >
@@ -67,7 +67,7 @@ const Header = function AccordionHeader({
 }) {
   return (
     <AccordionPrimitive.Header
-      className={cx('infonomic-accordion-header', className)}
+      className={cx('byline-accordion-header', className)}
       {...props}
       ref={ref}
     >
@@ -88,7 +88,7 @@ const Trigger = function AccordionTrigger({
   return (
     <AccordionPrimitive.Trigger
       ref={ref}
-      className={cx('infonomic-accordion-trigger', styles.trigger, className)}
+      className={cx('byline-accordion-trigger', styles.trigger, className)}
       {...props}
     >
       {children}
@@ -107,7 +107,7 @@ const Panel = function AccordionPanel({
 }) {
   return (
     <AccordionPrimitive.Panel
-      className={cx('infonomic-accordion-content', styles.content, className)}
+      className={cx('byline-accordion-content', styles.content, className)}
       {...props}
       ref={ref}
     >

package/src/components/avatar/avatar.module.css

@@ -12,7 +12,7 @@
 @layer byline-components {
   /* relative inline-flex h-10 w-10 rounded-full */
   .avatar-root,
-  :global(.infonomic-avatar-root) {
+  :global(.byline-avatar-root) {
     position: relative;
     display: inline-flex;
     height: 100%;
@@ -21,7 +21,7 @@
   }
 
   .avatar-image,
-  :global(.infonomic-avatar-image) {
+  :global(.byline-avatar-image) {
     height: 100%;
     width: 100%;
     border-radius: 50%;
@@ -29,7 +29,7 @@
   }
 
   .avatar-fallback,
-  :global(.infonomic-avatar-fallback) {
+  :global(.byline-avatar-fallback) {
     display: flex;
     height: 100%;
     width: 100%;
@@ -40,7 +40,7 @@
   }
 
   .avatar-text,
-  :global(.infonomic-avatar-text) {
+  :global(.byline-avatar-text) {
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
     text-transform: uppercase;

package/src/components/avatar/avatar.tsx

@@ -11,17 +11,17 @@ const url = 'https://picsum.photos/150'
 
 export const Avatar = ({ initials }: { initials: string }): React.JSX.Element => {
   return (
-    <AvatarPrimitive.Root className={cx('infonomic-avatar-root', styles['avatar-root'])}>
+    <AvatarPrimitive.Root className={cx('byline-avatar-root', styles['avatar-root'])}>
       <AvatarPrimitive.Image
         src={url}
         alt="Avatar"
-        className={cx('infonomic-avatar-image', styles['avatar-image'])}
+        className={cx('byline-avatar-image', styles['avatar-image'])}
       />
       <AvatarPrimitive.Fallback
-        className={cx('infonomic-avatar-fallback', styles['avatar-fallback'])}
+        className={cx('byline-avatar-fallback', styles['avatar-fallback'])}
         delay={600}
       >
-        <span className={cx('infonomic-avatar-text', styles['avatar-text'])}>{initials}</span>
+        <span className={cx('byline-avatar-text', styles['avatar-text'])}>{initials}</span>
       </AvatarPrimitive.Fallback>
     </AvatarPrimitive.Root>
   )

package/src/components/badge/badge.module.css

@@ -11,7 +11,7 @@
 
 @layer byline-components {
   .badge,
-  :global(.infonomic-badge) {
+  :global(.byline-badge) {
     display: inline-block;
     padding: 0.25em 0.4em;
     font-size: var(--font-size-sm);
@@ -24,43 +24,43 @@
   }
 
   .primary,
-  :global(.infonomic-badge-primary) {
+  :global(.byline-badge-primary) {
     color: var(--text-on-primary-strong);
     background-color: var(--fill-primary-strong);
   }
 
   .secondary,
-  :global(.infonomic-badge-secondary) {
+  :global(.byline-badge-secondary) {
     color: var(--text-on-secondary-strong);
     background-color: var(--fill-secondary-strong);
   }
 
   .noeffect,
-  :global(.infonomic-badge-noeffect) {
+  :global(.byline-badge-noeffect) {
     color: var(--text-on-noeffect-strong);
     background-color: var(--fill-noeffect-strong);
   }
 
   .success,
-  :global(.infonomic-badge-success) {
+  :global(.byline-badge-success) {
     color: var(--text-on-success-strong);
     background-color: var(--fill-success-strong);
   }
 
   .info,
-  :global(.infonomic-badge-info) {
+  :global(.byline-badge-info) {
     color: var(--text-on-info-strong);
     background-color: var(--fill-info-strong);
   }
 
   .warning,
-  :global(.infonomic-badge-warning) {
+  :global(.byline-badge-warning) {
     color: var(--text-on-warning-strong);
     background-color: var(--fill-warning-strong);
   }
 
   .danger,
-  :global(.infonomic-badge-danger) {
+  :global(.byline-badge-danger) {
     color: var(--text-on-danger-strong);
     background-color: var(--fill-danger-strong);
   }

package/src/components/badge/badge.tsx

@@ -26,8 +26,8 @@ export const Badge = ({
     props: {
       ...rest,
       className: cx(
-        'infonomic-badge',
-        `infonomic-badge-${intent}`,
+        'byline-badge',
+        `byline-badge-${intent}`,
         styles.badge,
         styles[intent],
         className

package/src/components/button/button-group.module.css

@@ -10,7 +10,7 @@
   byline-utilities;
 @layer byline-components {
   .button-group,
-  :global(.infonomic-button-group) {
+  :global(.byline-button-group) {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -20,7 +20,7 @@
 
   @media screen and (min-width: 40rem) {
     .button-group,
-    :global(.infonomic-button-group) {
+    :global(.byline-button-group) {
       flex-direction: row;
     }
   }