@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,427 +1,433 @@
1
- /**
2
- * This tokens file was automatically generated by Style Dictionary
3
- * Please do not edit this file directly; token definitions can be found in style-dictionary.config.js
4
- */
5
-
6
- declare const tokens: {
7
- borderRadius: {
8
- none: string;
9
- px: string;
10
- sm: string;
11
- md: string;
12
- "DEFAULT": string;
13
- lg: string;
14
- full: string;
15
- };
16
- borderWidth: {
17
- 0: string;
18
- 1: string;
19
- 2: string;
20
- 4: string;
21
- 8: string;
22
- "DEFAULT": string;
23
- };
24
- color: {
25
- lighten: {
26
- 100: string;
27
- 200: string;
28
- 300: string;
1
+ export namespace tokens {
2
+ namespace borderRadius {
3
+ const none: string;
4
+ const px: string;
5
+ const sm: string;
6
+ const md: string;
7
+ const DEFAULT: string;
8
+ const lg: string;
9
+ const full: string;
10
+ }
11
+ const borderWidth: {
12
+ 0: string;
13
+ 1: string;
14
+ 2: string;
15
+ 4: string;
16
+ 8: string;
17
+ DEFAULT: string;
29
18
  };
30
- gray: {
31
- 100: string;
32
- 200: string;
33
- 300: string;
34
- 400: string;
35
- 500: string;
36
- 600: string;
37
- 700: string;
38
- 800: string;
39
- 900: string;
19
+ namespace color {
20
+ const lighten: {
21
+ 100: string;
22
+ 200: string;
23
+ 300: string;
24
+ };
25
+ const gray: {
26
+ 100: string;
27
+ 200: string;
28
+ 300: string;
29
+ 400: string;
30
+ 500: string;
31
+ 600: string;
32
+ 700: string;
33
+ 800: string;
34
+ 900: string;
35
+ };
36
+ const brandGreen: {
37
+ 200: string;
38
+ 300: string;
39
+ 400: string;
40
+ 500: string;
41
+ 600: string;
42
+ };
43
+ const blue: {
44
+ 0: string;
45
+ 100: string;
46
+ 200: string;
47
+ 300: string;
48
+ 400: string;
49
+ 500: string;
50
+ 600: string;
51
+ };
52
+ const green: {
53
+ 100: string;
54
+ 200: string;
55
+ 300: string;
56
+ 400: string;
57
+ 500: string;
58
+ 600: string;
59
+ };
60
+ const gold: {
61
+ 100: string;
62
+ 200: string;
63
+ 300: string;
64
+ 400: string;
65
+ 500: string;
66
+ 600: string;
67
+ };
68
+ const red: {
69
+ 100: string;
70
+ 200: string;
71
+ 300: string;
72
+ 400: string;
73
+ 500: string;
74
+ 600: string;
75
+ };
76
+ const orange: {
77
+ 200: string;
78
+ 300: string;
79
+ 400: string;
80
+ 500: string;
81
+ 600: string;
82
+ };
83
+ const pink: {
84
+ 200: string;
85
+ 300: string;
86
+ 400: string;
87
+ 500: string;
88
+ 600: string;
89
+ };
90
+ const cyan: {
91
+ 200: string;
92
+ 300: string;
93
+ 400: string;
94
+ 500: string;
95
+ 600: string;
96
+ };
97
+ const purple: {
98
+ 200: string;
99
+ 300: string;
100
+ 400: string;
101
+ 500: string;
102
+ 600: string;
103
+ };
104
+ const white: string;
105
+ const black: string;
106
+ const brandBlack: string;
107
+ const screen: string;
108
+ const success: string;
109
+ const failure: string;
110
+ const caution: string;
111
+ const border: string;
112
+ const placeholder: string;
113
+ const link: string;
114
+ }
115
+ namespace fontSize {
116
+ const h1: string;
117
+ const h2: string;
118
+ const h3: string;
119
+ const h4: string;
120
+ const h5: string;
121
+ const h6: string;
122
+ const bodySm: string;
123
+ const body: string;
124
+ const bodyLg: string;
125
+ const icon: string;
126
+ const iconSm: string;
127
+ }
128
+ namespace fontWeight {
129
+ const regular: number;
130
+ const medium: number;
131
+ const bold: number;
132
+ }
133
+ const height: {
134
+ 0: string;
135
+ 1: string;
136
+ 2: string;
137
+ 3: string;
138
+ 4: string;
139
+ 5: string;
140
+ 6: string;
141
+ 7: string;
142
+ 8: string;
143
+ 9: string;
144
+ 10: string;
145
+ 11: string;
146
+ 12: string;
147
+ 13: string;
148
+ 14: string;
149
+ 15: string;
150
+ 16: string;
151
+ 17: string;
152
+ 18: string;
153
+ 19: string;
154
+ 20: string;
155
+ 21: string;
156
+ 22: string;
157
+ 23: string;
158
+ 24: string;
159
+ 25: string;
160
+ 26: string;
161
+ 27: string;
162
+ 28: string;
163
+ 29: string;
164
+ 30: string;
165
+ 31: string;
166
+ 32: string;
167
+ 33: string;
168
+ 34: string;
169
+ 35: string;
170
+ 36: string;
171
+ 37: string;
172
+ 38: string;
173
+ 39: string;
174
+ 40: string;
175
+ 41: string;
176
+ 42: string;
177
+ 43: string;
178
+ 44: string;
179
+ 45: string;
180
+ 46: string;
181
+ 47: string;
182
+ 48: string;
183
+ 49: string;
184
+ 50: string;
185
+ 51: string;
186
+ 52: string;
187
+ 53: string;
188
+ 54: string;
189
+ 55: string;
190
+ 56: string;
191
+ 57: string;
192
+ 58: string;
193
+ 59: string;
194
+ 60: string;
195
+ 61: string;
196
+ 62: string;
197
+ 63: string;
198
+ 64: string;
199
+ auto: string;
200
+ px: string;
201
+ full: string;
202
+ screen: string;
203
+ appbar: string;
204
+ cell: string;
40
205
  };
41
- brandGreen: {
42
- 200: string;
43
- 300: string;
44
- 400: string;
45
- 500: string;
46
- 600: string;
206
+ namespace leading {
207
+ const none_1: number;
208
+ export { none_1 as none };
209
+ export const tight: number;
210
+ export const normal: number;
211
+ export const loose: number;
212
+ }
213
+ namespace screenWidth {
214
+ const sm_1: string;
215
+ export { sm_1 as sm };
216
+ const md_1: string;
217
+ export { md_1 as md };
218
+ const lg_1: string;
219
+ export { lg_1 as lg };
220
+ export const xl: string;
221
+ }
222
+ namespace shadow {
223
+ const DEFAULT_1: string;
224
+ export { DEFAULT_1 as DEFAULT };
225
+ export const up: string;
226
+ const md_2: string;
227
+ export { md_2 as md };
228
+ const lg_2: string;
229
+ export { lg_2 as lg };
230
+ export const inner: string;
231
+ export const glow: string;
232
+ const none_2: string;
233
+ export { none_2 as none };
234
+ export const focus: string;
235
+ export const focusInside: string;
236
+ export const focusBrand: string;
237
+ export const popover: string;
238
+ export const buttonPrimary: string;
239
+ export const buttonSecondary: string;
240
+ export const paper: string;
241
+ export const tile: string;
242
+ }
243
+ const spacing: {
244
+ 0: string;
245
+ 1: string;
246
+ 2: string;
247
+ 3: string;
248
+ 4: string;
249
+ 5: string;
250
+ 6: string;
251
+ 7: string;
252
+ 8: string;
253
+ 9: string;
254
+ 10: string;
255
+ 11: string;
256
+ 12: string;
257
+ 13: string;
258
+ 14: string;
259
+ 15: string;
260
+ 16: string;
261
+ 17: string;
262
+ 18: string;
263
+ 19: string;
264
+ 20: string;
265
+ 21: string;
266
+ 22: string;
267
+ 23: string;
268
+ 24: string;
269
+ 25: string;
270
+ 26: string;
271
+ 27: string;
272
+ 28: string;
273
+ 29: string;
274
+ 30: string;
275
+ 31: string;
276
+ 32: string;
277
+ 33: string;
278
+ 34: string;
279
+ 35: string;
280
+ 36: string;
281
+ 37: string;
282
+ 38: string;
283
+ 39: string;
284
+ 40: string;
285
+ 41: string;
286
+ 42: string;
287
+ 43: string;
288
+ 44: string;
289
+ 45: string;
290
+ 46: string;
291
+ 47: string;
292
+ 48: string;
293
+ 49: string;
294
+ 50: string;
295
+ 51: string;
296
+ 52: string;
297
+ 53: string;
298
+ 54: string;
299
+ 55: string;
300
+ 56: string;
301
+ 57: string;
302
+ 58: string;
303
+ 59: string;
304
+ 60: string;
305
+ 61: string;
306
+ 62: string;
307
+ 63: string;
308
+ 64: string;
47
309
  };
48
- blue: {
49
- 0: string;
50
- 100: string;
51
- 200: string;
52
- 300: string;
53
- 400: string;
54
- 500: string;
55
- 600: string;
310
+ namespace tracking {
311
+ const tight_1: string;
312
+ export { tight_1 as tight };
313
+ const normal_1: string;
314
+ export { normal_1 as normal };
315
+ export const wide: string;
316
+ }
317
+ namespace type {
318
+ const sans: string;
319
+ const serif: string;
320
+ const mono: string;
321
+ }
322
+ const width: {
323
+ 0: string;
324
+ 1: string;
325
+ 2: string;
326
+ 3: string;
327
+ 4: string;
328
+ 5: string;
329
+ 6: string;
330
+ 7: string;
331
+ 8: string;
332
+ 9: string;
333
+ 10: string;
334
+ 11: string;
335
+ 12: string;
336
+ 13: string;
337
+ 14: string;
338
+ 15: string;
339
+ 16: string;
340
+ 17: string;
341
+ 18: string;
342
+ 19: string;
343
+ 20: string;
344
+ 21: string;
345
+ 22: string;
346
+ 23: string;
347
+ 24: string;
348
+ 25: string;
349
+ 26: string;
350
+ 27: string;
351
+ 28: string;
352
+ 29: string;
353
+ 30: string;
354
+ 31: string;
355
+ 32: string;
356
+ 33: string;
357
+ 34: string;
358
+ 35: string;
359
+ 36: string;
360
+ 37: string;
361
+ 38: string;
362
+ 39: string;
363
+ 40: string;
364
+ 41: string;
365
+ 42: string;
366
+ 43: string;
367
+ 44: string;
368
+ 45: string;
369
+ 46: string;
370
+ 47: string;
371
+ 48: string;
372
+ 49: string;
373
+ 50: string;
374
+ 51: string;
375
+ 52: string;
376
+ 53: string;
377
+ 54: string;
378
+ 55: string;
379
+ 56: string;
380
+ 57: string;
381
+ 58: string;
382
+ 59: string;
383
+ 60: string;
384
+ 61: string;
385
+ 62: string;
386
+ 63: string;
387
+ 64: string;
388
+ "1/2": string;
389
+ "1/3": string;
390
+ "2/3": string;
391
+ "1/4": string;
392
+ "3/4": string;
393
+ "1/5": string;
394
+ "2/5": string;
395
+ "3/5": string;
396
+ "4/5": string;
397
+ "1/6": string;
398
+ "5/6": string;
399
+ auto: string;
400
+ px: string;
401
+ full: string;
402
+ screen: string;
403
+ maxContent: string;
404
+ xs: string;
405
+ sm: string;
406
+ md: string;
407
+ lg: string;
408
+ xl: string;
409
+ "2xl": string;
410
+ "3xl": string;
411
+ "4xl": string;
412
+ "5xl": string;
56
413
  };
57
- green: {
58
- 100: string;
59
- 200: string;
60
- 300: string;
61
- 400: string;
62
- 500: string;
63
- 600: string;
414
+ const zIndex: {
415
+ 0: number;
416
+ 10: number;
417
+ 20: number;
418
+ 30: number;
419
+ 40: number;
420
+ 50: number;
421
+ auto: string;
422
+ below: number;
423
+ default: number;
424
+ popup: number;
425
+ dialog: number;
426
+ dropdown: number;
427
+ overlay: number;
428
+ menu: number;
429
+ modal: number;
430
+ toast: number;
431
+ max: number;
64
432
  };
65
- gold: {
66
- 100: string;
67
- 200: string;
68
- 300: string;
69
- 400: string;
70
- 500: string;
71
- 600: string;
72
- };
73
- red: {
74
- 100: string;
75
- 200: string;
76
- 300: string;
77
- 400: string;
78
- 500: string;
79
- 600: string;
80
- };
81
- orange: {
82
- 200: string;
83
- 300: string;
84
- 400: string;
85
- 500: string;
86
- 600: string;
87
- };
88
- pink: {
89
- 200: string;
90
- 300: string;
91
- 400: string;
92
- 500: string;
93
- 600: string;
94
- };
95
- cyan: {
96
- 200: string;
97
- 300: string;
98
- 400: string;
99
- 500: string;
100
- 600: string;
101
- };
102
- purple: {
103
- 200: string;
104
- 300: string;
105
- 400: string;
106
- 500: string;
107
- 600: string;
108
- };
109
- white: string;
110
- black: string;
111
- screen: string;
112
- success: string;
113
- failure: string;
114
- caution: string;
115
- border: string;
116
- placeholder: string;
117
- link: string;
118
- };
119
- fontSize: {
120
- h1: string;
121
- h2: string;
122
- h3: string;
123
- h4: string;
124
- h5: string;
125
- h6: string;
126
- bodySm: string;
127
- body: string;
128
- bodyLg: string;
129
- icon: string;
130
- iconSm: string;
131
- };
132
- fontWeight: {
133
- regular: string;
134
- medium: string;
135
- bold: string;
136
- };
137
- height: {
138
- 0: string;
139
- 1: string;
140
- 2: string;
141
- 3: string;
142
- 4: string;
143
- 5: string;
144
- 6: string;
145
- 7: string;
146
- 8: string;
147
- 9: string;
148
- 10: string;
149
- 11: string;
150
- 12: string;
151
- 13: string;
152
- 14: string;
153
- 15: string;
154
- 16: string;
155
- 17: string;
156
- 18: string;
157
- 19: string;
158
- 20: string;
159
- 21: string;
160
- 22: string;
161
- 23: string;
162
- 24: string;
163
- 25: string;
164
- 26: string;
165
- 27: string;
166
- 28: string;
167
- 29: string;
168
- 30: string;
169
- 31: string;
170
- 32: string;
171
- 33: string;
172
- 34: string;
173
- 35: string;
174
- 36: string;
175
- 37: string;
176
- 38: string;
177
- 39: string;
178
- 40: string;
179
- 41: string;
180
- 42: string;
181
- 43: string;
182
- 44: string;
183
- 45: string;
184
- 46: string;
185
- 47: string;
186
- 48: string;
187
- 49: string;
188
- 50: string;
189
- 51: string;
190
- 52: string;
191
- 53: string;
192
- 54: string;
193
- 55: string;
194
- 56: string;
195
- 57: string;
196
- 58: string;
197
- 59: string;
198
- 60: string;
199
- 61: string;
200
- 62: string;
201
- 63: string;
202
- 64: string;
203
- auto: string;
204
- px: string;
205
- full: string;
206
- screen: string;
207
- appbar: string;
208
- cell: string;
209
- };
210
- leading: {
211
- none: string;
212
- tight: string;
213
- normal: string;
214
- loose: string;
215
- };
216
- screenWidth: {
217
- sm: string;
218
- md: string;
219
- lg: string;
220
- xl: string;
221
- };
222
- shadow: {
223
- "DEFAULT": string;
224
- up: string;
225
- md: string;
226
- lg: string;
227
- inner: string;
228
- glow: string;
229
- none: string;
230
- focus: string;
231
- focusInside: string;
232
- focusBrand: string;
233
- popover: string;
234
- buttonPrimary: string;
235
- buttonSecondary: string;
236
- paper: string;
237
- tile: string;
238
- };
239
- spacing: {
240
- 0: string;
241
- 1: string;
242
- 2: string;
243
- 3: string;
244
- 4: string;
245
- 5: string;
246
- 6: string;
247
- 7: string;
248
- 8: string;
249
- 9: string;
250
- 10: string;
251
- 11: string;
252
- 12: string;
253
- 13: string;
254
- 14: string;
255
- 15: string;
256
- 16: string;
257
- 17: string;
258
- 18: string;
259
- 19: string;
260
- 20: string;
261
- 21: string;
262
- 22: string;
263
- 23: string;
264
- 24: string;
265
- 25: string;
266
- 26: string;
267
- 27: string;
268
- 28: string;
269
- 29: string;
270
- 30: string;
271
- 31: string;
272
- 32: string;
273
- 33: string;
274
- 34: string;
275
- 35: string;
276
- 36: string;
277
- 37: string;
278
- 38: string;
279
- 39: string;
280
- 40: string;
281
- 41: string;
282
- 42: string;
283
- 43: string;
284
- 44: string;
285
- 45: string;
286
- 46: string;
287
- 47: string;
288
- 48: string;
289
- 49: string;
290
- 50: string;
291
- 51: string;
292
- 52: string;
293
- 53: string;
294
- 54: string;
295
- 55: string;
296
- 56: string;
297
- 57: string;
298
- 58: string;
299
- 59: string;
300
- 60: string;
301
- 61: string;
302
- 62: string;
303
- 63: string;
304
- 64: string;
305
- };
306
- tracking: {
307
- tight: string;
308
- normal: string;
309
- wide: string;
310
- };
311
- type: {
312
- sans: string;
313
- serif: string;
314
- mono: string;
315
- };
316
- width: {
317
- 0: string;
318
- 1: string;
319
- 2: string;
320
- 3: string;
321
- 4: string;
322
- 5: string;
323
- 6: string;
324
- 7: string;
325
- 8: string;
326
- 9: string;
327
- 10: string;
328
- 11: string;
329
- 12: string;
330
- 13: string;
331
- 14: string;
332
- 15: string;
333
- 16: string;
334
- 17: string;
335
- 18: string;
336
- 19: string;
337
- 20: string;
338
- 21: string;
339
- 22: string;
340
- 23: string;
341
- 24: string;
342
- 25: string;
343
- 26: string;
344
- 27: string;
345
- 28: string;
346
- 29: string;
347
- 30: string;
348
- 31: string;
349
- 32: string;
350
- 33: string;
351
- 34: string;
352
- 35: string;
353
- 36: string;
354
- 37: string;
355
- 38: string;
356
- 39: string;
357
- 40: string;
358
- 41: string;
359
- 42: string;
360
- 43: string;
361
- 44: string;
362
- 45: string;
363
- 46: string;
364
- 47: string;
365
- 48: string;
366
- 49: string;
367
- 50: string;
368
- 51: string;
369
- 52: string;
370
- 53: string;
371
- 54: string;
372
- 55: string;
373
- 56: string;
374
- 57: string;
375
- 58: string;
376
- 59: string;
377
- 60: string;
378
- 61: string;
379
- 62: string;
380
- 63: string;
381
- 64: string;
382
- "1/2": string;
383
- "1/3": string;
384
- "2/3": string;
385
- "1/4": string;
386
- "3/4": string;
387
- "1/5": string;
388
- "2/5": string;
389
- "3/5": string;
390
- "4/5": string;
391
- "1/6": string;
392
- "5/6": string;
393
- auto: string;
394
- px: string;
395
- full: string;
396
- screen: string;
397
- maxContent: string;
398
- xs: string;
399
- sm: string;
400
- md: string;
401
- lg: string;
402
- xl: string;
403
- "2xl": string;
404
- "3xl": string;
405
- "4xl": string;
406
- "5xl": string;
407
- };
408
- zIndex: {
409
- 0: string;
410
- 10: string;
411
- 20: string;
412
- 30: string;
413
- 40: string;
414
- 50: string;
415
- auto: string;
416
- below: string;
417
- default: string;
418
- popup: string;
419
- dialog: string;
420
- dropdown: string;
421
- overlay: string;
422
- menu: string;
423
- modal: string;
424
- toast: string;
425
- max: string;
426
- };
427
- };
433
+ }