@breadstone/mosaik-themes 0.0.173 → 0.0.174

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 (36) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/Themes/___bootstrap-tokens.css +91 -0
  3. package/Themes/___cosmopolitan-tokens.css +213 -0
  4. package/Themes/___fluent-tokens.css +30 -0
  5. package/Themes/___joy-tokens.css +500 -0
  6. package/Themes/___material-tokens.css +22 -0
  7. package/Themes/___memphis-tokens.css +392 -0
  8. package/Themes/bootstrap-tokens.scss +89 -0
  9. package/Themes/bootstrap-tokens.tailwind.js +8 -0
  10. package/Themes/cosmopolitan-tokens.scss +211 -0
  11. package/Themes/cosmopolitan-tokens.tailwind.js +32 -0
  12. package/Themes/fluent-tokens.scss +28 -0
  13. package/Themes/fluent-tokens.tailwind.js +8 -0
  14. package/Themes/joy-tokens.scss +498 -0
  15. package/Themes/joy-tokens.tailwind.js +52 -0
  16. package/Themes/joy.scss +0 -1
  17. package/Themes/material-tokens.scss +20 -0
  18. package/Themes/material-tokens.tailwind.js +8 -0
  19. package/Themes/memphis-tokens.scss +390 -0
  20. package/Themes/memphis-tokens.tailwind.js +192 -0
  21. package/Themes/memphis.scss +1 -0
  22. package/Theming/Tokens/JoyTokens.d.ts +0 -1
  23. package/Theming/Tokens/JoyTokens.d.ts.map +1 -1
  24. package/Theming/Tokens/JoyTokens.js +0 -1
  25. package/Theming/Tokens/JoyTokens.js.map +1 -1
  26. package/Theming/Tokens/MemphisTokens.d.ts +1 -0
  27. package/Theming/Tokens/MemphisTokens.d.ts.map +1 -1
  28. package/Theming/Tokens/MemphisTokens.js +1 -0
  29. package/Theming/Tokens/MemphisTokens.js.map +1 -1
  30. package/package.json +27 -3
  31. package/tailwind/v3/bootstrap-tokens.tailwind.js +41 -0
  32. package/tailwind/v3/cosmopolitan-tokens.tailwind.js +286 -0
  33. package/tailwind/v3/fluent-tokens.tailwind.js +39 -0
  34. package/tailwind/v3/joy-tokens.tailwind.js +562 -0
  35. package/tailwind/v3/material-tokens.tailwind.js +29 -0
  36. package/tailwind/v3/memphis-tokens.tailwind.js +410 -0
package/tailwind/v3/joy-tokens.tailwind.js ADDED
@@ -0,0 +1,562 @@
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
+ };
package/tailwind/v3/material-tokens.tailwind.js ADDED
@@ -0,0 +1,29 @@
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
+ };