@breadstone/mosaik-themes 0.0.174 → 0.0.175

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 (31) 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/Tokens/MaterialTokens.d.ts +3 -3
  6. package/Theming/Tokens/MaterialTokens.js +3 -3
  7. package/package.json +38 -14
  8. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +79 -0
  9. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +246 -0
  10. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +38 -0
  11. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +537 -0
  12. package/tailwind/v3/mosaik-material.tailwind.config.cjs +28 -0
  13. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +423 -0
  14. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +92 -0
  15. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +259 -0
  16. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +51 -0
  17. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +550 -0
  18. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +41 -0
  19. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +436 -0
  20. package/Themes/bootstrap-tokens.tailwind.js +0 -8
  21. package/Themes/cosmopolitan-tokens.tailwind.js +0 -32
  22. package/Themes/fluent-tokens.tailwind.js +0 -8
  23. package/Themes/joy-tokens.tailwind.js +0 -52
  24. package/Themes/material-tokens.tailwind.js +0 -8
  25. package/Themes/memphis-tokens.tailwind.js +0 -192
  26. package/tailwind/v3/bootstrap-tokens.tailwind.js +0 -41
  27. package/tailwind/v3/cosmopolitan-tokens.tailwind.js +0 -286
  28. package/tailwind/v3/fluent-tokens.tailwind.js +0 -39
  29. package/tailwind/v3/joy-tokens.tailwind.js +0 -562
  30. package/tailwind/v3/material-tokens.tailwind.js +0 -29
  31. package/tailwind/v3/memphis-tokens.tailwind.js +0 -410
@@ -1,410 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- colors: {
5
- 'SchemeLightBackground': '#eaeaea',
6
- 'SchemeLightForeground': '#3c454f',
7
- 'SchemeLightHighlight': '#d1d1d1',
8
- 'SchemeLightMiddlelight': '#8a8a8a',
9
- 'SchemeLightLowlight': '#5c5c5c',
10
- 'SchemeLightTransparent': 'rgba(255, 255, 255, 0)',
11
- 'SchemeLightSemiTransparent': 'rgba(255, 255, 255, 0.67)',
12
- 'SchemeLightDisabled': '#686868',
13
- 'SchemeLightContrast': '#333333',
14
- 'SchemeDarkBackground': '#151515',
15
- 'SchemeDarkForeground': '#c3bab0',
16
- 'SchemeDarkHighlight': '#2e2e2e',
17
- 'SchemeDarkMiddlelight': '#757575',
18
- 'SchemeDarkLowlight': '#a3a3a3',
19
- 'SchemeDarkTransparent': 'rgba(255, 255, 255, 0)',
20
- 'SchemeDarkSemiTransparent': 'rgba(0, 0, 0, 0.67)',
21
- 'SchemeDarkDisabled': '#474747',
22
- 'SchemeDarkContrast': '#ffffff',
23
- 'ColorLightPrimary0': '#ffffff',
24
- 'ColorLightPrimary50': '#f9f9f9',
25
- 'ColorLightPrimary100': '#f2f2f2',
26
- 'ColorLightPrimary200': '#e8e8e8',
27
- 'ColorLightPrimary300': '#d8d8d8',
28
- 'ColorLightPrimary400': '#b4b4b4',
29
- 'ColorLightPrimary500': '#949494',
30
- 'ColorLightPrimary600': '#6c6c6c',
31
- 'ColorLightPrimary700': '#595959',
32
- 'ColorLightPrimary800': '#3a3a3a',
33
- 'ColorLightPrimary900': '#1a1a1a',
34
- 'ColorLightSecondary0': '#ffffff',
35
- 'ColorLightSecondary50': '#e1f3ef',
36
- 'ColorLightSecondary100': '#b5e0d6',
37
- 'ColorLightSecondary200': '#85cdbc',
38
- 'ColorLightSecondary300': '#57b9a2',
39
- 'ColorLightSecondary400': '#38a990',
40
- 'ColorLightSecondary500': '#24997e',
41
- 'ColorLightSecondary600': '#208c71',
42
- 'ColorLightSecondary700': '#1b7c62',
43
- 'ColorLightSecondary800': '#166c54',
44
- 'ColorLightSecondary900': '#0d503a',
45
- 'ColorLightInfo0': '#ffffff',
46
- 'ColorLightInfo50': '#e8eaf9',
47
- 'ColorLightInfo100': '#c6c9f1',
48
- 'ColorLightInfo200': '#9fa7e7',
49
- 'ColorLightInfo300': '#7884dd',
50
- 'ColorLightInfo400': '#5968d6',
51
- 'ColorLightInfo500': '#394dcd',
52
- 'ColorLightInfo600': '#3344c2',
53
- 'ColorLightInfo700': '#293ab6',
54
- 'ColorLightInfo800': '#202faa',
55
- 'ColorLightInfo900': '#0a1a97',
56
- 'ColorLightWarning0': '#ffffff',
57
- 'ColorLightWarning50': '#fcfce5',
58
- 'ColorLightWarning100': '#f7f6bf',
59
- 'ColorLightWarning200': '#f1f294',
60
- 'ColorLightWarning300': '#ebec67',
61
- 'ColorLightWarning400': '#e5e741',
62
- 'ColorLightWarning500': '#dfe300',
63
- 'ColorLightWarning600': '#d1d100',
64
- 'ColorLightWarning700': '#bfba00',
65
- 'ColorLightWarning800': '#aea300',
66
- 'ColorLightWarning900': '#927c00',
67
- 'ColorLightDanger0': '#ffffff',
68
- 'ColorLightDanger50': '#fcecef',
69
- 'ColorLightDanger100': '#f8d0d5',
70
- 'ColorLightDanger200': '#e69fa1',
71
- 'ColorLightDanger300': '#d97b7d',
72
- 'ColorLightDanger400': '#e35f5f',
73
- 'ColorLightDanger500': '#e8524a',
74
- 'ColorLightDanger600': '#d94a47',
75
- 'ColorLightDanger700': '#c74141',
76
- 'ColorLightDanger800': '#b93c3a',
77
- 'ColorLightDanger900': '#ab322f',
78
- 'ColorLightSuccess0': '#ffffff',
79
- 'ColorLightSuccess50': '#e1f3ef',
80
- 'ColorLightSuccess100': '#b5e0d6',
81
- 'ColorLightSuccess200': '#85cdbc',
82
- 'ColorLightSuccess300': '#57b9a2',
83
- 'ColorLightSuccess400': '#38a990',
84
- 'ColorLightSuccess500': '#24997e',
85
- 'ColorLightSuccess600': '#208c71',
86
- 'ColorLightSuccess700': '#1b7c62',
87
- 'ColorLightSuccess800': '#166c54',
88
- 'ColorLightSuccess900': '#0d503a',
89
- 'ColorLightNeutral0': '#ffffff',
90
- 'ColorLightNeutral50': '#f9f9f9',
91
- 'ColorLightNeutral100': '#f2f2f2',
92
- 'ColorLightNeutral200': '#e8e8e8',
93
- 'ColorLightNeutral300': '#d8d8d8',
94
- 'ColorLightNeutral400': '#b4b4b4',
95
- 'ColorLightNeutral500': '#949494',
96
- 'ColorLightNeutral600': '#6c6c6c',
97
- 'ColorLightNeutral700': '#595959',
98
- 'ColorLightNeutral800': '#3a3a3a',
99
- 'ColorLightNeutral900': '#1a1a1a',
100
- 'ColorDarkPrimary0': '#000000',
101
- 'ColorDarkPrimary50': '#1a1a1a',
102
- 'ColorDarkPrimary100': '#3a3a3a',
103
- 'ColorDarkPrimary200': '#595959',
104
- 'ColorDarkPrimary300': '#6c6c6c',
105
- 'ColorDarkPrimary400': '#949494',
106
- 'ColorDarkPrimary500': '#b4b4b4',
107
- 'ColorDarkPrimary600': '#d8d8d8',
108
- 'ColorDarkPrimary700': '#e8e8e8',
109
- 'ColorDarkPrimary800': '#f2f2f2',
110
- 'ColorDarkPrimary900': '#f9f9f9',
111
- 'ColorDarkSecondary0': '#000000',
112
- 'ColorDarkSecondary50': '#0d503a',
113
- 'ColorDarkSecondary100': '#166c54',
114
- 'ColorDarkSecondary200': '#1b7c62',
115
- 'ColorDarkSecondary300': '#208c71',
116
- 'ColorDarkSecondary400': '#24997e',
117
- 'ColorDarkSecondary500': '#38a990',
118
- 'ColorDarkSecondary600': '#57b9a2',
119
- 'ColorDarkSecondary700': '#85cdbc',
120
- 'ColorDarkSecondary800': '#b5e0d6',
121
- 'ColorDarkSecondary900': '#e1f3ef',
122
- 'ColorDarkInfo0': '#000000',
123
- 'ColorDarkInfo50': '#0a1a97',
124
- 'ColorDarkInfo100': '#202faa',
125
- 'ColorDarkInfo200': '#293ab6',
126
- 'ColorDarkInfo300': '#3344c2',
127
- 'ColorDarkInfo400': '#394dcd',
128
- 'ColorDarkInfo500': '#5968d6',
129
- 'ColorDarkInfo600': '#7884dd',
130
- 'ColorDarkInfo700': '#9fa7e7',
131
- 'ColorDarkInfo800': '#c6c9f1',
132
- 'ColorDarkInfo900': '#e8eaf9',
133
- 'ColorDarkWarning0': '#000000',
134
- 'ColorDarkWarning50': '#927c00',
135
- 'ColorDarkWarning100': '#aea300',
136
- 'ColorDarkWarning200': '#bfba00',
137
- 'ColorDarkWarning300': '#d1d100',
138
- 'ColorDarkWarning400': '#dfe300',
139
- 'ColorDarkWarning500': '#e5e741',
140
- 'ColorDarkWarning600': '#ebec67',
141
- 'ColorDarkWarning700': '#f1f294',
142
- 'ColorDarkWarning800': '#f7f6bf',
143
- 'ColorDarkWarning900': '#fcfce5',
144
- 'ColorDarkDanger0': '#000000',
145
- 'ColorDarkDanger50': '#ab322f',
146
- 'ColorDarkDanger100': '#b93c3a',
147
- 'ColorDarkDanger200': '#c74141',
148
- 'ColorDarkDanger300': '#d94a47',
149
- 'ColorDarkDanger400': '#e8524a',
150
- 'ColorDarkDanger500': '#e35f5f',
151
- 'ColorDarkDanger600': '#d97b7d',
152
- 'ColorDarkDanger700': '#e69fa1',
153
- 'ColorDarkDanger800': '#f8d0d5',
154
- 'ColorDarkDanger900': '#fcecef',
155
- 'ColorDarkSuccess0': '#000000',
156
- 'ColorDarkSuccess50': '#0d503a',
157
- 'ColorDarkSuccess100': '#166c54',
158
- 'ColorDarkSuccess200': '#1b7c62',
159
- 'ColorDarkSuccess300': '#208c71',
160
- 'ColorDarkSuccess400': '#24997e',
161
- 'ColorDarkSuccess500': '#38a990',
162
- 'ColorDarkSuccess600': '#57b9a2',
163
- 'ColorDarkSuccess700': '#85cdbc',
164
- 'ColorDarkSuccess800': '#b5e0d6',
165
- 'ColorDarkSuccess900': '#e1f3ef',
166
- 'ColorDarkNeutral0': '#000000',
167
- 'ColorDarkNeutral50': '#1a1a1a',
168
- 'ColorDarkNeutral100': '#3a3a3a',
169
- 'ColorDarkNeutral200': '#595959',
170
- 'ColorDarkNeutral300': '#6c6c6c',
171
- 'ColorDarkNeutral400': '#949494',
172
- 'ColorDarkNeutral500': '#b4b4b4',
173
- 'ColorDarkNeutral600': '#d8d8d8',
174
- 'ColorDarkNeutral700': '#e8e8e8',
175
- 'ColorDarkNeutral800': '#f2f2f2',
176
- 'ColorDarkNeutral900': '#f9f9f9',
177
- 'ElevationLightLightColor0': '#333333',
178
- 'ElevationLightSemilightColor0': '#333333',
179
- 'ElevationLightRegularColor0': '#333333',
180
- 'ElevationLightSemiboldColor0': '#333333',
181
- 'ElevationLightBoldColor0': '#333333',
182
- 'ElevationLightExtraboldColor0': '#333333',
183
- 'ElevationDarkLightColor0': '#ffffff',
184
- 'ElevationDarkSemilightColor0': '#ffffff',
185
- 'ElevationDarkRegularColor0': '#ffffff',
186
- 'ElevationDarkSemiboldColor0': '#ffffff',
187
- 'ElevationDarkBoldColor0': '#ffffff',
188
- 'ElevationDarkExtraboldColor0': '#ffffff',
189
- },
190
- width: {
191
- 'LayoutRadius': '0px',
192
- 'LayoutSpace': '10px',
193
- 'LayoutThickness': '3px',
194
- 'TypographyHeadline1FontSize': '96px',
195
- 'TypographyHeadline1LineHeight': '100px',
196
- 'TypographyHeadline2FontSize': '60px',
197
- 'TypographyHeadline2LineHeight': '64px',
198
- 'TypographyHeadline3FontSize': '48px',
199
- 'TypographyHeadline3LineHeight': '52px',
200
- 'TypographyHeadline4FontSize': '34px',
201
- 'TypographyHeadline4LineHeight': '38px',
202
- 'TypographyHeadline5FontSize': '24px',
203
- 'TypographyHeadline5LineHeight': '28px',
204
- 'TypographyHeadline6FontSize': '20px',
205
- 'TypographyHeadline6LineHeight': '24px',
206
- 'TypographySubtitle1FontSize': '16px',
207
- 'TypographySubtitle1LineHeight': '20px',
208
- 'TypographySubtitle2FontSize': '14px',
209
- 'TypographySubtitle2LineHeight': '18px',
210
- 'TypographyBody1FontSize': '16px',
211
- 'TypographyBody1LineHeight': '20px',
212
- 'TypographyBody2FontSize': '14px',
213
- 'TypographyBody2LineHeight': '18px',
214
- 'TypographyCaptionFontSize': '12px',
215
- 'TypographyCaptionLineHeight': '16px',
216
- 'TypographyButtonFontSize': '14px',
217
- 'TypographyButtonLineHeight': '18px',
218
- 'TypographyOverlineFontSize': '12px',
219
- 'TypographyOverlineLineHeight': '16px',
220
- 'ElevationLightLightOffsetX0': '2px',
221
- 'ElevationLightLightOffsetY0': '2px',
222
- 'ElevationLightLightBlur0': '0px',
223
- 'ElevationLightLightSpread0': '0px',
224
- 'ElevationLightSemilightOffsetX0': '3px',
225
- 'ElevationLightSemilightOffsetY0': '3px',
226
- 'ElevationLightSemilightBlur0': '0px',
227
- 'ElevationLightSemilightSpread0': '0px',
228
- 'ElevationLightRegularOffsetX0': '4px',
229
- 'ElevationLightRegularOffsetY0': '4px',
230
- 'ElevationLightRegularBlur0': '0px',
231
- 'ElevationLightRegularSpread0': '0px',
232
- 'ElevationLightSemiboldOffsetX0': '5px',
233
- 'ElevationLightSemiboldOffsetY0': '5px',
234
- 'ElevationLightSemiboldBlur0': '0px',
235
- 'ElevationLightSemiboldSpread0': '0px',
236
- 'ElevationLightBoldOffsetX0': '6px',
237
- 'ElevationLightBoldOffsetY0': '6px',
238
- 'ElevationLightBoldBlur0': '0px',
239
- 'ElevationLightBoldSpread0': '0px',
240
- 'ElevationLightExtraboldOffsetX0': '7px',
241
- 'ElevationLightExtraboldOffsetY0': '7px',
242
- 'ElevationLightExtraboldBlur0': '0px',
243
- 'ElevationLightExtraboldSpread0': '0px',
244
- 'ElevationDarkLightOffsetX0': '2px',
245
- 'ElevationDarkLightOffsetY0': '2px',
246
- 'ElevationDarkLightBlur0': '0px',
247
- 'ElevationDarkLightSpread0': '0px',
248
- 'ElevationDarkSemilightOffsetX0': '3px',
249
- 'ElevationDarkSemilightOffsetY0': '3px',
250
- 'ElevationDarkSemilightBlur0': '0px',
251
- 'ElevationDarkSemilightSpread0': '0px',
252
- 'ElevationDarkRegularOffsetX0': '4px',
253
- 'ElevationDarkRegularOffsetY0': '4px',
254
- 'ElevationDarkRegularBlur0': '0px',
255
- 'ElevationDarkRegularSpread0': '0px',
256
- 'ElevationDarkSemiboldOffsetX0': '5px',
257
- 'ElevationDarkSemiboldOffsetY0': '5px',
258
- 'ElevationDarkSemiboldBlur0': '0px',
259
- 'ElevationDarkSemiboldSpread0': '0px',
260
- 'ElevationDarkBoldOffsetX0': '6px',
261
- 'ElevationDarkBoldOffsetY0': '6px',
262
- 'ElevationDarkBoldBlur0': '0px',
263
- 'ElevationDarkBoldSpread0': '0px',
264
- 'ElevationDarkExtraboldOffsetX0': '7px',
265
- 'ElevationDarkExtraboldOffsetY0': '7px',
266
- 'ElevationDarkExtraboldBlur0': '0px',
267
- 'ElevationDarkExtraboldSpread0': '0px',
268
- 'SizeTiny': '2px',
269
- 'SizeSmall': '4px',
270
- 'SizeMedium': '8px',
271
- 'SizeLarge': '16px',
272
- 'SizeGiant': '32px',
273
- },
274
- height: {
275
- 'LayoutRadius': '0px',
276
- 'LayoutSpace': '10px',
277
- 'LayoutThickness': '3px',
278
- 'TypographyHeadline1FontSize': '96px',
279
- 'TypographyHeadline1LineHeight': '100px',
280
- 'TypographyHeadline2FontSize': '60px',
281
- 'TypographyHeadline2LineHeight': '64px',
282
- 'TypographyHeadline3FontSize': '48px',
283
- 'TypographyHeadline3LineHeight': '52px',
284
- 'TypographyHeadline4FontSize': '34px',
285
- 'TypographyHeadline4LineHeight': '38px',
286
- 'TypographyHeadline5FontSize': '24px',
287
- 'TypographyHeadline5LineHeight': '28px',
288
- 'TypographyHeadline6FontSize': '20px',
289
- 'TypographyHeadline6LineHeight': '24px',
290
- 'TypographySubtitle1FontSize': '16px',
291
- 'TypographySubtitle1LineHeight': '20px',
292
- 'TypographySubtitle2FontSize': '14px',
293
- 'TypographySubtitle2LineHeight': '18px',
294
- 'TypographyBody1FontSize': '16px',
295
- 'TypographyBody1LineHeight': '20px',
296
- 'TypographyBody2FontSize': '14px',
297
- 'TypographyBody2LineHeight': '18px',
298
- 'TypographyCaptionFontSize': '12px',
299
- 'TypographyCaptionLineHeight': '16px',
300
- 'TypographyButtonFontSize': '14px',
301
- 'TypographyButtonLineHeight': '18px',
302
- 'TypographyOverlineFontSize': '12px',
303
- 'TypographyOverlineLineHeight': '16px',
304
- 'ElevationLightLightOffsetX0': '2px',
305
- 'ElevationLightLightOffsetY0': '2px',
306
- 'ElevationLightLightBlur0': '0px',
307
- 'ElevationLightLightSpread0': '0px',
308
- 'ElevationLightSemilightOffsetX0': '3px',
309
- 'ElevationLightSemilightOffsetY0': '3px',
310
- 'ElevationLightSemilightBlur0': '0px',
311
- 'ElevationLightSemilightSpread0': '0px',
312
- 'ElevationLightRegularOffsetX0': '4px',
313
- 'ElevationLightRegularOffsetY0': '4px',
314
- 'ElevationLightRegularBlur0': '0px',
315
- 'ElevationLightRegularSpread0': '0px',
316
- 'ElevationLightSemiboldOffsetX0': '5px',
317
- 'ElevationLightSemiboldOffsetY0': '5px',
318
- 'ElevationLightSemiboldBlur0': '0px',
319
- 'ElevationLightSemiboldSpread0': '0px',
320
- 'ElevationLightBoldOffsetX0': '6px',
321
- 'ElevationLightBoldOffsetY0': '6px',
322
- 'ElevationLightBoldBlur0': '0px',
323
- 'ElevationLightBoldSpread0': '0px',
324
- 'ElevationLightExtraboldOffsetX0': '7px',
325
- 'ElevationLightExtraboldOffsetY0': '7px',
326
- 'ElevationLightExtraboldBlur0': '0px',
327
- 'ElevationLightExtraboldSpread0': '0px',
328
- 'ElevationDarkLightOffsetX0': '2px',
329
- 'ElevationDarkLightOffsetY0': '2px',
330
- 'ElevationDarkLightBlur0': '0px',
331
- 'ElevationDarkLightSpread0': '0px',
332
- 'ElevationDarkSemilightOffsetX0': '3px',
333
- 'ElevationDarkSemilightOffsetY0': '3px',
334
- 'ElevationDarkSemilightBlur0': '0px',
335
- 'ElevationDarkSemilightSpread0': '0px',
336
- 'ElevationDarkRegularOffsetX0': '4px',
337
- 'ElevationDarkRegularOffsetY0': '4px',
338
- 'ElevationDarkRegularBlur0': '0px',
339
- 'ElevationDarkRegularSpread0': '0px',
340
- 'ElevationDarkSemiboldOffsetX0': '5px',
341
- 'ElevationDarkSemiboldOffsetY0': '5px',
342
- 'ElevationDarkSemiboldBlur0': '0px',
343
- 'ElevationDarkSemiboldSpread0': '0px',
344
- 'ElevationDarkBoldOffsetX0': '6px',
345
- 'ElevationDarkBoldOffsetY0': '6px',
346
- 'ElevationDarkBoldBlur0': '0px',
347
- 'ElevationDarkBoldSpread0': '0px',
348
- 'ElevationDarkExtraboldOffsetX0': '7px',
349
- 'ElevationDarkExtraboldOffsetY0': '7px',
350
- 'ElevationDarkExtraboldBlur0': '0px',
351
- 'ElevationDarkExtraboldSpread0': '0px',
352
- 'SizeTiny': '2px',
353
- 'SizeSmall': '4px',
354
- 'SizeMedium': '8px',
355
- 'SizeLarge': '16px',
356
- 'SizeGiant': '32px',
357
- },
358
- fontFamily: {
359
- 'FontFamily': 'Nunito, sans-serif',
360
- 'TypographyHeadline1FontFamily': 'Nunito, sans-serif',
361
- 'TypographyHeadline2FontFamily': 'Nunito, sans-serif',
362
- 'TypographyHeadline3FontFamily': 'Nunito, sans-serif',
363
- 'TypographyHeadline4FontFamily': 'Nunito, sans-serif',
364
- 'TypographyHeadline5FontFamily': 'Nunito, sans-serif',
365
- 'TypographyHeadline6FontFamily': 'Nunito, sans-serif',
366
- 'TypographySubtitle1FontFamily': 'Nunito, sans-serif',
367
- 'TypographySubtitle2FontFamily': 'Nunito, sans-serif',
368
- 'TypographyBody1FontFamily': 'Nunito, sans-serif',
369
- 'TypographyBody2FontFamily': 'Nunito, sans-serif',
370
- 'TypographyCaptionFontFamily': 'Nunito, sans-serif',
371
- 'TypographyButtonFontFamily': 'Nunito, sans-serif',
372
- 'TypographyOverlineFontFamily': 'Nunito, sans-serif',
373
- },
374
- letterSpacing: {
375
- 'TypographyHeadline1LetterSpacing': '-0.25px',
376
- 'TypographyHeadline2LetterSpacing': '-0.13333333333333333px',
377
- 'TypographyHeadline3LetterSpacing': 'normal',
378
- 'TypographyHeadline4LetterSpacing': '0.11764705882352941px',
379
- 'TypographyHeadline5LetterSpacing': 'normal',
380
- 'TypographyHeadline6LetterSpacing': '0.2px',
381
- 'TypographySubtitle1LetterSpacing': '0.15px',
382
- 'TypographySubtitle2LetterSpacing': '0.1142857142857143px',
383
- 'TypographyBody1LetterSpacing': '0.5px',
384
- 'TypographyBody2LetterSpacing': '0.2857142857142857px',
385
- 'TypographyCaptionLetterSpacing': '0.5333333333333333px',
386
- 'TypographyButtonLetterSpacing': '1.4285714285714286px',
387
- 'TypographyOverlineLetterSpacing': '2.6666666666666665px',
388
- },
389
- boxShadow: {
390
- 'ElevationLightLight': '2px 2px 0px 0px #333333',
391
- 'ElevationLightSemilight': '3px 3px 0px 0px #333333',
392
- 'ElevationLightRegular': '4px 4px 0px 0px #333333',
393
- 'ElevationLightSemibold': '5px 5px 0px 0px #333333',
394
- 'ElevationLightBold': '6px 6px 0px 0px #333333',
395
- 'ElevationLightExtrabold': '7px 7px 0px 0px #333333',
396
- 'ElevationDarkLight': '2px 2px 0px 0px #ffffff',
397
- 'ElevationDarkSemilight': '3px 3px 0px 0px #ffffff',
398
- 'ElevationDarkRegular': '4px 4px 0px 0px #ffffff',
399
- 'ElevationDarkSemibold': '5px 5px 0px 0px #ffffff',
400
- 'ElevationDarkBold': '6px 6px 0px 0px #ffffff',
401
- 'ElevationDarkExtrabold': '7px 7px 0px 0px #ffffff',
402
- },
403
- transitionDuration: {
404
- 'DurationShort': '200ms',
405
- 'DurationMedium': '400ms',
406
- 'DurationLong': '600ms',
407
- },
408
- }
409
- }
410
- };