@breadstone/mosaik-themes 0.0.206 → 0.0.210

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 (73) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/_index.scss +0 -12
  3. package/index.cjs +1457 -696
  4. package/index.cjs.map +1 -1
  5. package/index.d.mts +256 -58
  6. package/index.d.ts +256 -58
  7. package/index.js +1458 -697
  8. package/index.js.map +1 -1
  9. package/package.json +2 -5
  10. package/tailwind/v3/index.d.ts +0 -6
  11. package/tailwind/v3/index.d.ts.map +1 -1
  12. package/tailwind/v3/index.js +1 -7
  13. package/tailwind/v3/index.js.map +1 -1
  14. package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.js +272 -12
  15. package/tailwind/v3/plugins/cosmopolitanTailwindPlugin.js.map +1 -1
  16. package/tailwind/v3/plugins/joyTailwindPlugin.js +6 -0
  17. package/tailwind/v3/plugins/joyTailwindPlugin.js.map +1 -1
  18. package/tailwind/v3/plugins/memphisTailwindPlugin.js +204 -140
  19. package/tailwind/v3/plugins/memphisTailwindPlugin.js.map +1 -1
  20. package/tailwind/v3/presets/cosmopolitanTailwindPresets.js +272 -12
  21. package/tailwind/v3/presets/cosmopolitanTailwindPresets.js.map +1 -1
  22. package/tailwind/v3/presets/joyTailwindPresets.js +6 -0
  23. package/tailwind/v3/presets/joyTailwindPresets.js.map +1 -1
  24. package/tailwind/v3/presets/memphisTailwindPresets.js +204 -140
  25. package/tailwind/v3/presets/memphisTailwindPresets.js.map +1 -1
  26. package/tailwind/v4/cosmopolitanTailwindPresets.css +232 -12
  27. package/tailwind/v4/joyTailwindPresets.css +2 -0
  28. package/tailwind/v4/memphisTailwindPresets.css +188 -140
  29. package/themes/___cosmopolitan-tokens.css +264 -20
  30. package/themes/___joy-tokens.css +2 -0
  31. package/themes/___memphis-tokens.css +188 -140
  32. package/themes/cosmopolitan-tokens.scss +264 -20
  33. package/themes/cosmopolitan.scss +661 -77
  34. package/themes/joy-tokens.scss +2 -0
  35. package/themes/joy.scss +341 -53
  36. package/themes/memphis-tokens.scss +188 -140
  37. package/themes/memphis.scss +527 -193
  38. package/tailwind/v3/plugins/bootstrapTailwindPlugin.d.ts +0 -2
  39. package/tailwind/v3/plugins/bootstrapTailwindPlugin.d.ts.map +0 -1
  40. package/tailwind/v3/plugins/bootstrapTailwindPlugin.js +0 -112
  41. package/tailwind/v3/plugins/bootstrapTailwindPlugin.js.map +0 -1
  42. package/tailwind/v3/plugins/fluentTailwindPlugin.d.ts +0 -2
  43. package/tailwind/v3/plugins/fluentTailwindPlugin.d.ts.map +0 -1
  44. package/tailwind/v3/plugins/fluentTailwindPlugin.js +0 -63
  45. package/tailwind/v3/plugins/fluentTailwindPlugin.js.map +0 -1
  46. package/tailwind/v3/plugins/materialTailwindPlugin.d.ts +0 -2
  47. package/tailwind/v3/plugins/materialTailwindPlugin.d.ts.map +0 -1
  48. package/tailwind/v3/plugins/materialTailwindPlugin.js +0 -53
  49. package/tailwind/v3/plugins/materialTailwindPlugin.js.map +0 -1
  50. package/tailwind/v3/presets/bootstrapTailwindPresets.d.ts +0 -2
  51. package/tailwind/v3/presets/bootstrapTailwindPresets.d.ts.map +0 -1
  52. package/tailwind/v3/presets/bootstrapTailwindPresets.js +0 -101
  53. package/tailwind/v3/presets/bootstrapTailwindPresets.js.map +0 -1
  54. package/tailwind/v3/presets/fluentTailwindPresets.d.ts +0 -2
  55. package/tailwind/v3/presets/fluentTailwindPresets.d.ts.map +0 -1
  56. package/tailwind/v3/presets/fluentTailwindPresets.js +0 -52
  57. package/tailwind/v3/presets/fluentTailwindPresets.js.map +0 -1
  58. package/tailwind/v3/presets/materialTailwindPresets.d.ts +0 -2
  59. package/tailwind/v3/presets/materialTailwindPresets.d.ts.map +0 -1
  60. package/tailwind/v3/presets/materialTailwindPresets.js +0 -42
  61. package/tailwind/v3/presets/materialTailwindPresets.js.map +0 -1
  62. package/tailwind/v4/bootstrapTailwindPresets.css +0 -86
  63. package/tailwind/v4/fluentTailwindPresets.css +0 -39
  64. package/tailwind/v4/materialTailwindPresets.css +0 -29
  65. package/themes/___bootstrap-tokens.css +0 -91
  66. package/themes/___fluent-tokens.css +0 -30
  67. package/themes/___material-tokens.css +0 -22
  68. package/themes/bootstrap-tokens.scss +0 -89
  69. package/themes/bootstrap.scss +0 -163
  70. package/themes/fluent-tokens.scss +0 -28
  71. package/themes/fluent.scss +0 -1591
  72. package/themes/material-tokens.scss +0 -20
  73. package/themes/material.scss +0 -94
package/tailwind/v4/cosmopolitanTailwindPresets.css CHANGED
@@ -11,12 +11,116 @@
11
11
  --border-width-layout-thickness: 1px;
12
12
 
13
13
  /* color */
14
+ --color-danger-0: oklch(100.00% 0.0000 NaN);
15
+ --color-danger-0-dark: oklch(0.00% 0.0000 NaN);
16
+ --color-danger-100: oklch(95.14% 0.0241 20.79);
17
+ --color-danger-100-dark: oklch(29.16% 0.1169 18.65);
18
+ --color-danger-200: oklch(87.87% 0.0643 20.84);
19
+ --color-danger-200-dark: oklch(36.34% 0.1413 20.63);
20
+ --color-danger-300: oklch(77.41% 0.1330 20.02);
21
+ --color-danger-300-dark: oklch(45.31% 0.1751 21.97);
22
+ --color-danger-400: oklch(67.11% 0.2042 23.57);
23
+ --color-danger-400-dark: oklch(55.98% 0.2080 24.57);
24
+ --color-danger-50: oklch(98.40% 0.0080 36.71);
25
+ --color-danger-50-dark: oklch(21.92% 0.0876 14.52);
26
+ --color-danger-500: oklch(55.98% 0.2080 24.57);
27
+ --color-danger-500-dark: oklch(67.11% 0.2042 23.57);
28
+ --color-danger-600: oklch(45.31% 0.1751 21.97);
29
+ --color-danger-600-dark: oklch(77.41% 0.1330 20.02);
30
+ --color-danger-700: oklch(36.34% 0.1413 20.63);
31
+ --color-danger-700-dark: oklch(87.87% 0.0643 20.84);
32
+ --color-danger-800: oklch(29.16% 0.1169 18.65);
33
+ --color-danger-800-dark: oklch(95.14% 0.0241 20.79);
34
+ --color-danger-900: oklch(21.92% 0.0876 14.52);
35
+ --color-danger-900-dark: oklch(98.40% 0.0080 36.71);
36
+ --color-highlight-0: oklch(100.00% 0.0000 NaN);
37
+ --color-highlight-0-dark: oklch(0.00% 0.0000 NaN);
38
+ --color-highlight-100: oklch(95.10% 0.0298 307.19);
39
+ --color-highlight-100-dark: oklch(28.99% 0.1222 292.55);
40
+ --color-highlight-200: oklch(87.70% 0.0743 304.18);
41
+ --color-highlight-200-dark: oklch(36.12% 0.1494 293.98);
42
+ --color-highlight-300: oklch(77.21% 0.1405 302.22);
43
+ --color-highlight-300-dark: oklch(45.17% 0.1813 293.78);
44
+ --color-highlight-400: oklch(66.65% 0.1915 297.24);
45
+ --color-highlight-400-dark: oklch(55.72% 0.2094 295.22);
46
+ --color-highlight-50: oklch(98.30% 0.0123 317.91);
47
+ --color-highlight-50-dark: oklch(21.71% 0.0975 291.58);
48
+ --color-highlight-500: oklch(55.72% 0.2094 295.22);
49
+ --color-highlight-500-dark: oklch(66.65% 0.1915 297.24);
50
+ --color-highlight-600: oklch(45.17% 0.1813 293.78);
51
+ --color-highlight-600-dark: oklch(77.21% 0.1405 302.22);
52
+ --color-highlight-700: oklch(36.12% 0.1494 293.98);
53
+ --color-highlight-700-dark: oklch(87.70% 0.0743 304.18);
54
+ --color-highlight-800: oklch(28.99% 0.1222 292.55);
55
+ --color-highlight-800-dark: oklch(95.10% 0.0298 307.19);
56
+ --color-highlight-900: oklch(21.71% 0.0975 291.58);
57
+ --color-highlight-900-dark: oklch(98.30% 0.0123 317.91);
58
+ --color-info-0: oklch(100.00% 0.0000 NaN);
59
+ --color-info-0-dark: oklch(0.00% 0.0000 NaN);
60
+ --color-info-100: oklch(94.76% 0.0284 238.21);
61
+ --color-info-100-dark: oklch(28.68% 0.0962 258.87);
62
+ --color-info-200: oklch(87.12% 0.0693 242.12);
63
+ --color-info-200-dark: oklch(35.06% 0.1310 258.67);
64
+ --color-info-300: oklch(75.94% 0.1278 250.45);
65
+ --color-info-300-dark: oklch(43.86% 0.1585 258.07);
66
+ --color-info-400: oklch(65.77% 0.1844 256.27);
67
+ --color-info-400-dark: oklch(54.72% 0.1933 257.47);
68
+ --color-info-50: oklch(98.20% 0.0092 242.79);
69
+ --color-info-50-dark: oklch(20.84% 0.0811 259.09);
70
+ --color-info-500: oklch(54.72% 0.1933 257.47);
71
+ --color-info-500-dark: oklch(65.77% 0.1844 256.27);
72
+ --color-info-600: oklch(43.86% 0.1585 258.07);
73
+ --color-info-600-dark: oklch(75.94% 0.1278 250.45);
74
+ --color-info-700: oklch(35.06% 0.1310 258.67);
75
+ --color-info-700-dark: oklch(87.12% 0.0693 242.12);
76
+ --color-info-800: oklch(28.68% 0.0962 258.87);
77
+ --color-info-800-dark: oklch(94.76% 0.0284 238.21);
78
+ --color-info-900: oklch(20.84% 0.0811 259.09);
79
+ --color-info-900-dark: oklch(98.20% 0.0092 242.79);
80
+ --color-neutral-0: oklch(100.00% 0.0000 NaN);
81
+ --color-neutral-0-dark: oklch(0.00% 0.0000 NaN);
82
+ --color-neutral-100: oklch(94.12% 0.0053 286.52);
83
+ --color-neutral-100-dark: oklch(26.79% 0.0148 285.38);
84
+ --color-neutral-200: oklch(88.43% 0.0095 286.32);
85
+ --color-neutral-200-dark: oklch(39.06% 0.0320 284.84);
86
+ --color-neutral-300: oklch(78.98% 0.0182 286.03);
87
+ --color-neutral-300-dark: oklch(47.68% 0.0384 284.87);
88
+ --color-neutral-400: oklch(65.67% 0.0294 285.59);
89
+ --color-neutral-400-dark: oklch(56.46% 0.0383 285.12);
90
+ --color-neutral-50: oklch(97.64% 0.0013 287.31);
91
+ --color-neutral-50-dark: oklch(18.91% 0.0101 285.42);
92
+ --color-neutral-500: oklch(56.46% 0.0383 285.12);
93
+ --color-neutral-500-dark: oklch(65.67% 0.0294 285.59);
94
+ --color-neutral-600: oklch(47.68% 0.0384 284.87);
95
+ --color-neutral-600-dark: oklch(78.98% 0.0182 286.03);
96
+ --color-neutral-700: oklch(39.06% 0.0320 284.84);
97
+ --color-neutral-700-dark: oklch(88.43% 0.0095 286.32);
98
+ --color-neutral-800: oklch(26.79% 0.0148 285.38);
99
+ --color-neutral-800-dark: oklch(94.12% 0.0053 286.52);
100
+ --color-neutral-900: oklch(18.91% 0.0101 285.42);
101
+ --color-neutral-900-dark: oklch(97.64% 0.0013 287.31);
14
102
  --color-primary-0: oklch(100.00% 0.0000 NaN);
15
103
  --color-primary-0-dark: oklch(0.00% 0.0000 NaN);
16
- --color-primary-100: oklch(91.74% 0.0497 347.24);
17
- --color-primary-100-dark: oklch(26.98% 0.1065 359.19);
18
- --color-primary-500: oklch(59.06% 0.2325 355.11);
19
- --color-primary-500-dark: oklch(59.06% 0.2325 355.11);
104
+ --color-primary-100: #f8bcd0;
105
+ --color-primary-100-dark: oklch(38.85% 0.1431 8.52);
106
+ --color-primary-200: oklch(76.57% 0.1276 358.98);
107
+ --color-primary-200-dark: oklch(46.66% 0.1743 9.02);
108
+ --color-primary-300: oklch(68.78% 0.1797 1.97);
109
+ --color-primary-300-dark: oklch(54.73% 0.2066 9.46);
110
+ --color-primary-400: #ec407a;
111
+ --color-primary-400-dark: oklch(60.62% 0.2298 9.63);
112
+ --color-primary-50: oklch(94.05% 0.0282 355.51);
113
+ --color-primary-50-dark: oklch(23.55% 0.0784 5.22);
114
+ --color-primary-500: oklch(60.62% 0.2298 9.63);
115
+ --color-primary-500-dark: oklch(63.92% 0.2104 5.28);
116
+ --color-primary-600: oklch(54.73% 0.2066 9.46);
117
+ --color-primary-600-dark: oklch(68.78% 0.1797 1.97);
118
+ --color-primary-700: oklch(46.66% 0.1743 9.02);
119
+ --color-primary-700-dark: oklch(76.57% 0.1276 358.98);
120
+ --color-primary-800: oklch(38.85% 0.1431 8.52);
121
+ --color-primary-800-dark: oklch(85.51% 0.0733 356.98);
122
+ --color-primary-900: oklch(23.55% 0.0784 5.22);
123
+ --color-primary-900-dark: oklch(94.05% 0.0282 355.51);
20
124
  --color-scheme-background: oklch(100.00% 0.0000 NaN);
21
125
  --color-scheme-background-dark: oklch(29.82% 0.0014 17.61);
22
126
  --color-scheme-contrast: oklch(100.00% 0.0000 NaN);
@@ -31,31 +135,147 @@
31
135
  --color-scheme-lowlight-dark: oklch(68.30% 0.0000 NaN);
32
136
  --color-scheme-middlelight: oklch(56.93% 0.0000 NaN);
33
137
  --color-scheme-middlelight-dark: oklch(51.03% 0.0000 NaN);
138
+ --color-scheme-selection: oklch(83.26% 0.1120 348.76);
139
+ --color-scheme-selection-dark: oklch(72.15% 0.1968 355.55);
34
140
  --color-scheme-semiTransparent: oklch(100.00% 0.0000 NaN / 0.67);
35
141
  --color-scheme-semiTransparent-dark: oklch(20.46% 0.0000 NaN / 0.67);
142
+ --color-scheme-surface: oklch(99.70% 0.0000 NaN);
143
+ --color-scheme-surface-dark: oklch(29.82% 0.0014 17.61);
36
144
  --color-scheme-transparent: oklch(100.00% 0.0000 NaN / 0.00);
37
145
  --color-scheme-transparent-dark: oklch(20.46% 0.0000 NaN / 0.00);
146
+ --color-secondary-0: oklch(100.00% 0.0000 NaN);
147
+ --color-secondary-0-dark: oklch(0.00% 0.0000 NaN);
148
+ --color-secondary-100: oklch(89.61% 0.0571 149.74);
149
+ --color-secondary-100-dark: oklch(52.56% 0.1558 147.09);
150
+ --color-secondary-200: oklch(82.99% 0.0942 149.93);
151
+ --color-secondary-200-dark: oklch(57.54% 0.1673 147.83);
152
+ --color-secondary-300: oklch(76.70% 0.1351 149.12);
153
+ --color-secondary-300-dark: oklch(62.90% 0.1763 147.89);
154
+ --color-secondary-400: oklch(71.84% 0.1617 148.57);
155
+ --color-secondary-400-dark: oklch(67.23% 0.1848 147.88);
156
+ --color-secondary-50: oklch(95.77% 0.0241 151.10);
157
+ --color-secondary-50-dark: oklch(43.14% 0.1344 145.31);
158
+ --color-secondary-500: oklch(67.23% 0.1848 147.88);
159
+ --color-secondary-500-dark: oklch(71.84% 0.1617 148.57);
160
+ --color-secondary-600: oklch(62.90% 0.1763 147.89);
161
+ --color-secondary-600-dark: oklch(76.70% 0.1351 149.12);
162
+ --color-secondary-700: oklch(57.54% 0.1673 147.83);
163
+ --color-secondary-700-dark: oklch(82.99% 0.0942 149.93);
164
+ --color-secondary-800: oklch(52.56% 0.1558 147.09);
165
+ --color-secondary-800-dark: oklch(89.61% 0.0571 149.74);
166
+ --color-secondary-900: oklch(43.14% 0.1344 145.31);
167
+ --color-secondary-900-dark: oklch(95.77% 0.0241 151.10);
168
+ --color-success-0: oklch(100.00% 0.0000 NaN);
169
+ --color-success-0-dark: oklch(0.00% 0.0000 NaN);
170
+ --color-success-100: oklch(94.20% 0.0448 151.23);
171
+ --color-success-100-dark: oklch(26.65% 0.0750 149.11);
172
+ --color-success-200: oklch(85.32% 0.1616 150.11);
173
+ --color-success-200-dark: oklch(33.49% 0.0936 148.36);
174
+ --color-success-300: oklch(73.96% 0.1674 149.48);
175
+ --color-success-300-dark: oklch(42.02% 0.1131 148.08);
176
+ --color-success-400: oklch(62.86% 0.1606 148.43);
177
+ --color-success-400-dark: oklch(51.86% 0.1383 147.98);
178
+ --color-success-50: oklch(98.64% 0.0165 150.99);
179
+ --color-success-50-dark: oklch(20.20% 0.0538 151.47);
180
+ --color-success-500: oklch(51.86% 0.1383 147.98);
181
+ --color-success-500-dark: oklch(62.86% 0.1606 148.43);
182
+ --color-success-600: oklch(42.02% 0.1131 148.08);
183
+ --color-success-600-dark: oklch(73.96% 0.1674 149.48);
184
+ --color-success-700: oklch(33.49% 0.0936 148.36);
185
+ --color-success-700-dark: oklch(85.32% 0.1616 150.11);
186
+ --color-success-800: oklch(26.65% 0.0750 149.11);
187
+ --color-success-800-dark: oklch(94.20% 0.0448 151.23);
188
+ --color-success-900: oklch(20.20% 0.0538 151.47);
189
+ --color-success-900-dark: oklch(98.64% 0.0165 150.99);
190
+ --color-tertiary-0: oklch(100.00% 0.0000 NaN);
191
+ --color-tertiary-0-dark: oklch(0.00% 0.0000 NaN);
192
+ --color-tertiary-100: oklch(89.57% 0.0563 220.64);
193
+ --color-tertiary-100-dark: oklch(55.32% 0.1255 240.41);
194
+ --color-tertiary-200: oklch(83.17% 0.0896 223.70);
195
+ --color-tertiary-200-dark: oklch(60.48% 0.1324 238.12);
196
+ --color-tertiary-300: oklch(77.54% 0.1158 225.67);
197
+ --color-tertiary-300-dark: oklch(66.14% 0.1382 235.75);
198
+ --color-tertiary-400: oklch(73.53% 0.1310 229.33);
199
+ --color-tertiary-400-dark: oklch(70.20% 0.1419 233.82);
200
+ --color-tertiary-50: oklch(95.75% 0.0231 220.67);
201
+ --color-tertiary-50-dark: oklch(45.31% 0.1162 245.86);
202
+ --color-tertiary-500: oklch(70.20% 0.1419 233.82);
203
+ --color-tertiary-500-dark: oklch(73.53% 0.1310 229.33);
204
+ --color-tertiary-600: oklch(66.14% 0.1382 235.75);
205
+ --color-tertiary-600-dark: oklch(77.54% 0.1158 225.67);
206
+ --color-tertiary-700: oklch(60.48% 0.1324 238.12);
207
+ --color-tertiary-700-dark: oklch(83.17% 0.0896 223.70);
208
+ --color-tertiary-800: oklch(55.32% 0.1255 240.41);
209
+ --color-tertiary-800-dark: oklch(89.57% 0.0563 220.64);
210
+ --color-tertiary-900: oklch(45.31% 0.1162 245.86);
211
+ --color-tertiary-900-dark: oklch(95.75% 0.0231 220.67);
212
+ --color-warning-0: oklch(100.00% 0.0000 NaN);
213
+ --color-warning-0-dark: oklch(0.00% 0.0000 NaN);
214
+ --color-warning-100: oklch(90.99% 0.1235 95.66);
215
+ --color-warning-100-dark: oklch(32.98% 0.0722 68.30);
216
+ --color-warning-200: oklch(83.42% 0.1401 91.50);
217
+ --color-warning-200-dark: oklch(39.37% 0.0853 68.93);
218
+ --color-warning-300: oklch(74.98% 0.1407 87.05);
219
+ --color-warning-300-dark: oklch(46.65% 0.1009 70.17);
220
+ --color-warning-400: oklch(66.19% 0.1374 79.24);
221
+ --color-warning-400-dark: oklch(55.42% 0.1169 75.00);
222
+ --color-warning-50: oklch(97.22% 0.0659 100.99);
223
+ --color-warning-50-dark: oklch(28.03% 0.0602 71.48);
224
+ --color-warning-500: oklch(55.42% 0.1169 75.00);
225
+ --color-warning-500-dark: oklch(66.19% 0.1374 79.24);
226
+ --color-warning-600: oklch(46.65% 0.1009 70.17);
227
+ --color-warning-600-dark: oklch(74.98% 0.1407 87.05);
228
+ --color-warning-700: oklch(39.37% 0.0853 68.93);
229
+ --color-warning-700-dark: oklch(83.42% 0.1401 91.50);
230
+ --color-warning-800: oklch(32.98% 0.0722 68.30);
231
+ --color-warning-800-dark: oklch(90.99% 0.1235 95.66);
232
+ --color-warning-900: oklch(28.03% 0.0602 71.48);
233
+ --color-warning-900-dark: oklch(97.22% 0.0659 100.99);
38
234
 
39
235
  /* font-family */
236
+ --font-family-body1: 'Noto Sans', sans-serif;
237
+ --font-family-body2: 'Noto Sans', sans-serif;
40
238
  --font-family-button: 'Noto Sans', sans-serif;
41
- --font-family-content: 'Noto Sans', sans-serif;
42
239
  --font-family-family: 'Noto Sans', sans-serif;
43
- --font-family-heading: 'Noto Sans', sans-serif;
240
+ --font-family-headline1: 'Noto Sans', sans-serif;
241
+ --font-family-headline2: 'Noto Sans', sans-serif;
242
+ --font-family-headline3: 'Noto Sans', sans-serif;
243
+ --font-family-headline4: 'Noto Sans', sans-serif;
244
+ --font-family-headline5: 'Noto Sans', sans-serif;
245
+ --font-family-headline6: 'Noto Sans', sans-serif;
44
246
 
45
247
  /* font-weight */
248
+ --font-weight-body1: 300;
249
+ --font-weight-body2: 300;
46
250
  --font-weight-button: 700;
47
- --font-weight-content: 300;
48
- --font-weight-heading: 300;
251
+ --font-weight-headline1: 300;
252
+ --font-weight-headline2: 300;
253
+ --font-weight-headline3: 300;
254
+ --font-weight-headline4: 300;
255
+ --font-weight-headline5: 300;
256
+ --font-weight-headline6: 300;
49
257
 
50
258
  /* letter-spacing */
259
+ --letter-spacing-body1: -0.25px;
260
+ --letter-spacing-body2: -0.25px;
51
261
  --letter-spacing-button: -0.25px;
52
- --letter-spacing-content: -0.25px;
53
- --letter-spacing-heading: -0.25px;
262
+ --letter-spacing-headline1: -0.25px;
263
+ --letter-spacing-headline2: -0.25px;
264
+ --letter-spacing-headline3: -0.25px;
265
+ --letter-spacing-headline4: -0.25px;
266
+ --letter-spacing-headline5: -0.25px;
267
+ --letter-spacing-headline6: -0.25px;
54
268
 
55
269
  /* line-height */
270
+ --line-height-body1: 20px;
271
+ --line-height-body2: 20px;
56
272
  --line-height-button: 20px;
57
- --line-height-content: 20px;
58
- --line-height-heading: 28px;
273
+ --line-height-headline1: 28px;
274
+ --line-height-headline2: 28px;
275
+ --line-height-headline3: 28px;
276
+ --line-height-headline4: 28px;
277
+ --line-height-headline5: 28px;
278
+ --line-height-headline6: 28px;
59
279
 
60
280
  /* radius */
61
281
  --radius-layout-radius: 3px;
package/tailwind/v4/joyTailwindPresets.css CHANGED
@@ -139,6 +139,8 @@
139
139
  --color-scheme-selection-dark: oklch(84.52% 0.0000 NaN / 0.44);
140
140
  --color-scheme-semiTransparent: oklch(100.00% 0.0000 NaN / 0.67);
141
141
  --color-scheme-semiTransparent-dark: oklch(100.00% 0.0000 NaN / 0.03);
142
+ --color-scheme-surface: oklch(97.02% 0.0000 NaN);
143
+ --color-scheme-surface-dark: oklch(23.50% 0.0000 NaN);
142
144
  --color-scheme-transparent: oklch(100.00% 0.0000 NaN / 0.00);
143
145
  --color-scheme-transparent-dark: oklch(100.00% 0.0000 NaN / 0.00);
144
146
  --color-secondary-0: oklch(100.00% 0.0000 NaN);