@saleor/macaw-ui 1.4.1 → 2.0.0
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/README.md +1 -1
- package/dist/components/Accordion/Accordion.stories.d.ts +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +5 -5
- package/dist/components/Avatar/index.d.ts +8 -8
- package/dist/components/Backdrop/Backdrop.d.ts +4 -4
- package/dist/components/Backdrop/Backdrop.stories.d.ts +1 -1
- package/dist/components/BaseSelect/BaseSelect.css.d.ts +3 -3
- package/dist/components/Box/Box.d.ts +4 -4
- package/dist/components/Button/Button.d.ts +4 -4
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +4 -4
- package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -1
- package/dist/components/Chip/Chip.d.ts +4 -4
- package/dist/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts +8 -8
- package/dist/components/Combobox/Dynamic/DynamicCombobox.stories.d.ts +1 -1
- package/dist/components/Combobox/Static/Combobox.d.ts +8 -8
- package/dist/components/Combobox/Static/StaticCombobox.stories.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +4 -4
- package/dist/components/Divider/Divider.stories.d.ts +1 -1
- package/dist/components/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.stories.d.ts +1 -1
- package/dist/components/DropdownButton/DropdownButton.d.ts +4 -4
- package/dist/components/DropdownButton/DropdownButton.stories.d.ts +1 -1
- package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts +12 -12
- package/dist/components/Input/Input.d.ts +4 -4
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/List/Item.d.ts +4 -4
- package/dist/components/List/List.d.ts +4 -4
- package/dist/components/List/List.stories.d.ts +1 -1
- package/dist/components/List/index.d.ts +8 -8
- package/dist/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/components/Multiselect/Common/Adornment.d.ts +1 -1
- package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts +8 -8
- package/dist/components/Multiselect/Dynamic/DynamicMultiselect.stories.d.ts +1 -1
- package/dist/components/Multiselect/Static/Multiselect.d.ts +12 -12
- package/dist/components/Multiselect/Static/Multiselect.stories.d.ts +1 -1
- package/dist/components/Paragraph/Paragraph.d.ts +4 -4
- package/dist/components/Paragraph/Paragraph.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/RadioGroup/Group.d.ts +4 -4
- package/dist/components/RadioGroup/Item.css.d.ts +18 -18
- package/dist/components/RadioGroup/Item.d.ts +4 -4
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +8 -8
- package/dist/components/RangeInput/RangeInput.d.ts +4 -4
- package/dist/components/RangeInput/RangeInput.stories.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +4 -4
- package/dist/components/SearchInput/SearchInput.stories.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +8 -8
- package/dist/components/Select/Select.stories.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts +1 -1
- package/dist/components/Spinner/Spinner.stories.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +4 -4
- package/dist/components/Switch/Switch.stories.d.ts +1 -1
- package/dist/components/Switch/index.d.ts +4 -4
- package/dist/components/Text/Text.d.ts +4 -4
- package/dist/components/Text/Text.stories.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +4 -4
- package/dist/components/Textarea/Textarea.stories.d.ts +1 -1
- package/dist/components/Toggle/Toggle.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/index.js +54 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4294 -4956
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/theme/contract.css.d.ts +142 -142
- package/dist/theme/sprinkles.css.d.ts +5 -5
- package/dist/utils/iconSize.d.ts +6 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +19 -26
- package/dist/components/Icons/ArrowDownIcon.d.ts +0 -27
- package/dist/components/Icons/ArrowLeftIcon.d.ts +0 -27
- package/dist/components/Icons/ArrowRightIcon.d.ts +0 -27
- package/dist/components/Icons/ArrowUpIcon.d.ts +0 -27
- package/dist/components/Icons/CatalogIcon.d.ts +0 -27
- package/dist/components/Icons/CheckboxIcon.d.ts +0 -27
- package/dist/components/Icons/ChervonDoubleIcon.d.ts +0 -27
- package/dist/components/Icons/ChervonDownIcon.d.ts +0 -27
- package/dist/components/Icons/ChervonUpIcon.d.ts +0 -27
- package/dist/components/Icons/ChevronLeftIcon.d.ts +0 -27
- package/dist/components/Icons/ChevronRightIcon.d.ts +0 -27
- package/dist/components/Icons/CloseIcon.d.ts +0 -27
- package/dist/components/Icons/ConfigurationIcon.d.ts +0 -27
- package/dist/components/Icons/CopyIcon.d.ts +0 -27
- package/dist/components/Icons/CustomersIcon.d.ts +0 -27
- package/dist/components/Icons/DarkModeIcon.d.ts +0 -27
- package/dist/components/Icons/DashboardIcon.d.ts +0 -27
- package/dist/components/Icons/EditIcon.d.ts +0 -27
- package/dist/components/Icons/EnvironmentIcon.d.ts +0 -27
- package/dist/components/Icons/ExportIcon.d.ts +0 -27
- package/dist/components/Icons/ExternalLinkIcon.d.ts +0 -27
- package/dist/components/Icons/FileExportIcon.d.ts +0 -27
- package/dist/components/Icons/FloppyDiscIcon.d.ts +0 -27
- package/dist/components/Icons/FullscreenOffIcon.d.ts +0 -27
- package/dist/components/Icons/FullscreenOnIcon.d.ts +0 -27
- package/dist/components/Icons/GenericAppIcon.d.ts +0 -27
- package/dist/components/Icons/GraphQLIcon.d.ts +0 -27
- package/dist/components/Icons/GripIcon.d.ts +0 -27
- package/dist/components/Icons/HelpIcon.d.ts +0 -27
- package/dist/components/Icons/HomeIcon.d.ts +0 -27
- package/dist/components/Icons/InfoIcon.d.ts +0 -27
- package/dist/components/Icons/LightModeIcon.d.ts +0 -27
- package/dist/components/Icons/MailIcon.d.ts +0 -27
- package/dist/components/Icons/MarketplaceIcon.d.ts +0 -27
- package/dist/components/Icons/MenuIcon.d.ts +0 -27
- package/dist/components/Icons/MoreOptionsIcon.d.ts +0 -27
- package/dist/components/Icons/OrdersIcon.d.ts +0 -27
- package/dist/components/Icons/PlusIcon.d.ts +0 -27
- package/dist/components/Icons/ProductsIcons.d.ts +0 -27
- package/dist/components/Icons/RemoveIcon.d.ts +0 -27
- package/dist/components/Icons/SearchIcon.d.ts +0 -27
- package/dist/components/Icons/SellsIcon.d.ts +0 -27
- package/dist/components/Icons/StorefrontIcon.d.ts +0 -27
- package/dist/components/Icons/TableEditIcon.d.ts +0 -27
- package/dist/components/Icons/TranslationsIcon.d.ts +0 -27
- package/dist/components/Icons/TrashBinIcon.d.ts +0 -27
- package/dist/components/Icons/ViewListIcon.d.ts +0 -27
- package/dist/components/Icons/ViewTableIcon.d.ts +0 -27
- package/dist/components/Icons/ViewTilesIcon.d.ts +0 -27
- package/dist/components/Icons/ViewWideTilesIcon.d.ts +0 -27
- package/dist/components/Icons/VouchersIcon.d.ts +0 -27
- package/dist/components/Icons/WarningIcon.d.ts +0 -27
- package/dist/components/Icons/index.d.ts +0 -52
|
@@ -23,10 +23,10 @@ declare const MultiselectInner: <T extends Option, V extends string | Option>({
|
|
|
23
23
|
className?: string | undefined;
|
|
24
24
|
style?: Record<string, any> | undefined;
|
|
25
25
|
} & {
|
|
26
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
27
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
28
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
29
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
26
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
27
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
28
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
29
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
30
30
|
} | undefined;
|
|
31
31
|
flexDirection?: "column" | "row" | {
|
|
32
32
|
mobile?: "column" | "row" | undefined;
|
|
@@ -1295,10 +1295,10 @@ export declare const MultiselectRoot: <T extends Option, V extends string | Opti
|
|
|
1295
1295
|
className?: string | undefined;
|
|
1296
1296
|
style?: Record<string, any> | undefined;
|
|
1297
1297
|
} & {
|
|
1298
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1299
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1300
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1301
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1298
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1299
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1300
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1301
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1302
1302
|
} | undefined;
|
|
1303
1303
|
flexDirection?: "column" | "row" | {
|
|
1304
1304
|
mobile?: "column" | "row" | undefined;
|
|
@@ -2569,10 +2569,10 @@ export declare const Multiselect: (<T extends Option, V extends string | Option>
|
|
|
2569
2569
|
className?: string | undefined;
|
|
2570
2570
|
style?: Record<string, any> | undefined;
|
|
2571
2571
|
} & {
|
|
2572
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
2573
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2574
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2575
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2572
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
2573
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2574
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2575
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
2576
2576
|
} | undefined;
|
|
2577
2577
|
flexDirection?: "column" | "row" | {
|
|
2578
2578
|
mobile?: "column" | "row" | undefined;
|
|
@@ -5,10 +5,10 @@ export declare const Paragraph: import('react').ForwardRefExoticComponent<Omit<{
|
|
|
5
5
|
className?: string | undefined;
|
|
6
6
|
style?: Record<string, any> | undefined;
|
|
7
7
|
} & {
|
|
8
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
9
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
10
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
11
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
8
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
9
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
10
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
11
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
12
12
|
} | undefined;
|
|
13
13
|
flexDirection?: "column" | "row" | {
|
|
14
14
|
mobile?: "column" | "row" | undefined;
|
|
@@ -16,10 +16,10 @@ export declare const RadioGroupRoot: import('react').ForwardRefExoticComponent<O
|
|
|
16
16
|
className?: string | undefined;
|
|
17
17
|
style?: Record<string, any> | undefined;
|
|
18
18
|
} & {
|
|
19
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
20
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
19
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
20
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
23
23
|
} | undefined;
|
|
24
24
|
flexDirection?: "column" | "row" | {
|
|
25
25
|
mobile?: "column" | "row" | undefined;
|
|
@@ -9,41 +9,41 @@ export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
9
9
|
true: {
|
|
10
10
|
selectors: {
|
|
11
11
|
"&:hover": {
|
|
12
|
-
backgroundColor: `var(--${string})
|
|
12
|
+
backgroundColor: `var(--${string})`;
|
|
13
13
|
};
|
|
14
14
|
"&:active": {
|
|
15
|
-
backgroundColor: `var(--${string})
|
|
15
|
+
backgroundColor: `var(--${string})`;
|
|
16
16
|
};
|
|
17
17
|
"&[data-state='checked'][data-disabled]": {
|
|
18
|
-
backgroundColor: `var(--${string})
|
|
18
|
+
backgroundColor: `var(--${string})`;
|
|
19
19
|
};
|
|
20
20
|
"&:active:after": {
|
|
21
|
-
backgroundColor: `var(--${string})
|
|
21
|
+
backgroundColor: `var(--${string})`;
|
|
22
22
|
};
|
|
23
23
|
"&:hover:after": {
|
|
24
|
-
backgroundColor: `var(--${string})
|
|
24
|
+
backgroundColor: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
"&:focus-visible": {
|
|
27
|
-
backgroundColor: `var(--${string})
|
|
27
|
+
backgroundColor: `var(--${string})`;
|
|
28
28
|
};
|
|
29
29
|
"&:focus-visible:after": {
|
|
30
|
-
backgroundColor: `var(--${string})
|
|
30
|
+
backgroundColor: `var(--${string})`;
|
|
31
31
|
};
|
|
32
32
|
"&[data-state='checked']": {
|
|
33
|
-
backgroundColor: `var(--${string})
|
|
34
|
-
borderColor: `var(--${string})
|
|
33
|
+
backgroundColor: `var(--${string})`;
|
|
34
|
+
borderColor: `var(--${string})`;
|
|
35
35
|
};
|
|
36
36
|
"&[data-state='checked']:hover": {
|
|
37
|
-
backgroundColor: `var(--${string})
|
|
37
|
+
backgroundColor: `var(--${string})`;
|
|
38
38
|
};
|
|
39
39
|
"&[data-state='checked']:hover:after": {
|
|
40
|
-
backgroundColor: `var(--${string})
|
|
40
|
+
backgroundColor: `var(--${string})`;
|
|
41
41
|
};
|
|
42
42
|
"&[data-state='checked']:focus-visible": {
|
|
43
|
-
backgroundColor: `var(--${string})
|
|
43
|
+
backgroundColor: `var(--${string})`;
|
|
44
44
|
};
|
|
45
45
|
"&[data-state='checked']:focus-visible:after": {
|
|
46
|
-
backgroundColor: `var(--${string})
|
|
46
|
+
backgroundColor: `var(--${string})`;
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
49
|
};
|
|
@@ -52,19 +52,19 @@ export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
52
52
|
true: {
|
|
53
53
|
selectors: {
|
|
54
54
|
"&:hover": {
|
|
55
|
-
backgroundColor: `var(--${string})
|
|
55
|
+
backgroundColor: `var(--${string})`;
|
|
56
56
|
};
|
|
57
57
|
"&:active": {
|
|
58
|
-
backgroundColor: `var(--${string})
|
|
58
|
+
backgroundColor: `var(--${string})`;
|
|
59
59
|
};
|
|
60
60
|
"&:active:after": {
|
|
61
|
-
backgroundColor: `var(--${string})
|
|
61
|
+
backgroundColor: `var(--${string})`;
|
|
62
62
|
};
|
|
63
63
|
"&[data-state='checked']:hover": {
|
|
64
|
-
backgroundColor: `var(--${string})
|
|
64
|
+
backgroundColor: `var(--${string})`;
|
|
65
65
|
};
|
|
66
66
|
"&[data-state='checked']:hover:after": {
|
|
67
|
-
backgroundColor: `var(--${string})
|
|
67
|
+
backgroundColor: `var(--${string})`;
|
|
68
68
|
};
|
|
69
69
|
};
|
|
70
70
|
};
|
|
@@ -16,10 +16,10 @@ export declare const RadioGroupItem: import('react').ForwardRefExoticComponent<O
|
|
|
16
16
|
className?: string | undefined;
|
|
17
17
|
style?: Record<string, any> | undefined;
|
|
18
18
|
} & {
|
|
19
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
20
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
19
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
20
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
23
23
|
} | undefined;
|
|
24
24
|
flexDirection?: "column" | "row" | {
|
|
25
25
|
mobile?: "column" | "row" | undefined;
|
|
@@ -8,10 +8,10 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
|
|
|
8
8
|
className?: string | undefined;
|
|
9
9
|
style?: Record<string, any> | undefined;
|
|
10
10
|
} & {
|
|
11
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
12
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
13
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
14
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
11
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
12
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
13
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
14
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
15
15
|
} | undefined;
|
|
16
16
|
flexDirection?: "column" | "row" | {
|
|
17
17
|
mobile?: "column" | "row" | undefined;
|
|
@@ -1275,10 +1275,10 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
|
|
|
1275
1275
|
className?: string | undefined;
|
|
1276
1276
|
style?: Record<string, any> | undefined;
|
|
1277
1277
|
} & {
|
|
1278
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1279
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1280
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1281
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1278
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1279
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1280
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1281
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1282
1282
|
} | undefined;
|
|
1283
1283
|
flexDirection?: "column" | "row" | {
|
|
1284
1284
|
mobile?: "column" | "row" | undefined;
|
|
@@ -18,10 +18,10 @@ export declare const RangeInput: import('react').ForwardRefExoticComponent<{
|
|
|
18
18
|
className?: string | undefined;
|
|
19
19
|
style?: Record<string, any> | undefined;
|
|
20
20
|
} & {
|
|
21
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
22
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
23
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
24
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
22
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
23
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
24
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
25
25
|
} | undefined;
|
|
26
26
|
flexDirection?: "column" | "row" | {
|
|
27
27
|
mobile?: "column" | "row" | undefined;
|
|
@@ -9,10 +9,10 @@ export declare const SearchInput: import('react').ForwardRefExoticComponent<Omit
|
|
|
9
9
|
className?: string | undefined;
|
|
10
10
|
style?: Record<string, any> | undefined;
|
|
11
11
|
} & {
|
|
12
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
13
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
14
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
15
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
12
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
13
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
14
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
15
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
16
16
|
} | undefined;
|
|
17
17
|
flexDirection?: "column" | "row" | {
|
|
18
18
|
mobile?: "column" | "row" | undefined;
|
|
@@ -20,10 +20,10 @@ declare const SelectInner: <T extends Option, V extends string | Option>({ size,
|
|
|
20
20
|
className?: string | undefined;
|
|
21
21
|
style?: Record<string, any> | undefined;
|
|
22
22
|
} & {
|
|
23
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
24
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
25
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
26
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
23
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
24
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
25
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
26
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
27
27
|
} | undefined;
|
|
28
28
|
flexDirection?: "column" | "row" | {
|
|
29
29
|
mobile?: "column" | "row" | undefined;
|
|
@@ -1290,10 +1290,10 @@ export declare const Select: (<T extends Option, V extends string | Option>(prop
|
|
|
1290
1290
|
className?: string | undefined;
|
|
1291
1291
|
style?: Record<string, any> | undefined;
|
|
1292
1292
|
} & {
|
|
1293
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1294
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1295
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1296
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1293
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1294
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1295
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1296
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1297
1297
|
} | undefined;
|
|
1298
1298
|
flexDirection?: "column" | "row" | {
|
|
1299
1299
|
mobile?: "column" | "row" | undefined;
|
|
@@ -15,10 +15,10 @@ export declare const SwitchRoot: import('react').ForwardRefExoticComponent<Omit<
|
|
|
15
15
|
className?: string | undefined;
|
|
16
16
|
style?: Record<string, any> | undefined;
|
|
17
17
|
} & {
|
|
18
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
19
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
18
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
19
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
22
|
} | undefined;
|
|
23
23
|
flexDirection?: "column" | "row" | {
|
|
24
24
|
mobile?: "column" | "row" | undefined;
|
|
@@ -7,10 +7,10 @@ export declare const Switch: import('react').ForwardRefExoticComponent<Omit<{
|
|
|
7
7
|
className?: string | undefined;
|
|
8
8
|
style?: Record<string, any> | undefined;
|
|
9
9
|
} & {
|
|
10
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
11
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
12
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
13
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
10
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
11
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
12
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
13
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
14
14
|
} | undefined;
|
|
15
15
|
flexDirection?: "column" | "row" | {
|
|
16
16
|
mobile?: "column" | "row" | undefined;
|
|
@@ -14,10 +14,10 @@ export declare const Text: import('react').ForwardRefExoticComponent<Omit<{
|
|
|
14
14
|
className?: string | undefined;
|
|
15
15
|
style?: Record<string, any> | undefined;
|
|
16
16
|
} & {
|
|
17
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
18
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
19
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
17
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
18
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
19
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
21
|
} | undefined;
|
|
22
22
|
flexDirection?: "column" | "row" | {
|
|
23
23
|
mobile?: "column" | "row" | undefined;
|
|
@@ -15,10 +15,10 @@ export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<{
|
|
|
15
15
|
className?: string | undefined;
|
|
16
16
|
style?: Record<string, any> | undefined;
|
|
17
17
|
} & {
|
|
18
|
-
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
19
|
-
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
-
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
-
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
18
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
19
|
+
mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
20
|
+
tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
21
|
+
desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
22
22
|
} | undefined;
|
|
23
23
|
flexDirection?: "column" | "row" | {
|
|
24
24
|
mobile?: "column" | "row" | undefined;
|