@papyrus-ui/styles 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/styles.css +7328 -12099
  3. package/css/styles.css.map +1 -1
  4. package/css/styles.min.css +1 -1
  5. package/css/styles.min.css.map +1 -1
  6. package/dist/cjs/const/atoms.js +0 -4
  7. package/dist/cjs/const/atoms.js.map +1 -1
  8. package/dist/cjs/index.js +0 -3
  9. package/dist/cjs/index.js.map +1 -1
  10. package/dist/cjs/styles/atoms.css.vanilla.js +1 -1
  11. package/dist/cjs/styles/atoms.css.vanilla.js.map +1 -1
  12. package/dist/cjs/styles/global.css.vanilla.js +1 -1
  13. package/dist/cjs/styles/global.css.vanilla.js.map +1 -1
  14. package/dist/cjs/utils/partition-atoms.js +1 -0
  15. package/dist/cjs/utils/partition-atoms.js.map +1 -1
  16. package/dist/cjs/utils/partition-object.js +1 -0
  17. package/dist/cjs/utils/partition-object.js.map +1 -1
  18. package/dist/es/const/atoms.js +1 -4
  19. package/dist/es/const/atoms.js.map +1 -1
  20. package/dist/es/index.js +1 -2
  21. package/dist/es/index.js.map +1 -1
  22. package/dist/es/styles/atoms.css.vanilla.js +1 -1
  23. package/dist/es/styles/atoms.css.vanilla.js.map +1 -1
  24. package/dist/es/styles/global.css.vanilla.js +1 -1
  25. package/dist/es/styles/global.css.vanilla.js.map +1 -1
  26. package/dist/es/utils/partition-atoms.js +1 -0
  27. package/dist/es/utils/partition-atoms.js.map +1 -1
  28. package/dist/es/utils/partition-object.js +1 -0
  29. package/dist/es/utils/partition-object.js.map +1 -1
  30. package/dist/types/const/atoms.d.ts +0 -3
  31. package/dist/types/const/index.d.ts +0 -1
  32. package/dist/types/index.d.ts +0 -1
  33. package/dist/types/styles/atoms.css.d.ts +778 -592
  34. package/dist/types/styles/global.css.d.ts +480 -125
  35. package/dist/types/types/design-tokens.d.ts +6 -0
  36. package/dist/types/types/index.d.ts +1 -1
  37. package/dist/types/utils/format-tokens.d.ts +4 -0
  38. package/dist/types/utils/partition-atoms.d.ts +1 -1
  39. package/dist/types/utils/partition-object.d.ts +1 -1
  40. package/package.json +1 -2
  41. package/dist/cjs/const/themes.js +0 -165
  42. package/dist/cjs/const/themes.js.map +0 -1
  43. package/dist/es/const/themes.js +0 -161
  44. package/dist/es/const/themes.js.map +0 -1
  45. package/dist/types/const/themes.d.ts +0 -2
  46. package/dist/types/types/theme.d.ts +0 -156
  47. package/fonts/boxicons.eot +0 -0
  48. package/fonts/boxicons.svg +0 -1660
  49. package/fonts/boxicons.ttf +0 -0
  50. package/fonts/boxicons.woff +0 -0
  51. package/fonts/boxicons.woff2 +0 -0
@@ -6,158 +6,513 @@
6
6
  * Define variables
7
7
  */
8
8
  export declare const vars: {
9
- boxShadow: {
10
- focusDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- focusSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- };
18
- fontFamily: {
19
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- };
22
- borderRadius: {
23
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- '2xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- '3xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- };
32
9
  color: {
33
- light500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- light300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- light100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- accent800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- success200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- neutral700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- accent600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- neutral900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- accent400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- success800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- neutral100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- dark200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- neutral500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- dark400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
11
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- success400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- success600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- neutral300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- light50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- dark50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- primary50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- dark700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- primary100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- danger200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- dark900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- primary300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- accent300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- danger400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ primary900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ primary800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ primary700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ primary600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
17
  primary500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- accent100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
- danger600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ primary400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ primary300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ primary200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ primary100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ primary50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ secondary900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ secondary800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ secondary700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ secondary600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ secondary500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ secondary400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ secondary300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ secondary200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ secondary100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ secondary50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ info900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ info800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ info700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ info600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ info500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ info400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ info300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ info200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ info100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ info50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ success900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ success800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ success700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ success600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ success500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ success400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ success300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ success200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ success100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ success50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ warning900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
54
  warning800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- primary700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
- danger800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ warning700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
56
  warning600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
- primary900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ warning500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
58
  warning400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ warning300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
60
  warning200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- success50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ warning100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ warning50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ danger900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ danger800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ danger700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ danger600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ danger500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ danger400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ danger300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ danger200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ danger100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
72
  danger50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ neutral900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ neutral800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ neutral700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ neutral600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ neutral500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ neutral400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ neutral300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ neutral200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ neutral100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ neutral50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
83
  light900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ light800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
85
  light700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ light600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ light500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
88
  light400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ light300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
90
  light200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- accent900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- success100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- accent700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
- neutral800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- accent500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- success700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- neutral200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
- dark300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
- neutral400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- success900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ light100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ light50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ dark900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ dark800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ dark700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ dark600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
97
  dark500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
- neutral600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
- success300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- success500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ dark400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ dark300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ dark200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
101
  dark100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
- accent50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
- black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
- dark600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
- warning50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- danger100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
- dark800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
- primary200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
- accent200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
- danger300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
- warning900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
- primary400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
- danger500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
- warning700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
- primary600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
- danger700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
- warning500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
- primary800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- danger900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
- warning300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
- warning100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
- light800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- neutral50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
- light600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
- };
116
- letterSpacing: {
117
- normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
- wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
- widest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
- wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
- tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ dark50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
104
  };
124
105
  fontSize: {
106
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ "9xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ };
120
+ borderRadius: {
121
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
124
  xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
- '2xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
126
  md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
- '3xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
- '4xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
- '5xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
127
  sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- '6xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
128
  xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- };
136
- lineHeight: {
137
- relaxed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
- normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
- snug: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
- loose: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
- tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ tag: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
131
  };
143
132
  gradient: {
144
133
  highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
- highlightAlt: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
- };
147
- fontWeight: {
148
- extraLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
- semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
- black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
- medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
- bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- extraBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
- regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
- thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
134
  };
158
135
  transition: {
159
136
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
137
  fade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
138
  collapse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
139
  };
140
+ typography: {
141
+ button: {
142
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ };
150
+ caption: {
151
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ };
159
+ label: {
160
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ };
168
+ body: {
169
+ md: {
170
+ primary: {
171
+ regular: {
172
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ };
180
+ bold: {
181
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ };
189
+ };
190
+ secondary: {
191
+ regular: {
192
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ };
200
+ bold: {
201
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ };
209
+ };
210
+ };
211
+ sm: {
212
+ primary: {
213
+ regular: {
214
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ };
222
+ bold: {
223
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ };
231
+ };
232
+ secondary: {
233
+ regular: {
234
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ };
242
+ bold: {
243
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ };
251
+ };
252
+ };
253
+ };
254
+ heading: {
255
+ "3xl": {
256
+ primary: {
257
+ desktop: {
258
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ };
266
+ mobile: {
267
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
+ };
275
+ };
276
+ secondary: {
277
+ desktop: {
278
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
+ };
286
+ mobile: {
287
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ };
295
+ };
296
+ };
297
+ "2xl": {
298
+ primary: {
299
+ desktop: {
300
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
307
+ };
308
+ mobile: {
309
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
+ };
317
+ };
318
+ secondary: {
319
+ desktop: {
320
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ };
328
+ mobile: {
329
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ };
337
+ };
338
+ };
339
+ xl: {
340
+ primary: {
341
+ desktop: {
342
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
+ };
350
+ mobile: {
351
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
355
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
356
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
357
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
+ };
359
+ };
360
+ secondary: {
361
+ desktop: {
362
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
+ };
370
+ mobile: {
371
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
376
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
+ };
379
+ };
380
+ };
381
+ lg: {
382
+ primary: {
383
+ desktop: {
384
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
387
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
388
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
389
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
390
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
391
+ };
392
+ mobile: {
393
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
394
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
396
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
397
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
398
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
399
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
400
+ };
401
+ };
402
+ secondary: {
403
+ desktop: {
404
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
405
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
408
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
409
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
410
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
411
+ };
412
+ mobile: {
413
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
+ };
421
+ };
422
+ };
423
+ md: {
424
+ primary: {
425
+ desktop: {
426
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
432
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
433
+ };
434
+ mobile: {
435
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
436
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
437
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
442
+ };
443
+ };
444
+ secondary: {
445
+ desktop: {
446
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
447
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
448
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
449
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
450
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
453
+ };
454
+ mobile: {
455
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
456
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
461
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
462
+ };
463
+ };
464
+ };
465
+ sm: {
466
+ primary: {
467
+ mobile: {
468
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
472
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
473
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ };
476
+ desktop: {
477
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
478
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
479
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
480
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
481
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
482
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
483
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
484
+ };
485
+ };
486
+ secondary: {
487
+ desktop: {
488
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
490
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
491
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
492
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
493
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
494
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
495
+ };
496
+ mobile: {
497
+ fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ textDecoration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ };
505
+ };
506
+ };
507
+ };
508
+ };
509
+ boxShadow: {
510
+ inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ focusDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ focusSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
+ };
163
518
  };