@sia.soul/sia-react-ui 0.1.39 → 0.1.41

package/dist/core.css

@@ -121,6 +121,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   min-width: 0;
   height: 100%;
 }
+.sia-picker-range-control__field.is-active::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 3px;
+  background: var(--sia-color-primary);
+  pointer-events: none;
+}
 .sia-picker-range-control__field.sia-placeholder-floating > .is-placeholder {
   color: transparent;
 }
@@ -405,7 +415,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-height-large: 38px;
   --sia-control-height: var(--sia-control-height-medium);
   --sia-spacing: 16px;
-  --sia-font-size: 16px;
+  --sia-font-size: 13px;
   --sia-font-size-small: 13px;
   --sia-control-font-size: 13px;
   --sia-font-size-large: 18px;
@@ -3284,11 +3294,11 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   gap: 0;
   align-items: flex-start;
   padding-top: 13px;
-  padding-right: 40px;
+  padding-right: 0;
 }
 .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow-x: clip;
+  overflow-y: clip;
 }
 .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__list::before {
   position: absolute;
@@ -3398,7 +3408,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
   .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
     max-width: 100%;
-    overflow-x: auto;
     padding: 8px 0;
   }
   .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list::before {
@@ -3415,9 +3424,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
     max-width: none;
     min-height: 32px;
   }
-  .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
-    overflow-x: auto;
-  }
   .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__tab-wrap {
     min-width: 96px;
   }
@@ -4656,7 +4662,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   height: 34px;
   padding-inline: 22px;
   border-radius: 999px;
-  transition: background-color 240ms ease, color 240ms ease;
+  transition: background-color 180ms ease, color 180ms ease;
 }
 .sia-tabs--capsule > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
   color: var(--sia-tabs-accent);
@@ -4682,7 +4688,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab {
   padding-inline: 22px;
-  transition: color 240ms ease;
+  transition: color 180ms ease;
 }
 .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
   color: var(--sia-tabs-accent);
@@ -4717,9 +4723,9 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-tabs__capsule-indicator[data-ready=true] {
   transition:
-    transform 240ms ease,
-    width 240ms ease,
-    height 240ms ease;
+    transform 180ms ease,
+    width 180ms ease,
+    height 180ms ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .sia-tabs__capsule-indicator[data-ready=true] {
@@ -4740,15 +4746,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-tabs__indicator[data-ready=true] {
   transition:
-    transform 240ms ease,
-    width 240ms ease,
-    height 240ms ease;
+    transform 180ms ease,
+    width 180ms ease,
+    height 180ms ease;
 }
 .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__indicator[data-ready=true] {
   transition:
-    transform 300ms cubic-bezier(.4, 0, .2, 1),
-    width 300ms cubic-bezier(.4, 0, .2, 1),
-    height 300ms cubic-bezier(.4, 0, .2, 1);
+    transform 180ms cubic-bezier(.4, 0, .2, 1),
+    width 180ms cubic-bezier(.4, 0, .2, 1),
+    height 180ms cubic-bezier(.4, 0, .2, 1);
 }
 .sia-tabs--line > .sia-tabs__header .sia-tabs__tab[aria-selected=true]::after {
   display: none;
@@ -5031,6 +5037,38 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   flex-shrink: 0;
   flex-wrap: nowrap;
 }
+.sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list {
+  position: relative;
+  box-sizing: border-box;
+  overflow: clip;
+  min-width: 0;
+}
+.sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-entry] {
+  flex: 0 0 auto;
+  width: max-content;
+}
+.sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-hidden=true] {
+  position: absolute;
+  left: 0;
+  top: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sia-tabs__more {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  align-self: center;
+}
+.sia-tabs__more > .sia-button {
+  width: 36px;
+  height: 34px;
+  padding: 0;
+}
+.sia-tabs__more > .sia-button.is-active {
+  color: var(--sia-color-primary);
+  background: var(--sia-color-primary-light);
+}
 
 /* src/components-extra.css */
 .sia-flex {
@@ -7352,6 +7390,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-form-item__label {
   padding-top: 8px;
   text-align: right;
+  font-size: 13px;
   line-height: 1.45;
 }
 .sia-form-item__required-mark {
@@ -9047,13 +9086,17 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   border-top-width: 1px;
   border-left-width: 1px;
 }
-.sia-floating__overlay--left .sia-floating__arrow {
+.sia-floating__overlay--left .sia-floating__arrow,
+.sia-floating__overlay--left-start .sia-floating__arrow,
+.sia-floating__overlay--left-end .sia-floating__arrow {
   top: var(--sia-floating-arrow-y, calc(50% - 4px));
   right: -4px;
   border-top-width: 1px;
   border-right-width: 1px;
 }
-.sia-floating__overlay--right .sia-floating__arrow {
+.sia-floating__overlay--right .sia-floating__arrow,
+.sia-floating__overlay--right-start .sia-floating__arrow,
+.sia-floating__overlay--right-end .sia-floating__arrow {
   top: var(--sia-floating-arrow-y, calc(50% - 4px));
   left: -4px;
   border-bottom-width: 1px;

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-D4opRFkZ.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-C2IieVNm.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-VNY_7WRq.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-ZmKnvCFV.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,12 +10,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-WR7XTQRU.js";
+} from "./chunk-IPDCEXQO.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,
   Select
-} from "./chunk-LRGD2QDA.js";
+} from "./chunk-3Q3S6CDZ.js";
 import {
   Icon,
   Input,