@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
@@ -1,562 +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': '#ffffff',
14
- 'SchemeLightSelection': 'rgba(204, 204, 204, 0.44)',
15
- 'SchemeDarkBackground': '#151515',
16
- 'SchemeDarkForeground': '#c3bab0',
17
- 'SchemeDarkHighlight': '#2e2e2e',
18
- 'SchemeDarkMiddlelight': '#757575',
19
- 'SchemeDarkLowlight': '#a3a3a3',
20
- 'SchemeDarkTransparent': 'rgba(255, 255, 255, 0)',
21
- 'SchemeDarkSemiTransparent': 'rgba(255, 255, 255, 0.03)',
22
- 'SchemeDarkDisabled': '#474747',
23
- 'SchemeDarkContrast': '#000000',
24
- 'SchemeDarkSelection': 'rgba(204, 204, 204, 0.44)',
25
- 'ColorLightPrimary0': '#ffffff',
26
- 'ColorLightPrimary50': '#fce4ec',
27
- 'ColorLightPrimary200': '#f48fb1',
28
- 'ColorLightPrimary300': '#f06292',
29
- 'ColorLightPrimary500': '#e91e63',
30
- 'ColorLightPrimary600': '#cb1a56',
31
- 'ColorLightPrimary700': '#a31545',
32
- 'ColorLightPrimary800': '#7e1035',
33
- 'ColorLightPrimary900': '#3a0819',
34
- 'ColorLightSecondary0': '#ffffff',
35
- 'ColorLightSecondary50': '#e6f6e9',
36
- 'ColorLightSecondary100': '#c3e8c9',
37
- 'ColorLightSecondary200': '#9bd9a7',
38
- 'ColorLightSecondary300': '#70cb83',
39
- 'ColorLightSecondary400': '#4dbf68',
40
- 'ColorLightSecondary500': '#21b34d',
41
- 'ColorLightSecondary600': '#16a444',
42
- 'ColorLightSecondary700': '#009238',
43
- 'ColorLightSecondary800': '#00812d',
44
- 'ColorLightSecondary900': '#006218',
45
- 'ColorLightTertiary0': '#ffffff',
46
- 'ColorLightTertiary50': '#e1f5fc',
47
- 'ColorLightTertiary100': '#b4e6f7',
48
- 'ColorLightTertiary200': '#84d5f3',
49
- 'ColorLightTertiary300': '#56c5ee',
50
- 'ColorLightTertiary400': '#35b8eb',
51
- 'ColorLightTertiary500': '#19ace9',
52
- 'ColorLightTertiary600': '#139edb',
53
- 'ColorLightTertiary700': '#098bc7',
54
- 'ColorLightTertiary800': '#087ab4',
55
- 'ColorLightTertiary900': '#005a92',
56
- 'ColorLightInfo0': '#ffffff',
57
- 'ColorLightInfo50': '#f4faff',
58
- 'ColorLightInfo100': '#ddf1ff',
59
- 'ColorLightInfo200': '#addbff',
60
- 'ColorLightInfo300': '#6fb6ff',
61
- 'ColorLightInfo400': '#3990ff',
62
- 'ColorLightInfo500': '#096bde',
63
- 'ColorLightInfo600': '#054da7',
64
- 'ColorLightInfo700': '#02367d',
65
- 'ColorLightInfo800': '#072859',
66
- 'ColorLightInfo900': '#00153c',
67
- 'ColorLightWarning0': '#ffffff',
68
- 'ColorLightWarning50': '#fff8c5',
69
- 'ColorLightWarning100': '#fae17d',
70
- 'ColorLightWarning200': '#eac54f',
71
- 'ColorLightWarning300': '#d4a72c',
72
- 'ColorLightWarning400': '#bf8700',
73
- 'ColorLightWarning500': '#9a6700',
74
- 'ColorLightWarning600': '#7d4e00',
75
- 'ColorLightWarning700': '#633c01',
76
- 'ColorLightWarning800': '#4d2d00',
77
- 'ColorLightWarning900': '#3b2300',
78
- 'ColorLightDanger0': '#ffffff',
79
- 'ColorLightDanger50': '#fff8f6',
80
- 'ColorLightDanger100': '#ffe9e8',
81
- 'ColorLightDanger200': '#ffc7c5',
82
- 'ColorLightDanger300': '#ff9192',
83
- 'ColorLightDanger400': '#fa5255',
84
- 'ColorLightDanger500': '#d3232f',
85
- 'ColorLightDanger600': '#a10e25',
86
- 'ColorLightDanger700': '#77061b',
87
- 'ColorLightDanger800': '#580013',
88
- 'ColorLightDanger900': '#39000d',
89
- 'ColorLightSuccess0': '#ffffff',
90
- 'ColorLightSuccess50': '#f3fef5',
91
- 'ColorLightSuccess100': '#d7f5dd',
92
- 'ColorLightSuccess200': '#77ec95',
93
- 'ColorLightSuccess300': '#4cc76e',
94
- 'ColorLightSuccess400': '#2ca24d',
95
- 'ColorLightSuccess500': '#1a7d36',
96
- 'ColorLightSuccess600': '#0f5d26',
97
- 'ColorLightSuccess700': '#034318',
98
- 'ColorLightSuccess800': '#002f0f',
99
- 'ColorLightSuccess900': '#001d09',
100
- 'ColorLightHighlight0': '#ffffff',
101
- 'ColorLightHighlight50': '#fdf7ff',
102
- 'ColorLightHighlight100': '#f4eaff',
103
- 'ColorLightHighlight200': '#e1cbff',
104
- 'ColorLightHighlight300': '#c69eff',
105
- 'ColorLightHighlight400': '#a374f9',
106
- 'ColorLightHighlight500': '#814dde',
107
- 'ColorLightHighlight600': '#5f35ae',
108
- 'ColorLightHighlight700': '#452382',
109
- 'ColorLightHighlight800': '#301761',
110
- 'ColorLightHighlight900': '#1d0a42',
111
- 'ColorLightNeutral0': '#ffffff',
112
- 'ColorLightNeutral50': '#f7f7f8',
113
- 'ColorLightNeutral100': '#ebebef',
114
- 'ColorLightNeutral200': '#d8d8df',
115
- 'ColorLightNeutral300': '#b9b9c6',
116
- 'ColorLightNeutral400': '#8f8fa3',
117
- 'ColorLightNeutral500': '#73738c',
118
- 'ColorLightNeutral600': '#5a5a72',
119
- 'ColorLightNeutral700': '#434356',
120
- 'ColorLightNeutral800': '#25252d',
121
- 'ColorLightNeutral900': '#131318',
122
- 'ColorDarkPrimary0': '#000000',
123
- 'ColorDarkPrimary50': '#3a0819',
124
- 'ColorDarkPrimary100': '#7e1035',
125
- 'ColorDarkPrimary200': '#a31545',
126
- 'ColorDarkPrimary300': '#cb1a56',
127
- 'ColorDarkPrimary400': '#e91e63',
128
- 'ColorDarkPrimary500': '#ec407a',
129
- 'ColorDarkPrimary600': '#f06292',
130
- 'ColorDarkPrimary700': '#f48fb1',
131
- 'ColorDarkPrimary800': '#f8bcd0',
132
- 'ColorDarkPrimary900': '#fce4ec',
133
- 'ColorDarkSecondary0': '#000000',
134
- 'ColorDarkSecondary50': '#006218',
135
- 'ColorDarkSecondary100': '#00812d',
136
- 'ColorDarkSecondary200': '#009238',
137
- 'ColorDarkSecondary300': '#16a444',
138
- 'ColorDarkSecondary400': '#21b34d',
139
- 'ColorDarkSecondary500': '#4dbf68',
140
- 'ColorDarkSecondary600': '#70cb83',
141
- 'ColorDarkSecondary700': '#9bd9a7',
142
- 'ColorDarkSecondary800': '#c3e8c9',
143
- 'ColorDarkSecondary900': '#e6f6e9',
144
- 'ColorDarkTertiary0': '#000000',
145
- 'ColorDarkTertiary50': '#005a92',
146
- 'ColorDarkTertiary100': '#087ab4',
147
- 'ColorDarkTertiary200': '#098bc7',
148
- 'ColorDarkTertiary300': '#139edb',
149
- 'ColorDarkTertiary400': '#19ace9',
150
- 'ColorDarkTertiary500': '#35b8eb',
151
- 'ColorDarkTertiary600': '#56c5ee',
152
- 'ColorDarkTertiary700': '#84d5f3',
153
- 'ColorDarkTertiary800': '#b4e6f7',
154
- 'ColorDarkTertiary900': '#e1f5fc',
155
- 'ColorDarkInfo0': '#000000',
156
- 'ColorDarkInfo50': '#00153c',
157
- 'ColorDarkInfo100': '#072859',
158
- 'ColorDarkInfo200': '#02367d',
159
- 'ColorDarkInfo300': '#054da7',
160
- 'ColorDarkInfo400': '#096bde',
161
- 'ColorDarkInfo500': '#3990ff',
162
- 'ColorDarkInfo600': '#6fb6ff',
163
- 'ColorDarkInfo700': '#addbff',
164
- 'ColorDarkInfo800': '#ddf1ff',
165
- 'ColorDarkInfo900': '#f4faff',
166
- 'ColorDarkWarning0': '#000000',
167
- 'ColorDarkWarning50': '#3b2300',
168
- 'ColorDarkWarning100': '#4d2d00',
169
- 'ColorDarkWarning200': '#633c01',
170
- 'ColorDarkWarning300': '#7d4e00',
171
- 'ColorDarkWarning400': '#9a6700',
172
- 'ColorDarkWarning500': '#bf8700',
173
- 'ColorDarkWarning600': '#d4a72c',
174
- 'ColorDarkWarning700': '#eac54f',
175
- 'ColorDarkWarning800': '#fae17d',
176
- 'ColorDarkWarning900': '#fff8c5',
177
- 'ColorDarkDanger0': '#000000',
178
- 'ColorDarkDanger50': '#39000d',
179
- 'ColorDarkDanger100': '#580013',
180
- 'ColorDarkDanger200': '#77061b',
181
- 'ColorDarkDanger300': '#a10e25',
182
- 'ColorDarkDanger400': '#d3232f',
183
- 'ColorDarkDanger500': '#fa5255',
184
- 'ColorDarkDanger600': '#ff9192',
185
- 'ColorDarkDanger700': '#ffc7c5',
186
- 'ColorDarkDanger800': '#ffe9e8',
187
- 'ColorDarkDanger900': '#fff8f6',
188
- 'ColorDarkSuccess0': '#000000',
189
- 'ColorDarkSuccess50': '#001d09',
190
- 'ColorDarkSuccess100': '#002f0f',
191
- 'ColorDarkSuccess200': '#034318',
192
- 'ColorDarkSuccess300': '#0f5d26',
193
- 'ColorDarkSuccess400': '#1a7d36',
194
- 'ColorDarkSuccess500': '#2ca24d',
195
- 'ColorDarkSuccess600': '#4cc76e',
196
- 'ColorDarkSuccess700': '#77ec95',
197
- 'ColorDarkSuccess800': '#d7f5dd',
198
- 'ColorDarkSuccess900': '#f3fef5',
199
- 'ColorDarkHighlight0': '#000000',
200
- 'ColorDarkHighlight50': '#1d0a42',
201
- 'ColorDarkHighlight100': '#301761',
202
- 'ColorDarkHighlight200': '#452382',
203
- 'ColorDarkHighlight300': '#5f35ae',
204
- 'ColorDarkHighlight400': '#814dde',
205
- 'ColorDarkHighlight500': '#a374f9',
206
- 'ColorDarkHighlight600': '#c69eff',
207
- 'ColorDarkHighlight700': '#e1cbff',
208
- 'ColorDarkHighlight800': '#f4eaff',
209
- 'ColorDarkHighlight900': '#fdf7ff',
210
- 'ColorDarkNeutral0': '#000000',
211
- 'ColorDarkNeutral50': '#131318',
212
- 'ColorDarkNeutral100': '#25252d',
213
- 'ColorDarkNeutral200': '#434356',
214
- 'ColorDarkNeutral300': '#5a5a72',
215
- 'ColorDarkNeutral400': '#73738c',
216
- 'ColorDarkNeutral500': '#8f8fa3',
217
- 'ColorDarkNeutral600': '#b9b9c6',
218
- 'ColorDarkNeutral700': '#d8d8df',
219
- 'ColorDarkNeutral800': '#ebebef',
220
- 'ColorDarkNeutral900': '#f7f7f8',
221
- 'ElevationLightLightColor0': 'rgba(0, 0, 0, 0.12)',
222
- 'ElevationLightLightColor1': 'rgba(0, 0, 0, 0.14)',
223
- 'ElevationLightSemilightColor0': 'rgba(0, 0, 0, 0.12)',
224
- 'ElevationLightSemilightColor1': 'rgba(0, 0, 0, 0.14)',
225
- 'ElevationLightRegularColor0': 'rgba(0, 0, 0, 0.12)',
226
- 'ElevationLightRegularColor1': 'rgba(0, 0, 0, 0.14)',
227
- 'ElevationLightSemiboldColor0': 'rgba(0, 0, 0, 0.12)',
228
- 'ElevationLightSemiboldColor1': 'rgba(0, 0, 0, 0.14)',
229
- 'ElevationLightBoldColor0': 'rgba(0, 0, 0, 0.12)',
230
- 'ElevationLightBoldColor1': 'rgba(0, 0, 0, 0.14)',
231
- 'ElevationLightExtraboldColor0': 'rgba(0, 0, 0, 0.12)',
232
- 'ElevationLightExtraboldColor1': 'rgba(0, 0, 0, 0.14)',
233
- 'ElevationDarkLightColor0': 'rgba(0, 0, 0, 0.24)',
234
- 'ElevationDarkLightColor1': 'rgba(0, 0, 0, 0.28)',
235
- 'ElevationDarkSemilightColor0': 'rgba(0, 0, 0, 0.24)',
236
- 'ElevationDarkSemilightColor1': 'rgba(0, 0, 0, 0.28)',
237
- 'ElevationDarkRegularColor0': 'rgba(0, 0, 0, 0.24)',
238
- 'ElevationDarkRegularColor1': 'rgba(0, 0, 0, 0.28)',
239
- 'ElevationDarkSemiboldColor0': 'rgba(0, 0, 0, 0.24)',
240
- 'ElevationDarkSemiboldColor1': 'rgba(0, 0, 0, 0.28)',
241
- 'ElevationDarkBoldColor0': 'rgba(0, 0, 0, 0.24)',
242
- 'ElevationDarkBoldColor1': 'rgba(0, 0, 0, 0.28)',
243
- 'ElevationDarkExtraboldColor0': 'rgba(0, 0, 0, 0.24)',
244
- 'ElevationDarkExtraboldColor1': 'rgba(0, 0, 0, 0.28)',
245
- },
246
- width: {
247
- 'LayoutRadius': '12px',
248
- 'LayoutSpace': '8px',
249
- 'LayoutThickness': '2px',
250
- 'TypographyHeadline1FontSize': '96px',
251
- 'TypographyHeadline1LineHeight': '100px',
252
- 'TypographyHeadline2FontSize': '60px',
253
- 'TypographyHeadline2LineHeight': '64px',
254
- 'TypographyHeadline3FontSize': '48px',
255
- 'TypographyHeadline3LineHeight': '52px',
256
- 'TypographyHeadline4FontSize': '34px',
257
- 'TypographyHeadline4LineHeight': '38px',
258
- 'TypographyHeadline5FontSize': '24px',
259
- 'TypographyHeadline5LineHeight': '28px',
260
- 'TypographyHeadline6FontSize': '20px',
261
- 'TypographyHeadline6LineHeight': '24px',
262
- 'TypographySubtitle1FontSize': '16px',
263
- 'TypographySubtitle1LineHeight': '20px',
264
- 'TypographySubtitle2FontSize': '14px',
265
- 'TypographySubtitle2LineHeight': '18px',
266
- 'TypographyBody1FontSize': '16px',
267
- 'TypographyBody1LineHeight': '20px',
268
- 'TypographyBody2FontSize': '14px',
269
- 'TypographyBody2LineHeight': '18px',
270
- 'TypographyCaptionFontSize': '12px',
271
- 'TypographyCaptionLineHeight': '16px',
272
- 'TypographyButtonFontSize': '14px',
273
- 'TypographyButtonLineHeight': '18px',
274
- 'TypographyOverlineFontSize': '12px',
275
- 'TypographyOverlineLineHeight': '16px',
276
- 'ElevationLightLightOffsetX0': '0px',
277
- 'ElevationLightLightOffsetX1': '0px',
278
- 'ElevationLightLightOffsetY0': '0px',
279
- 'ElevationLightLightOffsetY1': '1px',
280
- 'ElevationLightLightBlur0': '2px',
281
- 'ElevationLightLightBlur1': '2px',
282
- 'ElevationLightLightSpread0': '0px',
283
- 'ElevationLightLightSpread1': '0px',
284
- 'ElevationLightSemilightOffsetX0': '0px',
285
- 'ElevationLightSemilightOffsetX1': '0px',
286
- 'ElevationLightSemilightOffsetY0': '0px',
287
- 'ElevationLightSemilightOffsetY1': '2px',
288
- 'ElevationLightSemilightBlur0': '2px',
289
- 'ElevationLightSemilightBlur1': '4px',
290
- 'ElevationLightSemilightSpread0': '0px',
291
- 'ElevationLightSemilightSpread1': '0px',
292
- 'ElevationLightRegularOffsetX0': '0px',
293
- 'ElevationLightRegularOffsetX1': '0px',
294
- 'ElevationLightRegularOffsetY0': '0px',
295
- 'ElevationLightRegularOffsetY1': '4px',
296
- 'ElevationLightRegularBlur0': '2px',
297
- 'ElevationLightRegularBlur1': '8px',
298
- 'ElevationLightRegularSpread0': '0px',
299
- 'ElevationLightRegularSpread1': '0px',
300
- 'ElevationLightSemiboldOffsetX0': '0px',
301
- 'ElevationLightSemiboldOffsetX1': '0px',
302
- 'ElevationLightSemiboldOffsetY0': '0px',
303
- 'ElevationLightSemiboldOffsetY1': '8px',
304
- 'ElevationLightSemiboldBlur0': '2px',
305
- 'ElevationLightSemiboldBlur1': '16px',
306
- 'ElevationLightSemiboldSpread0': '0px',
307
- 'ElevationLightSemiboldSpread1': '0px',
308
- 'ElevationLightBoldOffsetX0': '0px',
309
- 'ElevationLightBoldOffsetX1': '0px',
310
- 'ElevationLightBoldOffsetY0': '0px',
311
- 'ElevationLightBoldOffsetY1': '14px',
312
- 'ElevationLightBoldBlur0': '8px',
313
- 'ElevationLightBoldBlur1': '28px',
314
- 'ElevationLightBoldSpread0': '0px',
315
- 'ElevationLightBoldSpread1': '0px',
316
- 'ElevationLightExtraboldOffsetX0': '0px',
317
- 'ElevationLightExtraboldOffsetX1': '0px',
318
- 'ElevationLightExtraboldOffsetY0': '0px',
319
- 'ElevationLightExtraboldOffsetY1': '32px',
320
- 'ElevationLightExtraboldBlur0': '8px',
321
- 'ElevationLightExtraboldBlur1': '64px',
322
- 'ElevationLightExtraboldSpread0': '0px',
323
- 'ElevationLightExtraboldSpread1': '0px',
324
- 'ElevationDarkLightOffsetX0': '0px',
325
- 'ElevationDarkLightOffsetX1': '0px',
326
- 'ElevationDarkLightOffsetY0': '0px',
327
- 'ElevationDarkLightOffsetY1': '1px',
328
- 'ElevationDarkLightBlur0': '2px',
329
- 'ElevationDarkLightBlur1': '2px',
330
- 'ElevationDarkLightSpread0': '0px',
331
- 'ElevationDarkLightSpread1': '0px',
332
- 'ElevationDarkSemilightOffsetX0': '0px',
333
- 'ElevationDarkSemilightOffsetX1': '0px',
334
- 'ElevationDarkSemilightOffsetY0': '0px',
335
- 'ElevationDarkSemilightOffsetY1': '2px',
336
- 'ElevationDarkSemilightBlur0': '2px',
337
- 'ElevationDarkSemilightBlur1': '4px',
338
- 'ElevationDarkSemilightSpread0': '0px',
339
- 'ElevationDarkSemilightSpread1': '0px',
340
- 'ElevationDarkRegularOffsetX0': '0px',
341
- 'ElevationDarkRegularOffsetX1': '0px',
342
- 'ElevationDarkRegularOffsetY0': '0px',
343
- 'ElevationDarkRegularOffsetY1': '4px',
344
- 'ElevationDarkRegularBlur0': '2px',
345
- 'ElevationDarkRegularBlur1': '8px',
346
- 'ElevationDarkRegularSpread0': '0px',
347
- 'ElevationDarkRegularSpread1': '0px',
348
- 'ElevationDarkSemiboldOffsetX0': '0px',
349
- 'ElevationDarkSemiboldOffsetX1': '0px',
350
- 'ElevationDarkSemiboldOffsetY0': '0px',
351
- 'ElevationDarkSemiboldOffsetY1': '8px',
352
- 'ElevationDarkSemiboldBlur0': '2px',
353
- 'ElevationDarkSemiboldBlur1': '16px',
354
- 'ElevationDarkSemiboldSpread0': '0px',
355
- 'ElevationDarkSemiboldSpread1': '0px',
356
- 'ElevationDarkBoldOffsetX0': '0px',
357
- 'ElevationDarkBoldOffsetX1': '0px',
358
- 'ElevationDarkBoldOffsetY0': '0px',
359
- 'ElevationDarkBoldOffsetY1': '14px',
360
- 'ElevationDarkBoldBlur0': '8px',
361
- 'ElevationDarkBoldBlur1': '28px',
362
- 'ElevationDarkBoldSpread0': '0px',
363
- 'ElevationDarkBoldSpread1': '0px',
364
- 'ElevationDarkExtraboldOffsetX0': '0px',
365
- 'ElevationDarkExtraboldOffsetX1': '0px',
366
- 'ElevationDarkExtraboldOffsetY0': '0px',
367
- 'ElevationDarkExtraboldOffsetY1': '32px',
368
- 'ElevationDarkExtraboldBlur0': '8px',
369
- 'ElevationDarkExtraboldBlur1': '64px',
370
- 'ElevationDarkExtraboldSpread0': '0px',
371
- 'ElevationDarkExtraboldSpread1': '0px',
372
- 'SizeTiny': '2px',
373
- 'SizeSmall': '4px',
374
- 'SizeMedium': '8px',
375
- 'SizeLarge': '16px',
376
- 'SizeGiant': '32px',
377
- },
378
- height: {
379
- 'LayoutRadius': '12px',
380
- 'LayoutSpace': '8px',
381
- 'LayoutThickness': '2px',
382
- 'TypographyHeadline1FontSize': '96px',
383
- 'TypographyHeadline1LineHeight': '100px',
384
- 'TypographyHeadline2FontSize': '60px',
385
- 'TypographyHeadline2LineHeight': '64px',
386
- 'TypographyHeadline3FontSize': '48px',
387
- 'TypographyHeadline3LineHeight': '52px',
388
- 'TypographyHeadline4FontSize': '34px',
389
- 'TypographyHeadline4LineHeight': '38px',
390
- 'TypographyHeadline5FontSize': '24px',
391
- 'TypographyHeadline5LineHeight': '28px',
392
- 'TypographyHeadline6FontSize': '20px',
393
- 'TypographyHeadline6LineHeight': '24px',
394
- 'TypographySubtitle1FontSize': '16px',
395
- 'TypographySubtitle1LineHeight': '20px',
396
- 'TypographySubtitle2FontSize': '14px',
397
- 'TypographySubtitle2LineHeight': '18px',
398
- 'TypographyBody1FontSize': '16px',
399
- 'TypographyBody1LineHeight': '20px',
400
- 'TypographyBody2FontSize': '14px',
401
- 'TypographyBody2LineHeight': '18px',
402
- 'TypographyCaptionFontSize': '12px',
403
- 'TypographyCaptionLineHeight': '16px',
404
- 'TypographyButtonFontSize': '14px',
405
- 'TypographyButtonLineHeight': '18px',
406
- 'TypographyOverlineFontSize': '12px',
407
- 'TypographyOverlineLineHeight': '16px',
408
- 'ElevationLightLightOffsetX0': '0px',
409
- 'ElevationLightLightOffsetX1': '0px',
410
- 'ElevationLightLightOffsetY0': '0px',
411
- 'ElevationLightLightOffsetY1': '1px',
412
- 'ElevationLightLightBlur0': '2px',
413
- 'ElevationLightLightBlur1': '2px',
414
- 'ElevationLightLightSpread0': '0px',
415
- 'ElevationLightLightSpread1': '0px',
416
- 'ElevationLightSemilightOffsetX0': '0px',
417
- 'ElevationLightSemilightOffsetX1': '0px',
418
- 'ElevationLightSemilightOffsetY0': '0px',
419
- 'ElevationLightSemilightOffsetY1': '2px',
420
- 'ElevationLightSemilightBlur0': '2px',
421
- 'ElevationLightSemilightBlur1': '4px',
422
- 'ElevationLightSemilightSpread0': '0px',
423
- 'ElevationLightSemilightSpread1': '0px',
424
- 'ElevationLightRegularOffsetX0': '0px',
425
- 'ElevationLightRegularOffsetX1': '0px',
426
- 'ElevationLightRegularOffsetY0': '0px',
427
- 'ElevationLightRegularOffsetY1': '4px',
428
- 'ElevationLightRegularBlur0': '2px',
429
- 'ElevationLightRegularBlur1': '8px',
430
- 'ElevationLightRegularSpread0': '0px',
431
- 'ElevationLightRegularSpread1': '0px',
432
- 'ElevationLightSemiboldOffsetX0': '0px',
433
- 'ElevationLightSemiboldOffsetX1': '0px',
434
- 'ElevationLightSemiboldOffsetY0': '0px',
435
- 'ElevationLightSemiboldOffsetY1': '8px',
436
- 'ElevationLightSemiboldBlur0': '2px',
437
- 'ElevationLightSemiboldBlur1': '16px',
438
- 'ElevationLightSemiboldSpread0': '0px',
439
- 'ElevationLightSemiboldSpread1': '0px',
440
- 'ElevationLightBoldOffsetX0': '0px',
441
- 'ElevationLightBoldOffsetX1': '0px',
442
- 'ElevationLightBoldOffsetY0': '0px',
443
- 'ElevationLightBoldOffsetY1': '14px',
444
- 'ElevationLightBoldBlur0': '8px',
445
- 'ElevationLightBoldBlur1': '28px',
446
- 'ElevationLightBoldSpread0': '0px',
447
- 'ElevationLightBoldSpread1': '0px',
448
- 'ElevationLightExtraboldOffsetX0': '0px',
449
- 'ElevationLightExtraboldOffsetX1': '0px',
450
- 'ElevationLightExtraboldOffsetY0': '0px',
451
- 'ElevationLightExtraboldOffsetY1': '32px',
452
- 'ElevationLightExtraboldBlur0': '8px',
453
- 'ElevationLightExtraboldBlur1': '64px',
454
- 'ElevationLightExtraboldSpread0': '0px',
455
- 'ElevationLightExtraboldSpread1': '0px',
456
- 'ElevationDarkLightOffsetX0': '0px',
457
- 'ElevationDarkLightOffsetX1': '0px',
458
- 'ElevationDarkLightOffsetY0': '0px',
459
- 'ElevationDarkLightOffsetY1': '1px',
460
- 'ElevationDarkLightBlur0': '2px',
461
- 'ElevationDarkLightBlur1': '2px',
462
- 'ElevationDarkLightSpread0': '0px',
463
- 'ElevationDarkLightSpread1': '0px',
464
- 'ElevationDarkSemilightOffsetX0': '0px',
465
- 'ElevationDarkSemilightOffsetX1': '0px',
466
- 'ElevationDarkSemilightOffsetY0': '0px',
467
- 'ElevationDarkSemilightOffsetY1': '2px',
468
- 'ElevationDarkSemilightBlur0': '2px',
469
- 'ElevationDarkSemilightBlur1': '4px',
470
- 'ElevationDarkSemilightSpread0': '0px',
471
- 'ElevationDarkSemilightSpread1': '0px',
472
- 'ElevationDarkRegularOffsetX0': '0px',
473
- 'ElevationDarkRegularOffsetX1': '0px',
474
- 'ElevationDarkRegularOffsetY0': '0px',
475
- 'ElevationDarkRegularOffsetY1': '4px',
476
- 'ElevationDarkRegularBlur0': '2px',
477
- 'ElevationDarkRegularBlur1': '8px',
478
- 'ElevationDarkRegularSpread0': '0px',
479
- 'ElevationDarkRegularSpread1': '0px',
480
- 'ElevationDarkSemiboldOffsetX0': '0px',
481
- 'ElevationDarkSemiboldOffsetX1': '0px',
482
- 'ElevationDarkSemiboldOffsetY0': '0px',
483
- 'ElevationDarkSemiboldOffsetY1': '8px',
484
- 'ElevationDarkSemiboldBlur0': '2px',
485
- 'ElevationDarkSemiboldBlur1': '16px',
486
- 'ElevationDarkSemiboldSpread0': '0px',
487
- 'ElevationDarkSemiboldSpread1': '0px',
488
- 'ElevationDarkBoldOffsetX0': '0px',
489
- 'ElevationDarkBoldOffsetX1': '0px',
490
- 'ElevationDarkBoldOffsetY0': '0px',
491
- 'ElevationDarkBoldOffsetY1': '14px',
492
- 'ElevationDarkBoldBlur0': '8px',
493
- 'ElevationDarkBoldBlur1': '28px',
494
- 'ElevationDarkBoldSpread0': '0px',
495
- 'ElevationDarkBoldSpread1': '0px',
496
- 'ElevationDarkExtraboldOffsetX0': '0px',
497
- 'ElevationDarkExtraboldOffsetX1': '0px',
498
- 'ElevationDarkExtraboldOffsetY0': '0px',
499
- 'ElevationDarkExtraboldOffsetY1': '32px',
500
- 'ElevationDarkExtraboldBlur0': '8px',
501
- 'ElevationDarkExtraboldBlur1': '64px',
502
- 'ElevationDarkExtraboldSpread0': '0px',
503
- 'ElevationDarkExtraboldSpread1': '0px',
504
- 'SizeTiny': '2px',
505
- 'SizeSmall': '4px',
506
- 'SizeMedium': '8px',
507
- 'SizeLarge': '16px',
508
- 'SizeGiant': '32px',
509
- },
510
- fontFamily: {
511
- 'FontFamily': 'Nunito, sans-serif',
512
- 'TypographyHeadline1FontFamily': 'Nunito, sans-serif',
513
- 'TypographyHeadline2FontFamily': 'Nunito, sans-serif',
514
- 'TypographyHeadline3FontFamily': 'Nunito, sans-serif',
515
- 'TypographyHeadline4FontFamily': 'Nunito, sans-serif',
516
- 'TypographyHeadline5FontFamily': 'Nunito, sans-serif',
517
- 'TypographyHeadline6FontFamily': 'Nunito, sans-serif',
518
- 'TypographySubtitle1FontFamily': 'Nunito, sans-serif',
519
- 'TypographySubtitle2FontFamily': 'Nunito, sans-serif',
520
- 'TypographyBody1FontFamily': 'Nunito, sans-serif',
521
- 'TypographyBody2FontFamily': 'Nunito, sans-serif',
522
- 'TypographyCaptionFontFamily': 'Nunito, sans-serif',
523
- 'TypographyButtonFontFamily': 'Nunito, sans-serif',
524
- 'TypographyOverlineFontFamily': 'Nunito, sans-serif',
525
- },
526
- letterSpacing: {
527
- 'TypographyHeadline1LetterSpacing': '-0.25px',
528
- 'TypographyHeadline2LetterSpacing': '-0.13333333333333333px',
529
- 'TypographyHeadline3LetterSpacing': 'normal',
530
- 'TypographyHeadline4LetterSpacing': '0.11764705882352941px',
531
- 'TypographyHeadline5LetterSpacing': 'normal',
532
- 'TypographyHeadline6LetterSpacing': '0.2px',
533
- 'TypographySubtitle1LetterSpacing': '0.15px',
534
- 'TypographySubtitle2LetterSpacing': '0.1142857142857143px',
535
- 'TypographyBody1LetterSpacing': '0.5px',
536
- 'TypographyBody2LetterSpacing': '0.2857142857142857px',
537
- 'TypographyCaptionLetterSpacing': '0.5333333333333333px',
538
- 'TypographyButtonLetterSpacing': '1.4285714285714286px',
539
- 'TypographyOverlineLetterSpacing': '2.6666666666666665px',
540
- },
541
- boxShadow: {
542
- 'ElevationLightLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)',
543
- 'ElevationLightSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)',
544
- 'ElevationLightRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)',
545
- 'ElevationLightSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)',
546
- 'ElevationLightBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)',
547
- 'ElevationLightExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)',
548
- 'ElevationDarkLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)',
549
- 'ElevationDarkSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)',
550
- 'ElevationDarkRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)',
551
- 'ElevationDarkSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)',
552
- 'ElevationDarkBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)',
553
- 'ElevationDarkExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)',
554
- },
555
- transitionDuration: {
556
- 'DurationShort': '200ms',
557
- 'DurationMedium': '400ms',
558
- 'DurationLong': '600ms',
559
- },
560
- }
561
- }
562
- };
@@ -1,29 +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
- }
28
- }
29
- };