@krizaka/tokens 3.34.0 → 3.36.0

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 (18) hide show
  1. package/BRAND.md +42 -59
  2. package/README.md +23 -14
  3. package/dist/brands/akinaza.css +4 -6
  4. package/dist/brands/kachizaka.css +4 -6
  5. package/dist/brands/krizaka.css +4 -6
  6. package/dist/brands/orazaka.css +4 -6
  7. package/dist/brands/orochia.css +4 -6
  8. package/dist/brands/scoped.css +54 -54
  9. package/dist/brands/yasakia.css +4 -6
  10. package/dist/brands/yazakia.css +4 -6
  11. package/dist/brands/yomizaka.css +4 -6
  12. package/dist/brands/yororis.css +4 -6
  13. package/dist/index.d.ts +8 -0
  14. package/dist/index.js +212 -188
  15. package/dist/native.d.ts +16 -10
  16. package/dist/native.js +139 -127
  17. package/dist/tokens.css +125 -103
  18. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -38,6 +38,12 @@ export const tokens = /* @__PURE__ */ Object.freeze({
38
38
  "scrim": "var(--kz-scrim)",
39
39
  "scrimStrong": "var(--kz-scrim-strong)",
40
40
  "overlay": "var(--kz-overlay)",
41
+ "paperRuleMajor": "var(--kz-paper-rule-major)",
42
+ "paperRuleMinor": "var(--kz-paper-rule-minor)",
43
+ "paperRuleMargin": "var(--kz-paper-rule-margin)",
44
+ "paperTag": "var(--kz-paper-tag)",
45
+ "paperTagEdge": "var(--kz-paper-tag-edge)",
46
+ "paperTagInk": "var(--kz-paper-tag-ink)",
41
47
  "radiusXs": "var(--kz-radius-xs)",
42
48
  "radiusSm": "var(--kz-radius-sm)",
43
49
  "radiusMd": "var(--kz-radius-md)",
@@ -68,6 +74,8 @@ export const tokens = /* @__PURE__ */ Object.freeze({
68
74
  "controlField": "var(--kz-control-field)",
69
75
  "cutShape": "var(--kz-cut-shape)",
70
76
  "cutSize": "var(--kz-cut-size)",
77
+ "paperModule": "var(--kz-paper-module)",
78
+ "paperLine": "var(--kz-paper-line)",
71
79
  "ease": "var(--kz-ease)",
72
80
  "easeSpring": "var(--kz-ease-spring)",
73
81
  "durationInstant": "var(--kz-duration-instant)",
@@ -137,17 +145,17 @@ export const tokens = /* @__PURE__ */ Object.freeze({
137
145
 
138
146
  /** The raw CSS values per theme (aliases resolved), for canvas, charts and e-mails. */
139
147
  export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Object.freeze({
140
- "surface0": "hsl(240 6% 5%)",
141
- "surface1": "hsl(240 5% 9%)",
142
- "surface2": "hsl(240 5% 13%)",
143
- "surface3": "hsl(240 4% 17%)",
144
- "media": "hsl(240 5% 11%)",
145
- "borderSubtle": "hsl(0 0% 100% / 0.06)",
146
- "borderDefault": "hsl(0 0% 100% / 0.10)",
147
- "borderStrong": "hsl(0 0% 100% / 0.16)",
148
- "textPrimary": "hsl(0 0% 96%)",
149
- "textSecondary": "hsl(240 4% 64%)",
150
- "textMuted": "hsl(240 4% 59%)",
148
+ "surface0": "hsl(150 12% 9.5%)",
149
+ "surface1": "hsl(148 11% 11%)",
150
+ "surface2": "hsl(148 10% 12.2%)",
151
+ "surface3": "hsl(148 9% 16.5%)",
152
+ "media": "hsl(150 11% 13%)",
153
+ "borderSubtle": "hsl(110 25% 92% / 0.07)",
154
+ "borderDefault": "hsl(110 25% 92% / 0.12)",
155
+ "borderStrong": "hsl(110 25% 92% / 0.20)",
156
+ "textPrimary": "hsl(105 17% 93%)",
157
+ "textSecondary": "hsl(140 10% 76%)",
158
+ "textMuted": "hsl(140 8% 68%)",
151
159
  "textOnMedia": "hsl(0 0% 100%)",
152
160
  "accent": "hsl(208 46% 45%)",
153
161
  "accentHover": "hsl(208 48% 39%)",
@@ -156,9 +164,9 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
156
164
  "accent2": "hsl(208 46% 45%)",
157
165
  "onAccent": "hsl(0 0% 100%)",
158
166
  "ring": "hsl(208 46% 45%)",
159
- "brandGradientFrom": "hsl(210 30% 10%)",
160
- "brandGradientVia": "hsl(220 14% 7%)",
161
- "brandGradientTo": "hsl(240 6% 5%)",
167
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
168
+ "brandGradientVia": "hsl(150 12% 9.5%)",
169
+ "brandGradientTo": "hsl(150 12% 9.5%)",
162
170
  "success": "hsl(160 84% 39%)",
163
171
  "successText": "hsl(158 64% 52%)",
164
172
  "successSoft": "hsl(160 84% 39% / 0.14)",
@@ -173,27 +181,33 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
173
181
  "scrim": "hsl(0 0% 0% / 0.60)",
174
182
  "scrimStrong": "hsl(0 0% 0% / 0.80)",
175
183
  "overlay": "hsl(0 0% 0% / 0.70)",
176
- "radiusXs": "6px",
177
- "radiusSm": "8px",
178
- "radiusMd": "12px",
179
- "radiusLg": "16px",
180
- "radiusXl": "20px",
181
- "radius2xl": "28px",
184
+ "paperRuleMajor": "hsl(140 25% 88% / 0.09)",
185
+ "paperRuleMinor": "hsl(140 25% 88% / 0.045)",
186
+ "paperRuleMargin": "hsl(8 64% 66%)",
187
+ "paperTag": "hsl(147 11% 20%)",
188
+ "paperTagEdge": "hsl(145 9% 38%)",
189
+ "paperTagInk": "hsl(105 17% 92%)",
190
+ "radiusXs": "2px",
191
+ "radiusSm": "2px",
192
+ "radiusMd": "2px",
193
+ "radiusLg": "0px",
194
+ "radiusXl": "0px",
195
+ "radius2xl": "0px",
182
196
  "radiusFull": "9999px",
183
- "shadowSm": "0 1px 3px hsl(0 0% 0% / 0.12), 0 1px 2px hsl(0 0% 0% / 0.06)",
184
- "shadowMd": "0 4px 12px hsl(0 0% 0% / 0.15), 0 2px 4px hsl(0 0% 0% / 0.08)",
185
- "shadowLg": "0 8px 24px hsl(0 0% 0% / 0.18), 0 4px 8px hsl(0 0% 0% / 0.08)",
186
- "shadowRaised": "0 1px 2px hsl(240 30% 2% / 0.45), 0 2px 6px -2px hsl(240 30% 2% / 0.3)",
187
- "shadowFloating": "0 2px 4px hsl(240 30% 2% / 0.35), 0 12px 24px -6px hsl(240 30% 2% / 0.45), 0 24px 48px -12px hsl(240 30% 2% / 0.35)",
188
- "shadowOverlay": "0 4px 8px hsl(240 30% 2% / 0.4), 0 24px 48px -12px hsl(240 30% 2% / 0.5), 0 48px 96px -24px hsl(240 30% 2% / 0.45)",
189
- "surfaceSheen": "hsl(0 0% 100% / 0.045)",
197
+ "shadowSm": "0 1px 0 hsl(150 30% 3% / 0.6)",
198
+ "shadowMd": "0 1px 0 hsl(150 30% 3% / 0.6), 4px 5px 0 -2px hsl(150 30% 4% / 0.55)",
199
+ "shadowLg": "0 1px 0 hsl(150 30% 3% / 0.6), 6px 8px 0 -2px hsl(150 30% 4% / 0.55)",
200
+ "shadowRaised": "0 1px 0 hsl(150 30% 3% / 0.6)",
201
+ "shadowFloating": "0 1px 0 hsl(150 30% 3% / 0.6), 4px 5px 0 -2px hsl(150 30% 4% / 0.55)",
202
+ "shadowOverlay": "0 1px 0 hsl(150 30% 3% / 0.6), 8px 10px 0 -3px hsl(150 30% 4% / 0.55)",
203
+ "surfaceSheen": "hsl(0 0% 100% / 0)",
190
204
  "fillShade": "hsl(0 0% 0% / 0.12)",
191
- "edgeLight": "hsl(0 0% 100% / 0.07)",
205
+ "edgeLight": "hsl(0 0% 100% / 0)",
192
206
  "edgeOnFill": "hsl(0 0% 100% / 0.22)",
193
207
  "edgeWell": "hsl(240 30% 2% / 0.5)",
194
- "glassBg": "hsl(240 5% 12% / 0.88)",
208
+ "glassBg": "hsl(148 11% 11%)",
195
209
  "glassBorder": "hsl(0 0% 100% / 0.1)",
196
- "glassBlur": "24px",
210
+ "glassBlur": "0px",
197
211
  "ringWidth": "2px",
198
212
  "ringOffset": "2px",
199
213
  "ringHalo": "4px",
@@ -203,39 +217,41 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
203
217
  "controlField": "44px",
204
218
  "cutShape": "bevel",
205
219
  "cutSize": "10px",
206
- "ease": "cubic-bezier(0.16, 1, 0.3, 1)",
220
+ "paperModule": "32px",
221
+ "paperLine": "8px",
222
+ "ease": "cubic-bezier(0.45, 0, 0.2, 1)",
207
223
  "easeSpring": "cubic-bezier(0.34, 1.36, 0.64, 1)",
208
224
  "durationInstant": "90ms",
209
225
  "durationFast": "150ms",
210
226
  "durationBase": "200ms",
211
- "fontSans": "Inter, \"Inter Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
212
- "fontText": "Inter, \"Inter Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
213
- "fontDisplay": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Fallback\", Inter, system-ui, sans-serif",
214
- "fontMono": "\"JetBrains Mono\", \"JetBrains Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
227
+ "fontSans": "\"Atkinson Hyperlegible Next\", \"Atkinson Hyperlegible Next Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
228
+ "fontText": "\"Atkinson Hyperlegible Next\", \"Atkinson Hyperlegible Next Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
229
+ "fontDisplay": "\"Young Serif\", \"Young Serif Fallback\", Georgia, \"Times New Roman\", serif",
230
+ "fontMono": "\"Courier Prime\", \"Courier Prime Fallback\", \"Courier New\", ui-monospace, Menlo, Consolas, monospace",
215
231
  "typeDisplay2xlSize": "72px",
216
- "typeDisplay2xlLineHeight": "1.02",
217
- "typeDisplay2xlWeight": "800",
218
- "typeDisplay2xlTracking": "-0.035em",
232
+ "typeDisplay2xlLineHeight": "1.11",
233
+ "typeDisplay2xlWeight": "400",
234
+ "typeDisplay2xlTracking": "-0.01em",
219
235
  "typeDisplayXlSize": "56px",
220
- "typeDisplayXlLineHeight": "1.05",
221
- "typeDisplayXlWeight": "800",
222
- "typeDisplayXlTracking": "-0.03em",
236
+ "typeDisplayXlLineHeight": "1.143",
237
+ "typeDisplayXlWeight": "400",
238
+ "typeDisplayXlTracking": "-0.01em",
223
239
  "typeDisplayLgSize": "44px",
224
- "typeDisplayLgLineHeight": "1.1",
225
- "typeDisplayLgWeight": "700",
226
- "typeDisplayLgTracking": "-0.025em",
240
+ "typeDisplayLgLineHeight": "1.09",
241
+ "typeDisplayLgWeight": "400",
242
+ "typeDisplayLgTracking": "-0.01em",
227
243
  "typeDisplayMdSize": "34px",
228
- "typeDisplayMdLineHeight": "1.15",
229
- "typeDisplayMdWeight": "700",
230
- "typeDisplayMdTracking": "-0.02em",
244
+ "typeDisplayMdLineHeight": "1.176",
245
+ "typeDisplayMdWeight": "400",
246
+ "typeDisplayMdTracking": "-0.01em",
231
247
  "typeDisplaySmSize": "26px",
232
- "typeDisplaySmLineHeight": "1.2",
233
- "typeDisplaySmWeight": "700",
234
- "typeDisplaySmTracking": "-0.015em",
248
+ "typeDisplaySmLineHeight": "1.23",
249
+ "typeDisplaySmWeight": "400",
250
+ "typeDisplaySmTracking": "0em",
235
251
  "typeTitleLgSize": "20px",
236
- "typeTitleLgLineHeight": "1.35",
237
- "typeTitleLgWeight": "700",
238
- "typeTitleLgTracking": "-0.01em",
252
+ "typeTitleLgLineHeight": "1.2",
253
+ "typeTitleLgWeight": "400",
254
+ "typeTitleLgTracking": "0em",
239
255
  "typeTitleMdSize": "17px",
240
256
  "typeTitleMdLineHeight": "1.4",
241
257
  "typeTitleMdWeight": "600",
@@ -245,11 +261,11 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
245
261
  "typeBodyLgWeight": "400",
246
262
  "typeBodyLgTracking": "-0.014em",
247
263
  "typeBodyMdSize": "16px",
248
- "typeBodyMdLineHeight": "1.6",
264
+ "typeBodyMdLineHeight": "1.5",
249
265
  "typeBodyMdWeight": "400",
250
266
  "typeBodyMdTracking": "-0.011em",
251
267
  "typeBodySmSize": "14px",
252
- "typeBodySmLineHeight": "1.5",
268
+ "typeBodySmLineHeight": "1.43",
253
269
  "typeBodySmWeight": "400",
254
270
  "typeBodySmTracking": "-0.006em",
255
271
  "typeCaptionSize": "12px",
@@ -257,9 +273,9 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
257
273
  "typeCaptionWeight": "500",
258
274
  "typeCaptionTracking": "0em",
259
275
  "typeOverlineSize": "11px",
260
- "typeOverlineLineHeight": "1.3",
261
- "typeOverlineWeight": "600",
262
- "typeOverlineTracking": "0.12em",
276
+ "typeOverlineLineHeight": "1.45",
277
+ "typeOverlineWeight": "400",
278
+ "typeOverlineTracking": "0em",
263
279
  "typeMonoMdSize": "14px",
264
280
  "typeMonoMdLineHeight": "1.6",
265
281
  "typeMonoMdWeight": "400",
@@ -269,17 +285,17 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
269
285
  "typeMonoSmWeight": "400",
270
286
  "typeMonoSmTracking": "0em"
271
287
  }), light: /* @__PURE__ */ Object.freeze({
272
- "surface0": "hsl(0 0% 98%)",
273
- "surface1": "hsl(0 0% 100%)",
274
- "surface2": "hsl(240 6% 95%)",
275
- "surface3": "hsl(240 5% 90%)",
276
- "media": "hsl(240 6% 92%)",
277
- "borderSubtle": "hsl(240 6% 0% / 0.06)",
278
- "borderDefault": "hsl(240 6% 0% / 0.10)",
279
- "borderStrong": "hsl(240 6% 0% / 0.16)",
280
- "textPrimary": "hsl(240 6% 10%)",
281
- "textSecondary": "hsl(240 4% 35%)",
282
- "textMuted": "hsl(240 4% 41%)",
288
+ "surface0": "hsl(100 14% 96%)",
289
+ "surface1": "hsl(90 17% 98.5%)",
290
+ "surface2": "hsl(100 11% 94.5%)",
291
+ "surface3": "hsl(100 9% 88%)",
292
+ "media": "hsl(100 8% 90%)",
293
+ "borderSubtle": "hsl(212 49% 24% / 0.10)",
294
+ "borderDefault": "hsl(212 49% 24% / 0.17)",
295
+ "borderStrong": "hsl(212 49% 24% / 0.28)",
296
+ "textPrimary": "hsl(212 49% 22%)",
297
+ "textSecondary": "hsl(212 22% 32%)",
298
+ "textMuted": "hsl(212 14% 36%)",
283
299
  "textOnMedia": "hsl(0 0% 100%)",
284
300
  "accent": "hsl(208 54% 36%)",
285
301
  "accentHover": "hsl(208 58% 29%)",
@@ -288,9 +304,9 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
288
304
  "accent2": "hsl(208 54% 36%)",
289
305
  "onAccent": "hsl(0 0% 100%)",
290
306
  "ring": "hsl(208 54% 36%)",
291
- "brandGradientFrom": "hsl(208 36% 93%)",
292
- "brandGradientVia": "hsl(210 30% 97%)",
293
- "brandGradientTo": "hsl(0 0% 98%)",
307
+ "brandGradientFrom": "hsl(100 14% 96%)",
308
+ "brandGradientVia": "hsl(100 14% 96%)",
309
+ "brandGradientTo": "hsl(100 14% 96%)",
294
310
  "success": "hsl(160 84% 39%)",
295
311
  "successText": "hsl(160 84% 24%)",
296
312
  "successSoft": "hsl(160 84% 39% / 0.1)",
@@ -305,27 +321,33 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
305
321
  "scrim": "hsl(0 0% 0% / 0.60)",
306
322
  "scrimStrong": "hsl(0 0% 0% / 0.80)",
307
323
  "overlay": "hsl(0 0% 0% / 0.70)",
308
- "radiusXs": "6px",
309
- "radiusSm": "8px",
310
- "radiusMd": "12px",
311
- "radiusLg": "16px",
312
- "radiusXl": "20px",
313
- "radius2xl": "28px",
324
+ "paperRuleMajor": "hsl(214 40% 45% / 0.24)",
325
+ "paperRuleMinor": "hsl(214 40% 45% / 0.10)",
326
+ "paperRuleMargin": "hsl(5 62% 40%)",
327
+ "paperTag": "hsl(43 49% 84%)",
328
+ "paperTagEdge": "hsl(43 30% 58%)",
329
+ "paperTagInk": "hsl(50 11% 14%)",
330
+ "radiusXs": "2px",
331
+ "radiusSm": "2px",
332
+ "radiusMd": "2px",
333
+ "radiusLg": "0px",
334
+ "radiusXl": "0px",
335
+ "radius2xl": "0px",
314
336
  "radiusFull": "9999px",
315
- "shadowSm": "0 1px 3px hsl(240 6% 0% / 0.06), 0 1px 2px hsl(240 6% 0% / 0.04)",
316
- "shadowMd": "0 4px 12px hsl(240 6% 0% / 0.08), 0 2px 4px hsl(240 6% 0% / 0.04)",
317
- "shadowLg": "0 8px 24px hsl(240 6% 0% / 0.10), 0 4px 8px hsl(240 6% 0% / 0.05)",
318
- "shadowRaised": "0 1px 2px hsl(232 25% 25% / 0.08), 0 2px 6px -2px hsl(232 25% 25% / 0.08)",
319
- "shadowFloating": "0 2px 4px hsl(232 25% 25% / 0.06), 0 12px 24px -6px hsl(232 25% 25% / 0.1), 0 24px 48px -12px hsl(232 25% 25% / 0.1)",
320
- "shadowOverlay": "0 4px 8px hsl(232 25% 25% / 0.08), 0 24px 48px -12px hsl(232 25% 25% / 0.14), 0 48px 96px -24px hsl(232 25% 25% / 0.14)",
321
- "surfaceSheen": "hsl(0 0% 100% / 0.7)",
337
+ "shadowSm": "0 1px 0 hsl(212 49% 24% / 0.12)",
338
+ "shadowMd": "0 1px 0 hsl(212 49% 24% / 0.12), 4px 5px 0 -2px hsl(212 40% 30% / 0.14)",
339
+ "shadowLg": "0 1px 0 hsl(212 49% 24% / 0.12), 6px 8px 0 -2px hsl(212 40% 30% / 0.14)",
340
+ "shadowRaised": "0 1px 0 hsl(212 49% 24% / 0.12)",
341
+ "shadowFloating": "0 1px 0 hsl(212 49% 24% / 0.12), 4px 5px 0 -2px hsl(212 40% 30% / 0.14)",
342
+ "shadowOverlay": "0 1px 0 hsl(212 49% 24% / 0.12), 8px 10px 0 -3px hsl(212 40% 30% / 0.14)",
343
+ "surfaceSheen": "hsl(0 0% 100% / 0)",
322
344
  "fillShade": "hsl(0 0% 0% / 0.12)",
323
- "edgeLight": "hsl(0 0% 100% / 0.9)",
345
+ "edgeLight": "hsl(0 0% 100% / 0)",
324
346
  "edgeOnFill": "hsl(0 0% 100% / 0.22)",
325
347
  "edgeWell": "hsl(232 25% 25% / 0.08)",
326
- "glassBg": "hsl(0 0% 100% / 0.88)",
348
+ "glassBg": "hsl(90 17% 98.5%)",
327
349
  "glassBorder": "hsl(240 6% 0% / 0.08)",
328
- "glassBlur": "24px",
350
+ "glassBlur": "0px",
329
351
  "ringWidth": "2px",
330
352
  "ringOffset": "2px",
331
353
  "ringHalo": "4px",
@@ -335,39 +357,41 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
335
357
  "controlField": "44px",
336
358
  "cutShape": "bevel",
337
359
  "cutSize": "10px",
338
- "ease": "cubic-bezier(0.16, 1, 0.3, 1)",
360
+ "paperModule": "32px",
361
+ "paperLine": "8px",
362
+ "ease": "cubic-bezier(0.45, 0, 0.2, 1)",
339
363
  "easeSpring": "cubic-bezier(0.34, 1.36, 0.64, 1)",
340
364
  "durationInstant": "90ms",
341
365
  "durationFast": "150ms",
342
366
  "durationBase": "200ms",
343
- "fontSans": "Inter, \"Inter Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
344
- "fontText": "Inter, \"Inter Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
345
- "fontDisplay": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Fallback\", Inter, system-ui, sans-serif",
346
- "fontMono": "\"JetBrains Mono\", \"JetBrains Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
367
+ "fontSans": "\"Atkinson Hyperlegible Next\", \"Atkinson Hyperlegible Next Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
368
+ "fontText": "\"Atkinson Hyperlegible Next\", \"Atkinson Hyperlegible Next Fallback\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
369
+ "fontDisplay": "\"Young Serif\", \"Young Serif Fallback\", Georgia, \"Times New Roman\", serif",
370
+ "fontMono": "\"Courier Prime\", \"Courier Prime Fallback\", \"Courier New\", ui-monospace, Menlo, Consolas, monospace",
347
371
  "typeDisplay2xlSize": "72px",
348
- "typeDisplay2xlLineHeight": "1.02",
349
- "typeDisplay2xlWeight": "800",
350
- "typeDisplay2xlTracking": "-0.035em",
372
+ "typeDisplay2xlLineHeight": "1.11",
373
+ "typeDisplay2xlWeight": "400",
374
+ "typeDisplay2xlTracking": "-0.01em",
351
375
  "typeDisplayXlSize": "56px",
352
- "typeDisplayXlLineHeight": "1.05",
353
- "typeDisplayXlWeight": "800",
354
- "typeDisplayXlTracking": "-0.03em",
376
+ "typeDisplayXlLineHeight": "1.143",
377
+ "typeDisplayXlWeight": "400",
378
+ "typeDisplayXlTracking": "-0.01em",
355
379
  "typeDisplayLgSize": "44px",
356
- "typeDisplayLgLineHeight": "1.1",
357
- "typeDisplayLgWeight": "700",
358
- "typeDisplayLgTracking": "-0.025em",
380
+ "typeDisplayLgLineHeight": "1.09",
381
+ "typeDisplayLgWeight": "400",
382
+ "typeDisplayLgTracking": "-0.01em",
359
383
  "typeDisplayMdSize": "34px",
360
- "typeDisplayMdLineHeight": "1.15",
361
- "typeDisplayMdWeight": "700",
362
- "typeDisplayMdTracking": "-0.02em",
384
+ "typeDisplayMdLineHeight": "1.176",
385
+ "typeDisplayMdWeight": "400",
386
+ "typeDisplayMdTracking": "-0.01em",
363
387
  "typeDisplaySmSize": "26px",
364
- "typeDisplaySmLineHeight": "1.2",
365
- "typeDisplaySmWeight": "700",
366
- "typeDisplaySmTracking": "-0.015em",
388
+ "typeDisplaySmLineHeight": "1.23",
389
+ "typeDisplaySmWeight": "400",
390
+ "typeDisplaySmTracking": "0em",
367
391
  "typeTitleLgSize": "20px",
368
- "typeTitleLgLineHeight": "1.35",
369
- "typeTitleLgWeight": "700",
370
- "typeTitleLgTracking": "-0.01em",
392
+ "typeTitleLgLineHeight": "1.2",
393
+ "typeTitleLgWeight": "400",
394
+ "typeTitleLgTracking": "0em",
371
395
  "typeTitleMdSize": "17px",
372
396
  "typeTitleMdLineHeight": "1.4",
373
397
  "typeTitleMdWeight": "600",
@@ -377,11 +401,11 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
377
401
  "typeBodyLgWeight": "400",
378
402
  "typeBodyLgTracking": "-0.014em",
379
403
  "typeBodyMdSize": "16px",
380
- "typeBodyMdLineHeight": "1.6",
404
+ "typeBodyMdLineHeight": "1.5",
381
405
  "typeBodyMdWeight": "400",
382
406
  "typeBodyMdTracking": "-0.011em",
383
407
  "typeBodySmSize": "14px",
384
- "typeBodySmLineHeight": "1.5",
408
+ "typeBodySmLineHeight": "1.43",
385
409
  "typeBodySmWeight": "400",
386
410
  "typeBodySmTracking": "-0.006em",
387
411
  "typeCaptionSize": "12px",
@@ -389,9 +413,9 @@ export const values = /* @__PURE__ */ Object.freeze({ dark: /* @__PURE__ */ Obje
389
413
  "typeCaptionWeight": "500",
390
414
  "typeCaptionTracking": "0em",
391
415
  "typeOverlineSize": "11px",
392
- "typeOverlineLineHeight": "1.3",
393
- "typeOverlineWeight": "600",
394
- "typeOverlineTracking": "0.12em",
416
+ "typeOverlineLineHeight": "1.45",
417
+ "typeOverlineWeight": "400",
418
+ "typeOverlineTracking": "0em",
395
419
  "typeMonoMdSize": "14px",
396
420
  "typeMonoMdLineHeight": "1.6",
397
421
  "typeMonoMdWeight": "400",
@@ -409,54 +433,54 @@ export const typeScale = /* @__PURE__ */ Object.freeze([
409
433
  "role": "display",
410
434
  "description": "The hero of a home page",
411
435
  "size": "72px",
412
- "lineHeight": 1.02,
413
- "weight": 800,
414
- "tracking": "-0.035em"
436
+ "lineHeight": 1.11,
437
+ "weight": 400,
438
+ "tracking": "-0.01em"
415
439
  },
416
440
  {
417
441
  "name": "display-xl",
418
442
  "role": "display",
419
443
  "description": "The hero of a page",
420
444
  "size": "56px",
421
- "lineHeight": 1.05,
422
- "weight": 800,
423
- "tracking": "-0.03em"
445
+ "lineHeight": 1.143,
446
+ "weight": 400,
447
+ "tracking": "-0.01em"
424
448
  },
425
449
  {
426
450
  "name": "display-lg",
427
451
  "role": "display",
428
452
  "description": "The title of a page",
429
453
  "size": "44px",
430
- "lineHeight": 1.1,
431
- "weight": 700,
432
- "tracking": "-0.025em"
454
+ "lineHeight": 1.09,
455
+ "weight": 400,
456
+ "tracking": "-0.01em"
433
457
  },
434
458
  {
435
459
  "name": "display-md",
436
460
  "role": "display",
437
461
  "description": "The title of a section",
438
462
  "size": "34px",
439
- "lineHeight": 1.15,
440
- "weight": 700,
441
- "tracking": "-0.02em"
463
+ "lineHeight": 1.176,
464
+ "weight": 400,
465
+ "tracking": "-0.01em"
442
466
  },
443
467
  {
444
468
  "name": "display-sm",
445
469
  "role": "display",
446
470
  "description": "A sub-section, a big figure",
447
471
  "size": "26px",
448
- "lineHeight": 1.2,
449
- "weight": 700,
450
- "tracking": "-0.015em"
472
+ "lineHeight": 1.23,
473
+ "weight": 400,
474
+ "tracking": "0em"
451
475
  },
452
476
  {
453
477
  "name": "title-lg",
454
478
  "role": "display",
455
479
  "description": "The title of a card or a dialog",
456
480
  "size": "20px",
457
- "lineHeight": 1.35,
458
- "weight": 700,
459
- "tracking": "-0.01em"
481
+ "lineHeight": 1.2,
482
+ "weight": 400,
483
+ "tracking": "0em"
460
484
  },
461
485
  {
462
486
  "name": "title-md",
@@ -481,7 +505,7 @@ export const typeScale = /* @__PURE__ */ Object.freeze([
481
505
  "role": "text",
482
506
  "description": "Running text",
483
507
  "size": "16px",
484
- "lineHeight": 1.6,
508
+ "lineHeight": 1.5,
485
509
  "weight": 400,
486
510
  "tracking": "-0.011em"
487
511
  },
@@ -490,7 +514,7 @@ export const typeScale = /* @__PURE__ */ Object.freeze([
490
514
  "role": "text",
491
515
  "description": "Dense interface, secondary text",
492
516
  "size": "14px",
493
- "lineHeight": 1.5,
517
+ "lineHeight": 1.43,
494
518
  "weight": 400,
495
519
  "tracking": "-0.006em"
496
520
  },
@@ -506,11 +530,11 @@ export const typeScale = /* @__PURE__ */ Object.freeze([
506
530
  {
507
531
  "name": "overline",
508
532
  "role": "mono",
509
- "description": "The overline of a section, uppercase",
533
+ "description": "A note label in the note face, lower case: the margin's « § 2 », a tag's field (Cahier: no more uppercase overline)",
510
534
  "size": "11px",
511
- "lineHeight": 1.3,
512
- "weight": 600,
513
- "tracking": "0.12em"
535
+ "lineHeight": 1.45,
536
+ "weight": 400,
537
+ "tracking": "0em"
514
538
  },
515
539
  {
516
540
  "name": "mono-md",
@@ -545,9 +569,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
545
569
  "ring": "hsl(208 46% 45%)",
546
570
  "info": "hsl(208 46% 45%)",
547
571
  "infoText": "hsl(206 58% 72%)",
548
- "brandGradientFrom": "hsl(210 30% 10%)",
549
- "brandGradientVia": "hsl(220 14% 7%)",
550
- "brandGradientTo": "hsl(240 6% 5%)"
572
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
573
+ "brandGradientVia": "hsl(150 12% 9.5%)",
574
+ "brandGradientTo": "hsl(150 12% 9.5%)"
551
575
  },
552
576
  "light": {
553
577
  "accent": "hsl(208 54% 36%)",
@@ -559,9 +583,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
559
583
  "ring": "hsl(208 54% 36%)",
560
584
  "info": "hsl(208 54% 36%)",
561
585
  "infoText": "hsl(208 54% 33%)",
562
- "brandGradientFrom": "hsl(208 36% 93%)",
563
- "brandGradientVia": "hsl(210 30% 97%)",
564
- "brandGradientTo": "hsl(0 0% 98%)"
586
+ "brandGradientFrom": "hsl(100 14% 96%)",
587
+ "brandGradientVia": "hsl(100 14% 96%)",
588
+ "brandGradientTo": "hsl(100 14% 96%)"
565
589
  }
566
590
  },
567
591
  "orazaka": {
@@ -575,9 +599,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
575
599
  "ring": "hsl(26 92% 55%)",
576
600
  "info": "hsl(207 50% 58%)",
577
601
  "infoText": "hsl(206 58% 72%)",
578
- "brandGradientFrom": "hsl(24 55% 10%)",
579
- "brandGradientVia": "hsl(34 30% 7%)",
580
- "brandGradientTo": "hsl(240 6% 5%)"
602
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
603
+ "brandGradientVia": "hsl(150 12% 9.5%)",
604
+ "brandGradientTo": "hsl(150 12% 9.5%)"
581
605
  },
582
606
  "light": {
583
607
  "accent": "hsl(26 90.5% 37.1%)",
@@ -589,9 +613,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
589
613
  "ring": "hsl(26 90.5% 37.1%)",
590
614
  "info": "hsl(208 54% 36%)",
591
615
  "infoText": "hsl(208 54% 33%)",
592
- "brandGradientFrom": "hsl(30 100% 92%)",
593
- "brandGradientVia": "hsl(38 80% 96%)",
594
- "brandGradientTo": "hsl(0 0% 98%)"
616
+ "brandGradientFrom": "hsl(100 14% 96%)",
617
+ "brandGradientVia": "hsl(100 14% 96%)",
618
+ "brandGradientTo": "hsl(100 14% 96%)"
595
619
  }
596
620
  },
597
621
  "orochia": {
@@ -605,9 +629,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
605
629
  "ring": "hsl(255.1 91.7% 76.3%)",
606
630
  "info": "hsl(262.1 83.3% 57.8%)",
607
631
  "infoText": "hsl(255.1 91.7% 76.3%)",
608
- "brandGradientFrom": "hsl(266 50% 11%)",
609
- "brandGradientVia": "hsl(320 35% 8%)",
610
- "brandGradientTo": "hsl(240 6% 5%)"
632
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
633
+ "brandGradientVia": "hsl(150 12% 9.5%)",
634
+ "brandGradientTo": "hsl(150 12% 9.5%)"
611
635
  },
612
636
  "light": {
613
637
  "accent": "hsl(262.1 83.3% 57.8%)",
@@ -619,9 +643,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
619
643
  "ring": "hsl(262.1 83.3% 57.8%)",
620
644
  "info": "hsl(262.1 83.3% 57.8%)",
621
645
  "infoText": "hsl(263.4 70% 50.4%)",
622
- "brandGradientFrom": "hsl(262 90% 95%)",
623
- "brandGradientVia": "hsl(330 80% 96%)",
624
- "brandGradientTo": "hsl(0 0% 98%)"
646
+ "brandGradientFrom": "hsl(100 14% 96%)",
647
+ "brandGradientVia": "hsl(100 14% 96%)",
648
+ "brandGradientTo": "hsl(100 14% 96%)"
625
649
  }
626
650
  },
627
651
  "yasakia": {
@@ -635,9 +659,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
635
659
  "ring": "hsl(174 72% 50%)",
636
660
  "info": "hsl(207 50% 58%)",
637
661
  "infoText": "hsl(206 58% 72%)",
638
- "brandGradientFrom": "hsl(166 55% 9%)",
639
- "brandGradientVia": "hsl(180 35% 7%)",
640
- "brandGradientTo": "hsl(240 6% 5%)"
662
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
663
+ "brandGradientVia": "hsl(150 12% 9.5%)",
664
+ "brandGradientTo": "hsl(150 12% 9.5%)"
641
665
  },
642
666
  "light": {
643
667
  "accent": "hsl(175 85% 24%)",
@@ -649,9 +673,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
649
673
  "ring": "hsl(175 85% 24%)",
650
674
  "info": "hsl(208 54% 36%)",
651
675
  "infoText": "hsl(208 54% 33%)",
652
- "brandGradientFrom": "hsl(160 70% 93%)",
653
- "brandGradientVia": "hsl(176 70% 95%)",
654
- "brandGradientTo": "hsl(0 0% 98%)"
676
+ "brandGradientFrom": "hsl(100 14% 96%)",
677
+ "brandGradientVia": "hsl(100 14% 96%)",
678
+ "brandGradientTo": "hsl(100 14% 96%)"
655
679
  }
656
680
  },
657
681
  "yororis": {
@@ -665,9 +689,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
665
689
  "ring": "hsl(98 24% 62%)",
666
690
  "info": "hsl(207 50% 58%)",
667
691
  "infoText": "hsl(206 58% 72%)",
668
- "brandGradientFrom": "hsl(36 22% 9%)",
669
- "brandGradientVia": "hsl(98 14% 7%)",
670
- "brandGradientTo": "hsl(240 6% 5%)"
692
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
693
+ "brandGradientVia": "hsl(150 12% 9.5%)",
694
+ "brandGradientTo": "hsl(150 12% 9.5%)"
671
695
  },
672
696
  "light": {
673
697
  "accent": "hsl(100 28% 30%)",
@@ -679,9 +703,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
679
703
  "ring": "hsl(100 28% 30%)",
680
704
  "info": "hsl(208 54% 36%)",
681
705
  "infoText": "hsl(208 54% 33%)",
682
- "brandGradientFrom": "hsl(38 45% 93%)",
683
- "brandGradientVia": "hsl(96 30% 95%)",
684
- "brandGradientTo": "hsl(0 0% 98%)"
706
+ "brandGradientFrom": "hsl(100 14% 96%)",
707
+ "brandGradientVia": "hsl(100 14% 96%)",
708
+ "brandGradientTo": "hsl(100 14% 96%)"
685
709
  }
686
710
  },
687
711
  "yomizaka": {
@@ -695,9 +719,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
695
719
  "ring": "hsl(240 80% 74%)",
696
720
  "info": "hsl(207 50% 58%)",
697
721
  "infoText": "hsl(206 58% 72%)",
698
- "brandGradientFrom": "hsl(236 30% 10%)",
699
- "brandGradientVia": "hsl(244 22% 8%)",
700
- "brandGradientTo": "hsl(240 6% 5%)"
722
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
723
+ "brandGradientVia": "hsl(150 12% 9.5%)",
724
+ "brandGradientTo": "hsl(150 12% 9.5%)"
701
725
  },
702
726
  "light": {
703
727
  "accent": "hsl(242 52% 46%)",
@@ -709,9 +733,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
709
733
  "ring": "hsl(242 52% 46%)",
710
734
  "info": "hsl(208 54% 36%)",
711
735
  "infoText": "hsl(208 54% 33%)",
712
- "brandGradientFrom": "hsl(236 60% 95%)",
713
- "brandGradientVia": "hsl(244 50% 96%)",
714
- "brandGradientTo": "hsl(0 0% 98%)"
736
+ "brandGradientFrom": "hsl(100 14% 96%)",
737
+ "brandGradientVia": "hsl(100 14% 96%)",
738
+ "brandGradientTo": "hsl(100 14% 96%)"
715
739
  }
716
740
  },
717
741
  "kachizaka": {
@@ -725,9 +749,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
725
749
  "ring": "hsl(48 96% 56%)",
726
750
  "info": "hsl(207 50% 58%)",
727
751
  "infoText": "hsl(206 58% 72%)",
728
- "brandGradientFrom": "hsl(226 42% 11%)",
729
- "brandGradientVia": "hsl(232 26% 8%)",
730
- "brandGradientTo": "hsl(240 6% 5%)"
752
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
753
+ "brandGradientVia": "hsl(150 12% 9.5%)",
754
+ "brandGradientTo": "hsl(150 12% 9.5%)"
731
755
  },
732
756
  "light": {
733
757
  "accent": "hsl(48 96% 50%)",
@@ -739,9 +763,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
739
763
  "ring": "hsl(226 80% 46%)",
740
764
  "info": "hsl(208 54% 36%)",
741
765
  "infoText": "hsl(208 54% 33%)",
742
- "brandGradientFrom": "hsl(226 80% 95%)",
743
- "brandGradientVia": "hsl(48 80% 95%)",
744
- "brandGradientTo": "hsl(0 0% 98%)"
766
+ "brandGradientFrom": "hsl(100 14% 96%)",
767
+ "brandGradientVia": "hsl(100 14% 96%)",
768
+ "brandGradientTo": "hsl(100 14% 96%)"
745
769
  }
746
770
  },
747
771
  "akinaza": {
@@ -755,9 +779,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
755
779
  "ring": "hsl(130 44% 58%)",
756
780
  "info": "hsl(207 50% 58%)",
757
781
  "infoText": "hsl(206 58% 72%)",
758
- "brandGradientFrom": "hsl(140 28% 9%)",
759
- "brandGradientVia": "hsl(24 20% 8%)",
760
- "brandGradientTo": "hsl(240 6% 5%)"
782
+ "brandGradientFrom": "hsl(150 12% 9.5%)",
783
+ "brandGradientVia": "hsl(150 12% 9.5%)",
784
+ "brandGradientTo": "hsl(150 12% 9.5%)"
761
785
  },
762
786
  "light": {
763
787
  "accent": "hsl(132 52% 27%)",
@@ -769,9 +793,9 @@ export const brands = /* @__PURE__ */ Object.freeze({
769
793
  "ring": "hsl(132 52% 27%)",
770
794
  "info": "hsl(208 54% 36%)",
771
795
  "infoText": "hsl(208 54% 33%)",
772
- "brandGradientFrom": "hsl(130 45% 94%)",
773
- "brandGradientVia": "hsl(26 60% 95%)",
774
- "brandGradientTo": "hsl(0 0% 98%)"
796
+ "brandGradientFrom": "hsl(100 14% 96%)",
797
+ "brandGradientVia": "hsl(100 14% 96%)",
798
+ "brandGradientTo": "hsl(100 14% 96%)"
775
799
  }
776
800
  }
777
801
  });