@sellmate/design-system-react 1.0.76 → 1.0.78
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/components/components.d.ts +22 -86
- package/dist/components/components.js +21 -130
- package/dist/components/components.server.d.ts +22 -86
- package/dist/components/components.server.js +15 -197
- package/dist/index.d.ts +1 -1
- package/lib/components/components.server.ts +27 -279
- package/lib/components/components.ts +33 -208
- package/lib/index.ts +0 -4
- package/package.json +2 -2
|
@@ -538,20 +538,6 @@ export const SdPortal = /*@__PURE__*/ createComponent({
|
|
|
538
538
|
clientModule: clientComponents.SdPortal,
|
|
539
539
|
serializeShadowRoot,
|
|
540
540
|
});
|
|
541
|
-
export const SdProgress = /*@__PURE__*/ createComponent({
|
|
542
|
-
tagName: 'sd-progress',
|
|
543
|
-
properties: {
|
|
544
|
-
type: 'type',
|
|
545
|
-
error: 'error',
|
|
546
|
-
percentage: 'percentage',
|
|
547
|
-
size: 'size',
|
|
548
|
-
strokeWidth: 'stroke-width',
|
|
549
|
-
label: 'label'
|
|
550
|
-
},
|
|
551
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
552
|
-
clientModule: clientComponents.SdProgress,
|
|
553
|
-
serializeShadowRoot,
|
|
554
|
-
});
|
|
555
541
|
export const SdRadio = /*@__PURE__*/ createComponent({
|
|
556
542
|
tagName: 'sd-radio',
|
|
557
543
|
properties: {
|
|
@@ -592,163 +578,6 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
|
|
|
592
578
|
});
|
|
593
579
|
export const SdSelect = /*@__PURE__*/ createComponent({
|
|
594
580
|
tagName: 'sd-select',
|
|
595
|
-
properties: {
|
|
596
|
-
value: 'value',
|
|
597
|
-
placeholder: 'placeholder',
|
|
598
|
-
optionPlaceholder: 'option-placeholder',
|
|
599
|
-
width: 'width',
|
|
600
|
-
dropdownHeight: 'dropdown-height',
|
|
601
|
-
autoFocus: 'auto-focus',
|
|
602
|
-
disabled: 'disabled',
|
|
603
|
-
clearable: 'clearable',
|
|
604
|
-
searchable: 'searchable',
|
|
605
|
-
label: 'label',
|
|
606
|
-
labelWidth: 'label-width',
|
|
607
|
-
addonLabel: 'addon-label',
|
|
608
|
-
addonAlign: 'addon-align',
|
|
609
|
-
labelTooltip: 'label-tooltip',
|
|
610
|
-
error: 'error',
|
|
611
|
-
name: 'name',
|
|
612
|
-
options: 'options',
|
|
613
|
-
rules: 'rules'
|
|
614
|
-
},
|
|
615
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
616
|
-
clientModule: clientComponents.SdSelect,
|
|
617
|
-
serializeShadowRoot,
|
|
618
|
-
});
|
|
619
|
-
export const SdSelectDropdown = /*@__PURE__*/ createComponent({
|
|
620
|
-
tagName: 'sd-select-dropdown',
|
|
621
|
-
properties: {
|
|
622
|
-
itemIndex: 'item-index',
|
|
623
|
-
value: 'value',
|
|
624
|
-
width: 'width',
|
|
625
|
-
dropdownHeight: 'dropdown-height',
|
|
626
|
-
searchable: 'searchable',
|
|
627
|
-
optionPlaceholder: 'option-placeholder',
|
|
628
|
-
useCheckbox: 'use-checkbox',
|
|
629
|
-
useAll: 'use-all',
|
|
630
|
-
options: 'options'
|
|
631
|
-
},
|
|
632
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
633
|
-
clientModule: clientComponents.SdSelectDropdown,
|
|
634
|
-
serializeShadowRoot,
|
|
635
|
-
});
|
|
636
|
-
export const SdSelectGroup = /*@__PURE__*/ createComponent({
|
|
637
|
-
tagName: 'sd-select-group',
|
|
638
|
-
properties: {
|
|
639
|
-
value: 'value',
|
|
640
|
-
placeholder: 'placeholder',
|
|
641
|
-
optionPlaceholder: 'option-placeholder',
|
|
642
|
-
width: 'width',
|
|
643
|
-
dropdownHeight: 'dropdown-height',
|
|
644
|
-
autoFocus: 'auto-focus',
|
|
645
|
-
disabled: 'disabled',
|
|
646
|
-
clearable: 'clearable',
|
|
647
|
-
searchable: 'searchable',
|
|
648
|
-
label: 'label',
|
|
649
|
-
labelWidth: 'label-width',
|
|
650
|
-
addonLabel: 'addon-label',
|
|
651
|
-
addonAlign: 'addon-align',
|
|
652
|
-
labelTooltip: 'label-tooltip',
|
|
653
|
-
error: 'error',
|
|
654
|
-
name: 'name',
|
|
655
|
-
options: 'options',
|
|
656
|
-
rules: 'rules'
|
|
657
|
-
},
|
|
658
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
659
|
-
clientModule: clientComponents.SdSelectGroup,
|
|
660
|
-
serializeShadowRoot,
|
|
661
|
-
});
|
|
662
|
-
export const SdSelectMultiple = /*@__PURE__*/ createComponent({
|
|
663
|
-
tagName: 'sd-select-multiple',
|
|
664
|
-
properties: {
|
|
665
|
-
placeholder: 'placeholder',
|
|
666
|
-
optionPlaceholder: 'option-placeholder',
|
|
667
|
-
width: 'width',
|
|
668
|
-
dropdownHeight: 'dropdown-height',
|
|
669
|
-
autoFocus: 'auto-focus',
|
|
670
|
-
disabled: 'disabled',
|
|
671
|
-
clearable: 'clearable',
|
|
672
|
-
searchable: 'searchable',
|
|
673
|
-
useAll: 'use-all',
|
|
674
|
-
useCheckbox: 'use-checkbox',
|
|
675
|
-
label: 'label',
|
|
676
|
-
labelWidth: 'label-width',
|
|
677
|
-
labelTooltip: 'label-tooltip',
|
|
678
|
-
error: 'error',
|
|
679
|
-
value: 'value',
|
|
680
|
-
options: 'options',
|
|
681
|
-
rules: 'rules'
|
|
682
|
-
},
|
|
683
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
684
|
-
clientModule: clientComponents.SdSelectMultiple,
|
|
685
|
-
serializeShadowRoot,
|
|
686
|
-
});
|
|
687
|
-
export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
|
|
688
|
-
tagName: 'sd-select-multiple-group',
|
|
689
|
-
properties: {
|
|
690
|
-
placeholder: 'placeholder',
|
|
691
|
-
optionPlaceholder: 'option-placeholder',
|
|
692
|
-
width: 'width',
|
|
693
|
-
dropdownHeight: 'dropdown-height',
|
|
694
|
-
disabled: 'disabled',
|
|
695
|
-
clearable: 'clearable',
|
|
696
|
-
searchable: 'searchable',
|
|
697
|
-
useCheckbox: 'use-checkbox',
|
|
698
|
-
useAll: 'use-all',
|
|
699
|
-
allCheckedLabel: 'all-checked-label',
|
|
700
|
-
allCheckOptionLabel: 'all-check-option-label',
|
|
701
|
-
label: 'label',
|
|
702
|
-
labelWidth: 'label-width',
|
|
703
|
-
labelTooltip: 'label-tooltip',
|
|
704
|
-
error: 'error',
|
|
705
|
-
value: 'value',
|
|
706
|
-
options: 'options',
|
|
707
|
-
rules: 'rules'
|
|
708
|
-
},
|
|
709
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
710
|
-
clientModule: clientComponents.SdSelectMultipleGroup,
|
|
711
|
-
serializeShadowRoot,
|
|
712
|
-
});
|
|
713
|
-
export const SdSelectOption = /*@__PURE__*/ createComponent({
|
|
714
|
-
tagName: 'sd-select-option',
|
|
715
|
-
properties: {
|
|
716
|
-
index: 'index',
|
|
717
|
-
isSelected: 'is-selected',
|
|
718
|
-
isFocused: 'is-focused',
|
|
719
|
-
disabled: 'disabled',
|
|
720
|
-
useCheckbox: 'use-checkbox'
|
|
721
|
-
},
|
|
722
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
723
|
-
clientModule: clientComponents.SdSelectOption,
|
|
724
|
-
serializeShadowRoot,
|
|
725
|
-
});
|
|
726
|
-
export const SdSelectOptionGroup = /*@__PURE__*/ createComponent({
|
|
727
|
-
tagName: 'sd-select-option-group',
|
|
728
|
-
properties: {
|
|
729
|
-
index: 'index',
|
|
730
|
-
isSelected: 'is-selected',
|
|
731
|
-
isFocused: 'is-focused',
|
|
732
|
-
disabled: 'disabled',
|
|
733
|
-
useCheckbox: 'use-checkbox',
|
|
734
|
-
useIndicator: 'use-indicator'
|
|
735
|
-
},
|
|
736
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
737
|
-
clientModule: clientComponents.SdSelectOptionGroup,
|
|
738
|
-
serializeShadowRoot,
|
|
739
|
-
});
|
|
740
|
-
export const SdSelectSearchInput = /*@__PURE__*/ createComponent({
|
|
741
|
-
tagName: 'sd-select-search-input',
|
|
742
|
-
properties: {
|
|
743
|
-
isScrolled: 'is-scrolled',
|
|
744
|
-
searchText: 'search-text'
|
|
745
|
-
},
|
|
746
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
747
|
-
clientModule: clientComponents.SdSelectSearchInput,
|
|
748
|
-
serializeShadowRoot,
|
|
749
|
-
});
|
|
750
|
-
export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
751
|
-
tagName: 'sd-select-v2',
|
|
752
581
|
properties: {
|
|
753
582
|
type: 'type',
|
|
754
583
|
value: 'value',
|
|
@@ -774,11 +603,11 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
|
774
603
|
rules: 'rules'
|
|
775
604
|
},
|
|
776
605
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
777
|
-
clientModule: clientComponents.
|
|
606
|
+
clientModule: clientComponents.SdSelect,
|
|
778
607
|
serializeShadowRoot,
|
|
779
608
|
});
|
|
780
|
-
export const
|
|
781
|
-
tagName: 'sd-select-
|
|
609
|
+
export const SdSelectListItem = /*@__PURE__*/ createComponent({
|
|
610
|
+
tagName: 'sd-select-list-item',
|
|
782
611
|
properties: {
|
|
783
612
|
depth: 'depth',
|
|
784
613
|
isSelected: 'is-selected',
|
|
@@ -786,18 +615,18 @@ export const SdSelectV2ListItem = /*@__PURE__*/ createComponent({
|
|
|
786
615
|
useCheckbox: 'use-checkbox'
|
|
787
616
|
},
|
|
788
617
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
789
|
-
clientModule: clientComponents.
|
|
618
|
+
clientModule: clientComponents.SdSelectListItem,
|
|
790
619
|
serializeShadowRoot,
|
|
791
620
|
});
|
|
792
|
-
export const
|
|
793
|
-
tagName: 'sd-select-
|
|
621
|
+
export const SdSelectListItemSearch = /*@__PURE__*/ createComponent({
|
|
622
|
+
tagName: 'sd-select-list-item-search',
|
|
794
623
|
properties: { isScrolled: 'is-scrolled' },
|
|
795
624
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
796
|
-
clientModule: clientComponents.
|
|
625
|
+
clientModule: clientComponents.SdSelectListItemSearch,
|
|
797
626
|
serializeShadowRoot,
|
|
798
627
|
});
|
|
799
|
-
export const
|
|
800
|
-
tagName: 'sd-select-
|
|
628
|
+
export const SdSelectListbox = /*@__PURE__*/ createComponent({
|
|
629
|
+
tagName: 'sd-select-listbox',
|
|
801
630
|
properties: {
|
|
802
631
|
type: 'type',
|
|
803
632
|
value: 'value',
|
|
@@ -810,11 +639,11 @@ export const SdSelectV2Listbox = /*@__PURE__*/ createComponent({
|
|
|
810
639
|
options: 'options'
|
|
811
640
|
},
|
|
812
641
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
813
|
-
clientModule: clientComponents.
|
|
642
|
+
clientModule: clientComponents.SdSelectListbox,
|
|
814
643
|
serializeShadowRoot,
|
|
815
644
|
});
|
|
816
|
-
export const
|
|
817
|
-
tagName: 'sd-select-
|
|
645
|
+
export const SdSelectTrigger = /*@__PURE__*/ createComponent({
|
|
646
|
+
tagName: 'sd-select-trigger',
|
|
818
647
|
properties: {
|
|
819
648
|
displayText: 'display-text',
|
|
820
649
|
placeholder: 'placeholder',
|
|
@@ -822,7 +651,7 @@ export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
|
|
|
822
651
|
isOpen: 'is-open'
|
|
823
652
|
},
|
|
824
653
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
825
|
-
clientModule: clientComponents.
|
|
654
|
+
clientModule: clientComponents.SdSelectTrigger,
|
|
826
655
|
serializeShadowRoot,
|
|
827
656
|
});
|
|
828
657
|
export const SdSwitch = /*@__PURE__*/ createComponent({
|
|
@@ -903,7 +732,8 @@ export const SdTd = /*@__PURE__*/ createComponent({
|
|
|
903
732
|
rowKey: 'row-key',
|
|
904
733
|
align: 'align',
|
|
905
734
|
rowspan: 'rowspan',
|
|
906
|
-
colspan: 'colspan'
|
|
735
|
+
colspan: 'colspan',
|
|
736
|
+
sdClass: 'sd-class'
|
|
907
737
|
},
|
|
908
738
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
909
739
|
clientModule: clientComponents.SdTd,
|
|
@@ -1038,15 +868,3 @@ export const SdTr = /*@__PURE__*/ createComponent({
|
|
|
1038
868
|
clientModule: clientComponents.SdTr,
|
|
1039
869
|
serializeShadowRoot,
|
|
1040
870
|
});
|
|
1041
|
-
export const TableTest = /*@__PURE__*/ createComponent({
|
|
1042
|
-
tagName: 'table-test',
|
|
1043
|
-
properties: {
|
|
1044
|
-
bordered: 'bordered',
|
|
1045
|
-
striped: 'striped',
|
|
1046
|
-
columns: 'columns',
|
|
1047
|
-
rows: 'rows'
|
|
1048
|
-
},
|
|
1049
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
1050
|
-
clientModule: clientComponents.TableTest,
|
|
1051
|
-
serializeShadowRoot,
|
|
1052
|
-
});
|
package/dist/index.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export { sdModal } from './sdModal';
|
|
|
6
6
|
export type { SdModalCreateOption } from './sdModal';
|
|
7
7
|
export { sdLoading } from '@sellmate/design-system/utils';
|
|
8
8
|
export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
|
|
9
|
-
export type { SdTableColumn, Row as SdTableRow, SelectOption,
|
|
9
|
+
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
|