@sia.soul/sia-react-ui 0.1.28 → 0.1.30

package/dist/core.css

@@ -3467,12 +3467,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__header-cell,
 .sia-table__cell {
   position: relative;
-  height: 38px;
-  padding: 8px 12px;
+  height: 36px;
+  padding: 5px 12px;
   border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
   border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
+  font-size: 13px;
+  line-height: 1.5;
 }
 .sia-table__cell:last-child {
   border-right: 0;
@@ -3517,8 +3519,21 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   gap: 5px;
 }
 .sia-table__header-label-content {
+  display: block;
   min-width: 0;
   flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sia-table__sortable-header > span:first-child,
+.sia-table__filter-header > span:first-child,
+.sia-table__resizable-header > span:first-child {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .sia-table__header-description {
   display: inline-grid;
@@ -3584,7 +3599,13 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table__row {
   content-visibility: auto;
-  contain-intrinsic-size: auto 38px;
+  contain-intrinsic-size: auto 36px;
+}
+.sia-table--small .sia-table__row {
+  contain-intrinsic-size: auto 28px;
+}
+.sia-table--large .sia-table__row {
+  contain-intrinsic-size: auto 46px;
 }
 .sia-table__row--striped .sia-table__cell {
   background: color-mix(in srgb, var(--sia-color-background) 55%, var(--sia-color-surface));
@@ -3651,7 +3672,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__cell--merge-sticky > .sia-table__cell-content {
   position: sticky;
   z-index: var(--sia-table-merge-sticky-z-index, 3);
-  top: calc(var(--sia-table-header-height, 38px) + var(--sia-table-merge-sticky-inset, 0px));
+  top: calc(var(--sia-table-header-height, 36px) + var(--sia-table-merge-sticky-inset, 0px));
 }
 .sia-table__cell--fixed {
   position: sticky;
@@ -3774,7 +3795,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__empty {
   position: absolute;
   z-index: 7;
-  inset: var(--sia-table-header-height, 38px) 0 0;
+  inset: var(--sia-table-header-height, 36px) 0 0;
   display: grid;
   place-items: center;
   min-width: 0;
@@ -3800,8 +3821,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table--small .sia-table__header-cell,
 .sia-table--small .sia-table__cell {
-  height: 32px;
-  padding: 5px 9px;
+  height: 28px;
+  padding: 3px 9px;
   font-size: 12px;
 }
 .sia-table--large .sia-table__header-cell,
@@ -3828,24 +3849,53 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-width: 0;
   gap: 6px;
 }
 .sia-table__sort-button {
   display: grid;
   align-content: center;
-  width: 20px;
+  justify-items: center;
+  flex: 0 0 26px;
+  width: 26px;
   height: 28px;
   padding: 0;
   color: var(--sia-color-text-secondary);
   cursor: pointer;
   background: transparent;
   border: 0;
+  border-radius: var(--sia-radius);
 }
-.sia-table__sort-button .sia-icon {
+.sia-table__sort-button[data-sort-order=none] .sia-icon {
   margin-block: -2px;
 }
-.sia-table__sort-button .is-active {
+.sia-table__sort-button:not([data-sort-order=none]) {
+  color: var(--sia-color-primary-text);
+  background: color-mix(in srgb, var(--sia-color-primary) 14%, var(--sia-color-surface));
+}
+.sia-table__sort-button:not([data-sort-order=none]) .sia-icon {
+  stroke-width: 2.5;
+}
+.sia-table__sort-button:hover {
   color: var(--sia-color-primary-text);
+  background: color-mix(in srgb, var(--sia-color-primary) 20%, var(--sia-color-surface));
+}
+.sia-table__sort-button:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 1px;
+}
+.sia-table--medium .sia-table__sort-button {
+  height: 24px;
+}
+.sia-table--small .sia-table__sort-button,
+.sia-table--small .sia-table__filter-button {
+  height: 20px;
+}
+.sia-table--medium .sia-table__cell .sia-button--link {
+  height: 24px;
+}
+.sia-table--small .sia-table__cell .sia-button--link {
+  height: 20px;
 }
 .sia-table__filter-header {
   display: flex;
@@ -4392,8 +4442,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
 }
 .sia-table__settings-dropdown .sia-menu__item {
-  min-height: 34px;
-  padding: 4px 12px;
+  min-height: 36px;
+  padding: 5px 12px;
   gap: 10px;
   font-size: 14px;
   line-height: 24px;
@@ -6979,6 +7029,205 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload-dragger__content strong {
   color: var(--sia-color-text);
 }
+.sia-upload {
+  min-width: 0;
+  outline-offset: 4px;
+}
+.sia-upload__list:empty {
+  display: none;
+}
+.sia-upload__item {
+  position: relative;
+  min-width: 0;
+}
+.sia-upload__choose {
+  gap: 8px;
+}
+.sia-upload__choose > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.sia-upload__name a {
+  color: var(--sia-color-primary-text);
+  text-decoration: none;
+}
+.sia-upload__item--error .sia-upload__name a {
+  color: inherit;
+}
+.sia-upload__uploading {
+  display: grid;
+  grid-column: 2 / -1;
+  gap: 5px;
+  font-size: 12px;
+  color: var(--sia-color-text-secondary);
+}
+.sia-upload__progress {
+  display: block;
+  grid-column: auto;
+  width: 100%;
+}
+.sia-upload__error {
+  grid-column: 2 / -1;
+  font-size: 12px;
+}
+.sia-upload__item > .sia-upload__remove {
+  grid-column: 3;
+  grid-row: 1;
+  width: 28px;
+  height: 28px;
+}
+.sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload__item--error > .sia-upload__remove {
+  color: var(--sia-color-error);
+}
+.sia-upload__thumbnail.sia-button {
+  display: grid;
+  place-items: center;
+  width: 60px;
+  height: 60px;
+  padding: 0;
+  color: inherit;
+  background: var(--sia-color-control-hover);
+  border-radius: 5px;
+}
+.sia-upload__thumbnail img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.sia-upload__thumbnail > span {
+  display: grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+}
+.sia-upload--picture .sia-upload__item {
+  min-height: 84px;
+  padding: 10px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 8px;
+}
+.sia-upload--picture .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--picture .sia-upload__thumbnail {
+  grid-row: 1 / 3;
+}
+.sia-upload--picture .sia-upload__uploading,
+.sia-upload--picture .sia-upload__error {
+  grid-row: 2;
+}
+.sia-upload--picture-card .sia-upload__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.sia-upload--picture-card .sia-upload__item,
+.sia-upload--picture-card .sia-upload__choose {
+  box-sizing: border-box;
+  width: 112px;
+  height: 112px;
+  border: 1px solid var(--sia-color-border);
+  border-radius: 9px;
+}
+.sia-upload--picture-card .sia-upload__item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 8px;
+  gap: 4px;
+  overflow: hidden;
+}
+.sia-upload--picture-card .sia-upload__choose {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 8px;
+  border-style: dashed;
+  color: var(--sia-color-text);
+  background: var(--sia-color-control-hover);
+}
+.sia-upload--picture-card .sia-upload__choose > span {
+  flex-direction: column;
+  gap: 10px;
+}
+.sia-upload--picture-card .sia-upload__thumbnail {
+  width: 100%;
+  height: 70px;
+  min-height: 0;
+  flex: 1 1 auto;
+}
+.sia-upload--picture-card .sia-upload__name {
+  display: block;
+  width: 100%;
+  text-align: center;
+  font-size: 12px;
+  flex: 0 0 auto;
+}
+.sia-upload--picture-card .sia-upload__remove {
+  position: absolute;
+  right: 3px;
+  top: 3px;
+  background: var(--sia-color-surface);
+  border-radius: 50%;
+  opacity: 0;
+  z-index: 1;
+}
+.sia-upload--picture-card .sia-upload__item:hover .sia-upload__remove,
+.sia-upload--picture-card .sia-upload__item:focus-within .sia-upload__remove {
+  opacity: 1;
+}
+.sia-upload--picture-card .sia-upload__item--error {
+  border-color: var(--sia-color-error);
+}
+.sia-upload--picture-card .sia-upload__uploading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px;
+  text-align: center;
+  background: var(--sia-color-surface);
+  pointer-events: none;
+}
+.sia-upload--picture-card .sia-upload__error {
+  font-size: 11px;
+}
+.sia-upload-dragger .sia-upload__choose {
+  width: 100%;
+  height: auto;
+  padding: 0;
+  white-space: normal;
+  border: 0;
+}
+.sia-upload-dragger .sia-upload__choose > span {
+  display: block;
+  width: 100%;
+}
+.sia-upload-dragger__content {
+  box-sizing: border-box;
+}
+.sia-upload-dragger__content > .sia-icon {
+  color: var(--sia-color-primary);
+}
+.sia-upload.is-dragging .sia-upload__choose {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-upload.is-disabled .sia-upload-dragger__content {
+  cursor: not-allowed;
+}
+@media (hover: none) {
+  .sia-upload--picture-card .sia-upload__remove {
+    opacity: 1;
+  }
+}
 .sia-form > fieldset {
   display: contents;
   min-width: 0;

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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b3 as message } from './core-CTe-Sfl1.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-B687rqFa.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b3 as message } from './core-DlvCqFU7.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, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-BwuvPHYM.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,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-NEYUBLLB.js";
+} from "./chunk-KT7DIBXX.js";
 import "./chunk-YQDHCORW.js";
 import {
   Modal,