@breadstone/mosaik-themes 0.0.174 → 0.0.176

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 (37) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/Themes/___material-tokens.css +3 -3
  3. package/Themes/material-tokens.scss +3 -3
  4. package/Themes/material.scss +3 -3
  5. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  6. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +7 -9
  7. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +1 -1
  8. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  9. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +17 -19
  10. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +1 -1
  11. package/Theming/Tokens/MaterialTokens.d.ts +3 -3
  12. package/Theming/Tokens/MaterialTokens.js +3 -3
  13. package/package.json +39 -15
  14. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +105 -0
  15. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +67 -0
  16. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +44 -0
  17. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +362 -0
  18. package/tailwind/v3/mosaik-material.tailwind.config.cjs +34 -0
  19. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +308 -0
  20. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +118 -0
  21. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +80 -0
  22. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +57 -0
  23. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +375 -0
  24. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +47 -0
  25. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +321 -0
  26. package/Themes/bootstrap-tokens.tailwind.js +0 -8
  27. package/Themes/cosmopolitan-tokens.tailwind.js +0 -32
  28. package/Themes/fluent-tokens.tailwind.js +0 -8
  29. package/Themes/joy-tokens.tailwind.js +0 -52
  30. package/Themes/material-tokens.tailwind.js +0 -8
  31. package/Themes/memphis-tokens.tailwind.js +0 -192
  32. package/tailwind/v3/bootstrap-tokens.tailwind.js +0 -41
  33. package/tailwind/v3/cosmopolitan-tokens.tailwind.js +0 -286
  34. package/tailwind/v3/fluent-tokens.tailwind.js +0 -39
  35. package/tailwind/v3/joy-tokens.tailwind.js +0 -562
  36. package/tailwind/v3/material-tokens.tailwind.js +0 -29
  37. package/tailwind/v3/memphis-tokens.tailwind.js +0 -410
package/tailwind/v3/bootstrap-tokens.tailwind.js DELETED
@@ -1,41 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- width: {
5
- 'LayoutRadius': '12px',
6
- 'LayoutSpace': '8px',
7
- 'LayoutThickness': '2px',
8
- 'TypographyHeadline1FontSize': '80px',
9
- 'TypographyHeadline2FontSize': '72px',
10
- 'TypographyHeadline3FontSize': '64px',
11
- 'TypographyHeadline4FontSize': '56px',
12
- 'TypographyHeadline5FontSize': '48px',
13
- 'TypographyHeadline6FontSize': '40px',
14
- 'SizeTiny': '2px',
15
- 'SizeSmall': '4px',
16
- 'SizeMedium': '8px',
17
- 'SizeLarge': '16px',
18
- 'SizeGiant': '32px',
19
- },
20
- height: {
21
- 'LayoutRadius': '12px',
22
- 'LayoutSpace': '8px',
23
- 'LayoutThickness': '2px',
24
- 'TypographyHeadline1FontSize': '80px',
25
- 'TypographyHeadline2FontSize': '72px',
26
- 'TypographyHeadline3FontSize': '64px',
27
- 'TypographyHeadline4FontSize': '56px',
28
- 'TypographyHeadline5FontSize': '48px',
29
- 'TypographyHeadline6FontSize': '40px',
30
- 'SizeTiny': '2px',
31
- 'SizeSmall': '4px',
32
- 'SizeMedium': '8px',
33
- 'SizeLarge': '16px',
34
- 'SizeGiant': '32px',
35
- },
36
- fontFamily: {
37
- 'FontFamily': ''Inter', Roboto, Helvetica, sans-serif',
38
- },
39
- }
40
- }
41
- };
package/tailwind/v3/cosmopolitan-tokens.tailwind.js DELETED
@@ -1,286 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- colors: {
5
- 'ElevationLightLightColor0': 'rgba(0, 0, 0, 0.12)',
6
- 'ElevationLightLightColor1': 'rgba(0, 0, 0, 0.14)',
7
- 'ElevationLightSemilightColor0': 'rgba(0, 0, 0, 0.12)',
8
- 'ElevationLightSemilightColor1': 'rgba(0, 0, 0, 0.14)',
9
- 'ElevationLightRegularColor0': 'rgba(0, 0, 0, 0.12)',
10
- 'ElevationLightRegularColor1': 'rgba(0, 0, 0, 0.14)',
11
- 'ElevationLightSemiboldColor0': 'rgba(0, 0, 0, 0.12)',
12
- 'ElevationLightSemiboldColor1': 'rgba(0, 0, 0, 0.14)',
13
- 'ElevationLightBoldColor0': 'rgba(0, 0, 0, 0.12)',
14
- 'ElevationLightBoldColor1': 'rgba(0, 0, 0, 0.14)',
15
- 'ElevationLightExtraboldColor0': 'rgba(0, 0, 0, 0.12)',
16
- 'ElevationLightExtraboldColor1': 'rgba(0, 0, 0, 0.14)',
17
- 'ElevationDarkLightColor0': 'rgba(0, 0, 0, 0.24)',
18
- 'ElevationDarkLightColor1': 'rgba(0, 0, 0, 0.28)',
19
- 'ElevationDarkSemilightColor0': 'rgba(0, 0, 0, 0.24)',
20
- 'ElevationDarkSemilightColor1': 'rgba(0, 0, 0, 0.28)',
21
- 'ElevationDarkRegularColor0': 'rgba(0, 0, 0, 0.24)',
22
- 'ElevationDarkRegularColor1': 'rgba(0, 0, 0, 0.28)',
23
- 'ElevationDarkSemiboldColor0': 'rgba(0, 0, 0, 0.24)',
24
- 'ElevationDarkSemiboldColor1': 'rgba(0, 0, 0, 0.28)',
25
- 'ElevationDarkBoldColor0': 'rgba(0, 0, 0, 0.24)',
26
- 'ElevationDarkBoldColor1': 'rgba(0, 0, 0, 0.28)',
27
- 'ElevationDarkExtraboldColor0': 'rgba(0, 0, 0, 0.24)',
28
- 'ElevationDarkExtraboldColor1': 'rgba(0, 0, 0, 0.28)',
29
- },
30
- width: {
31
- 'LayoutRadius': '3px',
32
- 'LayoutSpace': '8px',
33
- 'LayoutThickness': '1px',
34
- 'TypographyHeadingFontSize': '24px',
35
- 'TypographyHeadingLineHeight': '28px',
36
- 'TypographyContentFontSize': '16px',
37
- 'TypographyContentLineHeight': '20px',
38
- 'TypographyButtonFontSize': '16px',
39
- 'TypographyButtonLineHeight': '20px',
40
- 'ElevationLightLightOffsetX0': '0px',
41
- 'ElevationLightLightOffsetX1': '0px',
42
- 'ElevationLightLightOffsetY0': '0px',
43
- 'ElevationLightLightOffsetY1': '1px',
44
- 'ElevationLightLightBlur0': '2px',
45
- 'ElevationLightLightBlur1': '2px',
46
- 'ElevationLightLightSpread0': '0px',
47
- 'ElevationLightLightSpread1': '0px',
48
- 'ElevationLightSemilightOffsetX0': '0px',
49
- 'ElevationLightSemilightOffsetX1': '0px',
50
- 'ElevationLightSemilightOffsetY0': '0px',
51
- 'ElevationLightSemilightOffsetY1': '2px',
52
- 'ElevationLightSemilightBlur0': '2px',
53
- 'ElevationLightSemilightBlur1': '4px',
54
- 'ElevationLightSemilightSpread0': '0px',
55
- 'ElevationLightSemilightSpread1': '0px',
56
- 'ElevationLightRegularOffsetX0': '0px',
57
- 'ElevationLightRegularOffsetX1': '0px',
58
- 'ElevationLightRegularOffsetY0': '0px',
59
- 'ElevationLightRegularOffsetY1': '4px',
60
- 'ElevationLightRegularBlur0': '2px',
61
- 'ElevationLightRegularBlur1': '8px',
62
- 'ElevationLightRegularSpread0': '0px',
63
- 'ElevationLightRegularSpread1': '0px',
64
- 'ElevationLightSemiboldOffsetX0': '0px',
65
- 'ElevationLightSemiboldOffsetX1': '0px',
66
- 'ElevationLightSemiboldOffsetY0': '0px',
67
- 'ElevationLightSemiboldOffsetY1': '8px',
68
- 'ElevationLightSemiboldBlur0': '2px',
69
- 'ElevationLightSemiboldBlur1': '16px',
70
- 'ElevationLightSemiboldSpread0': '0px',
71
- 'ElevationLightSemiboldSpread1': '0px',
72
- 'ElevationLightBoldOffsetX0': '0px',
73
- 'ElevationLightBoldOffsetX1': '0px',
74
- 'ElevationLightBoldOffsetY0': '0px',
75
- 'ElevationLightBoldOffsetY1': '14px',
76
- 'ElevationLightBoldBlur0': '8px',
77
- 'ElevationLightBoldBlur1': '28px',
78
- 'ElevationLightBoldSpread0': '0px',
79
- 'ElevationLightBoldSpread1': '0px',
80
- 'ElevationLightExtraboldOffsetX0': '0px',
81
- 'ElevationLightExtraboldOffsetX1': '0px',
82
- 'ElevationLightExtraboldOffsetY0': '0px',
83
- 'ElevationLightExtraboldOffsetY1': '32px',
84
- 'ElevationLightExtraboldBlur0': '8px',
85
- 'ElevationLightExtraboldBlur1': '64px',
86
- 'ElevationLightExtraboldSpread0': '0px',
87
- 'ElevationLightExtraboldSpread1': '0px',
88
- 'ElevationDarkLightOffsetX0': '0px',
89
- 'ElevationDarkLightOffsetX1': '0px',
90
- 'ElevationDarkLightOffsetY0': '0px',
91
- 'ElevationDarkLightOffsetY1': '1px',
92
- 'ElevationDarkLightBlur0': '2px',
93
- 'ElevationDarkLightBlur1': '2px',
94
- 'ElevationDarkLightSpread0': '0px',
95
- 'ElevationDarkLightSpread1': '0px',
96
- 'ElevationDarkSemilightOffsetX0': '0px',
97
- 'ElevationDarkSemilightOffsetX1': '0px',
98
- 'ElevationDarkSemilightOffsetY0': '0px',
99
- 'ElevationDarkSemilightOffsetY1': '2px',
100
- 'ElevationDarkSemilightBlur0': '2px',
101
- 'ElevationDarkSemilightBlur1': '4px',
102
- 'ElevationDarkSemilightSpread0': '0px',
103
- 'ElevationDarkSemilightSpread1': '0px',
104
- 'ElevationDarkRegularOffsetX0': '0px',
105
- 'ElevationDarkRegularOffsetX1': '0px',
106
- 'ElevationDarkRegularOffsetY0': '0px',
107
- 'ElevationDarkRegularOffsetY1': '4px',
108
- 'ElevationDarkRegularBlur0': '2px',
109
- 'ElevationDarkRegularBlur1': '8px',
110
- 'ElevationDarkRegularSpread0': '0px',
111
- 'ElevationDarkRegularSpread1': '0px',
112
- 'ElevationDarkSemiboldOffsetX0': '0px',
113
- 'ElevationDarkSemiboldOffsetX1': '0px',
114
- 'ElevationDarkSemiboldOffsetY0': '0px',
115
- 'ElevationDarkSemiboldOffsetY1': '8px',
116
- 'ElevationDarkSemiboldBlur0': '2px',
117
- 'ElevationDarkSemiboldBlur1': '16px',
118
- 'ElevationDarkSemiboldSpread0': '0px',
119
- 'ElevationDarkSemiboldSpread1': '0px',
120
- 'ElevationDarkBoldOffsetX0': '0px',
121
- 'ElevationDarkBoldOffsetX1': '0px',
122
- 'ElevationDarkBoldOffsetY0': '0px',
123
- 'ElevationDarkBoldOffsetY1': '14px',
124
- 'ElevationDarkBoldBlur0': '8px',
125
- 'ElevationDarkBoldBlur1': '28px',
126
- 'ElevationDarkBoldSpread0': '0px',
127
- 'ElevationDarkBoldSpread1': '0px',
128
- 'ElevationDarkExtraboldOffsetX0': '0px',
129
- 'ElevationDarkExtraboldOffsetX1': '0px',
130
- 'ElevationDarkExtraboldOffsetY0': '0px',
131
- 'ElevationDarkExtraboldOffsetY1': '32px',
132
- 'ElevationDarkExtraboldBlur0': '8px',
133
- 'ElevationDarkExtraboldBlur1': '64px',
134
- 'ElevationDarkExtraboldSpread0': '0px',
135
- 'ElevationDarkExtraboldSpread1': '0px',
136
- 'SizeTiny': '2px',
137
- 'SizeSmall': '4px',
138
- 'SizeMedium': '8px',
139
- 'SizeLarge': '16px',
140
- 'SizeGiant': '32px',
141
- },
142
- height: {
143
- 'LayoutRadius': '3px',
144
- 'LayoutSpace': '8px',
145
- 'LayoutThickness': '1px',
146
- 'TypographyHeadingFontSize': '24px',
147
- 'TypographyHeadingLineHeight': '28px',
148
- 'TypographyContentFontSize': '16px',
149
- 'TypographyContentLineHeight': '20px',
150
- 'TypographyButtonFontSize': '16px',
151
- 'TypographyButtonLineHeight': '20px',
152
- 'ElevationLightLightOffsetX0': '0px',
153
- 'ElevationLightLightOffsetX1': '0px',
154
- 'ElevationLightLightOffsetY0': '0px',
155
- 'ElevationLightLightOffsetY1': '1px',
156
- 'ElevationLightLightBlur0': '2px',
157
- 'ElevationLightLightBlur1': '2px',
158
- 'ElevationLightLightSpread0': '0px',
159
- 'ElevationLightLightSpread1': '0px',
160
- 'ElevationLightSemilightOffsetX0': '0px',
161
- 'ElevationLightSemilightOffsetX1': '0px',
162
- 'ElevationLightSemilightOffsetY0': '0px',
163
- 'ElevationLightSemilightOffsetY1': '2px',
164
- 'ElevationLightSemilightBlur0': '2px',
165
- 'ElevationLightSemilightBlur1': '4px',
166
- 'ElevationLightSemilightSpread0': '0px',
167
- 'ElevationLightSemilightSpread1': '0px',
168
- 'ElevationLightRegularOffsetX0': '0px',
169
- 'ElevationLightRegularOffsetX1': '0px',
170
- 'ElevationLightRegularOffsetY0': '0px',
171
- 'ElevationLightRegularOffsetY1': '4px',
172
- 'ElevationLightRegularBlur0': '2px',
173
- 'ElevationLightRegularBlur1': '8px',
174
- 'ElevationLightRegularSpread0': '0px',
175
- 'ElevationLightRegularSpread1': '0px',
176
- 'ElevationLightSemiboldOffsetX0': '0px',
177
- 'ElevationLightSemiboldOffsetX1': '0px',
178
- 'ElevationLightSemiboldOffsetY0': '0px',
179
- 'ElevationLightSemiboldOffsetY1': '8px',
180
- 'ElevationLightSemiboldBlur0': '2px',
181
- 'ElevationLightSemiboldBlur1': '16px',
182
- 'ElevationLightSemiboldSpread0': '0px',
183
- 'ElevationLightSemiboldSpread1': '0px',
184
- 'ElevationLightBoldOffsetX0': '0px',
185
- 'ElevationLightBoldOffsetX1': '0px',
186
- 'ElevationLightBoldOffsetY0': '0px',
187
- 'ElevationLightBoldOffsetY1': '14px',
188
- 'ElevationLightBoldBlur0': '8px',
189
- 'ElevationLightBoldBlur1': '28px',
190
- 'ElevationLightBoldSpread0': '0px',
191
- 'ElevationLightBoldSpread1': '0px',
192
- 'ElevationLightExtraboldOffsetX0': '0px',
193
- 'ElevationLightExtraboldOffsetX1': '0px',
194
- 'ElevationLightExtraboldOffsetY0': '0px',
195
- 'ElevationLightExtraboldOffsetY1': '32px',
196
- 'ElevationLightExtraboldBlur0': '8px',
197
- 'ElevationLightExtraboldBlur1': '64px',
198
- 'ElevationLightExtraboldSpread0': '0px',
199
- 'ElevationLightExtraboldSpread1': '0px',
200
- 'ElevationDarkLightOffsetX0': '0px',
201
- 'ElevationDarkLightOffsetX1': '0px',
202
- 'ElevationDarkLightOffsetY0': '0px',
203
- 'ElevationDarkLightOffsetY1': '1px',
204
- 'ElevationDarkLightBlur0': '2px',
205
- 'ElevationDarkLightBlur1': '2px',
206
- 'ElevationDarkLightSpread0': '0px',
207
- 'ElevationDarkLightSpread1': '0px',
208
- 'ElevationDarkSemilightOffsetX0': '0px',
209
- 'ElevationDarkSemilightOffsetX1': '0px',
210
- 'ElevationDarkSemilightOffsetY0': '0px',
211
- 'ElevationDarkSemilightOffsetY1': '2px',
212
- 'ElevationDarkSemilightBlur0': '2px',
213
- 'ElevationDarkSemilightBlur1': '4px',
214
- 'ElevationDarkSemilightSpread0': '0px',
215
- 'ElevationDarkSemilightSpread1': '0px',
216
- 'ElevationDarkRegularOffsetX0': '0px',
217
- 'ElevationDarkRegularOffsetX1': '0px',
218
- 'ElevationDarkRegularOffsetY0': '0px',
219
- 'ElevationDarkRegularOffsetY1': '4px',
220
- 'ElevationDarkRegularBlur0': '2px',
221
- 'ElevationDarkRegularBlur1': '8px',
222
- 'ElevationDarkRegularSpread0': '0px',
223
- 'ElevationDarkRegularSpread1': '0px',
224
- 'ElevationDarkSemiboldOffsetX0': '0px',
225
- 'ElevationDarkSemiboldOffsetX1': '0px',
226
- 'ElevationDarkSemiboldOffsetY0': '0px',
227
- 'ElevationDarkSemiboldOffsetY1': '8px',
228
- 'ElevationDarkSemiboldBlur0': '2px',
229
- 'ElevationDarkSemiboldBlur1': '16px',
230
- 'ElevationDarkSemiboldSpread0': '0px',
231
- 'ElevationDarkSemiboldSpread1': '0px',
232
- 'ElevationDarkBoldOffsetX0': '0px',
233
- 'ElevationDarkBoldOffsetX1': '0px',
234
- 'ElevationDarkBoldOffsetY0': '0px',
235
- 'ElevationDarkBoldOffsetY1': '14px',
236
- 'ElevationDarkBoldBlur0': '8px',
237
- 'ElevationDarkBoldBlur1': '28px',
238
- 'ElevationDarkBoldSpread0': '0px',
239
- 'ElevationDarkBoldSpread1': '0px',
240
- 'ElevationDarkExtraboldOffsetX0': '0px',
241
- 'ElevationDarkExtraboldOffsetX1': '0px',
242
- 'ElevationDarkExtraboldOffsetY0': '0px',
243
- 'ElevationDarkExtraboldOffsetY1': '32px',
244
- 'ElevationDarkExtraboldBlur0': '8px',
245
- 'ElevationDarkExtraboldBlur1': '64px',
246
- 'ElevationDarkExtraboldSpread0': '0px',
247
- 'ElevationDarkExtraboldSpread1': '0px',
248
- 'SizeTiny': '2px',
249
- 'SizeSmall': '4px',
250
- 'SizeMedium': '8px',
251
- 'SizeLarge': '16px',
252
- 'SizeGiant': '32px',
253
- },
254
- fontFamily: {
255
- 'FontFamily': ''Noto Sans', sans-serif',
256
- 'TypographyHeadingFontFamily': ''Noto Sans', sans-serif',
257
- 'TypographyContentFontFamily': ''Noto Sans', sans-serif',
258
- 'TypographyButtonFontFamily': ''Noto Sans', sans-serif',
259
- },
260
- letterSpacing: {
261
- 'TypographyHeadingLetterSpacing': '-0.25px',
262
- 'TypographyContentLetterSpacing': '-0.25px',
263
- 'TypographyButtonLetterSpacing': '-0.25px',
264
- },
265
- boxShadow: {
266
- 'ElevationLightLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)',
267
- 'ElevationLightSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)',
268
- 'ElevationLightRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)',
269
- 'ElevationLightSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)',
270
- 'ElevationLightBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)',
271
- 'ElevationLightExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)',
272
- 'ElevationDarkLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)',
273
- 'ElevationDarkSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)',
274
- 'ElevationDarkRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)',
275
- 'ElevationDarkSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)',
276
- 'ElevationDarkBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)',
277
- 'ElevationDarkExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)',
278
- },
279
- transitionDuration: {
280
- 'DurationShort': '200ms',
281
- 'DurationMedium': '400ms',
282
- 'DurationLong': '600ms',
283
- },
284
- }
285
- }
286
- };
package/tailwind/v3/fluent-tokens.tailwind.js DELETED
@@ -1,39 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- width: {
5
- 'LayoutRadius': '12px',
6
- 'LayoutSpace': '8px',
7
- 'LayoutThickness': '2px',
8
- 'SizeTiny': '2px',
9
- 'SizeSmall': '4px',
10
- 'SizeMedium': '8px',
11
- 'SizeLarge': '16px',
12
- 'SizeGiant': '32px',
13
- },
14
- height: {
15
- 'LayoutRadius': '12px',
16
- 'LayoutSpace': '8px',
17
- 'LayoutThickness': '2px',
18
- 'SizeTiny': '2px',
19
- 'SizeSmall': '4px',
20
- 'SizeMedium': '8px',
21
- 'SizeLarge': '16px',
22
- 'SizeGiant': '32px',
23
- },
24
- fontFamily: {
25
- 'FontFamily': ''Inter', Roboto, Helvetica, sans-serif',
26
- },
27
- transitionDuration: {
28
- 'DurationDurationUltraFast': '50ms',
29
- 'DurationDurationFaster': '100ms',
30
- 'DurationDurationFast': '150ms',
31
- 'DurationDurationNormal': '200ms',
32
- 'DurationDurationGentle': '250ms',
33
- 'DurationDurationSlow': '300ms',
34
- 'DurationDurationSlower': '400ms',
35
- 'DurationDurationUltraSlow': '500ms',
36
- },
37
- }
38
- }
39
- };