@kaizen/design-tokens 3.1.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 (129) hide show
  1. package/CHANGELOG.md +773 -0
  2. package/LICENSE +21 -0
  3. package/README.md +66 -0
  4. package/dist/index.d.ts +8 -0
  5. package/dist/index.d.ts.map +1 -0
  6. package/dist/index.js +23 -0
  7. package/dist/react/ThemeProvider.d.ts +13 -0
  8. package/dist/react/ThemeProvider.d.ts.map +1 -0
  9. package/dist/react/ThemeProvider.js +42 -0
  10. package/dist/react/index.d.ts +2 -0
  11. package/dist/react/index.d.ts.map +1 -0
  12. package/dist/react/index.js +13 -0
  13. package/dist/src/ThemeManager.d.ts +23 -0
  14. package/dist/src/ThemeManager.d.ts.map +1 -0
  15. package/dist/src/ThemeManager.js +70 -0
  16. package/dist/src/lib/addExtraThemeEntries.d.ts +25 -0
  17. package/dist/src/lib/addExtraThemeEntries.d.ts.map +1 -0
  18. package/dist/src/lib/addExtraThemeEntries.js +56 -0
  19. package/dist/src/lib/cssVariables.d.ts +23 -0
  20. package/dist/src/lib/cssVariables.d.ts.map +1 -0
  21. package/dist/src/lib/cssVariables.js +33 -0
  22. package/dist/src/lib/makeCssVariableDefinitionsMap.d.ts +30 -0
  23. package/dist/src/lib/makeCssVariableDefinitionsMap.d.ts.map +1 -0
  24. package/dist/src/lib/makeCssVariableDefinitionsMap.js +57 -0
  25. package/dist/src/lib/makeCssVariableTheme.d.ts +35 -0
  26. package/dist/src/lib/makeCssVariableTheme.d.ts.map +1 -0
  27. package/dist/src/lib/makeCssVariableTheme.js +54 -0
  28. package/dist/src/lib/mapLeafsOfObject.d.ts +23 -0
  29. package/dist/src/lib/mapLeafsOfObject.d.ts.map +1 -0
  30. package/dist/src/lib/mapLeafsOfObject.js +59 -0
  31. package/dist/src/themes/heart.d.ts +3 -0
  32. package/dist/src/themes/heart.d.ts.map +1 -0
  33. package/dist/src/themes/heart.js +286 -0
  34. package/dist/src/themes/index.d.ts +4 -0
  35. package/dist/src/themes/index.d.ts.map +1 -0
  36. package/dist/src/themes/index.js +9 -0
  37. package/dist/src/themes/zen.d.ts +3 -0
  38. package/dist/src/themes/zen.d.ts.map +1 -0
  39. package/dist/src/themes/zen.js +293 -0
  40. package/dist/src/types.d.ts +205 -0
  41. package/dist/src/types.d.ts.map +1 -0
  42. package/dist/src/types.js +2 -0
  43. package/elm/Kaizen/Theme.elm +29 -0
  44. package/index.ts +9 -0
  45. package/less/animation.less +49 -0
  46. package/less/border.less +47 -0
  47. package/less/color.less +210 -0
  48. package/less/layout.less +8 -0
  49. package/less/shadow.less +12 -0
  50. package/less/spacing.less +20 -0
  51. package/less/typography.less +526 -0
  52. package/package.json +63 -0
  53. package/react/ThemeProvider.d.ts +12 -0
  54. package/react/ThemeProvider.js +43 -0
  55. package/react/ThemeProvider.js.map +1 -0
  56. package/react/ThemeProvider.tsx +39 -0
  57. package/react/index.d.ts +1 -0
  58. package/react/index.js +14 -0
  59. package/react/index.js.map +1 -0
  60. package/react/index.tsx +1 -0
  61. package/sass/animation.scss +49 -0
  62. package/sass/border.scss +47 -0
  63. package/sass/color.scss +210 -0
  64. package/sass/layout.scss +8 -0
  65. package/sass/shadow.scss +12 -0
  66. package/sass/spacing.scss +20 -0
  67. package/sass/typography.scss +526 -0
  68. package/src/ThemeManager.d.ts +22 -0
  69. package/src/ThemeManager.js +71 -0
  70. package/src/ThemeManager.js.map +1 -0
  71. package/src/ThemeManager.ts +70 -0
  72. package/src/lib/__tests__/themeForTesting.d.ts +38 -0
  73. package/src/lib/__tests__/themeForTesting.js +21 -0
  74. package/src/lib/__tests__/themeForTesting.js.map +1 -0
  75. package/src/lib/__tests__/themeForTesting.ts +17 -0
  76. package/src/lib/addExtraThemeEntries.d.ts +24 -0
  77. package/src/lib/addExtraThemeEntries.js +57 -0
  78. package/src/lib/addExtraThemeEntries.js.map +1 -0
  79. package/src/lib/addExtraThemeEntries.ts +56 -0
  80. package/src/lib/cssVariables.d.ts +22 -0
  81. package/src/lib/cssVariables.js +34 -0
  82. package/src/lib/cssVariables.js.map +1 -0
  83. package/src/lib/cssVariables.ts +27 -0
  84. package/src/lib/makeCssVariableDefinitionsMap.d.ts +29 -0
  85. package/src/lib/makeCssVariableDefinitionsMap.js +58 -0
  86. package/src/lib/makeCssVariableDefinitionsMap.js.map +1 -0
  87. package/src/lib/makeCssVariableDefinitionsMap.ts +55 -0
  88. package/src/lib/makeCssVariableTheme.d.ts +34 -0
  89. package/src/lib/makeCssVariableTheme.js +55 -0
  90. package/src/lib/makeCssVariableTheme.js.map +1 -0
  91. package/src/lib/makeCssVariableTheme.ts +63 -0
  92. package/src/lib/mapLeafsOfObject.d.ts +22 -0
  93. package/src/lib/mapLeafsOfObject.js +60 -0
  94. package/src/lib/mapLeafsOfObject.js.map +1 -0
  95. package/src/lib/mapLeafsOfObject.ts +50 -0
  96. package/src/lib/patterns.d.ts +2 -0
  97. package/src/lib/patterns.js +6 -0
  98. package/src/lib/patterns.js.map +1 -0
  99. package/src/lib/patterns.ts +2 -0
  100. package/src/themes/heart.d.ts +2 -0
  101. package/src/themes/heart.js +287 -0
  102. package/src/themes/heart.js.map +1 -0
  103. package/src/themes/heart.ts +285 -0
  104. package/src/themes/index.d.ts +3 -0
  105. package/src/themes/index.js +17 -0
  106. package/src/themes/index.js.map +1 -0
  107. package/src/themes/index.ts +4 -0
  108. package/src/themes/zen.d.ts +2 -0
  109. package/src/themes/zen.js +294 -0
  110. package/src/themes/zen.js.map +1 -0
  111. package/src/themes/zen.ts +292 -0
  112. package/src/types.d.ts +204 -0
  113. package/src/types.js +3 -0
  114. package/src/types.js.map +1 -0
  115. package/src/types.ts +225 -0
  116. package/tokens/animation.json +34 -0
  117. package/tokens/animation.json.d.ts +12 -0
  118. package/tokens/border.json +44 -0
  119. package/tokens/border.json.d.ts +12 -0
  120. package/tokens/color.json +228 -0
  121. package/tokens/color.json.d.ts +12 -0
  122. package/tokens/layout.json +9 -0
  123. package/tokens/layout.json.d.ts +12 -0
  124. package/tokens/shadow.json +12 -0
  125. package/tokens/shadow.json.d.ts +12 -0
  126. package/tokens/spacing.json +22 -0
  127. package/tokens/spacing.json.d.ts +12 -0
  128. package/tokens/typography.json +236 -0
  129. package/tokens/typography.json.d.ts +12 -0
package/tokens/typography.json ADDED
@@ -0,0 +1,236 @@
1
+ {
2
+ "typography": {
3
+ "dataLarge": {
4
+ "fontFamily": "var(--typography-data-large-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
5
+ "fontFamily-id": "--typography-data-large-font-family",
6
+ "fontWeight": "var(--typography-data-large-font-weight, 700)",
7
+ "fontWeight-id": "--typography-data-large-font-weight",
8
+ "fontSize": "var(--typography-data-large-font-size, 5.25rem)",
9
+ "fontSize-id": "--typography-data-large-font-size",
10
+ "lineHeight": "var(--typography-data-large-line-height, 5.25rem)",
11
+ "lineHeight-id": "--typography-data-large-line-height",
12
+ "letterSpacing": "var(--typography-data-large-letter-spacing, normal)",
13
+ "letterSpacing-id": "--typography-data-large-letter-spacing"
14
+ },
15
+ "dataLargeUnits": {
16
+ "fontFamily": "var(--typography-data-large-units-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
17
+ "fontFamily-id": "--typography-data-large-units-font-family",
18
+ "fontWeight": "var(--typography-data-large-units-font-weight, 700)",
19
+ "fontWeight-id": "--typography-data-large-units-font-weight",
20
+ "fontSize": "var(--typography-data-large-units-font-size, 2.625rem)",
21
+ "fontSize-id": "--typography-data-large-units-font-size",
22
+ "lineHeight": "var(--typography-data-large-units-line-height, 5.25rem)",
23
+ "lineHeight-id": "--typography-data-large-units-line-height",
24
+ "letterSpacing": "var(--typography-data-large-units-letter-spacing, normal)",
25
+ "letterSpacing-id": "--typography-data-large-units-letter-spacing"
26
+ },
27
+ "dataMedium": {
28
+ "fontFamily": "var(--typography-data-medium-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
29
+ "fontFamily-id": "--typography-data-medium-font-family",
30
+ "fontWeight": "var(--typography-data-medium-font-weight, 700)",
31
+ "fontWeight-id": "--typography-data-medium-font-weight",
32
+ "fontSize": "var(--typography-data-medium-font-size, 3rem)",
33
+ "fontSize-id": "--typography-data-medium-font-size",
34
+ "lineHeight": "var(--typography-data-medium-line-height, 5rem)",
35
+ "lineHeight-id": "--typography-data-medium-line-height",
36
+ "letterSpacing": "var(--typography-data-medium-letter-spacing, normal)",
37
+ "letterSpacing-id": "--typography-data-medium-letter-spacing"
38
+ },
39
+ "dataMediumUnits": {
40
+ "fontFamily": "var(--typography-data-medium-units-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
41
+ "fontFamily-id": "--typography-data-medium-units-font-family",
42
+ "fontWeight": "var(--typography-data-medium-units-font-weight, 700)",
43
+ "fontWeight-id": "--typography-data-medium-units-font-weight",
44
+ "fontSize": "var(--typography-data-medium-units-font-size, 1.5rem)",
45
+ "fontSize-id": "--typography-data-medium-units-font-size",
46
+ "lineHeight": "var(--typography-data-medium-units-line-height, 5rem)",
47
+ "lineHeight-id": "--typography-data-medium-units-line-height",
48
+ "letterSpacing": "var(--typography-data-medium-units-letter-spacing, normal)",
49
+ "letterSpacing-id": "--typography-data-medium-units-letter-spacing"
50
+ },
51
+ "dataSmall": {
52
+ "fontFamily": "var(--typography-data-small-font-family, \"Greycliff CF\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
53
+ "fontFamily-id": "--typography-data-small-font-family",
54
+ "fontWeight": "var(--typography-data-small-font-weight, 700)",
55
+ "fontWeight-id": "--typography-data-small-font-weight",
56
+ "fontSize": "var(--typography-data-small-font-size, 1.5rem)",
57
+ "fontSize-id": "--typography-data-small-font-size",
58
+ "lineHeight": "var(--typography-data-small-line-height, 1.5rem)",
59
+ "lineHeight-id": "--typography-data-small-line-height",
60
+ "letterSpacing": "var(--typography-data-small-letter-spacing, normal)",
61
+ "letterSpacing-id": "--typography-data-small-letter-spacing"
62
+ },
63
+ "dataSmallUnits": {
64
+ "fontFamily": "var(--typography-data-small-units-font-family, \"Greycliff CF\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
65
+ "fontFamily-id": "--typography-data-small-units-font-family",
66
+ "fontWeight": "var(--typography-data-small-units-font-weight, 700)",
67
+ "fontWeight-id": "--typography-data-small-units-font-weight",
68
+ "fontSize": "var(--typography-data-small-units-font-size, 1.125rem)",
69
+ "fontSize-id": "--typography-data-small-units-font-size",
70
+ "lineHeight": "var(--typography-data-small-units-line-height, 1.5rem)",
71
+ "lineHeight-id": "--typography-data-small-units-line-height",
72
+ "letterSpacing": "var(--typography-data-small-units-letter-spacing, normal)",
73
+ "letterSpacing-id": "--typography-data-small-units-letter-spacing"
74
+ },
75
+ "display0": {
76
+ "fontFamily": "var(--typography-display-0-font-family, \"Tiempos Headline\", Georgia, serif)",
77
+ "fontFamily-id": "--typography-display-0-font-family",
78
+ "fontWeight": "var(--typography-display-0-font-weight, 800)",
79
+ "fontWeight-id": "--typography-display-0-font-weight",
80
+ "fontSize": "var(--typography-display-0-font-size, 4.5rem)",
81
+ "fontSize-id": "--typography-display-0-font-size",
82
+ "lineHeight": "var(--typography-display-0-line-height, 5.25rem)",
83
+ "lineHeight-id": "--typography-display-0-line-height",
84
+ "letterSpacing": "var(--typography-display-0-letter-spacing, 0em)",
85
+ "letterSpacing-id": "--typography-display-0-letter-spacing"
86
+ },
87
+ "heading1": {
88
+ "fontFamily": "var(--typography-heading-1-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
89
+ "fontFamily-id": "--typography-heading-1-font-family",
90
+ "fontWeight": "var(--typography-heading-1-font-weight, 700)",
91
+ "fontWeight-id": "--typography-heading-1-font-weight",
92
+ "fontSize": "var(--typography-heading-1-font-size, 2.125rem)",
93
+ "fontSize-id": "--typography-heading-1-font-size",
94
+ "lineHeight": "var(--typography-heading-1-line-height, 2.625rem)",
95
+ "lineHeight-id": "--typography-heading-1-line-height",
96
+ "letterSpacing": "var(--typography-heading-1-letter-spacing, normal)",
97
+ "letterSpacing-id": "--typography-heading-1-letter-spacing"
98
+ },
99
+ "heading2": {
100
+ "fontFamily": "var(--typography-heading-2-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
101
+ "fontFamily-id": "--typography-heading-2-font-family",
102
+ "fontWeight": "var(--typography-heading-2-font-weight, 700)",
103
+ "fontWeight-id": "--typography-heading-2-font-weight",
104
+ "fontSize": "var(--typography-heading-2-font-size, 1.75rem)",
105
+ "fontSize-id": "--typography-heading-2-font-size",
106
+ "lineHeight": "var(--typography-heading-2-line-height, 2.25rem)",
107
+ "lineHeight-id": "--typography-heading-2-line-height",
108
+ "letterSpacing": "var(--typography-heading-2-letter-spacing, normal)",
109
+ "letterSpacing-id": "--typography-heading-2-letter-spacing"
110
+ },
111
+ "heading3": {
112
+ "fontFamily": "var(--typography-heading-3-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
113
+ "fontFamily-id": "--typography-heading-3-font-family",
114
+ "fontWeight": "var(--typography-heading-3-font-weight, 700)",
115
+ "fontWeight-id": "--typography-heading-3-font-weight",
116
+ "fontSize": "var(--typography-heading-3-font-size, 1.375rem)",
117
+ "fontSize-id": "--typography-heading-3-font-size",
118
+ "lineHeight": "var(--typography-heading-3-line-height, 1.5rem)",
119
+ "lineHeight-id": "--typography-heading-3-line-height",
120
+ "letterSpacing": "var(--typography-heading-3-letter-spacing, normal)",
121
+ "letterSpacing-id": "--typography-heading-3-letter-spacing"
122
+ },
123
+ "heading4": {
124
+ "fontFamily": "var(--typography-heading-4-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
125
+ "fontFamily-id": "--typography-heading-4-font-family",
126
+ "fontWeight": "var(--typography-heading-4-font-weight, 600)",
127
+ "fontWeight-id": "--typography-heading-4-font-weight",
128
+ "fontSize": "var(--typography-heading-4-font-size, 1.125rem)",
129
+ "fontSize-id": "--typography-heading-4-font-size",
130
+ "lineHeight": "var(--typography-heading-4-line-height, 1.5rem)",
131
+ "lineHeight-id": "--typography-heading-4-line-height",
132
+ "letterSpacing": "var(--typography-heading-4-letter-spacing, normal)",
133
+ "letterSpacing-id": "--typography-heading-4-letter-spacing"
134
+ },
135
+ "heading5": {
136
+ "fontFamily": "var(--typography-heading-5-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
137
+ "fontFamily-id": "--typography-heading-5-font-family",
138
+ "fontWeight": "var(--typography-heading-5-font-weight, 600)",
139
+ "fontWeight-id": "--typography-heading-5-font-weight",
140
+ "fontSize": "var(--typography-heading-5-font-size, 1rem)",
141
+ "fontSize-id": "--typography-heading-5-font-size",
142
+ "lineHeight": "var(--typography-heading-5-line-height, 1.5rem)",
143
+ "lineHeight-id": "--typography-heading-5-line-height",
144
+ "letterSpacing": "var(--typography-heading-5-letter-spacing, normal)",
145
+ "letterSpacing-id": "--typography-heading-5-letter-spacing"
146
+ },
147
+ "heading6": {
148
+ "fontFamily": "var(--typography-heading-6-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
149
+ "fontFamily-id": "--typography-heading-6-font-family",
150
+ "fontWeight": "var(--typography-heading-6-font-weight, 700)",
151
+ "fontWeight-id": "--typography-heading-6-font-weight",
152
+ "fontSize": "var(--typography-heading-6-font-size, 0.875rem)",
153
+ "fontSize-id": "--typography-heading-6-font-size",
154
+ "lineHeight": "var(--typography-heading-6-line-height, 1.5rem)",
155
+ "lineHeight-id": "--typography-heading-6-line-height",
156
+ "letterSpacing": "var(--typography-heading-6-letter-spacing, normal)",
157
+ "letterSpacing-id": "--typography-heading-6-letter-spacing"
158
+ },
159
+ "paragraphIntroLede": {
160
+ "fontFamily": "var(--typography-paragraph-intro-lede-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
161
+ "fontFamily-id": "--typography-paragraph-intro-lede-font-family",
162
+ "fontWeight": "var(--typography-paragraph-intro-lede-font-weight, 400)",
163
+ "fontWeight-id": "--typography-paragraph-intro-lede-font-weight",
164
+ "fontSize": "var(--typography-paragraph-intro-lede-font-size, 1.25rem)",
165
+ "fontSize-id": "--typography-paragraph-intro-lede-font-size",
166
+ "lineHeight": "var(--typography-paragraph-intro-lede-line-height, 1.875rem)",
167
+ "lineHeight-id": "--typography-paragraph-intro-lede-line-height",
168
+ "letterSpacing": "var(--typography-paragraph-intro-lede-letter-spacing, -0.5px)",
169
+ "letterSpacing-id": "--typography-paragraph-intro-lede-letter-spacing"
170
+ },
171
+ "paragraphBody": {
172
+ "fontFamily": "var(--typography-paragraph-body-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
173
+ "fontFamily-id": "--typography-paragraph-body-font-family",
174
+ "fontWeight": "var(--typography-paragraph-body-font-weight, 400)",
175
+ "fontWeight-id": "--typography-paragraph-body-font-weight",
176
+ "fontSize": "var(--typography-paragraph-body-font-size, 1rem)",
177
+ "fontSize-id": "--typography-paragraph-body-font-size",
178
+ "lineHeight": "var(--typography-paragraph-body-line-height, 1.5rem)",
179
+ "lineHeight-id": "--typography-paragraph-body-line-height",
180
+ "letterSpacing": "var(--typography-paragraph-body-letter-spacing, normal)",
181
+ "letterSpacing-id": "--typography-paragraph-body-letter-spacing"
182
+ },
183
+ "paragraphSmall": {
184
+ "fontFamily": "var(--typography-paragraph-small-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
185
+ "fontFamily-id": "--typography-paragraph-small-font-family",
186
+ "fontWeight": "var(--typography-paragraph-small-font-weight, 400)",
187
+ "fontWeight-id": "--typography-paragraph-small-font-weight",
188
+ "fontSize": "var(--typography-paragraph-small-font-size, 0.875rem)",
189
+ "fontSize-id": "--typography-paragraph-small-font-size",
190
+ "lineHeight": "var(--typography-paragraph-small-line-height, 1.125rem)",
191
+ "lineHeight-id": "--typography-paragraph-small-line-height",
192
+ "letterSpacing": "var(--typography-paragraph-small-letter-spacing, normal)",
193
+ "letterSpacing-id": "--typography-paragraph-small-letter-spacing"
194
+ },
195
+ "paragraphExtraSmall": {
196
+ "fontFamily": "var(--typography-paragraph-extra-small-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
197
+ "fontFamily-id": "--typography-paragraph-extra-small-font-family",
198
+ "fontWeight": "var(--typography-paragraph-extra-small-font-weight, 400)",
199
+ "fontWeight-id": "--typography-paragraph-extra-small-font-weight",
200
+ "fontSize": "var(--typography-paragraph-extra-small-font-size, 0.75rem)",
201
+ "fontSize-id": "--typography-paragraph-extra-small-font-size",
202
+ "lineHeight": "var(--typography-paragraph-extra-small-line-height, 1.125rem)",
203
+ "lineHeight-id": "--typography-paragraph-extra-small-line-height",
204
+ "letterSpacing": "var(--typography-paragraph-extra-small-letter-spacing, normal)",
205
+ "letterSpacing-id": "--typography-paragraph-extra-small-letter-spacing"
206
+ },
207
+ "paragraphBold": {
208
+ "fontWeight": "var(--typography-paragraph-bold-font-weight, 600)",
209
+ "fontWeight-id": "--typography-paragraph-bold-font-weight"
210
+ },
211
+ "buttonPrimary": {
212
+ "fontFamily": "var(--typography-button-primary-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
213
+ "fontFamily-id": "--typography-button-primary-font-family",
214
+ "fontWeight": "var(--typography-button-primary-font-weight, 700)",
215
+ "fontWeight-id": "--typography-button-primary-font-weight",
216
+ "fontSize": "var(--typography-button-primary-font-size, 1.125rem)",
217
+ "fontSize-id": "--typography-button-primary-font-size",
218
+ "lineHeight": "var(--typography-button-primary-line-height, 1.5rem)",
219
+ "lineHeight-id": "--typography-button-primary-line-height",
220
+ "letterSpacing": "var(--typography-button-primary-letter-spacing, normal)",
221
+ "letterSpacing-id": "--typography-button-primary-letter-spacing"
222
+ },
223
+ "buttonSecondary": {
224
+ "fontFamily": "var(--typography-button-secondary-font-family, \"Inter\", \"Noto Sans\", Helvetica, Arial, sans-serif)",
225
+ "fontFamily-id": "--typography-button-secondary-font-family",
226
+ "fontWeight": "var(--typography-button-secondary-font-weight, 500)",
227
+ "fontWeight-id": "--typography-button-secondary-font-weight",
228
+ "fontSize": "var(--typography-button-secondary-font-size, 1rem)",
229
+ "fontSize-id": "--typography-button-secondary-font-size",
230
+ "lineHeight": "var(--typography-button-secondary-line-height, 1.5rem)",
231
+ "lineHeight-id": "--typography-button-secondary-line-height",
232
+ "letterSpacing": "var(--typography-button-secondary-letter-spacing, normal)",
233
+ "letterSpacing-id": "--typography-button-secondary-letter-spacing"
234
+ }
235
+ }
236
+ }
package/tokens/typography.json.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { DeepMapObjectLeafs, Theme } from "../src/types"
2
+ import { useTheme, ThemeProvider } from "../react"
3
+ /**
4
+ * @deprecated
5
+ * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
6
+ */
7
+ export const typography: DeepMapObjectLeafs<Theme["typography"], string>
8
+ /**
9
+ * @deprecated
10
+ * The preferred way to use Kaizen tokens in TypeScript/JavaScript is to use the React hook {@link useTheme} paired with a {@link ThemeProvider}
11
+ */
12
+ export default { typography }