@breadstone/mosaik-themes 0.0.175 → 0.0.177

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 (26) hide show
  1. package/Themes/___cosmopolitan-tokens.css +9 -9
  2. package/Themes/cosmopolitan-tokens.scss +9 -9
  3. package/Themes/cosmopolitan.scss +9 -9
  4. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  5. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +7 -9
  6. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +1 -1
  7. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  8. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +17 -19
  9. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +1 -1
  10. package/Theming/Tokens/CosmopolitanTokens.d.ts +9 -9
  11. package/Theming/Tokens/CosmopolitanTokens.d.ts.map +1 -1
  12. package/Theming/Tokens/CosmopolitanTokens.js +9 -9
  13. package/Theming/Tokens/CosmopolitanTokens.js.map +1 -1
  14. package/package.json +3 -3
  15. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +85 -65
  16. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +110 -226
  17. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +35 -23
  18. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +380 -517
  19. package/tailwind/v3/mosaik-material.tailwind.config.cjs +27 -15
  20. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +321 -401
  21. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +96 -80
  22. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +120 -240
  23. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +46 -38
  24. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +391 -532
  25. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +38 -30
  26. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +332 -416
package/tailwind/v3/mosaik-memphis.tailwind.config.cjs CHANGED
@@ -1,422 +1,342 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if
5
+ // the code is regenerated.
6
+ // </auto-generated>
7
+ // ------------------------------------------------------------------------------
8
+
1
9
  module.exports = {
2
10
  "theme": {
3
11
  "extend": {
4
12
  "fontFamily": {
5
- "font.family": "Nunito, sans-serif",
6
- "typography.headline1.fontFamily": "Nunito, sans-serif",
7
- "typography.headline2'.fontFamily": "Nunito, sans-serif",
8
- "typography.headline3.fontFamily": "Nunito, sans-serif",
9
- "typography.headline4.fontFamily": "Nunito, sans-serif",
10
- "typography.headline5.fontFamily": "Nunito, sans-serif",
11
- "typography.headline6.fontFamily": "Nunito, sans-serif",
12
- "typography.subtitle1.fontFamily": "Nunito, sans-serif",
13
- "typography.subtitle2.fontFamily": "Nunito, sans-serif",
14
- "typography.body1.fontFamily": "Nunito, sans-serif",
15
- "typography.body2.fontFamily": "Nunito, sans-serif",
16
- "typography.caption.fontFamily": "Nunito, sans-serif",
17
- "typography.button.fontFamily": "Nunito, sans-serif",
18
- "typography.overline.fontFamily": "Nunito, sans-serif"
13
+ "sans": "Nunito, sans-serif",
14
+ "headline1": "Nunito, sans-serif",
15
+ "headline2'": "Nunito, sans-serif",
16
+ "headline3": "Nunito, sans-serif",
17
+ "headline4": "Nunito, sans-serif",
18
+ "headline5": "Nunito, sans-serif",
19
+ "headline6": "Nunito, sans-serif",
20
+ "subtitle1": "Nunito, sans-serif",
21
+ "subtitle2": "Nunito, sans-serif",
22
+ "body1": "Nunito, sans-serif",
23
+ "body2": "Nunito, sans-serif",
24
+ "caption": "Nunito, sans-serif",
25
+ "button": "Nunito, sans-serif",
26
+ "overline": "Nunito, sans-serif"
27
+ },
28
+ "borderRadius": {
29
+ "DEFAULT": "0px"
19
30
  },
20
31
  "spacing": {
21
- "layout.radius": "0px",
22
- "layout.space": "10px",
23
- "layout.thickness": "3px",
24
- "typography.headline1.lineHeight": "100px",
25
- "typography.headline2'.lineHeight": "64px",
26
- "typography.headline3.lineHeight": "52px",
27
- "typography.headline4.lineHeight": "38px",
28
- "typography.headline5.lineHeight": "28px",
29
- "typography.headline6.lineHeight": "24px",
30
- "typography.subtitle1.lineHeight": "20px",
31
- "typography.subtitle2.lineHeight": "18px",
32
- "typography.body1.lineHeight": "20px",
33
- "typography.body2.lineHeight": "18px",
34
- "typography.caption.lineHeight": "16px",
35
- "typography.button.lineHeight": "18px",
36
- "typography.overline.lineHeight": "16px",
37
- "elevation.light.light.offsetX.0": "2px",
38
- "elevation.light.light.offsetY.0": "2px",
39
- "elevation.light.light.blur.0": "0px",
40
- "elevation.light.light.spread.0": "0px",
41
- "elevation.light.semilight.offsetX.0": "3px",
42
- "elevation.light.semilight.offsetY.0": "3px",
43
- "elevation.light.semilight.blur.0": "0px",
44
- "elevation.light.semilight.spread.0": "0px",
45
- "elevation.light.regular.offsetX.0": "4px",
46
- "elevation.light.regular.offsetY.0": "4px",
47
- "elevation.light.regular.blur.0": "0px",
48
- "elevation.light.regular.spread.0": "0px",
49
- "elevation.light.semibold.offsetX.0": "5px",
50
- "elevation.light.semibold.offsetY.0": "5px",
51
- "elevation.light.semibold.blur.0": "0px",
52
- "elevation.light.semibold.spread.0": "0px",
53
- "elevation.light.bold.offsetX.0": "6px",
54
- "elevation.light.bold.offsetY.0": "6px",
55
- "elevation.light.bold.blur.0": "0px",
56
- "elevation.light.bold.spread.0": "0px",
57
- "elevation.light.extrabold.offsetX.0": "7px",
58
- "elevation.light.extrabold.offsetY.0": "7px",
59
- "elevation.light.extrabold.blur.0": "0px",
60
- "elevation.light.extrabold.spread.0": "0px",
61
- "elevation.dark.light.offsetX.0": "2px",
62
- "elevation.dark.light.offsetY.0": "2px",
63
- "elevation.dark.light.blur.0": "0px",
64
- "elevation.dark.light.spread.0": "0px",
65
- "elevation.dark.semilight.offsetX.0": "3px",
66
- "elevation.dark.semilight.offsetY.0": "3px",
67
- "elevation.dark.semilight.blur.0": "0px",
68
- "elevation.dark.semilight.spread.0": "0px",
69
- "elevation.dark.regular.offsetX.0": "4px",
70
- "elevation.dark.regular.offsetY.0": "4px",
71
- "elevation.dark.regular.blur.0": "0px",
72
- "elevation.dark.regular.spread.0": "0px",
73
- "elevation.dark.semibold.offsetX.0": "5px",
74
- "elevation.dark.semibold.offsetY.0": "5px",
75
- "elevation.dark.semibold.blur.0": "0px",
76
- "elevation.dark.semibold.spread.0": "0px",
77
- "elevation.dark.bold.offsetX.0": "6px",
78
- "elevation.dark.bold.offsetY.0": "6px",
79
- "elevation.dark.bold.blur.0": "0px",
80
- "elevation.dark.bold.spread.0": "0px",
81
- "elevation.dark.extrabold.offsetX.0": "7px",
82
- "elevation.dark.extrabold.offsetY.0": "7px",
83
- "elevation.dark.extrabold.blur.0": "0px",
84
- "elevation.dark.extrabold.spread.0": "0px",
85
- "size.tiny": "2px",
86
- "size.small": "4px",
87
- "size.medium": "8px",
88
- "size.large": "16px",
89
- "size.giant": "32px"
32
+ "DEFAULT": "10px"
33
+ },
34
+ "borderWidth": {
35
+ "DEFAULT": "3px"
90
36
  },
91
37
  "colors": {
92
- "scheme": {
93
- "light": {
94
- "background": "rgb(234, 234, 234)",
95
- "foreground": "rgb(60, 69, 79)",
96
- "highlight": "rgb(209, 209, 209)",
97
- "middlelight": "rgb(138, 138, 138)",
98
- "lowlight": "rgb(92, 92, 92)",
99
- "transparent": "rgba(255, 255, 255, 0)",
100
- "semiTransparent": "rgba(255, 255, 255, 0.67)",
101
- "disabled": "rgb(104, 104, 104)",
102
- "contrast": "rgb(51, 51, 51)"
103
- },
104
- "dark": {
105
- "background": "rgb(21, 21, 21)",
106
- "foreground": "rgb(195, 186, 176)",
107
- "highlight": "rgb(46, 46, 46)",
108
- "middlelight": "rgb(117, 117, 117)",
109
- "lowlight": "rgb(163, 163, 163)",
110
- "transparent": "rgba(255, 255, 255, 0)",
111
- "semiTransparent": "rgba(0, 0, 0, 0.67)",
112
- "disabled": "rgb(71, 71, 71)",
113
- "contrast": "rgb(255, 255, 255)"
114
- }
38
+ "scheme-background": {
39
+ "DEFAULT": "oklch(93.70% 0.0000 NaN)"
40
+ },
41
+ "scheme-foreground": {
42
+ "DEFAULT": "oklch(38.62% 0.0207 251.11)"
43
+ },
44
+ "scheme-highlight": {
45
+ "DEFAULT": "oklch(86.07% 0.0000 NaN)"
46
+ },
47
+ "scheme-middlelight": {
48
+ "DEFAULT": "oklch(63.34% 0.0000 NaN)"
49
+ },
50
+ "scheme-lowlight": {
51
+ "DEFAULT": "oklch(47.48% 0.0000 NaN)"
52
+ },
53
+ "scheme-transparent": {
54
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
55
+ },
56
+ "scheme-semiTransparent": {
57
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.67)"
58
+ },
59
+ "scheme-disabled": {
60
+ "DEFAULT": "oklch(51.73% 0.0000 NaN)"
61
+ },
62
+ "scheme-contrast": {
63
+ "DEFAULT": "oklch(32.11% 0.0000 NaN)"
64
+ },
65
+ "scheme-background-dark": {
66
+ "DEFAULT": "oklch(19.57% 0.0000 NaN)"
67
+ },
68
+ "scheme-foreground-dark": {
69
+ "DEFAULT": "oklch(79.35% 0.0173 70.48)"
70
+ },
71
+ "scheme-highlight-dark": {
72
+ "DEFAULT": "oklch(30.12% 0.0000 NaN)"
73
+ },
74
+ "scheme-middlelight-dark": {
75
+ "DEFAULT": "oklch(56.24% 0.0000 NaN)"
76
+ },
77
+ "scheme-lowlight-dark": {
78
+ "DEFAULT": "oklch(71.55% 0.0000 NaN)"
79
+ },
80
+ "scheme-transparent-dark": {
81
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
115
82
  },
116
- "color": {
117
- "light": {
118
- "primary": {
119
- "0": "rgb(255, 255, 255)",
120
- "50": "rgb(249, 249, 249)",
121
- "100": "rgb(242, 242, 242)",
122
- "200": "rgb(232, 232, 232)",
123
- "300": "rgb(216, 216, 216)",
124
- "400": "rgb(180, 180, 180)",
125
- "500": "rgb(148, 148, 148)",
126
- "600": "rgb(108, 108, 108)",
127
- "700": "rgb(89, 89, 89)",
128
- "800": "rgb(58, 58, 58)",
129
- "900": "rgb(26, 26, 26)"
130
- },
131
- "secondary": {
132
- "0": "rgb(255, 255, 255)",
133
- "50": "rgb(225, 243, 239)",
134
- "100": "rgb(181, 224, 214)",
135
- "200": "rgb(133, 205, 188)",
136
- "300": "rgb(87, 185, 162)",
137
- "400": "rgb(56, 169, 144)",
138
- "500": "rgb(36, 153, 126)",
139
- "600": "rgb(32, 140, 113)",
140
- "700": "rgb(27, 124, 98)",
141
- "800": "rgb(22, 108, 84)",
142
- "900": "rgb(13, 80, 58)"
143
- },
144
- "info": {
145
- "0": "rgb(255, 255, 255)",
146
- "50": "rgb(232, 234, 249)",
147
- "100": "rgb(198, 201, 241)",
148
- "200": "rgb(159, 167, 231)",
149
- "300": "rgb(120, 132, 221)",
150
- "400": "rgb(89, 104, 214)",
151
- "500": "rgb(57, 77, 205)",
152
- "600": "rgb(51, 68, 194)",
153
- "700": "rgb(41, 58, 182)",
154
- "800": "rgb(32, 47, 170)",
155
- "900": "rgb(10, 26, 151)"
156
- },
157
- "warning": {
158
- "0": "rgb(255, 255, 255)",
159
- "50": "rgb(252, 252, 229)",
160
- "100": "rgb(247, 246, 191)",
161
- "200": "rgb(241, 242, 148)",
162
- "300": "rgb(235, 236, 103)",
163
- "400": "rgb(229, 231, 65)",
164
- "500": "rgb(223, 227, 0)",
165
- "600": "rgb(209, 209, 0)",
166
- "700": "rgb(191, 186, 0)",
167
- "800": "rgb(174, 163, 0)",
168
- "900": "rgb(146, 124, 0)"
169
- },
170
- "danger": {
171
- "0": "rgb(255, 255, 255)",
172
- "50": "rgb(252, 236, 239)",
173
- "100": "rgb(248, 208, 213)",
174
- "200": "rgb(230, 159, 161)",
175
- "300": "rgb(217, 123, 125)",
176
- "400": "rgb(227, 95, 95)",
177
- "500": "rgb(232, 82, 74)",
178
- "600": "rgb(217, 74, 71)",
179
- "700": "rgb(199, 65, 65)",
180
- "800": "rgb(185, 60, 58)",
181
- "900": "rgb(171, 50, 47)"
182
- },
183
- "success": {
184
- "0": "rgb(255, 255, 255)",
185
- "50": "rgb(225, 243, 239)",
186
- "100": "rgb(181, 224, 214)",
187
- "200": "rgb(133, 205, 188)",
188
- "300": "rgb(87, 185, 162)",
189
- "400": "rgb(56, 169, 144)",
190
- "500": "rgb(36, 153, 126)",
191
- "600": "rgb(32, 140, 113)",
192
- "700": "rgb(27, 124, 98)",
193
- "800": "rgb(22, 108, 84)",
194
- "900": "rgb(13, 80, 58)"
195
- },
196
- "neutral": {
197
- "0": "rgb(255, 255, 255)",
198
- "50": "rgb(249, 249, 249)",
199
- "100": "rgb(242, 242, 242)",
200
- "200": "rgb(232, 232, 232)",
201
- "300": "rgb(216, 216, 216)",
202
- "400": "rgb(180, 180, 180)",
203
- "500": "rgb(148, 148, 148)",
204
- "600": "rgb(108, 108, 108)",
205
- "700": "rgb(89, 89, 89)",
206
- "800": "rgb(58, 58, 58)",
207
- "900": "rgb(26, 26, 26)"
208
- }
209
- },
210
- "dark": {
211
- "primary": {
212
- "0": "rgb(0, 0, 0)",
213
- "50": "rgb(26, 26, 26)",
214
- "100": "rgb(58, 58, 58)",
215
- "200": "rgb(89, 89, 89)",
216
- "300": "rgb(108, 108, 108)",
217
- "400": "rgb(148, 148, 148)",
218
- "500": "rgb(180, 180, 180)",
219
- "600": "rgb(216, 216, 216)",
220
- "700": "rgb(232, 232, 232)",
221
- "800": "rgb(242, 242, 242)",
222
- "900": "rgb(249, 249, 249)"
223
- },
224
- "secondary": {
225
- "0": "rgb(0, 0, 0)",
226
- "50": "rgb(13, 80, 58)",
227
- "100": "rgb(22, 108, 84)",
228
- "200": "rgb(27, 124, 98)",
229
- "300": "rgb(32, 140, 113)",
230
- "400": "rgb(36, 153, 126)",
231
- "500": "rgb(56, 169, 144)",
232
- "600": "rgb(87, 185, 162)",
233
- "700": "rgb(133, 205, 188)",
234
- "800": "rgb(181, 224, 214)",
235
- "900": "rgb(225, 243, 239)"
236
- },
237
- "info": {
238
- "0": "rgb(0, 0, 0)",
239
- "50": "rgb(10, 26, 151)",
240
- "100": "rgb(32, 47, 170)",
241
- "200": "rgb(41, 58, 182)",
242
- "300": "rgb(51, 68, 194)",
243
- "400": "rgb(57, 77, 205)",
244
- "500": "rgb(89, 104, 214)",
245
- "600": "rgb(120, 132, 221)",
246
- "700": "rgb(159, 167, 231)",
247
- "800": "rgb(198, 201, 241)",
248
- "900": "rgb(232, 234, 249)"
249
- },
250
- "warning": {
251
- "0": "rgb(0, 0, 0)",
252
- "50": "rgb(146, 124, 0)",
253
- "100": "rgb(174, 163, 0)",
254
- "200": "rgb(191, 186, 0)",
255
- "300": "rgb(209, 209, 0)",
256
- "400": "rgb(223, 227, 0)",
257
- "500": "rgb(229, 231, 65)",
258
- "600": "rgb(235, 236, 103)",
259
- "700": "rgb(241, 242, 148)",
260
- "800": "rgb(247, 246, 191)",
261
- "900": "rgb(252, 252, 229)"
262
- },
263
- "danger": {
264
- "0": "rgb(0, 0, 0)",
265
- "50": "rgb(171, 50, 47)",
266
- "100": "rgb(185, 60, 58)",
267
- "200": "rgb(199, 65, 65)",
268
- "300": "rgb(217, 74, 71)",
269
- "400": "rgb(232, 82, 74)",
270
- "500": "rgb(227, 95, 95)",
271
- "600": "rgb(217, 123, 125)",
272
- "700": "rgb(230, 159, 161)",
273
- "800": "rgb(248, 208, 213)",
274
- "900": "rgb(252, 236, 239)"
275
- },
276
- "success": {
277
- "0": "rgb(0, 0, 0)",
278
- "50": "rgb(13, 80, 58)",
279
- "100": "rgb(22, 108, 84)",
280
- "200": "rgb(27, 124, 98)",
281
- "300": "rgb(32, 140, 113)",
282
- "400": "rgb(36, 153, 126)",
283
- "500": "rgb(56, 169, 144)",
284
- "600": "rgb(87, 185, 162)",
285
- "700": "rgb(133, 205, 188)",
286
- "800": "rgb(181, 224, 214)",
287
- "900": "rgb(225, 243, 239)"
288
- },
289
- "neutral": {
290
- "0": "rgb(0, 0, 0)",
291
- "50": "rgb(26, 26, 26)",
292
- "100": "rgb(58, 58, 58)",
293
- "200": "rgb(89, 89, 89)",
294
- "300": "rgb(108, 108, 108)",
295
- "400": "rgb(148, 148, 148)",
296
- "500": "rgb(180, 180, 180)",
297
- "600": "rgb(216, 216, 216)",
298
- "700": "rgb(232, 232, 232)",
299
- "800": "rgb(242, 242, 242)",
300
- "900": "rgb(249, 249, 249)"
301
- }
302
- }
83
+ "scheme-semiTransparent-dark": {
84
+ "DEFAULT": "oklch(0.00% 0.0000 NaN / 0.67)"
303
85
  },
304
- "elevation": {
305
- "light": {
306
- "light": {
307
- "color": {
308
- "0": "rgb(51, 51, 51)"
309
- }
310
- },
311
- "semilight": {
312
- "color": {
313
- "0": "rgb(51, 51, 51)"
314
- }
315
- },
316
- "regular": {
317
- "color": {
318
- "0": "rgb(51, 51, 51)"
319
- }
320
- },
321
- "semibold": {
322
- "color": {
323
- "0": "rgb(51, 51, 51)"
324
- }
325
- },
326
- "bold": {
327
- "color": {
328
- "0": "rgb(51, 51, 51)"
329
- }
330
- },
331
- "extrabold": {
332
- "color": {
333
- "0": "rgb(51, 51, 51)"
334
- }
335
- }
336
- },
337
- "dark": {
338
- "light": {
339
- "color": {
340
- "0": "rgb(255, 255, 255)"
341
- }
342
- },
343
- "semilight": {
344
- "color": {
345
- "0": "rgb(255, 255, 255)"
346
- }
347
- },
348
- "regular": {
349
- "color": {
350
- "0": "rgb(255, 255, 255)"
351
- }
352
- },
353
- "semibold": {
354
- "color": {
355
- "0": "rgb(255, 255, 255)"
356
- }
357
- },
358
- "bold": {
359
- "color": {
360
- "0": "rgb(255, 255, 255)"
361
- }
362
- },
363
- "extrabold": {
364
- "color": {
365
- "0": "rgb(255, 255, 255)"
366
- }
367
- }
368
- }
86
+ "scheme-disabled-dark": {
87
+ "DEFAULT": "oklch(39.79% 0.0000 NaN)"
88
+ },
89
+ "scheme-contrast-dark": {
90
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
91
+ },
92
+ "primary": {
93
+ "0": "oklch(100.00% 0.0000 NaN)",
94
+ "50": "oklch(98.21% 0.0000 NaN)",
95
+ "100": "oklch(96.12% 0.0000 NaN)",
96
+ "200": "oklch(93.10% 0.0000 NaN)",
97
+ "300": "oklch(88.22% 0.0000 NaN)",
98
+ "400": "oklch(76.99% 0.0000 NaN)",
99
+ "500": "oklch(66.65% 0.0000 NaN)",
100
+ "600": "oklch(53.13% 0.0000 NaN)",
101
+ "700": "oklch(46.40% 0.0000 NaN)",
102
+ "800": "oklch(34.85% 0.0000 NaN)",
103
+ "900": "oklch(21.78% 0.0000 NaN)"
104
+ },
105
+ "secondary": {
106
+ "0": "oklch(100.00% 0.0000 NaN)",
107
+ "50": "oklch(94.97% 0.0197 181.01)",
108
+ "100": "oklch(87.34% 0.0468 179.37)",
109
+ "200": "oklch(79.59% 0.0765 177.63)",
110
+ "300": "oklch(72.02% 0.0990 175.79)",
111
+ "400": "oklch(66.49% 0.1076 175.10)",
112
+ "500": "oklch(61.35% 0.1083 173.03)",
113
+ "600": "oklch(57.43% 0.1030 171.47)",
114
+ "700": "oklch(52.55% 0.0957 170.04)",
115
+ "800": "oklch(47.58% 0.0876 169.17)",
116
+ "900": "oklch(38.51% 0.0745 165.49)"
117
+ },
118
+ "info": {
119
+ "0": "oklch(100.00% 0.0000 NaN)",
120
+ "50": "oklch(93.99% 0.0203 279.98)",
121
+ "100": "oklch(84.66% 0.0556 281.77)",
122
+ "200": "oklch(74.58% 0.0927 278.40)",
123
+ "300": "oklch(64.30% 0.1333 276.18)",
124
+ "400": "oklch(56.30% 0.1679 273.90)",
125
+ "500": "oklch(48.71% 0.1977 270.31)",
126
+ "600": "oklch(45.84% 0.1955 270.44)",
127
+ "700": "oklch(42.49% 0.1941 269.50)",
128
+ "800": "oklch(39.05% 0.1932 268.83)",
129
+ "900": "oklch(33.07% 0.1949 265.89)"
130
+ },
131
+ "warning": {
132
+ "0": "oklch(100.00% 0.0000 NaN)",
133
+ "50": "oklch(98.50% 0.0301 106.90)",
134
+ "100": "oklch(96.06% 0.0707 106.78)",
135
+ "200": "oklch(94.00% 0.1164 108.96)",
136
+ "300": "oklch(91.71% 0.1543 109.48)",
137
+ "400": "oklch(89.86% 0.1772 110.18)",
138
+ "500": "oklch(88.33% 0.1942 111.06)",
139
+ "600": "oklch(83.31% 0.1816 109.76)",
140
+ "700": "oklch(76.80% 0.1654 107.77)",
141
+ "800": "oklch(70.25% 0.1489 104.75)",
142
+ "900": "oklch(58.92% 0.1214 96.61)"
143
+ },
144
+ "danger": {
145
+ "0": "oklch(100.00% 0.0000 NaN)",
146
+ "50": "oklch(95.66% 0.0178 4.63)",
147
+ "100": "oklch(89.30% 0.0454 9.58)",
148
+ "200": "oklch(77.19% 0.0850 17.37)",
149
+ "300": "oklch(68.64% 0.1170 19.23)",
150
+ "400": "oklch(65.26% 0.1653 22.80)",
151
+ "500": "oklch(64.08% 0.1872 26.78)",
152
+ "600": "oklch(60.73% 0.1797 25.28)",
153
+ "700": "oklch(56.68% 0.1705 24.38)",
154
+ "800": "oklch(53.67% 0.1615 25.20)",
155
+ "900": "oklch(50.01% 0.1579 26.13)"
156
+ },
157
+ "success": {
158
+ "0": "oklch(100.00% 0.0000 NaN)",
159
+ "50": "oklch(94.97% 0.0197 181.01)",
160
+ "100": "oklch(87.34% 0.0468 179.37)",
161
+ "200": "oklch(79.59% 0.0765 177.63)",
162
+ "300": "oklch(72.02% 0.0990 175.79)",
163
+ "400": "oklch(66.49% 0.1076 175.10)",
164
+ "500": "oklch(61.35% 0.1083 173.03)",
165
+ "600": "oklch(57.43% 0.1030 171.47)",
166
+ "700": "oklch(52.55% 0.0957 170.04)",
167
+ "800": "oklch(47.58% 0.0876 169.17)",
168
+ "900": "oklch(38.51% 0.0745 165.49)"
169
+ },
170
+ "neutral": {
171
+ "0": "oklch(100.00% 0.0000 NaN)",
172
+ "50": "oklch(98.21% 0.0000 NaN)",
173
+ "100": "oklch(96.12% 0.0000 NaN)",
174
+ "200": "oklch(93.10% 0.0000 NaN)",
175
+ "300": "oklch(88.22% 0.0000 NaN)",
176
+ "400": "oklch(76.99% 0.0000 NaN)",
177
+ "500": "oklch(66.65% 0.0000 NaN)",
178
+ "600": "oklch(53.13% 0.0000 NaN)",
179
+ "700": "oklch(46.40% 0.0000 NaN)",
180
+ "800": "oklch(34.85% 0.0000 NaN)",
181
+ "900": "oklch(21.78% 0.0000 NaN)"
182
+ },
183
+ "primary-dark": {
184
+ "0": "oklch(0.00% 0.0000 NaN)",
185
+ "50": "oklch(21.78% 0.0000 NaN)",
186
+ "100": "oklch(34.85% 0.0000 NaN)",
187
+ "200": "oklch(46.40% 0.0000 NaN)",
188
+ "300": "oklch(53.13% 0.0000 NaN)",
189
+ "400": "oklch(66.65% 0.0000 NaN)",
190
+ "500": "oklch(76.99% 0.0000 NaN)",
191
+ "600": "oklch(88.22% 0.0000 NaN)",
192
+ "700": "oklch(93.10% 0.0000 NaN)",
193
+ "800": "oklch(96.12% 0.0000 NaN)",
194
+ "900": "oklch(98.21% 0.0000 NaN)"
195
+ },
196
+ "secondary-dark": {
197
+ "0": "oklch(0.00% 0.0000 NaN)",
198
+ "50": "oklch(38.51% 0.0745 165.49)",
199
+ "100": "oklch(47.58% 0.0876 169.17)",
200
+ "200": "oklch(52.55% 0.0957 170.04)",
201
+ "300": "oklch(57.43% 0.1030 171.47)",
202
+ "400": "oklch(61.35% 0.1083 173.03)",
203
+ "500": "oklch(66.49% 0.1076 175.10)",
204
+ "600": "oklch(72.02% 0.0990 175.79)",
205
+ "700": "oklch(79.59% 0.0765 177.63)",
206
+ "800": "oklch(87.34% 0.0468 179.37)",
207
+ "900": "oklch(94.97% 0.0197 181.01)"
208
+ },
209
+ "info-dark": {
210
+ "0": "oklch(0.00% 0.0000 NaN)",
211
+ "50": "oklch(33.07% 0.1949 265.89)",
212
+ "100": "oklch(39.05% 0.1932 268.83)",
213
+ "200": "oklch(42.49% 0.1941 269.50)",
214
+ "300": "oklch(45.84% 0.1955 270.44)",
215
+ "400": "oklch(48.71% 0.1977 270.31)",
216
+ "500": "oklch(56.30% 0.1679 273.90)",
217
+ "600": "oklch(64.30% 0.1333 276.18)",
218
+ "700": "oklch(74.58% 0.0927 278.40)",
219
+ "800": "oklch(84.66% 0.0556 281.77)",
220
+ "900": "oklch(93.99% 0.0203 279.98)"
221
+ },
222
+ "warning-dark": {
223
+ "0": "oklch(0.00% 0.0000 NaN)",
224
+ "50": "oklch(58.92% 0.1214 96.61)",
225
+ "100": "oklch(70.25% 0.1489 104.75)",
226
+ "200": "oklch(76.80% 0.1654 107.77)",
227
+ "300": "oklch(83.31% 0.1816 109.76)",
228
+ "400": "oklch(88.33% 0.1942 111.06)",
229
+ "500": "oklch(89.86% 0.1772 110.18)",
230
+ "600": "oklch(91.71% 0.1543 109.48)",
231
+ "700": "oklch(94.00% 0.1164 108.96)",
232
+ "800": "oklch(96.06% 0.0707 106.78)",
233
+ "900": "oklch(98.50% 0.0301 106.90)"
234
+ },
235
+ "danger-dark": {
236
+ "0": "oklch(0.00% 0.0000 NaN)",
237
+ "50": "oklch(50.01% 0.1579 26.13)",
238
+ "100": "oklch(53.67% 0.1615 25.20)",
239
+ "200": "oklch(56.68% 0.1705 24.38)",
240
+ "300": "oklch(60.73% 0.1797 25.28)",
241
+ "400": "oklch(64.08% 0.1872 26.78)",
242
+ "500": "oklch(65.26% 0.1653 22.80)",
243
+ "600": "oklch(68.64% 0.1170 19.23)",
244
+ "700": "oklch(77.19% 0.0850 17.37)",
245
+ "800": "oklch(89.30% 0.0454 9.58)",
246
+ "900": "oklch(95.66% 0.0178 4.63)"
247
+ },
248
+ "success-dark": {
249
+ "0": "oklch(0.00% 0.0000 NaN)",
250
+ "50": "oklch(38.51% 0.0745 165.49)",
251
+ "100": "oklch(47.58% 0.0876 169.17)",
252
+ "200": "oklch(52.55% 0.0957 170.04)",
253
+ "300": "oklch(57.43% 0.1030 171.47)",
254
+ "400": "oklch(61.35% 0.1083 173.03)",
255
+ "500": "oklch(66.49% 0.1076 175.10)",
256
+ "600": "oklch(72.02% 0.0990 175.79)",
257
+ "700": "oklch(79.59% 0.0765 177.63)",
258
+ "800": "oklch(87.34% 0.0468 179.37)",
259
+ "900": "oklch(94.97% 0.0197 181.01)"
260
+ },
261
+ "neutral-dark": {
262
+ "0": "oklch(0.00% 0.0000 NaN)",
263
+ "50": "oklch(21.78% 0.0000 NaN)",
264
+ "100": "oklch(34.85% 0.0000 NaN)",
265
+ "200": "oklch(46.40% 0.0000 NaN)",
266
+ "300": "oklch(53.13% 0.0000 NaN)",
267
+ "400": "oklch(66.65% 0.0000 NaN)",
268
+ "500": "oklch(76.99% 0.0000 NaN)",
269
+ "600": "oklch(88.22% 0.0000 NaN)",
270
+ "700": "oklch(93.10% 0.0000 NaN)",
271
+ "800": "oklch(96.12% 0.0000 NaN)",
272
+ "900": "oklch(98.21% 0.0000 NaN)"
369
273
  }
370
274
  },
371
- "fontSize": {
372
- "typography.headline1.fontSize": "96px",
373
- "typography.headline2'.fontSize": "60px",
374
- "typography.headline3.fontSize": "48px",
375
- "typography.headline4.fontSize": "34px",
376
- "typography.headline5.fontSize": "24px",
377
- "typography.headline6.fontSize": "20px",
378
- "typography.subtitle1.fontSize": "16px",
379
- "typography.subtitle2.fontSize": "14px",
380
- "typography.body1.fontSize": "16px",
381
- "typography.body2.fontSize": "14px",
382
- "typography.caption.fontSize": "12px",
383
- "typography.button.fontSize": "14px",
384
- "typography.overline.fontSize": "12px"
275
+ "lineHeight": {
276
+ "headline1": "100px",
277
+ "headline2'": "64px",
278
+ "headline3": "52px",
279
+ "headline4": "38px",
280
+ "headline5": "28px",
281
+ "headline6": "24px",
282
+ "subtitle1": "20px",
283
+ "subtitle2": "18px",
284
+ "body1": "20px",
285
+ "body2": "18px",
286
+ "caption": "16px",
287
+ "button": "18px",
288
+ "overline": "16px"
289
+ },
290
+ "fontWeight": {
291
+ "headline1": "300",
292
+ "headline2'": "300",
293
+ "headline3": "400",
294
+ "headline4": "400",
295
+ "headline5": "400",
296
+ "headline6": "500",
297
+ "subtitle1": "400",
298
+ "subtitle2": "500",
299
+ "body1": "400",
300
+ "body2": "400",
301
+ "caption": "400",
302
+ "button": "700",
303
+ "overline": "500"
385
304
  },
386
305
  "letterSpacing": {
387
- "typography.headline1.letterSpacing": "-0.25px",
388
- "typography.headline2'.letterSpacing": "-0.13333333333333333px",
389
- "typography.headline3.letterSpacing": "normal",
390
- "typography.headline4.letterSpacing": "0.11764705882352941px",
391
- "typography.headline5.letterSpacing": "normal",
392
- "typography.headline6.letterSpacing": "0.2px",
393
- "typography.subtitle1.letterSpacing": "0.15px",
394
- "typography.subtitle2.letterSpacing": "0.1142857142857143px",
395
- "typography.body1.letterSpacing": "0.5px",
396
- "typography.body2.letterSpacing": "0.2857142857142857px",
397
- "typography.caption.letterSpacing": "0.5333333333333333px",
398
- "typography.button.letterSpacing": "1.4285714285714286px",
399
- "typography.overline.letterSpacing": "2.6666666666666665px"
306
+ "headline1": "-0.25px",
307
+ "headline2'": "-0.13333333333333333px",
308
+ "headline3": "normal",
309
+ "headline4": "0.11764705882352941px",
310
+ "headline5": "normal",
311
+ "headline6": "0.2px",
312
+ "subtitle1": "0.15px",
313
+ "subtitle2": "0.1142857142857143px",
314
+ "body1": "0.5px",
315
+ "body2": "0.2857142857142857px",
316
+ "caption": "0.5333333333333333px",
317
+ "button": "1.4285714285714286px",
318
+ "overline": "2.6666666666666665px"
400
319
  },
401
320
  "boxShadow": {
402
- "elevation-light-light-_": "2px 2px 0px 0px rgb(51, 51, 51)",
403
- "elevation-light-semilight-_": "3px 3px 0px 0px rgb(51, 51, 51)",
404
- "elevation-light-regular-_": "4px 4px 0px 0px rgb(51, 51, 51)",
405
- "elevation-light-semibold-_": "5px 5px 0px 0px rgb(51, 51, 51)",
406
- "elevation-light-bold-_": "6px 6px 0px 0px rgb(51, 51, 51)",
407
- "elevation-light-extrabold-_": "7px 7px 0px 0px rgb(51, 51, 51)",
408
- "elevation-dark-light-_": "2px 2px 0px 0px rgb(255, 255, 255)",
409
- "elevation-dark-semilight-_": "3px 3px 0px 0px rgb(255, 255, 255)",
410
- "elevation-dark-regular-_": "4px 4px 0px 0px rgb(255, 255, 255)",
411
- "elevation-dark-semibold-_": "5px 5px 0px 0px rgb(255, 255, 255)",
412
- "elevation-dark-bold-_": "6px 6px 0px 0px rgb(255, 255, 255)",
413
- "elevation-dark-extrabold-_": "7px 7px 0px 0px rgb(255, 255, 255)"
321
+ "elevation-none": "none",
322
+ "elevation-light-light-_": "2px 2px 0px 0px oklch(32.11% 0.0000 NaN)",
323
+ "elevation-light-semilight-_": "3px 3px 0px 0px oklch(32.11% 0.0000 NaN)",
324
+ "elevation-light-regular-_": "4px 4px 0px 0px oklch(32.11% 0.0000 NaN)",
325
+ "elevation-light-semibold-_": "5px 5px 0px 0px oklch(32.11% 0.0000 NaN)",
326
+ "elevation-light-bold-_": "6px 6px 0px 0px oklch(32.11% 0.0000 NaN)",
327
+ "elevation-light-extrabold-_": "7px 7px 0px 0px oklch(32.11% 0.0000 NaN)",
328
+ "elevation-dark-light-_": "2px 2px 0px 0px oklch(100.00% 0.0000 NaN)",
329
+ "elevation-dark-semilight-_": "3px 3px 0px 0px oklch(100.00% 0.0000 NaN)",
330
+ "elevation-dark-regular-_": "4px 4px 0px 0px oklch(100.00% 0.0000 NaN)",
331
+ "elevation-dark-semibold-_": "5px 5px 0px 0px oklch(100.00% 0.0000 NaN)",
332
+ "elevation-dark-bold-_": "6px 6px 0px 0px oklch(100.00% 0.0000 NaN)",
333
+ "elevation-dark-extrabold-_": "7px 7px 0px 0px oklch(100.00% 0.0000 NaN)"
414
334
  },
415
335
  "transitionDuration": {
416
- "duration._": "200ms 400ms 600ms",
417
- "duration.short": "200ms",
418
- "duration.medium": "400ms",
419
- "duration.long": "600ms"
336
+ "DEFAULT": "200ms 400ms 600ms",
337
+ "short": "200ms",
338
+ "medium": "400ms",
339
+ "long": "600ms"
420
340
  }
421
341
  }
422
342
  }