@conveyorhq/arrow-ds 2.0.0-beta.7 → 2.0.0-beta.9

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 (181) hide show
  1. package/package.json +15 -14
  2. package/public/components/Accordion/Accordion.js +8 -10
  3. package/public/components/Avatar/Avatar.js +20 -19
  4. package/public/components/Button/Button.js +2 -2
  5. package/public/components/ConveyorLogo/ConveyorLogo.js +6 -6
  6. package/public/components/Drawer/Drawer.js +7 -7
  7. package/public/components/Frame/Frame.d.ts +1 -1
  8. package/public/components/Icon/Icon.d.ts +1 -0
  9. package/public/components/Icon/Icon.js +3 -1
  10. package/public/components/MenuRenderer/MenuRenderer.js +4 -7
  11. package/public/components/Modal/Modal.js +1 -1
  12. package/public/components/OptionButton/OptionButton.js +18 -13
  13. package/public/components/Select/Select.js +4 -4
  14. package/public/components/Select/SelectPopover.js +6 -6
  15. package/public/components/Select/index.d.ts +2 -0
  16. package/public/components/Select/index.js +3 -0
  17. package/public/components/Select/theme.js +22 -22
  18. package/public/components/Svg/Svg.d.ts +3 -3
  19. package/public/components/Svg/Svg.js +1 -2
  20. package/public/components/Tooltip/Tooltip.js +11 -19
  21. package/public/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
  22. package/public/components/VisuallyHidden/VisuallyHidden.js +3 -5
  23. package/public/css/styles.css +139 -59
  24. package/public/css/styles.min.css +1 -1
  25. package/public/css/styles.min.css.map +1 -1
  26. package/public/hooks/index.d.ts +3 -0
  27. package/public/hooks/index.js +7 -1
  28. package/public/hooks/useMatchMedia.d.ts +1 -0
  29. package/public/hooks/useMatchMedia.js +27 -0
  30. package/public/hooks/usePrefersReducedMotion.d.ts +1 -0
  31. package/public/hooks/usePrefersReducedMotion.js +9 -0
  32. package/public/hooks/useScreenOrientation.d.ts +1 -0
  33. package/public/hooks/useScreenOrientation.js +24 -0
  34. package/public/{style-dictionary → src/style-dictionary}/dist/tokens.css +1 -0
  35. package/public/src/style-dictionary/dist/tokens.d.ts +428 -0
  36. package/public/src/style-dictionary/dist/tokens.js +428 -0
  37. package/public/src/style-dictionary/dist/tokens.module.js +428 -0
  38. package/public/src/style-dictionary/tailwind.config.js +87 -0
  39. package/public/storybook-components/EnumTable.js +2 -1
  40. package/public/storybook-components/Story.d.ts +2 -1
  41. package/public/storybook-components/Story.js +4 -1
  42. package/public/style-dictionary/dist/tokens.d.ts +428 -422
  43. package/public/style-dictionary/dist/tokens.js +415 -416
  44. package/public/style-dictionary/dist/tokens.module.d.ts +431 -0
  45. package/public/style-dictionary/dist/tokens.module.js +412 -415
  46. package/public/style-dictionary/src/border-radius.d.ts +31 -0
  47. package/public/style-dictionary/src/border-radius.js +10 -9
  48. package/public/style-dictionary/src/border-width.d.ts +21 -0
  49. package/public/style-dictionary/src/border-width.js +9 -8
  50. package/public/style-dictionary/src/color.d.ts +249 -0
  51. package/public/style-dictionary/src/color.js +97 -95
  52. package/public/style-dictionary/src/font-size.d.ts +45 -0
  53. package/public/style-dictionary/src/font-size.js +14 -13
  54. package/public/style-dictionary/src/font-weight.d.ts +13 -0
  55. package/public/style-dictionary/src/font-weight.js +6 -5
  56. package/public/style-dictionary/src/height.d.ts +215 -0
  57. package/public/style-dictionary/src/height.js +10 -10
  58. package/public/style-dictionary/src/leading.d.ts +17 -0
  59. package/public/style-dictionary/src/leading.js +7 -6
  60. package/public/style-dictionary/src/screen-width.d.ts +17 -0
  61. package/public/style-dictionary/src/screen-width.js +7 -6
  62. package/public/style-dictionary/src/shadow.d.ts +63 -0
  63. package/public/style-dictionary/src/shadow.js +19 -18
  64. package/public/style-dictionary/src/spacing.d.ts +197 -0
  65. package/public/style-dictionary/src/spacing.js +68 -67
  66. package/public/style-dictionary/src/tracking.d.ts +13 -0
  67. package/public/style-dictionary/src/tracking.js +6 -5
  68. package/public/style-dictionary/src/type.d.ts +13 -0
  69. package/public/style-dictionary/src/type.js +32 -31
  70. package/public/style-dictionary/src/width.d.ts +287 -0
  71. package/public/style-dictionary/src/width.js +29 -29
  72. package/public/style-dictionary/src/z-index.d.ts +53 -0
  73. package/public/style-dictionary/src/z-index.js +20 -19
  74. package/public/style-dictionary/tailwind.config.d.ts +392 -0
  75. package/public/style-dictionary/tailwind.config.js +51 -72
  76. package/src/components/Accordion/Accordion.tsx +39 -27
  77. package/src/components/Avatar/Avatar.tsx +20 -19
  78. package/src/components/Button/Button.tsx +3 -3
  79. package/src/components/Button/index.css +12 -1
  80. package/src/components/Card/Card.story.mdx +45 -37
  81. package/src/components/ConveyorLogo/ConveyorLogo.tsx +6 -6
  82. package/src/components/Drawer/Drawer.tsx +1 -1
  83. package/src/components/Frame/Frame.story.mdx +140 -5
  84. package/src/components/Frame/Frame.tsx +1 -1
  85. package/src/components/Frame/index.css +8 -13
  86. package/src/components/Icon/Icon.tsx +3 -0
  87. package/src/components/MenuRenderer/MenuRenderer.tsx +7 -9
  88. package/src/components/Modal/Modal.tsx +1 -1
  89. package/src/components/Modal/index.css +8 -3
  90. package/src/components/OptionButton/OptionButton.story.mdx +91 -36
  91. package/src/components/OptionButton/OptionButton.tsx +19 -18
  92. package/src/components/OptionButton/index.css +13 -0
  93. package/src/components/Overlay/Overlay.story.mdx +26 -0
  94. package/src/components/Select/Select.tsx +4 -4
  95. package/src/components/Select/SelectPopover.tsx +6 -6
  96. package/src/components/Select/index.ts +14 -0
  97. package/src/components/Select/theme.ts +22 -22
  98. package/src/components/Svg/Svg.story.mdx +36 -0
  99. package/src/components/Svg/Svg.tsx +6 -4
  100. package/src/components/Text/Text.story.mdx +34 -0
  101. package/src/components/Tooltip/Tooltip.story.mdx +21 -0
  102. package/src/components/Tooltip/Tooltip.tsx +23 -27
  103. package/src/components/Tooltip/index.css +31 -0
  104. package/src/components/VisuallyHidden/VisuallyHidden.story.mdx +54 -0
  105. package/src/components/VisuallyHidden/VisuallyHidden.tsx +10 -5
  106. package/src/components/VisuallyHidden/index.css +3 -0
  107. package/src/css/components.css +2 -0
  108. package/src/docs/Colors.story.mdx +13 -13
  109. package/src/docs/Spacing.story.mdx +4 -20
  110. package/src/docs/Tokens.story.mdx +230 -0
  111. package/src/docs/Typography.story.mdx +17 -94
  112. package/src/docs/hooks/useDisclosureHook.story.mdx +58 -0
  113. package/src/docs/hooks/useKeyPressHook.story.mdx +54 -0
  114. package/src/docs/hooks/useMatchMediaHook.story.mdx +42 -0
  115. package/src/docs/hooks/useOutsideClickHook.story.mdx +56 -0
  116. package/src/docs/hooks/usePrefersReducedMotion.story.mdx +61 -0
  117. package/src/docs/hooks/useScreenOrientationHook.story.mdx +56 -0
  118. package/src/docs/hooks/useStepHook.story.mdx +102 -0
  119. package/src/hooks/index.ts +3 -0
  120. package/src/hooks/useMatchMedia.ts +40 -0
  121. package/src/hooks/usePrefersReducedMotion.ts +9 -0
  122. package/src/hooks/useScreenOrientation.ts +27 -0
  123. package/src/storybook-components/EnumTable.tsx +3 -2
  124. package/src/storybook-components/Story.tsx +13 -1
  125. package/src/style-dictionary/dist/tokens.css +378 -0
  126. package/src/style-dictionary/dist/tokens.d.ts +428 -0
  127. package/src/style-dictionary/dist/tokens.js +428 -0
  128. package/src/style-dictionary/dist/tokens.module.js +428 -0
  129. package/src/style-dictionary/src/border-radius.js +11 -0
  130. package/src/style-dictionary/src/border-width.js +10 -0
  131. package/src/style-dictionary/src/color.js +98 -0
  132. package/src/style-dictionary/src/font-size.js +15 -0
  133. package/src/style-dictionary/src/font-weight.js +7 -0
  134. package/src/style-dictionary/src/height.js +13 -0
  135. package/src/style-dictionary/src/leading.js +8 -0
  136. package/src/style-dictionary/src/screen-width.js +8 -0
  137. package/src/style-dictionary/src/shadow.js +19 -0
  138. package/src/style-dictionary/src/spacing.js +69 -0
  139. package/src/style-dictionary/src/tracking.js +7 -0
  140. package/src/style-dictionary/src/type.js +34 -0
  141. package/src/style-dictionary/src/width.js +32 -0
  142. package/src/style-dictionary/src/z-index.js +21 -0
  143. package/src/style-dictionary/tailwind.config.js +87 -0
  144. package/src/tokens/borders.ts +6 -0
  145. package/src/tokens/box-shadow.ts +3 -0
  146. package/src/tokens/colors.ts +6 -0
  147. package/src/tokens/font-family.ts +3 -0
  148. package/src/tokens/font-size.ts +3 -0
  149. package/src/tokens/font-weight.ts +3 -0
  150. package/src/tokens/height.ts +3 -0
  151. package/src/tokens/index.ts +3 -2
  152. package/src/tokens/letter-spacing.ts +3 -0
  153. package/src/tokens/line-height.ts +3 -0
  154. package/src/tokens/margin.ts +3 -0
  155. package/src/tokens/padding.ts +3 -0
  156. package/src/tokens/screens.ts +3 -0
  157. package/src/tokens/sizing-scale.ts +6 -0
  158. package/src/tokens/width.ts +9 -0
  159. package/src/tokens/will-change.ts +3 -0
  160. package/src/tokens/z-index.ts +3 -0
  161. package/src/types/index.ts +3 -0
  162. package/public/components/Overlay/Overlay.story.d.ts +0 -1
  163. package/public/components/Overlay/Overlay.story.js +0 -12
  164. package/public/components/Svg/Svg.story.d.ts +0 -1
  165. package/public/components/Svg/Svg.story.js +0 -14
  166. package/public/components/Text/Text.story.d.ts +0 -1
  167. package/public/components/Text/Text.story.js +0 -31
  168. package/public/components/VisuallyHidden/VisuallyHidden.story.d.ts +0 -1
  169. package/public/components/VisuallyHidden/VisuallyHidden.story.js +0 -36
  170. package/public/components/useStep/ExampleSetupWizard.d.ts +0 -4
  171. package/public/components/useStep/ExampleSetupWizard.js +0 -33
  172. package/src/components/Overlay/Overlay.md +0 -14
  173. package/src/components/Overlay/Overlay.story.tsx +0 -12
  174. package/src/components/Svg/Svg.md +0 -14
  175. package/src/components/Svg/Svg.story.tsx +0 -15
  176. package/src/components/Text/Text.md +0 -14
  177. package/src/components/Text/Text.story.tsx +0 -12
  178. package/src/components/VisuallyHidden/VisuallyHidden.md +0 -23
  179. package/src/components/VisuallyHidden/VisuallyHidden.story.tsx +0 -19
  180. package/src/components/useStep/ExampleSetupWizard.tsx +0 -63
  181. package/src/components/useStep/useStep.story.mdx +0 -76
@@ -1,69 +1,70 @@
1
+ "use strict";
1
2
  module.exports = {
2
- spacing: {
3
- 0: { value: "0" },
4
- 1: { value: "4px" },
5
- 2: { value: "8px" },
6
- 3: { value: "12px" },
7
- 4: { value: "16px" },
8
- 5: { value: "20px" },
9
- 6: { value: "24px" },
10
- 7: { value: "28px" },
11
- 8: { value: "32px" },
12
- 9: { value: "36px" },
13
- 10: { value: "40px" },
14
- 11: { value: "44px" },
15
- 12: { value: "48px" },
16
- 13: { value: "52px" },
17
- 14: { value: "56px" },
18
- 15: { value: "60px" },
19
- 16: { value: "64px" },
20
- 17: { value: "68px" },
21
- 18: { value: "72px" },
22
- 19: { value: "76px" },
23
- 20: { value: "80px" },
24
- 21: { value: "84px" },
25
- 22: { value: "88px" },
26
- 23: { value: "92px" },
27
- 24: { value: "96px" },
28
- 25: { value: "100px" },
29
- 26: { value: "104px" },
30
- 27: { value: "108px" },
31
- 28: { value: "112px" },
32
- 29: { value: "116px" },
33
- 30: { value: "120px" },
34
- 31: { value: "124px" },
35
- 32: { value: "128px" },
36
- 33: { value: "132px" },
37
- 34: { value: "136px" },
38
- 35: { value: "140px" },
39
- 36: { value: "144px" },
40
- 37: { value: "148px" },
41
- 38: { value: "152px" },
42
- 39: { value: "156px" },
43
- 40: { value: "160px" },
44
- 41: { value: "164px" },
45
- 42: { value: "168px" },
46
- 43: { value: "172px" },
47
- 44: { value: "176px" },
48
- 45: { value: "180px" },
49
- 46: { value: "184px" },
50
- 47: { value: "188px" },
51
- 48: { value: "192px" },
52
- 49: { value: "196px" },
53
- 50: { value: "200px" },
54
- 51: { value: "204px" },
55
- 52: { value: "208px" },
56
- 53: { value: "212px" },
57
- 54: { value: "216px" },
58
- 55: { value: "220px" },
59
- 56: { value: "224px" },
60
- 57: { value: "228px" },
61
- 58: { value: "232px" },
62
- 59: { value: "236px" },
63
- 60: { value: "240px" },
64
- 61: { value: "244px" },
65
- 62: { value: "248px" },
66
- 63: { value: "252px" },
67
- 64: { value: "256px" },
68
- },
3
+ spacing: {
4
+ 0: { value: "0" },
5
+ 1: { value: "4px" },
6
+ 2: { value: "8px" },
7
+ 3: { value: "12px" },
8
+ 4: { value: "16px" },
9
+ 5: { value: "20px" },
10
+ 6: { value: "24px" },
11
+ 7: { value: "28px" },
12
+ 8: { value: "32px" },
13
+ 9: { value: "36px" },
14
+ 10: { value: "40px" },
15
+ 11: { value: "44px" },
16
+ 12: { value: "48px" },
17
+ 13: { value: "52px" },
18
+ 14: { value: "56px" },
19
+ 15: { value: "60px" },
20
+ 16: { value: "64px" },
21
+ 17: { value: "68px" },
22
+ 18: { value: "72px" },
23
+ 19: { value: "76px" },
24
+ 20: { value: "80px" },
25
+ 21: { value: "84px" },
26
+ 22: { value: "88px" },
27
+ 23: { value: "92px" },
28
+ 24: { value: "96px" },
29
+ 25: { value: "100px" },
30
+ 26: { value: "104px" },
31
+ 27: { value: "108px" },
32
+ 28: { value: "112px" },
33
+ 29: { value: "116px" },
34
+ 30: { value: "120px" },
35
+ 31: { value: "124px" },
36
+ 32: { value: "128px" },
37
+ 33: { value: "132px" },
38
+ 34: { value: "136px" },
39
+ 35: { value: "140px" },
40
+ 36: { value: "144px" },
41
+ 37: { value: "148px" },
42
+ 38: { value: "152px" },
43
+ 39: { value: "156px" },
44
+ 40: { value: "160px" },
45
+ 41: { value: "164px" },
46
+ 42: { value: "168px" },
47
+ 43: { value: "172px" },
48
+ 44: { value: "176px" },
49
+ 45: { value: "180px" },
50
+ 46: { value: "184px" },
51
+ 47: { value: "188px" },
52
+ 48: { value: "192px" },
53
+ 49: { value: "196px" },
54
+ 50: { value: "200px" },
55
+ 51: { value: "204px" },
56
+ 52: { value: "208px" },
57
+ 53: { value: "212px" },
58
+ 54: { value: "216px" },
59
+ 55: { value: "220px" },
60
+ 56: { value: "224px" },
61
+ 57: { value: "228px" },
62
+ 58: { value: "232px" },
63
+ 59: { value: "236px" },
64
+ 60: { value: "240px" },
65
+ 61: { value: "244px" },
66
+ 62: { value: "248px" },
67
+ 63: { value: "252px" },
68
+ 64: { value: "256px" },
69
+ },
69
70
  };
@@ -0,0 +1,13 @@
1
+ export namespace tracking {
2
+ namespace tight {
3
+ const value: string;
4
+ }
5
+ namespace normal {
6
+ const value_1: string;
7
+ export { value_1 as value };
8
+ }
9
+ namespace wide {
10
+ const value_2: string;
11
+ export { value_2 as value };
12
+ }
13
+ }
@@ -1,7 +1,8 @@
1
+ "use strict";
1
2
  module.exports = {
2
- tracking: {
3
- tight: { value: "-0.05em" },
4
- normal: { value: "0" },
5
- wide: { value: "0.05em" },
6
- },
3
+ tracking: {
4
+ tight: { value: "-0.05em" },
5
+ normal: { value: "0" },
6
+ wide: { value: "0.05em" },
7
+ },
7
8
  };
@@ -0,0 +1,13 @@
1
+ export namespace type {
2
+ namespace sans {
3
+ const value: string;
4
+ }
5
+ namespace serif {
6
+ const value_1: string;
7
+ export { value_1 as value };
8
+ }
9
+ namespace mono {
10
+ const value_2: string;
11
+ export { value_2 as value };
12
+ }
13
+ }
@@ -1,34 +1,35 @@
1
+ "use strict";
1
2
  module.exports = {
2
- type: {
3
- sans: {
4
- value: [
5
- "'Neue Montreal'",
6
- "system-ui",
7
- "BlinkMacSystemFont",
8
- "-apple-system",
9
- "'Segoe UI'",
10
- "'Roboto'",
11
- "'Oxygen'",
12
- "'Ubuntu'",
13
- "'Cantarell'",
14
- "'Fira Sans'",
15
- "'Droid Sans'",
16
- "'Helvetica Neue'",
17
- "sans-serif",
18
- ].join(", "),
3
+ type: {
4
+ sans: {
5
+ value: [
6
+ "'Neue Montreal'",
7
+ "system-ui",
8
+ "BlinkMacSystemFont",
9
+ "-apple-system",
10
+ "'Segoe UI'",
11
+ "'Roboto'",
12
+ "'Oxygen'",
13
+ "'Ubuntu'",
14
+ "'Cantarell'",
15
+ "'Fira Sans'",
16
+ "'Droid Sans'",
17
+ "'Helvetica Neue'",
18
+ "sans-serif",
19
+ ].join(", "),
20
+ },
21
+ serif: {
22
+ value: ["'Copernicus'", "serif"].join(", "),
23
+ },
24
+ mono: {
25
+ value: [
26
+ "'Menlo'",
27
+ "'Monaco'",
28
+ "'Consolas'",
29
+ "'Liberation Mono'",
30
+ "'Courier New'",
31
+ "monospace",
32
+ ].join(", "),
33
+ },
19
34
  },
20
- serif: {
21
- value: ["'Copernicus'", "serif"].join(", "),
22
- },
23
- mono: {
24
- value: [
25
- "'Menlo'",
26
- "'Monaco'",
27
- "'Consolas'",
28
- "'Liberation Mono'",
29
- "'Courier New'",
30
- "monospace",
31
- ].join(", "),
32
- },
33
- },
34
35
  };
@@ -0,0 +1,287 @@
1
+ export const width: {
2
+ "one-half": {
3
+ value: string;
4
+ tailwindId: string;
5
+ };
6
+ "one-third": {
7
+ value: string;
8
+ tailwindId: string;
9
+ };
10
+ "two-thirds": {
11
+ value: string;
12
+ tailwindId: string;
13
+ };
14
+ "one-quarter": {
15
+ value: string;
16
+ tailwindId: string;
17
+ };
18
+ "three-quarters": {
19
+ value: string;
20
+ tailwindId: string;
21
+ };
22
+ "one-fifth": {
23
+ value: string;
24
+ tailwindId: string;
25
+ };
26
+ "two-fifths": {
27
+ value: string;
28
+ tailwindId: string;
29
+ };
30
+ "three-fifths": {
31
+ value: string;
32
+ tailwindId: string;
33
+ };
34
+ "four-fifths": {
35
+ value: string;
36
+ tailwindId: string;
37
+ };
38
+ "one-sixth": {
39
+ value: string;
40
+ tailwindId: string;
41
+ };
42
+ "five-sixths": {
43
+ value: string;
44
+ tailwindId: string;
45
+ };
46
+ auto: {
47
+ value: string;
48
+ };
49
+ px: {
50
+ value: string;
51
+ };
52
+ full: {
53
+ value: string;
54
+ };
55
+ screen: {
56
+ value: string;
57
+ };
58
+ "max-content": {
59
+ value: string;
60
+ };
61
+ xs: {
62
+ value: string;
63
+ };
64
+ sm: {
65
+ value: string;
66
+ };
67
+ md: {
68
+ value: string;
69
+ };
70
+ lg: {
71
+ value: string;
72
+ };
73
+ xl: {
74
+ value: string;
75
+ };
76
+ "two-xl": {
77
+ value: string;
78
+ tailwindId: string;
79
+ };
80
+ "three-xl": {
81
+ value: string;
82
+ tailwindId: string;
83
+ };
84
+ "four-xl": {
85
+ value: string;
86
+ tailwindId: string;
87
+ };
88
+ "five-xl": {
89
+ value: string;
90
+ tailwindId: string;
91
+ };
92
+ 0: {
93
+ value: string;
94
+ };
95
+ 1: {
96
+ value: string;
97
+ };
98
+ 2: {
99
+ value: string;
100
+ };
101
+ 3: {
102
+ value: string;
103
+ };
104
+ 4: {
105
+ value: string;
106
+ };
107
+ 5: {
108
+ value: string;
109
+ };
110
+ 6: {
111
+ value: string;
112
+ };
113
+ 7: {
114
+ value: string;
115
+ };
116
+ 8: {
117
+ value: string;
118
+ };
119
+ 9: {
120
+ value: string;
121
+ };
122
+ 10: {
123
+ value: string;
124
+ };
125
+ 11: {
126
+ value: string;
127
+ };
128
+ 12: {
129
+ value: string;
130
+ };
131
+ 13: {
132
+ value: string;
133
+ };
134
+ 14: {
135
+ value: string;
136
+ };
137
+ 15: {
138
+ value: string;
139
+ };
140
+ 16: {
141
+ value: string;
142
+ };
143
+ 17: {
144
+ value: string;
145
+ };
146
+ 18: {
147
+ value: string;
148
+ };
149
+ 19: {
150
+ value: string;
151
+ };
152
+ 20: {
153
+ value: string;
154
+ };
155
+ 21: {
156
+ value: string;
157
+ };
158
+ 22: {
159
+ value: string;
160
+ };
161
+ 23: {
162
+ value: string;
163
+ };
164
+ 24: {
165
+ value: string;
166
+ };
167
+ 25: {
168
+ value: string;
169
+ };
170
+ 26: {
171
+ value: string;
172
+ };
173
+ 27: {
174
+ value: string;
175
+ };
176
+ 28: {
177
+ value: string;
178
+ };
179
+ 29: {
180
+ value: string;
181
+ };
182
+ 30: {
183
+ value: string;
184
+ };
185
+ 31: {
186
+ value: string;
187
+ };
188
+ 32: {
189
+ value: string;
190
+ };
191
+ 33: {
192
+ value: string;
193
+ };
194
+ 34: {
195
+ value: string;
196
+ };
197
+ 35: {
198
+ value: string;
199
+ };
200
+ 36: {
201
+ value: string;
202
+ };
203
+ 37: {
204
+ value: string;
205
+ };
206
+ 38: {
207
+ value: string;
208
+ };
209
+ 39: {
210
+ value: string;
211
+ };
212
+ 40: {
213
+ value: string;
214
+ };
215
+ 41: {
216
+ value: string;
217
+ };
218
+ 42: {
219
+ value: string;
220
+ };
221
+ 43: {
222
+ value: string;
223
+ };
224
+ 44: {
225
+ value: string;
226
+ };
227
+ 45: {
228
+ value: string;
229
+ };
230
+ 46: {
231
+ value: string;
232
+ };
233
+ 47: {
234
+ value: string;
235
+ };
236
+ 48: {
237
+ value: string;
238
+ };
239
+ 49: {
240
+ value: string;
241
+ };
242
+ 50: {
243
+ value: string;
244
+ };
245
+ 51: {
246
+ value: string;
247
+ };
248
+ 52: {
249
+ value: string;
250
+ };
251
+ 53: {
252
+ value: string;
253
+ };
254
+ 54: {
255
+ value: string;
256
+ };
257
+ 55: {
258
+ value: string;
259
+ };
260
+ 56: {
261
+ value: string;
262
+ };
263
+ 57: {
264
+ value: string;
265
+ };
266
+ 58: {
267
+ value: string;
268
+ };
269
+ 59: {
270
+ value: string;
271
+ };
272
+ 60: {
273
+ value: string;
274
+ };
275
+ 61: {
276
+ value: string;
277
+ };
278
+ 62: {
279
+ value: string;
280
+ };
281
+ 63: {
282
+ value: string;
283
+ };
284
+ 64: {
285
+ value: string;
286
+ };
287
+ };
@@ -1,32 +1,32 @@
1
+ "use strict";
1
2
  const spacing = require("./spacing").spacing;
2
-
3
3
  module.exports = {
4
- width: {
5
- ...spacing,
6
- "one-half": { value: "50%", tailwindId: "1/2" },
7
- "one-third": { value: "33.33333%", tailwindId: "1/3" },
8
- "two-thirds": { value: "66.66667%", tailwindId: "2/3" },
9
- "one-quarter": { value: "25%", tailwindId: "1/4" },
10
- "three-quarters": { value: "75%", tailwindId: "3/4" },
11
- "one-fifth": { value: "20%", tailwindId: "1/5" },
12
- "two-fifths": { value: "40%", tailwindId: "2/5" },
13
- "three-fifths": { value: "60%", tailwindId: "3/5" },
14
- "four-fifths": { value: "80%", tailwindId: "4/5" },
15
- "one-sixth": { value: "16.66667%", tailwindId: "1/6" },
16
- "five-sixths": { value: "83.33333%", tailwindId: "5/6" },
17
- auto: { value: "auto" },
18
- px: { value: "1px" },
19
- full: { value: "100%" },
20
- screen: { value: "100vw" },
21
- "max-content": { value: "max-content" },
22
- xs: { value: "20rem" },
23
- sm: { value: "30rem" },
24
- md: { value: "40rem" },
25
- lg: { value: "50rem" },
26
- xl: { value: "60rem" },
27
- "two-xl": { value: "70rem", tailwindId: "2xl" },
28
- "three-xl": { value: "80rem", tailwindId: "3xl" },
29
- "four-xl": { value: "90rem", tailwindId: "4xl" },
30
- "five-xl": { value: "100rem", tailwindId: "5xl" },
31
- },
4
+ width: {
5
+ ...spacing,
6
+ "one-half": { value: "50%", tailwindId: "1/2" },
7
+ "one-third": { value: "33.33333%", tailwindId: "1/3" },
8
+ "two-thirds": { value: "66.66667%", tailwindId: "2/3" },
9
+ "one-quarter": { value: "25%", tailwindId: "1/4" },
10
+ "three-quarters": { value: "75%", tailwindId: "3/4" },
11
+ "one-fifth": { value: "20%", tailwindId: "1/5" },
12
+ "two-fifths": { value: "40%", tailwindId: "2/5" },
13
+ "three-fifths": { value: "60%", tailwindId: "3/5" },
14
+ "four-fifths": { value: "80%", tailwindId: "4/5" },
15
+ "one-sixth": { value: "16.66667%", tailwindId: "1/6" },
16
+ "five-sixths": { value: "83.33333%", tailwindId: "5/6" },
17
+ auto: { value: "auto" },
18
+ px: { value: "1px" },
19
+ full: { value: "100%" },
20
+ screen: { value: "100vw" },
21
+ "max-content": { value: "max-content" },
22
+ xs: { value: "20rem" },
23
+ sm: { value: "30rem" },
24
+ md: { value: "40rem" },
25
+ lg: { value: "50rem" },
26
+ xl: { value: "60rem" },
27
+ "two-xl": { value: "70rem", tailwindId: "2xl" },
28
+ "three-xl": { value: "80rem", tailwindId: "3xl" },
29
+ "four-xl": { value: "90rem", tailwindId: "4xl" },
30
+ "five-xl": { value: "100rem", tailwindId: "5xl" },
31
+ },
32
32
  };
@@ -0,0 +1,53 @@
1
+ export const zIndex: {
2
+ auto: {
3
+ value: string;
4
+ };
5
+ "0": {
6
+ value: number;
7
+ };
8
+ "10": {
9
+ value: number;
10
+ };
11
+ "20": {
12
+ value: number;
13
+ };
14
+ "30": {
15
+ value: number;
16
+ };
17
+ "40": {
18
+ value: number;
19
+ };
20
+ "50": {
21
+ value: number;
22
+ };
23
+ below: {
24
+ value: number;
25
+ };
26
+ default: {
27
+ value: number;
28
+ };
29
+ popup: {
30
+ value: number;
31
+ };
32
+ dialog: {
33
+ value: number;
34
+ };
35
+ dropdown: {
36
+ value: number;
37
+ };
38
+ overlay: {
39
+ value: number;
40
+ };
41
+ menu: {
42
+ value: number;
43
+ };
44
+ modal: {
45
+ value: number;
46
+ };
47
+ toast: {
48
+ value: number;
49
+ };
50
+ max: {
51
+ value: number;
52
+ };
53
+ };
@@ -1,21 +1,22 @@
1
+ "use strict";
1
2
  module.exports = {
2
- zIndex: {
3
- auto: { value: "auto" },
4
- "0": { value: "0" },
5
- "10": { value: 10 },
6
- "20": { value: 20 },
7
- "30": { value: 30 },
8
- "40": { value: 40 },
9
- "50": { value: 50 },
10
- below: { value: -1 },
11
- default: { value: 1 },
12
- popup: { value: 400 },
13
- dialog: { value: 500 },
14
- dropdown: { value: 600 },
15
- overlay: { value: 700 },
16
- menu: { value: 800 },
17
- modal: { value: 900 },
18
- toast: { value: 1000 },
19
- max: { value: 2147483647 },
20
- },
3
+ zIndex: {
4
+ auto: { value: "auto" },
5
+ "0": { value: 0 },
6
+ "10": { value: 10 },
7
+ "20": { value: 20 },
8
+ "30": { value: 30 },
9
+ "40": { value: 40 },
10
+ "50": { value: 50 },
11
+ below: { value: -1 },
12
+ default: { value: 1 },
13
+ popup: { value: 400 },
14
+ dialog: { value: 500 },
15
+ dropdown: { value: 600 },
16
+ overlay: { value: 700 },
17
+ menu: { value: 800 },
18
+ modal: { value: 900 },
19
+ toast: { value: 1000 },
20
+ max: { value: 2147483647 },
21
+ },
21
22
  };