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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/core.css CHANGED
@@ -3284,11 +3284,11 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3284
3284
  gap: 0;
3285
3285
  align-items: flex-start;
3286
3286
  padding-top: 13px;
3287
- padding-right: 40px;
3287
+ padding-right: 0;
3288
3288
  }
3289
3289
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3290
- overflow-x: auto;
3291
- overflow-y: hidden;
3290
+ overflow-x: clip;
3291
+ overflow-y: clip;
3292
3292
  }
3293
3293
  .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__list::before {
3294
3294
  position: absolute;
@@ -3398,7 +3398,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3398
3398
  }
3399
3399
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3400
3400
  max-width: 100%;
3401
- overflow-x: auto;
3402
3401
  padding: 8px 0;
3403
3402
  }
3404
3403
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list::before {
@@ -3415,9 +3414,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3415
3414
  max-width: none;
3416
3415
  min-height: 32px;
3417
3416
  }
3418
- .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3419
- overflow-x: auto;
3420
- }
3421
3417
  .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__tab-wrap {
3422
3418
  min-width: 96px;
3423
3419
  }
@@ -4656,7 +4652,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4656
4652
  height: 34px;
4657
4653
  padding-inline: 22px;
4658
4654
  border-radius: 999px;
4659
- transition: background-color 240ms ease, color 240ms ease;
4655
+ transition: background-color 180ms ease, color 180ms ease;
4660
4656
  }
4661
4657
  .sia-tabs--capsule > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
4662
4658
  color: var(--sia-tabs-accent);
@@ -4682,7 +4678,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4682
4678
  }
4683
4679
  .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab {
4684
4680
  padding-inline: 22px;
4685
- transition: color 240ms ease;
4681
+ transition: color 180ms ease;
4686
4682
  }
4687
4683
  .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
4688
4684
  color: var(--sia-tabs-accent);
@@ -4717,9 +4713,9 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4717
4713
  }
4718
4714
  .sia-tabs__capsule-indicator[data-ready=true] {
4719
4715
  transition:
4720
- transform 240ms ease,
4721
- width 240ms ease,
4722
- height 240ms ease;
4716
+ transform 180ms ease,
4717
+ width 180ms ease,
4718
+ height 180ms ease;
4723
4719
  }
4724
4720
  @media (prefers-reduced-motion: reduce) {
4725
4721
  .sia-tabs__capsule-indicator[data-ready=true] {
@@ -4740,15 +4736,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4740
4736
  }
4741
4737
  .sia-tabs__indicator[data-ready=true] {
4742
4738
  transition:
4743
- transform 240ms ease,
4744
- width 240ms ease,
4745
- height 240ms ease;
4739
+ transform 180ms ease,
4740
+ width 180ms ease,
4741
+ height 180ms ease;
4746
4742
  }
4747
4743
  .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__indicator[data-ready=true] {
4748
4744
  transition:
4749
- transform 300ms cubic-bezier(.4, 0, .2, 1),
4750
- width 300ms cubic-bezier(.4, 0, .2, 1),
4751
- height 300ms cubic-bezier(.4, 0, .2, 1);
4745
+ transform 180ms cubic-bezier(.4, 0, .2, 1),
4746
+ width 180ms cubic-bezier(.4, 0, .2, 1),
4747
+ height 180ms cubic-bezier(.4, 0, .2, 1);
4752
4748
  }
4753
4749
  .sia-tabs--line > .sia-tabs__header .sia-tabs__tab[aria-selected=true]::after {
4754
4750
  display: none;
@@ -5031,6 +5027,38 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5031
5027
  flex-shrink: 0;
5032
5028
  flex-wrap: nowrap;
5033
5029
  }
5030
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list {
5031
+ position: relative;
5032
+ box-sizing: border-box;
5033
+ overflow: clip;
5034
+ min-width: 0;
5035
+ }
5036
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-entry] {
5037
+ flex: 0 0 auto;
5038
+ width: max-content;
5039
+ }
5040
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-hidden=true] {
5041
+ position: absolute;
5042
+ left: 0;
5043
+ top: 0;
5044
+ visibility: hidden;
5045
+ pointer-events: none;
5046
+ }
5047
+ .sia-tabs__more {
5048
+ display: inline-flex;
5049
+ flex: 0 0 auto;
5050
+ align-items: center;
5051
+ align-self: center;
5052
+ }
5053
+ .sia-tabs__more > .sia-button {
5054
+ width: 36px;
5055
+ height: 34px;
5056
+ padding: 0;
5057
+ }
5058
+ .sia-tabs__more > .sia-button.is-active {
5059
+ color: var(--sia-color-primary);
5060
+ background: var(--sia-color-primary-light);
5061
+ }
5034
5062
 
5035
5063
  /* src/components-extra.css */
5036
5064
  .sia-flex {
package/dist/core.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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-BAHoW7_e.cjs';
2
2
  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';
3
3
  import 'react';
4
4
  import './shared-Bx4B28Wh.cjs';
package/dist/core.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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-fn8h4yRg.js';
2
2
  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';
3
3
  import 'react';
4
4
  import './shared-Bx4B28Wh.js';
package/dist/core.js CHANGED
@@ -10,12 +10,12 @@ import {
10
10
  Typography,
11
11
  Upload,
12
12
  message
13
- } from "./chunk-WR7XTQRU.js";
13
+ } from "./chunk-CEZ4GW3X.js";
14
14
  import "./chunk-SMCYEPBL.js";
15
15
  import {
16
16
  Modal,
17
17
  Select
18
- } from "./chunk-LRGD2QDA.js";
18
+ } from "./chunk-ZTJUFVJO.js";
19
19
  import {
20
20
  Icon,
21
21
  Input,