@breadstone/mosaik-themes 0.0.176 → 0.0.178

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 (43) hide show
  1. package/Index.d.ts +1 -1
  2. package/Index.d.ts.map +1 -1
  3. package/Themes/___cosmopolitan-tokens.css +9 -9
  4. package/Themes/cosmopolitan-tokens.scss +9 -9
  5. package/Themes/cosmopolitan.scss +9 -9
  6. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts +1 -1
  7. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  8. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts +1 -1
  9. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts.map +1 -1
  10. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts +1 -1
  11. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  12. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts +1 -1
  13. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts.map +1 -1
  14. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts +48 -0
  15. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts.map +1 -0
  16. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js +69 -0
  17. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js.map +1 -0
  18. package/Theming/Strategies/index.d.ts +2 -1
  19. package/Theming/Strategies/index.d.ts.map +1 -1
  20. package/Theming/Strategies/index.js +1 -0
  21. package/Theming/Strategies/index.js.map +1 -1
  22. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts +27 -0
  23. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts.map +1 -0
  24. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js +3 -0
  25. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js.map +1 -0
  26. package/Theming/Tokens/CosmopolitanTokens.d.ts +9 -9
  27. package/Theming/Tokens/CosmopolitanTokens.d.ts.map +1 -1
  28. package/Theming/Tokens/CosmopolitanTokens.js +9 -9
  29. package/Theming/Tokens/CosmopolitanTokens.js.map +1 -1
  30. package/package.json +20 -20
  31. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +21 -31
  32. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +93 -34
  33. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +29 -27
  34. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +115 -81
  35. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +29 -27
  36. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +87 -56
  37. package/tailwind/v3/{mosaik-bootstrap.tailwind.config.cjs → presets/mosaik-bootstrap.tailwind.presets.cjs} +10 -16
  38. package/tailwind/v3/presets/mosaik-cosmopolitan.tailwind.presets.cjs +130 -0
  39. package/tailwind/v3/{mosaik-fluent.tailwind.config.cjs → presets/mosaik-fluent.tailwind.presets.cjs} +18 -12
  40. package/tailwind/v3/{mosaik-joy.tailwind.config.cjs → presets/mosaik-joy.tailwind.presets.cjs} +104 -66
  41. package/tailwind/v3/{mosaik-material.tailwind.config.cjs → presets/mosaik-material.tailwind.presets.cjs} +18 -12
  42. package/tailwind/v3/{mosaik-memphis.tailwind.config.cjs → presets/mosaik-memphis.tailwind.presets.cjs} +76 -41
  43. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +0 -67
package/tailwind/v3/{mosaik-joy.tailwind.config.cjs → presets/mosaik-joy.tailwind.presets.cjs} RENAMED
@@ -25,63 +25,76 @@ module.exports = {
25
25
  "button": "Nunito, sans-serif",
26
26
  "overline": "Nunito, sans-serif"
27
27
  },
28
+ "borderRadius": {
29
+ "DEFAULT": "12px"
30
+ },
28
31
  "spacing": {
29
- "radius": "12px",
30
- "space": "8px",
31
- "thickness": "2px",
32
- "size-tiny": "2px",
33
- "size-small": "4px",
34
- "size-medium": "8px",
35
- "size-large": "16px",
36
- "size-giant": "32px"
32
+ "DEFAULT": "8px"
33
+ },
34
+ "borderWidth": {
35
+ "DEFAULT": "2px"
37
36
  },
38
37
  "colors": {
39
- "background": "oklch(93.70% 0.0000 NaN)",
40
- "foreground": "oklch(38.62% 0.0207 251.11)",
41
- "highlight": {
42
- "0": "oklch(100.00% 0.0000 NaN)",
43
- "50": "oklch(98.30% 0.0123 317.91)",
44
- "100": "oklch(95.10% 0.0298 307.19)",
45
- "200": "oklch(87.70% 0.0743 304.18)",
46
- "300": "oklch(77.21% 0.1405 302.22)",
47
- "400": "oklch(66.65% 0.1915 297.24)",
48
- "500": "oklch(55.72% 0.2094 295.22)",
49
- "600": "oklch(45.17% 0.1813 293.78)",
50
- "700": "oklch(36.12% 0.1494 293.98)",
51
- "800": "oklch(28.99% 0.1222 292.55)",
52
- "900": "oklch(21.71% 0.0975 291.58)",
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": {
53
45
  "DEFAULT": "oklch(86.07% 0.0000 NaN)"
54
46
  },
55
- "middlelight": "oklch(63.34% 0.0000 NaN)",
56
- "lowlight": "oklch(47.48% 0.0000 NaN)",
57
- "transparent": "oklch(100.00% 0.0000 NaN / 0.00)",
58
- "semiTransparent": "oklch(100.00% 0.0000 NaN / 0.67)",
59
- "disabled": "oklch(51.73% 0.0000 NaN)",
60
- "contrast": "oklch(100.00% 0.0000 NaN)",
61
- "selection": "oklch(84.52% 0.0000 NaN / 0.44)",
62
- "background-dark": "oklch(19.57% 0.0000 NaN)",
63
- "foreground-dark": "oklch(79.35% 0.0173 70.48)",
64
- "highlight-dark": {
65
- "0": "oklch(0.00% 0.0000 NaN)",
66
- "50": "oklch(21.71% 0.0975 291.58)",
67
- "100": "oklch(28.99% 0.1222 292.55)",
68
- "200": "oklch(36.12% 0.1494 293.98)",
69
- "300": "oklch(45.17% 0.1813 293.78)",
70
- "400": "oklch(55.72% 0.2094 295.22)",
71
- "500": "oklch(66.65% 0.1915 297.24)",
72
- "600": "oklch(77.21% 0.1405 302.22)",
73
- "700": "oklch(87.70% 0.0743 304.18)",
74
- "800": "oklch(95.10% 0.0298 307.19)",
75
- "900": "oklch(98.30% 0.0123 317.91)",
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(100.00% 0.0000 NaN)"
64
+ },
65
+ "scheme-selection": {
66
+ "DEFAULT": "oklch(84.52% 0.0000 NaN / 0.44)"
67
+ },
68
+ "scheme-background-dark": {
69
+ "DEFAULT": "oklch(19.57% 0.0000 NaN)"
70
+ },
71
+ "scheme-foreground-dark": {
72
+ "DEFAULT": "oklch(79.35% 0.0173 70.48)"
73
+ },
74
+ "scheme-highlight-dark": {
76
75
  "DEFAULT": "oklch(30.12% 0.0000 NaN)"
77
76
  },
78
- "middlelight-dark": "oklch(56.24% 0.0000 NaN)",
79
- "lowlight-dark": "oklch(71.55% 0.0000 NaN)",
80
- "transparent-dark": "oklch(100.00% 0.0000 NaN / 0.00)",
81
- "semiTransparent-dark": "oklch(100.00% 0.0000 NaN / 0.03)",
82
- "disabled-dark": "oklch(39.79% 0.0000 NaN)",
83
- "contrast-dark": "oklch(0.00% 0.0000 NaN)",
84
- "selection-dark": "oklch(84.52% 0.0000 NaN / 0.44)",
77
+ "scheme-middlelight-dark": {
78
+ "DEFAULT": "oklch(56.24% 0.0000 NaN)"
79
+ },
80
+ "scheme-lowlight-dark": {
81
+ "DEFAULT": "oklch(71.55% 0.0000 NaN)"
82
+ },
83
+ "scheme-transparent-dark": {
84
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
85
+ },
86
+ "scheme-semiTransparent-dark": {
87
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.03)"
88
+ },
89
+ "scheme-disabled-dark": {
90
+ "DEFAULT": "oklch(39.79% 0.0000 NaN)"
91
+ },
92
+ "scheme-contrast-dark": {
93
+ "DEFAULT": "oklch(0.00% 0.0000 NaN)"
94
+ },
95
+ "scheme-selection-dark": {
96
+ "DEFAULT": "oklch(84.52% 0.0000 NaN / 0.44)"
97
+ },
85
98
  "primary": {
86
99
  "0": "oklch(100.00% 0.0000 NaN)",
87
100
  "50": "oklch(94.05% 0.0282 355.51)",
@@ -173,6 +186,19 @@ module.exports = {
173
186
  "800": "oklch(26.65% 0.0750 149.11)",
174
187
  "900": "oklch(20.20% 0.0538 151.47)"
175
188
  },
189
+ "highlight": {
190
+ "0": "oklch(100.00% 0.0000 NaN)",
191
+ "50": "oklch(98.30% 0.0123 317.91)",
192
+ "100": "oklch(95.10% 0.0298 307.19)",
193
+ "200": "oklch(87.70% 0.0743 304.18)",
194
+ "300": "oklch(77.21% 0.1405 302.22)",
195
+ "400": "oklch(66.65% 0.1915 297.24)",
196
+ "500": "oklch(55.72% 0.2094 295.22)",
197
+ "600": "oklch(45.17% 0.1813 293.78)",
198
+ "700": "oklch(36.12% 0.1494 293.98)",
199
+ "800": "oklch(28.99% 0.1222 292.55)",
200
+ "900": "oklch(21.71% 0.0975 291.58)"
201
+ },
176
202
  "neutral": {
177
203
  "0": "oklch(100.00% 0.0000 NaN)",
178
204
  "50": "oklch(97.64% 0.0013 287.31)",
@@ -277,6 +303,19 @@ module.exports = {
277
303
  "800": "oklch(94.20% 0.0448 151.23)",
278
304
  "900": "oklch(98.64% 0.0165 150.99)"
279
305
  },
306
+ "highlight-dark": {
307
+ "0": "oklch(0.00% 0.0000 NaN)",
308
+ "50": "oklch(21.71% 0.0975 291.58)",
309
+ "100": "oklch(28.99% 0.1222 292.55)",
310
+ "200": "oklch(36.12% 0.1494 293.98)",
311
+ "300": "oklch(45.17% 0.1813 293.78)",
312
+ "400": "oklch(55.72% 0.2094 295.22)",
313
+ "500": "oklch(66.65% 0.1915 297.24)",
314
+ "600": "oklch(77.21% 0.1405 302.22)",
315
+ "700": "oklch(87.70% 0.0743 304.18)",
316
+ "800": "oklch(95.10% 0.0298 307.19)",
317
+ "900": "oklch(98.30% 0.0123 317.91)"
318
+ },
280
319
  "neutral-dark": {
281
320
  "0": "oklch(0.00% 0.0000 NaN)",
282
321
  "50": "oklch(18.91% 0.0101 285.42)",
@@ -291,21 +330,6 @@ module.exports = {
291
330
  "900": "oklch(97.64% 0.0013 287.31)"
292
331
  }
293
332
  },
294
- "fontSize": {
295
- "headline1": "96px",
296
- "headline2'": "60px",
297
- "headline3": "48px",
298
- "headline4": "34px",
299
- "headline5": "24px",
300
- "headline6": "20px",
301
- "subtitle1": "16px",
302
- "subtitle2": "14px",
303
- "body1": "16px",
304
- "body2": "14px",
305
- "caption": "12px",
306
- "button": "14px",
307
- "overline": "12px"
308
- },
309
333
  "lineHeight": {
310
334
  "headline1": "100px",
311
335
  "headline2'": "64px",
@@ -351,8 +375,22 @@ module.exports = {
351
375
  "button": "1.4285714285714286px",
352
376
  "overline": "2.6666666666666665px"
353
377
  },
378
+ "boxShadow": {
379
+ "elevation-none": "none",
380
+ "light": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
381
+ "semilight": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
382
+ "regular": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
383
+ "semibold": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
384
+ "bold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
385
+ "extrabold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
386
+ "light-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
387
+ "semilight-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
388
+ "regular-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
389
+ "semibold-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
390
+ "bold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
391
+ "extrabold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
392
+ },
354
393
  "transitionDuration": {
355
- "DEFAULT": "200ms 400ms 600ms",
356
394
  "short": "200ms",
357
395
  "medium": "400ms",
358
396
  "long": "600ms"
package/tailwind/v3/{mosaik-material.tailwind.config.cjs → presets/mosaik-material.tailwind.presets.cjs} RENAMED
@@ -12,22 +12,28 @@ module.exports = {
12
12
  "fontFamily": {
13
13
  "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
14
14
  },
15
+ "borderRadius": {
16
+ "DEFAULT": "12px"
17
+ },
15
18
  "spacing": {
16
- "layout-radius": "12px",
17
- "layout-space": "8px",
18
- "layout-thickness": "2px",
19
- "size-tiny": "2px",
20
- "size-small": "4px",
21
- "size-medium": "8px",
22
- "size-large": "16px",
23
- "size-giant": "32px"
19
+ "DEFAULT": "8px"
20
+ },
21
+ "borderWidth": {
22
+ "DEFAULT": "2px"
24
23
  },
25
24
  "colors": {
26
- "color": {
27
- "light-primary": "oklch(48.14% 0.2784 286.55)",
28
- "light-secondary": "oklch(37.32% 0.2273 279.07)",
29
- "light-tertiary": "oklch(79.79% 0.1416 183.25)"
25
+ "primary": {
26
+ "DEFAULT": "oklch(48.14% 0.2784 286.55)"
27
+ },
28
+ "secondary": {
29
+ "DEFAULT": "oklch(37.32% 0.2273 279.07)"
30
+ },
31
+ "tertiary": {
32
+ "DEFAULT": "oklch(79.79% 0.1416 183.25)"
30
33
  }
34
+ },
35
+ "boxShadow": {
36
+ "DEFAULT": "none"
31
37
  }
32
38
  }
33
39
  }
package/tailwind/v3/{mosaik-memphis.tailwind.config.cjs → presets/mosaik-memphis.tailwind.presets.cjs} RENAMED
@@ -25,35 +25,70 @@ module.exports = {
25
25
  "button": "Nunito, sans-serif",
26
26
  "overline": "Nunito, sans-serif"
27
27
  },
28
+ "borderRadius": {
29
+ "DEFAULT": "0px"
30
+ },
28
31
  "spacing": {
29
- "radius": "0px",
30
- "space": "10px",
31
- "thickness": "3px",
32
- "size-tiny": "2px",
33
- "size-small": "4px",
34
- "size-medium": "8px",
35
- "size-large": "16px",
36
- "size-giant": "32px"
32
+ "DEFAULT": "10px"
33
+ },
34
+ "borderWidth": {
35
+ "DEFAULT": "3px"
37
36
  },
38
37
  "colors": {
39
- "background": "oklch(93.70% 0.0000 NaN)",
40
- "foreground": "oklch(38.62% 0.0207 251.11)",
41
- "highlight": "oklch(86.07% 0.0000 NaN)",
42
- "middlelight": "oklch(63.34% 0.0000 NaN)",
43
- "lowlight": "oklch(47.48% 0.0000 NaN)",
44
- "transparent": "oklch(100.00% 0.0000 NaN / 0.00)",
45
- "semiTransparent": "oklch(100.00% 0.0000 NaN / 0.67)",
46
- "disabled": "oklch(51.73% 0.0000 NaN)",
47
- "contrast": "oklch(32.11% 0.0000 NaN)",
48
- "background-dark": "oklch(19.57% 0.0000 NaN)",
49
- "foreground-dark": "oklch(79.35% 0.0173 70.48)",
50
- "highlight-dark": "oklch(30.12% 0.0000 NaN)",
51
- "middlelight-dark": "oklch(56.24% 0.0000 NaN)",
52
- "lowlight-dark": "oklch(71.55% 0.0000 NaN)",
53
- "transparent-dark": "oklch(100.00% 0.0000 NaN / 0.00)",
54
- "semiTransparent-dark": "oklch(0.00% 0.0000 NaN / 0.67)",
55
- "disabled-dark": "oklch(39.79% 0.0000 NaN)",
56
- "contrast-dark": "oklch(100.00% 0.0000 NaN)",
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)"
82
+ },
83
+ "scheme-semiTransparent-dark": {
84
+ "DEFAULT": "oklch(0.00% 0.0000 NaN / 0.67)"
85
+ },
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
+ },
57
92
  "primary": {
58
93
  "0": "oklch(100.00% 0.0000 NaN)",
59
94
  "50": "oklch(98.21% 0.0000 NaN)",
@@ -237,21 +272,6 @@ module.exports = {
237
272
  "900": "oklch(98.21% 0.0000 NaN)"
238
273
  }
239
274
  },
240
- "fontSize": {
241
- "headline1": "96px",
242
- "headline2'": "60px",
243
- "headline3": "48px",
244
- "headline4": "34px",
245
- "headline5": "24px",
246
- "headline6": "20px",
247
- "subtitle1": "16px",
248
- "subtitle2": "14px",
249
- "body1": "16px",
250
- "body2": "14px",
251
- "caption": "12px",
252
- "button": "14px",
253
- "overline": "12px"
254
- },
255
275
  "lineHeight": {
256
276
  "headline1": "100px",
257
277
  "headline2'": "64px",
@@ -297,6 +317,21 @@ module.exports = {
297
317
  "button": "1.4285714285714286px",
298
318
  "overline": "2.6666666666666665px"
299
319
  },
320
+ "boxShadow": {
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)"
334
+ },
300
335
  "transitionDuration": {
301
336
  "DEFAULT": "200ms 400ms 600ms",
302
337
  "short": "200ms",
package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs DELETED
@@ -1,67 +0,0 @@
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
-
9
- module.exports = {
10
- "theme": {
11
- "extend": {
12
- "fontFamily": {
13
- "sans": "'Noto Sans', sans-serif",
14
- "heading": "'Noto Sans', sans-serif",
15
- "content": "'Noto Sans', sans-serif",
16
- "button": "'Noto Sans', sans-serif"
17
- },
18
- "spacing": {
19
- "radius": "3px",
20
- "space": "8px",
21
- "thickness": "1px",
22
- "size-tiny": "2px",
23
- "size-small": "4px",
24
- "size-medium": "8px",
25
- "size-large": "16px",
26
- "size-giant": "32px"
27
- },
28
- "colors": {
29
- "primary": {
30
- "0": "#ffffff",
31
- "100": "#fed7ea",
32
- "500": "#dc1884"
33
- },
34
- "primary-dark": {
35
- "0": "#000000",
36
- "100": "#4b0225",
37
- "500": "#dc1884"
38
- }
39
- },
40
- "fontSize": {
41
- "heading": "24px",
42
- "content": "16px",
43
- "button": "16px"
44
- },
45
- "lineHeight": {
46
- "heading": "28px",
47
- "content": "20px",
48
- "button": "20px"
49
- },
50
- "fontWeight": {
51
- "heading": "300",
52
- "content": "300",
53
- "button": "700"
54
- },
55
- "letterSpacing": {
56
- "heading": "-0.25px",
57
- "content": "-0.25px",
58
- "button": "-0.25px"
59
- },
60
- "transitionDuration": {
61
- "short": "200ms",
62
- "medium": "400ms",
63
- "long": "600ms"
64
- }
65
- }
66
- }
67
- };