@saleor/macaw-ui 1.4.1 → 1.4.2

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.
Files changed (39) hide show
  1. package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
  2. package/dist/components/Avatar/index.d.ts +8 -8
  3. package/dist/components/Backdrop/Backdrop.d.ts +4 -4
  4. package/dist/components/BaseSelect/BaseSelect.css.d.ts +3 -3
  5. package/dist/components/Box/Box.d.ts +4 -4
  6. package/dist/components/Button/Button.d.ts +4 -4
  7. package/dist/components/Checkbox/Checkbox.d.ts +4 -4
  8. package/dist/components/Chip/Chip.d.ts +4 -4
  9. package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts +8 -8
  10. package/dist/components/Combobox/Static/Combobox.d.ts +8 -8
  11. package/dist/components/Divider/Divider.d.ts +4 -4
  12. package/dist/components/DropdownButton/DropdownButton.d.ts +4 -4
  13. package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts +12 -12
  14. package/dist/components/Input/Input.d.ts +4 -4
  15. package/dist/components/List/Item.d.ts +4 -4
  16. package/dist/components/List/List.d.ts +4 -4
  17. package/dist/components/List/index.d.ts +8 -8
  18. package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts +8 -8
  19. package/dist/components/Multiselect/Static/Multiselect.d.ts +12 -12
  20. package/dist/components/Paragraph/Paragraph.d.ts +4 -4
  21. package/dist/components/RadioGroup/Group.d.ts +4 -4
  22. package/dist/components/RadioGroup/Item.css.d.ts +18 -18
  23. package/dist/components/RadioGroup/Item.d.ts +4 -4
  24. package/dist/components/RadioGroup/index.d.ts +8 -8
  25. package/dist/components/RangeInput/RangeInput.d.ts +4 -4
  26. package/dist/components/SearchInput/SearchInput.d.ts +4 -4
  27. package/dist/components/Select/Select.d.ts +8 -8
  28. package/dist/components/Switch/Switch.d.ts +4 -4
  29. package/dist/components/Switch/index.d.ts +4 -4
  30. package/dist/components/Text/Text.d.ts +4 -4
  31. package/dist/components/Textarea/Textarea.d.ts +4 -4
  32. package/dist/index.js +14 -14
  33. package/dist/index.js.map +1 -1
  34. package/dist/index.mjs +1726 -1726
  35. package/dist/index.mjs.map +1 -1
  36. package/dist/style.css +1 -1
  37. package/dist/theme/contract.css.d.ts +142 -142
  38. package/dist/theme/sprinkles.css.d.ts +5 -5
  39. package/package.json +7 -7
package/dist/components/Avatar/Avatar.stories.d.ts CHANGED
@@ -7,10 +7,10 @@ declare const User: {
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;
package/dist/components/Avatar/index.d.ts CHANGED
@@ -9,10 +9,10 @@ export declare const Avatar: {
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;
@@ -1277,10 +1277,10 @@ export declare const Avatar: {
1277
1277
  className?: string | undefined;
1278
1278
  style?: Record<string, any> | undefined;
1279
1279
  } & {
1280
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1281
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1282
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1283
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1280
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1281
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1282
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1283
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1284
1284
  } | undefined;
1285
1285
  flexDirection?: "column" | "row" | {
1286
1286
  mobile?: "column" | "row" | undefined;
package/dist/components/Backdrop/Backdrop.d.ts CHANGED
@@ -9,10 +9,10 @@ export declare const Backdrop: 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;
package/dist/components/BaseSelect/BaseSelect.css.d.ts CHANGED
@@ -3,17 +3,17 @@ export declare const listWrapperRecipe: import('@vanilla-extract/recipes').Runti
3
3
  size: {
4
4
  small: {
5
5
  vars: {
6
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ [x: string]: `var(--${string})`;
7
7
  };
8
8
  };
9
9
  medium: {
10
10
  vars: {
11
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ [x: string]: `var(--${string})`;
12
12
  };
13
13
  };
14
14
  large: {
15
15
  vars: {
16
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ [x: string]: `var(--${string})`;
17
17
  };
18
18
  };
19
19
  };
package/dist/components/Box/Box.d.ts CHANGED
@@ -7,10 +7,10 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
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;
package/dist/components/Button/Button.d.ts CHANGED
@@ -14,10 +14,10 @@ export declare const Button: 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;
package/dist/components/Checkbox/Checkbox.d.ts CHANGED
@@ -19,10 +19,10 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
19
19
  className?: string | undefined;
20
20
  style?: Record<string, any> | undefined;
21
21
  } & {
22
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
23
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
24
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
25
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
22
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
23
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
24
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
25
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
26
26
  } | undefined;
27
27
  flexDirection?: "column" | "row" | {
28
28
  mobile?: "column" | "row" | undefined;
package/dist/components/Chip/Chip.d.ts CHANGED
@@ -12,10 +12,10 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
12
12
  className?: string | undefined;
13
13
  style?: Record<string, any> | undefined;
14
14
  } & {
15
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
16
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
17
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
15
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
16
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
17
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
19
19
  } | undefined;
20
20
  flexDirection?: "column" | "row" | {
21
21
  mobile?: "column" | "row" | undefined;
package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts CHANGED
@@ -26,10 +26,10 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
26
26
  className?: string | undefined;
27
27
  style?: Record<string, any> | undefined;
28
28
  } & {
29
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
30
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
31
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
32
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
29
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
30
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
31
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
32
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
33
33
  } | undefined;
34
34
  flexDirection?: "column" | "row" | {
35
35
  mobile?: "column" | "row" | undefined;
@@ -1302,10 +1302,10 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
1302
1302
  className?: string | undefined;
1303
1303
  style?: Record<string, any> | undefined;
1304
1304
  } & {
1305
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1306
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1307
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1308
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1305
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1306
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1307
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1308
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1309
1309
  } | undefined;
1310
1310
  flexDirection?: "column" | "row" | {
1311
1311
  mobile?: "column" | "row" | undefined;
package/dist/components/Combobox/Static/Combobox.d.ts CHANGED
@@ -20,10 +20,10 @@ declare const ComboboxInner: <T extends Option, V extends string | Option>({ siz
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 Combobox: (<T extends Option, V extends string | Option>(pr
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;
package/dist/components/Divider/Divider.d.ts CHANGED
@@ -9,10 +9,10 @@ export declare const Divider: 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;
package/dist/components/DropdownButton/DropdownButton.d.ts CHANGED
@@ -13,10 +13,10 @@ export declare const DropdownButton: import('react').ForwardRefExoticComponent<O
13
13
  className?: string | undefined;
14
14
  style?: Record<string, any> | undefined;
15
15
  } & {
16
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
17
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
19
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
16
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
17
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
19
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
20
20
  } | undefined;
21
21
  flexDirection?: "column" | "row" | {
22
22
  mobile?: "column" | "row" | undefined;
package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts CHANGED
@@ -3,16 +3,16 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
3
3
  export declare const variants: {
4
4
  readonly size: {
5
5
  readonly small: {
6
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ readonly width: `var(--${string})`;
7
+ readonly height: `var(--${string})`;
8
8
  };
9
9
  readonly medium: {
10
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ readonly width: `var(--${string})`;
11
+ readonly height: `var(--${string})`;
12
12
  };
13
13
  readonly large: {
14
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ readonly width: `var(--${string})`;
15
+ readonly height: `var(--${string})`;
16
16
  };
17
17
  readonly fill: {};
18
18
  };
@@ -20,16 +20,16 @@ export declare const variants: {
20
20
  export declare const svgWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
21
21
  readonly size: {
22
22
  readonly small: {
23
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ readonly width: `var(--${string})`;
24
+ readonly height: `var(--${string})`;
25
25
  };
26
26
  readonly medium: {
27
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ readonly width: `var(--${string})`;
28
+ readonly height: `var(--${string})`;
29
29
  };
30
30
  readonly large: {
31
- readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ readonly width: `var(--${string})`;
32
+ readonly height: `var(--${string})`;
33
33
  };
34
34
  readonly fill: {};
35
35
  };
package/dist/components/Input/Input.d.ts CHANGED
@@ -15,10 +15,10 @@ export declare const Input: 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;
package/dist/components/List/Item.d.ts CHANGED
@@ -14,10 +14,10 @@ export declare const Item: 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;
package/dist/components/List/List.d.ts CHANGED
@@ -12,10 +12,10 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
12
12
  className?: string | undefined;
13
13
  style?: Record<string, any> | undefined;
14
14
  } & {
15
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
16
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
17
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
15
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
16
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
17
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
18
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
19
19
  } | undefined;
20
20
  flexDirection?: "column" | "row" | {
21
21
  mobile?: "column" | "row" | undefined;
package/dist/components/List/index.d.ts CHANGED
@@ -9,10 +9,10 @@ export declare const List: 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;
@@ -1270,10 +1270,10 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
1270
1270
  className?: string | undefined;
1271
1271
  style?: Record<string, any> | undefined;
1272
1272
  } & {
1273
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1274
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1275
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1276
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1273
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1274
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1275
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1276
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1277
1277
  } | undefined;
1278
1278
  flexDirection?: "column" | "row" | {
1279
1279
  mobile?: "column" | "row" | undefined;
package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts CHANGED
@@ -27,10 +27,10 @@ declare const DynamicMultiselectInner: <T extends Option>({ size, disabled, clas
27
27
  className?: string | undefined;
28
28
  style?: Record<string, any> | undefined;
29
29
  } & {
30
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
31
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
32
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
33
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
30
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
31
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
32
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
33
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
34
34
  } | undefined;
35
35
  flexDirection?: "column" | "row" | {
36
36
  mobile?: "column" | "row" | undefined;
@@ -1303,10 +1303,10 @@ export declare const DynamicMultiselect: (<T extends Option>(props: Omit<{
1303
1303
  className?: string | undefined;
1304
1304
  style?: Record<string, any> | undefined;
1305
1305
  } & {
1306
- display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1307
- mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1308
- tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1309
- desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1306
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1307
+ mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1308
+ tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1309
+ desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1310
1310
  } | undefined;
1311
1311
  flexDirection?: "column" | "row" | {
1312
1312
  mobile?: "column" | "row" | undefined;
package/dist/components/Multiselect/Static/Multiselect.d.ts CHANGED
@@ -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;
package/dist/components/Paragraph/Paragraph.d.ts CHANGED
@@ -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;
package/dist/components/RadioGroup/Group.d.ts CHANGED
@@ -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;