@scattered-light/loomiere-mojave 0.2.0 → 0.4.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 (70) hide show
  1. package/dist/exports/AGENTS.md +70 -10
  2. package/dist/exports/ag-grid-v32.css +8 -8
  3. package/dist/exports/ag-grid-v33.css +3 -3
  4. package/dist/exports/ag-grid-v33.js +6 -6
  5. package/dist/exports/ag-grid-v36.css +3 -3
  6. package/dist/exports/ag-grid-v36.js +7 -7
  7. package/dist/exports/catalog.json +4 -2
  8. package/dist/exports/chakra.js +453 -467
  9. package/dist/exports/design-system/README.md +69 -9
  10. package/dist/exports/design-system/components/Accordion/README.md +1 -1
  11. package/dist/exports/design-system/components/Accordion/preview.html +1 -1
  12. package/dist/exports/design-system/components/AlertDialog/preview.html +1 -1
  13. package/dist/exports/design-system/components/Autocomplete/preview.html +1 -1
  14. package/dist/exports/design-system/components/Avatar/README.md +1 -1
  15. package/dist/exports/design-system/components/Avatar/preview.html +1 -1
  16. package/dist/exports/design-system/components/Button/README.md +1 -1
  17. package/dist/exports/design-system/components/Button/preview.html +3 -3
  18. package/dist/exports/design-system/components/Checkbox/preview.html +1 -1
  19. package/dist/exports/design-system/components/CheckboxGroup/preview.html +1 -1
  20. package/dist/exports/design-system/components/Collapsible/preview.html +1 -1
  21. package/dist/exports/design-system/components/Combobox/preview.html +1 -1
  22. package/dist/exports/design-system/components/ContextMenu/preview.html +1 -1
  23. package/dist/exports/design-system/components/Dialog/README.md +1 -1
  24. package/dist/exports/design-system/components/Dialog/preview.html +1 -1
  25. package/dist/exports/design-system/components/Drawer/preview.html +1 -1
  26. package/dist/exports/design-system/components/Field/preview.html +1 -1
  27. package/dist/exports/design-system/components/Fieldset/preview.html +1 -1
  28. package/dist/exports/design-system/components/Form/preview.html +1 -1
  29. package/dist/exports/design-system/components/Input/preview.html +1 -1
  30. package/dist/exports/design-system/components/Menu/preview.html +1 -1
  31. package/dist/exports/design-system/components/Menubar/preview.html +1 -1
  32. package/dist/exports/design-system/components/Meter/preview.html +1 -1
  33. package/dist/exports/design-system/components/NavigationMenu/preview.html +1 -1
  34. package/dist/exports/design-system/components/NumberField/preview.html +1 -1
  35. package/dist/exports/design-system/components/OTPField/preview.html +1 -1
  36. package/dist/exports/design-system/components/Popover/README.md +2 -2
  37. package/dist/exports/design-system/components/Popover/preview.html +2 -2
  38. package/dist/exports/design-system/components/PreviewCard/README.md +1 -1
  39. package/dist/exports/design-system/components/PreviewCard/preview.html +1 -1
  40. package/dist/exports/design-system/components/Progress/preview.html +1 -1
  41. package/dist/exports/design-system/components/Radio/preview.html +1 -1
  42. package/dist/exports/design-system/components/ScrollArea/preview.html +1 -1
  43. package/dist/exports/design-system/components/Select/preview.html +1 -1
  44. package/dist/exports/design-system/components/Separator/preview.html +1 -1
  45. package/dist/exports/design-system/components/Slider/preview.html +1 -1
  46. package/dist/exports/design-system/components/Switch/preview.html +1 -1
  47. package/dist/exports/design-system/components/Table/README.md +50 -0
  48. package/dist/exports/design-system/components/Table/preview.html +19 -0
  49. package/dist/exports/design-system/components/Tabs/preview.html +1 -1
  50. package/dist/exports/design-system/components/Toast/preview.html +1 -1
  51. package/dist/exports/design-system/components/Toggle/README.md +1 -1
  52. package/dist/exports/design-system/components/Toggle/preview.html +1 -1
  53. package/dist/exports/design-system/components/ToggleGroup/preview.html +1 -1
  54. package/dist/exports/design-system/components/Toolbar/preview.html +1 -1
  55. package/dist/exports/design-system/components/Tooltip/preview.html +1 -1
  56. package/dist/exports/design-system/components/bundle.css +1525 -1099
  57. package/dist/exports/design-system/components/bundle.js +5 -5
  58. package/dist/exports/design-system/components/index.d.ts +2 -1
  59. package/dist/exports/design-system/tokens.json +267 -155
  60. package/dist/exports/figma.json +1 -1
  61. package/dist/exports/mui.js +264 -268
  62. package/dist/exports/shadcn.css +12 -12
  63. package/dist/exports/tailwind.css +162 -184
  64. package/dist/exports/tokens.dtcg.json +1714 -632
  65. package/dist/tokens.css +665 -355
  66. package/dist/tokens.d.ts +314 -62
  67. package/dist/tokens.js +342 -90
  68. package/dist/tokens.json +2897 -1041
  69. package/dist/utilities.css +173 -200
  70. package/package.json +3 -2
package/dist/exports/chakra.js CHANGED
@@ -40,11 +40,11 @@ const restyleAll = (defaults, ours) => ({ ...defaults, ...Object.fromEntries(Obj
40
40
  const recipes = {
41
41
  button: {
42
42
  base: {
43
- fontFamily: "var(--sl-font-base-trigger-font-family)",
44
- fontSize: "var(--sl-font-base-trigger-font-size)",
45
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
46
- lineHeight: "var(--sl-font-base-trigger-line-height)",
47
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
43
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
44
+ fontSize: "var(--sl-font-trigger-base-font-size)",
45
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
46
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
47
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
48
48
  height: "var(--sl-control-height-md)",
49
49
  paddingInline: "var(--sl-control-padding-inline)",
50
50
  gap: "var(--sl-gap-control)",
@@ -222,11 +222,11 @@ const recipes = {
222
222
  },
223
223
  size: {
224
224
  "2xs": {
225
- fontFamily: "var(--sl-font-minimize-trigger-font-family)",
226
- fontSize: "var(--sl-font-minimize-trigger-font-size)",
227
- fontWeight: "var(--sl-font-minimize-trigger-font-weight)",
228
- lineHeight: "var(--sl-font-minimize-trigger-line-height)",
229
- letterSpacing: "var(--sl-font-minimize-trigger-letter-spacing)",
225
+ fontFamily: "var(--sl-font-trigger-minimize-font-family)",
226
+ fontSize: "var(--sl-font-trigger-minimize-font-size)",
227
+ fontWeight: "var(--sl-font-trigger-minimize-font-weight)",
228
+ lineHeight: "var(--sl-font-trigger-minimize-line-height)",
229
+ letterSpacing: "var(--sl-font-trigger-minimize-letter-spacing)",
230
230
  height: "var(--sl-control-height-xs)",
231
231
  paddingInline: "var(--sl-control-padding-inline-xs)",
232
232
  gap: "var(--sl-gap-control-xs)",
@@ -240,11 +240,11 @@ const recipes = {
240
240
  }
241
241
  },
242
242
  xs: {
243
- fontFamily: "var(--sl-font-minimize-trigger-font-family)",
244
- fontSize: "var(--sl-font-minimize-trigger-font-size)",
245
- fontWeight: "var(--sl-font-minimize-trigger-font-weight)",
246
- lineHeight: "var(--sl-font-minimize-trigger-line-height)",
247
- letterSpacing: "var(--sl-font-minimize-trigger-letter-spacing)",
243
+ fontFamily: "var(--sl-font-trigger-minimize-font-family)",
244
+ fontSize: "var(--sl-font-trigger-minimize-font-size)",
245
+ fontWeight: "var(--sl-font-trigger-minimize-font-weight)",
246
+ lineHeight: "var(--sl-font-trigger-minimize-line-height)",
247
+ letterSpacing: "var(--sl-font-trigger-minimize-letter-spacing)",
248
248
  height: "var(--sl-control-height-xs)",
249
249
  paddingInline: "var(--sl-control-padding-inline-xs)",
250
250
  gap: "var(--sl-gap-control-xs)",
@@ -258,11 +258,11 @@ const recipes = {
258
258
  }
259
259
  },
260
260
  sm: {
261
- fontFamily: "var(--sl-font-condense-trigger-font-family)",
262
- fontSize: "var(--sl-font-condense-trigger-font-size)",
263
- fontWeight: "var(--sl-font-condense-trigger-font-weight)",
264
- lineHeight: "var(--sl-font-condense-trigger-line-height)",
265
- letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)",
261
+ fontFamily: "var(--sl-font-trigger-condense-font-family)",
262
+ fontSize: "var(--sl-font-trigger-condense-font-size)",
263
+ fontWeight: "var(--sl-font-trigger-condense-font-weight)",
264
+ lineHeight: "var(--sl-font-trigger-condense-line-height)",
265
+ letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)",
266
266
  height: "var(--sl-control-height-sm)",
267
267
  paddingInline: "var(--sl-control-padding-inline-sm)",
268
268
  gap: "var(--sl-gap-control-sm)",
@@ -276,11 +276,11 @@ const recipes = {
276
276
  }
277
277
  },
278
278
  md: {
279
- fontFamily: "var(--sl-font-base-trigger-font-family)",
280
- fontSize: "var(--sl-font-base-trigger-font-size)",
281
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
282
- lineHeight: "var(--sl-font-base-trigger-line-height)",
283
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
279
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
280
+ fontSize: "var(--sl-font-trigger-base-font-size)",
281
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
282
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
283
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
284
284
  height: "var(--sl-control-height-md)",
285
285
  paddingInline: "var(--sl-control-padding-inline)",
286
286
  gap: "var(--sl-gap-control)",
@@ -294,11 +294,11 @@ const recipes = {
294
294
  }
295
295
  },
296
296
  lg: {
297
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
298
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
299
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
300
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
301
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
297
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
298
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
299
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
300
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
301
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
302
302
  height: "var(--sl-control-height-lg)",
303
303
  paddingInline: "var(--sl-control-padding-inline-lg)",
304
304
  gap: "var(--sl-gap-control)",
@@ -312,11 +312,11 @@ const recipes = {
312
312
  }
313
313
  },
314
314
  xl: {
315
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
316
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
317
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
318
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
319
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
315
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
316
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
317
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
318
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
319
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
320
320
  height: "var(--sl-control-height-lg)",
321
321
  paddingInline: "var(--sl-control-padding-inline-lg)",
322
322
  gap: "var(--sl-gap-control)",
@@ -330,11 +330,11 @@ const recipes = {
330
330
  }
331
331
  },
332
332
  "2xl": {
333
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
334
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
335
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
336
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
337
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
333
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
334
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
335
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
336
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
337
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
338
338
  height: "var(--sl-control-height-lg)",
339
339
  paddingInline: "var(--sl-control-padding-inline-lg)",
340
340
  gap: "var(--sl-gap-control)",
@@ -359,11 +359,11 @@ const recipes = {
359
359
  borderRadius: "var(--sl-field-radius)",
360
360
  transition: "var(--sl-field-transition)",
361
361
  outline: "none",
362
- fontFamily: "var(--sl-font-base-font-family)",
363
- fontSize: "var(--sl-font-base-font-size)",
364
- fontWeight: "var(--sl-font-base-font-weight)",
365
- lineHeight: "var(--sl-font-base-line-height)",
366
- letterSpacing: "var(--sl-font-base-letter-spacing)",
362
+ fontFamily: "var(--sl-font-body-base-font-family)",
363
+ fontSize: "var(--sl-font-body-base-font-size)",
364
+ fontWeight: "var(--sl-font-body-base-font-weight)",
365
+ lineHeight: "var(--sl-font-body-base-line-height)",
366
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
367
367
  focusVisibleRing: null,
368
368
  focusRingColor: null,
369
369
  _hover: {
@@ -396,77 +396,77 @@ const recipes = {
396
396
  variants: {
397
397
  size: {
398
398
  "2xs": {
399
- fontFamily: "var(--sl-font-condense-font-family)",
400
- fontSize: "var(--sl-font-condense-font-size)",
401
- fontWeight: "var(--sl-font-condense-font-weight)",
402
- lineHeight: "var(--sl-font-condense-line-height)",
403
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
399
+ fontFamily: "var(--sl-font-body-condense-font-family)",
400
+ fontSize: "var(--sl-font-body-condense-font-size)",
401
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
402
+ lineHeight: "var(--sl-font-body-condense-line-height)",
403
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
404
404
  textStyle: null,
405
405
  "--input-height": "var(--sl-control-height-xs)",
406
406
  height: "var(--sl-control-height-xs)",
407
407
  px: "var(--sl-control-padding-inline-xs)"
408
408
  },
409
409
  xs: {
410
- fontFamily: "var(--sl-font-condense-font-family)",
411
- fontSize: "var(--sl-font-condense-font-size)",
412
- fontWeight: "var(--sl-font-condense-font-weight)",
413
- lineHeight: "var(--sl-font-condense-line-height)",
414
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
410
+ fontFamily: "var(--sl-font-body-condense-font-family)",
411
+ fontSize: "var(--sl-font-body-condense-font-size)",
412
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
413
+ lineHeight: "var(--sl-font-body-condense-line-height)",
414
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
415
415
  textStyle: null,
416
416
  "--input-height": "var(--sl-control-height-xs)",
417
417
  height: "var(--sl-control-height-xs)",
418
418
  px: "var(--sl-control-padding-inline-xs)"
419
419
  },
420
420
  sm: {
421
- fontFamily: "var(--sl-font-condense-font-family)",
422
- fontSize: "var(--sl-font-condense-font-size)",
423
- fontWeight: "var(--sl-font-condense-font-weight)",
424
- lineHeight: "var(--sl-font-condense-line-height)",
425
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
421
+ fontFamily: "var(--sl-font-body-condense-font-family)",
422
+ fontSize: "var(--sl-font-body-condense-font-size)",
423
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
424
+ lineHeight: "var(--sl-font-body-condense-line-height)",
425
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
426
426
  textStyle: null,
427
427
  "--input-height": "var(--sl-control-height-sm)",
428
428
  height: "var(--sl-control-height-sm)",
429
429
  px: "var(--sl-control-padding-inline-sm)"
430
430
  },
431
431
  md: {
432
- fontFamily: "var(--sl-font-base-font-family)",
433
- fontSize: "var(--sl-font-base-font-size)",
434
- fontWeight: "var(--sl-font-base-font-weight)",
435
- lineHeight: "var(--sl-font-base-line-height)",
436
- letterSpacing: "var(--sl-font-base-letter-spacing)",
432
+ fontFamily: "var(--sl-font-body-base-font-family)",
433
+ fontSize: "var(--sl-font-body-base-font-size)",
434
+ fontWeight: "var(--sl-font-body-base-font-weight)",
435
+ lineHeight: "var(--sl-font-body-base-line-height)",
436
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
437
437
  textStyle: null,
438
438
  "--input-height": "var(--sl-control-height-md)",
439
439
  height: "var(--sl-control-height-md)",
440
440
  px: "var(--sl-control-padding-inline)"
441
441
  },
442
442
  lg: {
443
- fontFamily: "var(--sl-font-magnify-font-family)",
444
- fontSize: "var(--sl-font-magnify-font-size)",
445
- fontWeight: "var(--sl-font-magnify-font-weight)",
446
- lineHeight: "var(--sl-font-magnify-line-height)",
447
- letterSpacing: "var(--sl-font-magnify-letter-spacing)",
443
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
444
+ fontSize: "var(--sl-font-body-magnify-font-size)",
445
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
446
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
447
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
448
448
  textStyle: null,
449
449
  "--input-height": "var(--sl-control-height-lg)",
450
450
  height: "var(--sl-control-height-lg)",
451
451
  px: "var(--sl-control-padding-inline-lg)"
452
452
  },
453
453
  xl: {
454
- fontFamily: "var(--sl-font-magnify-font-family)",
455
- fontSize: "var(--sl-font-magnify-font-size)",
456
- fontWeight: "var(--sl-font-magnify-font-weight)",
457
- lineHeight: "var(--sl-font-magnify-line-height)",
458
- letterSpacing: "var(--sl-font-magnify-letter-spacing)",
454
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
455
+ fontSize: "var(--sl-font-body-magnify-font-size)",
456
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
457
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
458
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
459
459
  textStyle: null,
460
460
  "--input-height": "var(--sl-control-height-lg)",
461
461
  height: "var(--sl-control-height-lg)",
462
462
  px: "var(--sl-control-padding-inline-lg)"
463
463
  },
464
464
  "2xl": {
465
- fontFamily: "var(--sl-font-magnify-font-family)",
466
- fontSize: "var(--sl-font-magnify-font-size)",
467
- fontWeight: "var(--sl-font-magnify-font-weight)",
468
- lineHeight: "var(--sl-font-magnify-line-height)",
469
- letterSpacing: "var(--sl-font-magnify-letter-spacing)",
465
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
466
+ fontSize: "var(--sl-font-body-magnify-font-size)",
467
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
468
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
469
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
470
470
  textStyle: null,
471
471
  "--input-height": "var(--sl-control-height-lg)",
472
472
  height: "var(--sl-control-height-lg)",
@@ -487,11 +487,11 @@ const recipes = {
487
487
  borderRadius: "var(--sl-field-radius)",
488
488
  transition: "var(--sl-field-transition)",
489
489
  outline: "none",
490
- fontFamily: "var(--sl-font-base-font-family)",
491
- fontSize: "var(--sl-font-base-font-size)",
492
- fontWeight: "var(--sl-font-base-font-weight)",
493
- lineHeight: "var(--sl-font-base-line-height)",
494
- letterSpacing: "var(--sl-font-base-letter-spacing)",
490
+ fontFamily: "var(--sl-font-body-base-font-family)",
491
+ fontSize: "var(--sl-font-body-base-font-size)",
492
+ fontWeight: "var(--sl-font-body-base-font-weight)",
493
+ lineHeight: "var(--sl-font-body-base-line-height)",
494
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
495
495
  focusVisibleRing: null,
496
496
  focusRingColor: null,
497
497
  _hover: {
@@ -544,11 +544,11 @@ const slotRecipes = {
544
544
  gap: "var(--sl-field-gap)"
545
545
  },
546
546
  label: {
547
- fontFamily: "var(--sl-font-base-label-font-family)",
548
- fontSize: "var(--sl-font-base-label-font-size)",
549
- fontWeight: "var(--sl-font-base-label-font-weight)",
550
- lineHeight: "var(--sl-font-base-label-line-height)",
551
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
547
+ fontFamily: "var(--sl-font-label-base-font-family)",
548
+ fontSize: "var(--sl-font-label-base-font-size)",
549
+ fontWeight: "var(--sl-font-label-base-font-weight)",
550
+ lineHeight: "var(--sl-font-label-base-line-height)",
551
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
552
552
  textStyle: null,
553
553
  gap: "var(--sl-space-1)",
554
554
  marginBottom: "var(--sl-field-label-spacing)",
@@ -558,11 +558,11 @@ const slotRecipes = {
558
558
  }
559
559
  },
560
560
  helperText: {
561
- fontFamily: "var(--sl-font-condense-font-family)",
562
- fontSize: "var(--sl-font-condense-font-size)",
563
- fontWeight: "var(--sl-font-condense-font-weight)",
564
- lineHeight: "var(--sl-font-condense-line-height)",
565
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
561
+ fontFamily: "var(--sl-font-body-condense-font-family)",
562
+ fontSize: "var(--sl-font-body-condense-font-size)",
563
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
564
+ lineHeight: "var(--sl-font-body-condense-line-height)",
565
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
566
566
  textStyle: null,
567
567
  margin: "var(--sl-field-message-spacing) 0 0",
568
568
  color: "var(--sl-text-secondary)",
@@ -571,11 +571,11 @@ const slotRecipes = {
571
571
  }
572
572
  },
573
573
  errorText: {
574
- fontFamily: "var(--sl-font-base-label-font-family)",
575
- fontSize: "var(--sl-font-base-label-font-size)",
576
- fontWeight: "var(--sl-font-base-label-font-weight)",
577
- lineHeight: "var(--sl-font-base-label-line-height)",
578
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
574
+ fontFamily: "var(--sl-font-label-base-font-family)",
575
+ fontSize: "var(--sl-font-label-base-font-size)",
576
+ fontWeight: "var(--sl-font-label-base-font-weight)",
577
+ lineHeight: "var(--sl-font-label-base-line-height)",
578
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
579
579
  textStyle: null,
580
580
  margin: "var(--sl-field-message-spacing) 0 0",
581
581
  color: "var(--sl-status-error)"
@@ -631,11 +631,11 @@ const slotRecipes = {
631
631
  }
632
632
  },
633
633
  label: {
634
- fontFamily: "var(--sl-font-base-font-family)",
635
- fontSize: "var(--sl-font-base-font-size)",
636
- fontWeight: "var(--sl-font-base-font-weight)",
637
- lineHeight: "var(--sl-font-base-line-height)",
638
- letterSpacing: "var(--sl-font-base-letter-spacing)",
634
+ fontFamily: "var(--sl-font-body-base-font-family)",
635
+ fontSize: "var(--sl-font-body-base-font-size)",
636
+ fontWeight: "var(--sl-font-body-base-font-weight)",
637
+ lineHeight: "var(--sl-font-body-base-line-height)",
638
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
639
639
  textStyle: null,
640
640
  _disabled: {
641
641
  color: "var(--sl-text-disabled)",
@@ -723,11 +723,11 @@ const slotRecipes = {
723
723
  fontWeight: null
724
724
  },
725
725
  itemText: {
726
- fontFamily: "var(--sl-font-base-font-family)",
727
- fontSize: "var(--sl-font-base-font-size)",
728
- fontWeight: "var(--sl-font-base-font-weight)",
729
- lineHeight: "var(--sl-font-base-line-height)",
730
- letterSpacing: "var(--sl-font-base-letter-spacing)",
726
+ fontFamily: "var(--sl-font-body-base-font-family)",
727
+ fontSize: "var(--sl-font-body-base-font-size)",
728
+ fontWeight: "var(--sl-font-body-base-font-weight)",
729
+ lineHeight: "var(--sl-font-body-base-line-height)",
730
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
731
731
  textStyle: null,
732
732
  _disabled: {
733
733
  color: "var(--sl-text-disabled)",
@@ -735,11 +735,11 @@ const slotRecipes = {
735
735
  }
736
736
  },
737
737
  label: {
738
- fontFamily: "var(--sl-font-base-font-family)",
739
- fontSize: "var(--sl-font-base-font-size)",
740
- fontWeight: "var(--sl-font-base-font-weight)",
741
- lineHeight: "var(--sl-font-base-line-height)",
742
- letterSpacing: "var(--sl-font-base-letter-spacing)",
738
+ fontFamily: "var(--sl-font-body-base-font-family)",
739
+ fontSize: "var(--sl-font-body-base-font-size)",
740
+ fontWeight: "var(--sl-font-body-base-font-weight)",
741
+ lineHeight: "var(--sl-font-body-base-line-height)",
742
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
743
743
  textStyle: null,
744
744
  _disabled: {
745
745
  color: "var(--sl-text-disabled)",
@@ -845,11 +845,11 @@ const slotRecipes = {
845
845
  "--switch-diff": "calc(var(--switch-width) - var(--switch-height))"
846
846
  },
847
847
  label: {
848
- fontFamily: "var(--sl-font-base-label-font-family)",
849
- fontSize: "var(--sl-font-base-label-font-size)",
850
- fontWeight: "var(--sl-font-base-label-font-weight)",
851
- lineHeight: "var(--sl-font-base-label-line-height)",
852
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
848
+ fontFamily: "var(--sl-font-label-base-font-family)",
849
+ fontSize: "var(--sl-font-label-base-font-size)",
850
+ fontWeight: "var(--sl-font-label-base-font-weight)",
851
+ lineHeight: "var(--sl-font-label-base-line-height)",
852
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
853
853
  color: "var(--sl-text-primary)",
854
854
  _disabled: {
855
855
  color: "var(--sl-text-disabled)",
@@ -866,12 +866,11 @@ const slotRecipes = {
866
866
  transition: "background-color var(--sl-duration-normal) var(--sl-easing-in-out)",
867
867
  focusVisibleRing: null,
868
868
  _before: {
869
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
869
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
870
870
  fontSize: "var(--switch-indicator-font-size)",
871
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
871
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
872
872
  lineHeight: 1,
873
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
874
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
873
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
875
874
  content: "\"off\"",
876
875
  position: "absolute",
877
876
  insetBlock: 0,
@@ -969,11 +968,11 @@ const slotRecipes = {
969
968
  slider: {
970
969
  base: {
971
970
  root: {
972
- fontFamily: "var(--sl-font-base-font-family)",
973
- fontSize: "var(--sl-font-base-font-size)",
974
- fontWeight: "var(--sl-font-base-font-weight)",
975
- lineHeight: "var(--sl-font-base-line-height)",
976
- letterSpacing: "var(--sl-font-base-letter-spacing)",
971
+ fontFamily: "var(--sl-font-body-base-font-family)",
972
+ fontSize: "var(--sl-font-body-base-font-size)",
973
+ fontWeight: "var(--sl-font-body-base-font-weight)",
974
+ lineHeight: "var(--sl-font-body-base-line-height)",
975
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
977
976
  textStyle: null,
978
977
  gap: "var(--sl-gauge-gap)",
979
978
  _disabled: {
@@ -981,20 +980,20 @@ const slotRecipes = {
981
980
  }
982
981
  },
983
982
  label: {
984
- fontFamily: "var(--sl-font-base-label-font-family)",
985
- fontSize: "var(--sl-font-base-label-font-size)",
986
- fontWeight: "var(--sl-font-base-label-font-weight)",
987
- lineHeight: "var(--sl-font-base-label-line-height)",
988
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
983
+ fontFamily: "var(--sl-font-label-base-font-family)",
984
+ fontSize: "var(--sl-font-label-base-font-size)",
985
+ fontWeight: "var(--sl-font-label-base-font-weight)",
986
+ lineHeight: "var(--sl-font-label-base-line-height)",
987
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
989
988
  textStyle: null,
990
989
  color: "var(--sl-gauge-label-color)"
991
990
  },
992
991
  valueText: {
993
- fontFamily: "var(--sl-font-base-font-family)",
994
- fontSize: "var(--sl-font-base-font-size)",
995
- fontWeight: "var(--sl-font-base-font-weight)",
996
- lineHeight: "var(--sl-font-base-line-height)",
997
- letterSpacing: "var(--sl-font-base-letter-spacing)",
992
+ fontFamily: "var(--sl-font-body-base-font-family)",
993
+ fontSize: "var(--sl-font-body-base-font-size)",
994
+ fontWeight: "var(--sl-font-body-base-font-weight)",
995
+ lineHeight: "var(--sl-font-body-base-line-height)",
996
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
998
997
  color: "var(--sl-gauge-value-color)"
999
998
  },
1000
999
  track: {
@@ -1070,11 +1069,11 @@ const slotRecipes = {
1070
1069
  borderColor: "var(--sl-disclosure-divider-color)"
1071
1070
  },
1072
1071
  trigger: {
1073
- fontFamily: "var(--sl-font-base-font-family)",
1074
- fontSize: "var(--sl-font-base-font-size)",
1075
- fontWeight: "var(--sl-font-base-font-weight)",
1076
- lineHeight: "var(--sl-font-base-line-height)",
1077
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1072
+ fontFamily: "var(--sl-font-body-base-font-family)",
1073
+ fontSize: "var(--sl-font-body-base-font-size)",
1074
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1075
+ lineHeight: "var(--sl-font-body-base-line-height)",
1076
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1078
1077
  height: "auto",
1079
1078
  minW: 0,
1080
1079
  padding: "var(--sl-space-2) var(--sl-space-4)",
@@ -1123,11 +1122,11 @@ const slotRecipes = {
1123
1122
  },
1124
1123
  trigger: {
1125
1124
  _selected: {
1126
- fontFamily: "var(--sl-font-base-selected-font-family)",
1127
- fontSize: "var(--sl-font-base-selected-font-size)",
1128
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1129
- lineHeight: "var(--sl-font-base-selected-line-height)",
1130
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1125
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1126
+ fontSize: "var(--sl-font-selected-base-font-size)",
1127
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1128
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1129
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1131
1130
  color: "var(--sl-disclosure-selected-color)",
1132
1131
  _horizontal: {
1133
1132
  layerStyle: "indicator.bottom",
@@ -1159,11 +1158,11 @@ const slotRecipes = {
1159
1158
  }
1160
1159
  },
1161
1160
  itemTrigger: {
1162
- fontFamily: "var(--sl-font-maximize-md-font-family)",
1163
- fontSize: "var(--sl-font-maximize-md-font-size)",
1164
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
1165
- lineHeight: "var(--sl-font-maximize-md-line-height)",
1166
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
1161
+ fontFamily: "var(--sl-font-title-base-font-family)",
1162
+ fontSize: "var(--sl-font-title-base-font-size)",
1163
+ fontWeight: "var(--sl-font-title-base-font-weight)",
1164
+ lineHeight: "var(--sl-font-title-base-line-height)",
1165
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
1167
1166
  justifyContent: "space-between",
1168
1167
  gap: "var(--sl-space-4)",
1169
1168
  padding: "var(--sl-space-4) var(--sl-space-6)",
@@ -1190,11 +1189,11 @@ const slotRecipes = {
1190
1189
  color: "var(--sl-disclosure-icon-color)"
1191
1190
  },
1192
1191
  itemBody: {
1193
- fontFamily: "var(--sl-font-base-font-family)",
1194
- fontSize: "var(--sl-font-base-font-size)",
1195
- fontWeight: "var(--sl-font-base-font-weight)",
1196
- lineHeight: "var(--sl-font-base-line-height)",
1197
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1192
+ fontFamily: "var(--sl-font-body-base-font-family)",
1193
+ fontSize: "var(--sl-font-body-base-font-size)",
1194
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1195
+ lineHeight: "var(--sl-font-body-base-line-height)",
1196
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1198
1197
  padding: "0 var(--sl-space-6) var(--sl-space-4)",
1199
1198
  color: "var(--sl-disclosure-content-color)"
1200
1199
  }
@@ -1235,11 +1234,11 @@ const slotRecipes = {
1235
1234
  overflow: null
1236
1235
  },
1237
1236
  item: {
1238
- fontFamily: "var(--sl-font-base-font-family)",
1239
- fontSize: "var(--sl-font-base-font-size)",
1240
- fontWeight: "var(--sl-font-base-font-weight)",
1241
- lineHeight: "var(--sl-font-base-line-height)",
1242
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1237
+ fontFamily: "var(--sl-font-body-base-font-family)",
1238
+ fontSize: "var(--sl-font-body-base-font-size)",
1239
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1240
+ lineHeight: "var(--sl-font-body-base-line-height)",
1241
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1243
1242
  display: "flex",
1244
1243
  alignItems: "center",
1245
1244
  gap: "var(--sl-item-gap)",
@@ -1265,12 +1264,11 @@ const slotRecipes = {
1265
1264
  }
1266
1265
  },
1267
1266
  itemGroupLabel: {
1268
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1269
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
1270
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1271
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
1272
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1273
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1267
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1268
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
1269
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1270
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
1271
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1274
1272
  paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
1275
1273
  paddingInline: "var(--sl-item-padding-inline)",
1276
1274
  color: "var(--sl-text-secondary)",
@@ -1278,10 +1276,10 @@ const slotRecipes = {
1278
1276
  textStyle: null
1279
1277
  },
1280
1278
  itemCommand: {
1281
- fontFamily: "var(--sl-font-condense-font-family)",
1282
- fontSize: "var(--sl-font-condense-font-size)",
1283
- fontWeight: "var(--sl-font-condense-font-weight)",
1284
- lineHeight: "var(--sl-font-condense-line-height)",
1279
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1280
+ fontSize: "var(--sl-font-body-condense-font-size)",
1281
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1282
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1285
1283
  letterSpacing: null,
1286
1284
  color: "var(--sl-text-tertiary)",
1287
1285
  opacity: null
@@ -1337,11 +1335,11 @@ const slotRecipes = {
1337
1335
  borderRadius: "var(--sl-field-radius)",
1338
1336
  transition: "var(--sl-field-transition)",
1339
1337
  outline: "none",
1340
- fontFamily: "var(--sl-font-base-font-family)",
1341
- fontSize: "var(--sl-font-base-font-size)",
1342
- fontWeight: "var(--sl-font-base-font-weight)",
1343
- lineHeight: "var(--sl-font-base-line-height)",
1344
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1338
+ fontFamily: "var(--sl-font-body-base-font-family)",
1339
+ fontSize: "var(--sl-font-body-base-font-size)",
1340
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1341
+ lineHeight: "var(--sl-font-body-base-line-height)",
1342
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1345
1343
  focusVisibleRing: null,
1346
1344
  focusRingColor: null,
1347
1345
  _hover: {
@@ -1381,11 +1379,11 @@ const slotRecipes = {
1381
1379
  color: "var(--sl-text-tertiary)"
1382
1380
  },
1383
1381
  label: {
1384
- fontFamily: "var(--sl-font-base-label-font-family)",
1385
- fontSize: "var(--sl-font-base-label-font-size)",
1386
- fontWeight: "var(--sl-font-base-label-font-weight)",
1387
- lineHeight: "var(--sl-font-base-label-line-height)",
1388
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
1382
+ fontFamily: "var(--sl-font-label-base-font-family)",
1383
+ fontSize: "var(--sl-font-label-base-font-size)",
1384
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1385
+ lineHeight: "var(--sl-font-label-base-line-height)",
1386
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
1389
1387
  textStyle: null,
1390
1388
  color: "var(--sl-text-primary)"
1391
1389
  },
@@ -1402,11 +1400,11 @@ const slotRecipes = {
1402
1400
  padding: "var(--sl-popup-padding)"
1403
1401
  },
1404
1402
  item: {
1405
- fontFamily: "var(--sl-font-base-font-family)",
1406
- fontSize: "var(--sl-font-base-font-size)",
1407
- fontWeight: "var(--sl-font-base-font-weight)",
1408
- lineHeight: "var(--sl-font-base-line-height)",
1409
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1403
+ fontFamily: "var(--sl-font-body-base-font-family)",
1404
+ fontSize: "var(--sl-font-body-base-font-size)",
1405
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1406
+ lineHeight: "var(--sl-font-body-base-line-height)",
1407
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1410
1408
  display: "flex",
1411
1409
  alignItems: "center",
1412
1410
  gap: "var(--sl-item-gap)",
@@ -1428,22 +1426,21 @@ const slotRecipes = {
1428
1426
  layerStyle: null
1429
1427
  },
1430
1428
  "&[data-state=checked]": {
1431
- fontFamily: "var(--sl-font-base-selected-font-family)",
1432
- fontSize: "var(--sl-font-base-selected-font-size)",
1433
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1434
- lineHeight: "var(--sl-font-base-selected-line-height)",
1435
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1429
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1430
+ fontSize: "var(--sl-font-selected-base-font-size)",
1431
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1432
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1433
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1436
1434
  background: "var(--sl-item-background-selected)",
1437
1435
  color: "var(--sl-item-color-selected)"
1438
1436
  }
1439
1437
  },
1440
1438
  itemGroupLabel: {
1441
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1442
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
1443
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1444
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
1445
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1446
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1439
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1440
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
1441
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1442
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
1443
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1447
1444
  paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
1448
1445
  paddingInline: "var(--sl-item-padding-inline)",
1449
1446
  color: "var(--sl-text-secondary)",
@@ -1514,11 +1511,11 @@ const slotRecipes = {
1514
1511
  borderRadius: "var(--sl-field-radius)",
1515
1512
  transition: "var(--sl-field-transition)",
1516
1513
  outline: "none",
1517
- fontFamily: "var(--sl-font-base-font-family)",
1518
- fontSize: "var(--sl-font-base-font-size)",
1519
- fontWeight: "var(--sl-font-base-font-weight)",
1520
- lineHeight: "var(--sl-font-base-line-height)",
1521
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1514
+ fontFamily: "var(--sl-font-body-base-font-family)",
1515
+ fontSize: "var(--sl-font-body-base-font-size)",
1516
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1517
+ lineHeight: "var(--sl-font-body-base-line-height)",
1518
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1522
1519
  focusVisibleRing: null,
1523
1520
  focusRingColor: null,
1524
1521
  _hover: {
@@ -1547,11 +1544,11 @@ const slotRecipes = {
1547
1544
  }
1548
1545
  },
1549
1546
  label: {
1550
- fontFamily: "var(--sl-font-base-label-font-family)",
1551
- fontSize: "var(--sl-font-base-label-font-size)",
1552
- fontWeight: "var(--sl-font-base-label-font-weight)",
1553
- lineHeight: "var(--sl-font-base-label-line-height)",
1554
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
1547
+ fontFamily: "var(--sl-font-label-base-font-family)",
1548
+ fontSize: "var(--sl-font-label-base-font-size)",
1549
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1550
+ lineHeight: "var(--sl-font-label-base-line-height)",
1551
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
1555
1552
  textStyle: null,
1556
1553
  color: "var(--sl-text-primary)"
1557
1554
  },
@@ -1559,11 +1556,11 @@ const slotRecipes = {
1559
1556
  color: "var(--sl-text-tertiary)"
1560
1557
  },
1561
1558
  empty: {
1562
- fontFamily: "var(--sl-font-condense-font-family)",
1563
- fontSize: "var(--sl-font-condense-font-size)",
1564
- fontWeight: "var(--sl-font-condense-font-weight)",
1565
- lineHeight: "var(--sl-font-condense-line-height)",
1566
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1559
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1560
+ fontSize: "var(--sl-font-body-condense-font-size)",
1561
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1562
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1563
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1567
1564
  color: "var(--sl-text-tertiary)",
1568
1565
  justifyContent: "center",
1569
1566
  paddingBlock: "var(--sl-popup-empty-padding-block)"
@@ -1581,11 +1578,11 @@ const slotRecipes = {
1581
1578
  padding: "var(--sl-popup-padding)"
1582
1579
  },
1583
1580
  item: {
1584
- fontFamily: "var(--sl-font-base-font-family)",
1585
- fontSize: "var(--sl-font-base-font-size)",
1586
- fontWeight: "var(--sl-font-base-font-weight)",
1587
- lineHeight: "var(--sl-font-base-line-height)",
1588
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1581
+ fontFamily: "var(--sl-font-body-base-font-family)",
1582
+ fontSize: "var(--sl-font-body-base-font-size)",
1583
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1584
+ lineHeight: "var(--sl-font-body-base-line-height)",
1585
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1589
1586
  display: "flex",
1590
1587
  alignItems: "center",
1591
1588
  gap: "var(--sl-item-gap)",
@@ -1607,22 +1604,21 @@ const slotRecipes = {
1607
1604
  layerStyle: null
1608
1605
  },
1609
1606
  "&[data-state=checked]": {
1610
- fontFamily: "var(--sl-font-base-selected-font-family)",
1611
- fontSize: "var(--sl-font-base-selected-font-size)",
1612
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1613
- lineHeight: "var(--sl-font-base-selected-line-height)",
1614
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1607
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1608
+ fontSize: "var(--sl-font-selected-base-font-size)",
1609
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1610
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1611
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1615
1612
  background: "var(--sl-item-background-selected)",
1616
1613
  color: "var(--sl-item-color-selected)"
1617
1614
  }
1618
1615
  },
1619
1616
  itemGroupLabel: {
1620
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1621
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
1622
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1623
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
1624
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1625
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1617
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1618
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
1619
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1620
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
1621
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1626
1622
  paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
1627
1623
  paddingInline: "var(--sl-item-padding-inline)",
1628
1624
  color: "var(--sl-text-secondary)",
@@ -1645,11 +1641,11 @@ const slotRecipes = {
1645
1641
  item: {},
1646
1642
  itemGroupLabel: {},
1647
1643
  input: {
1648
- fontFamily: "var(--sl-font-condense-font-family)",
1649
- fontSize: "var(--sl-font-condense-font-size)",
1650
- fontWeight: "var(--sl-font-condense-font-weight)",
1651
- lineHeight: "var(--sl-font-condense-line-height)",
1652
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1644
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1645
+ fontSize: "var(--sl-font-body-condense-font-size)",
1646
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1647
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1648
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1653
1649
  textStyle: null,
1654
1650
  "--input-height": "var(--sl-control-height-xs)",
1655
1651
  height: "var(--sl-control-height-xs)",
@@ -1661,11 +1657,11 @@ const slotRecipes = {
1661
1657
  item: {},
1662
1658
  itemGroupLabel: {},
1663
1659
  input: {
1664
- fontFamily: "var(--sl-font-condense-font-family)",
1665
- fontSize: "var(--sl-font-condense-font-size)",
1666
- fontWeight: "var(--sl-font-condense-font-weight)",
1667
- lineHeight: "var(--sl-font-condense-line-height)",
1668
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1660
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1661
+ fontSize: "var(--sl-font-body-condense-font-size)",
1662
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1663
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1664
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1669
1665
  textStyle: null,
1670
1666
  "--input-height": "var(--sl-control-height-sm)",
1671
1667
  height: "var(--sl-control-height-sm)",
@@ -1677,11 +1673,11 @@ const slotRecipes = {
1677
1673
  item: {},
1678
1674
  itemGroupLabel: {},
1679
1675
  input: {
1680
- fontFamily: "var(--sl-font-base-font-family)",
1681
- fontSize: "var(--sl-font-base-font-size)",
1682
- fontWeight: "var(--sl-font-base-font-weight)",
1683
- lineHeight: "var(--sl-font-base-line-height)",
1684
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1676
+ fontFamily: "var(--sl-font-body-base-font-family)",
1677
+ fontSize: "var(--sl-font-body-base-font-size)",
1678
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1679
+ lineHeight: "var(--sl-font-body-base-line-height)",
1680
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1685
1681
  textStyle: null,
1686
1682
  "--input-height": "var(--sl-control-height-md)",
1687
1683
  height: "var(--sl-control-height-md)",
@@ -1693,11 +1689,11 @@ const slotRecipes = {
1693
1689
  item: {},
1694
1690
  itemGroupLabel: {},
1695
1691
  input: {
1696
- fontFamily: "var(--sl-font-magnify-font-family)",
1697
- fontSize: "var(--sl-font-magnify-font-size)",
1698
- fontWeight: "var(--sl-font-magnify-font-weight)",
1699
- lineHeight: "var(--sl-font-magnify-line-height)",
1700
- letterSpacing: "var(--sl-font-magnify-letter-spacing)",
1692
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
1693
+ fontSize: "var(--sl-font-body-magnify-font-size)",
1694
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
1695
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
1696
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
1701
1697
  textStyle: null,
1702
1698
  "--input-height": "var(--sl-control-height-lg)",
1703
1699
  height: "var(--sl-control-height-lg)",
@@ -1721,25 +1717,25 @@ const slotRecipes = {
1721
1717
  "--menu-bg": "var(--sl-popup-background)",
1722
1718
  "--popover-bg": "var(--sl-popup-background)",
1723
1719
  textStyle: null,
1724
- fontFamily: "var(--sl-font-base-font-family)",
1725
- fontSize: "var(--sl-font-base-font-size)",
1726
- fontWeight: "var(--sl-font-base-font-weight)",
1727
- lineHeight: "var(--sl-font-base-line-height)",
1728
- letterSpacing: "var(--sl-font-base-letter-spacing)"
1720
+ fontFamily: "var(--sl-font-body-base-font-family)",
1721
+ fontSize: "var(--sl-font-body-base-font-size)",
1722
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1723
+ lineHeight: "var(--sl-font-body-base-line-height)",
1724
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)"
1729
1725
  },
1730
1726
  title: {
1731
- fontFamily: "var(--sl-font-maximize-md-font-family)",
1732
- fontSize: "var(--sl-font-maximize-md-font-size)",
1733
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
1734
- lineHeight: "var(--sl-font-maximize-md-line-height)",
1735
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
1727
+ fontFamily: "var(--sl-font-title-base-font-family)",
1728
+ fontSize: "var(--sl-font-title-base-font-size)",
1729
+ fontWeight: "var(--sl-font-title-base-font-weight)",
1730
+ lineHeight: "var(--sl-font-title-base-line-height)",
1731
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)"
1736
1732
  },
1737
1733
  description: {
1738
- fontFamily: "var(--sl-font-base-font-family)",
1739
- fontSize: "var(--sl-font-base-font-size)",
1740
- fontWeight: "var(--sl-font-base-font-weight)",
1741
- lineHeight: "var(--sl-font-base-line-height)",
1742
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1734
+ fontFamily: "var(--sl-font-body-base-font-family)",
1735
+ fontSize: "var(--sl-font-body-base-font-size)",
1736
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1737
+ lineHeight: "var(--sl-font-body-base-line-height)",
1738
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1743
1739
  color: "var(--sl-text-secondary)"
1744
1740
  },
1745
1741
  arrow: {
@@ -1750,11 +1746,11 @@ const slotRecipes = {
1750
1746
  tooltip: {
1751
1747
  base: {
1752
1748
  content: {
1753
- fontFamily: "var(--sl-font-condense-font-family)",
1754
- fontSize: "var(--sl-font-condense-font-size)",
1755
- fontWeight: "var(--sl-font-condense-font-weight)",
1756
- lineHeight: "var(--sl-font-condense-line-height)",
1757
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1749
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1750
+ fontSize: "var(--sl-font-body-condense-font-size)",
1751
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1752
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1753
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1758
1754
  textStyle: null,
1759
1755
  maxW: "var(--sl-tooltip-max-width)",
1760
1756
  padding: "var(--sl-space-1-5) var(--sl-space-2-5)",
@@ -1786,11 +1782,11 @@ const slotRecipes = {
1786
1782
  color: "var(--sl-text-primary)",
1787
1783
  bg: null,
1788
1784
  textStyle: null,
1789
- fontFamily: "var(--sl-font-base-font-family)",
1790
- fontSize: "var(--sl-font-base-font-size)",
1791
- fontWeight: "var(--sl-font-base-font-weight)",
1792
- lineHeight: "var(--sl-font-base-line-height)",
1793
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1785
+ fontFamily: "var(--sl-font-body-base-font-family)",
1786
+ fontSize: "var(--sl-font-body-base-font-size)",
1787
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1788
+ lineHeight: "var(--sl-font-body-base-line-height)",
1789
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1794
1790
  width: "var(--sl-modal-width)",
1795
1791
  maxH: "var(--sl-modal-max-height)"
1796
1792
  },
@@ -1807,20 +1803,20 @@ const slotRecipes = {
1807
1803
  marginTop: "var(--sl-modal-actions-spacing)"
1808
1804
  },
1809
1805
  title: {
1810
- fontFamily: "var(--sl-font-maximize-xl-font-family)",
1811
- fontSize: "var(--sl-font-maximize-xl-font-size)",
1812
- fontWeight: "var(--sl-font-maximize-xl-font-weight)",
1813
- lineHeight: "var(--sl-font-maximize-xl-line-height)",
1814
- letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)",
1806
+ fontFamily: "var(--sl-font-title-amplify-font-family)",
1807
+ fontSize: "var(--sl-font-title-amplify-font-size)",
1808
+ fontWeight: "var(--sl-font-title-amplify-font-weight)",
1809
+ lineHeight: "var(--sl-font-title-amplify-line-height)",
1810
+ letterSpacing: "var(--sl-font-title-amplify-letter-spacing)",
1815
1811
  textStyle: null,
1816
1812
  color: "var(--sl-modal-title-color)"
1817
1813
  },
1818
1814
  description: {
1819
- fontFamily: "var(--sl-font-base-font-family)",
1820
- fontSize: "var(--sl-font-base-font-size)",
1821
- fontWeight: "var(--sl-font-base-font-weight)",
1822
- lineHeight: "var(--sl-font-base-line-height)",
1823
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1815
+ fontFamily: "var(--sl-font-body-base-font-family)",
1816
+ fontSize: "var(--sl-font-body-base-font-size)",
1817
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1818
+ lineHeight: "var(--sl-font-body-base-line-height)",
1819
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1824
1820
  color: "var(--sl-modal-description-color)"
1825
1821
  },
1826
1822
  closeTrigger: {
@@ -1848,27 +1844,27 @@ const slotRecipes = {
1848
1844
  color: "var(--sl-text-primary)",
1849
1845
  boxShadow: "var(--sl-modal-shadow)",
1850
1846
  textStyle: null,
1851
- fontFamily: "var(--sl-font-base-font-family)",
1852
- fontSize: "var(--sl-font-base-font-size)",
1853
- fontWeight: "var(--sl-font-base-font-weight)",
1854
- lineHeight: "var(--sl-font-base-line-height)",
1855
- letterSpacing: "var(--sl-font-base-letter-spacing)"
1847
+ fontFamily: "var(--sl-font-body-base-font-family)",
1848
+ fontSize: "var(--sl-font-body-base-font-size)",
1849
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1850
+ lineHeight: "var(--sl-font-body-base-line-height)",
1851
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)"
1856
1852
  },
1857
1853
  title: {
1858
- fontFamily: "var(--sl-font-maximize-xl-font-family)",
1859
- fontSize: "var(--sl-font-maximize-xl-font-size)",
1860
- fontWeight: "var(--sl-font-maximize-xl-font-weight)",
1861
- lineHeight: "var(--sl-font-maximize-xl-line-height)",
1862
- letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)",
1854
+ fontFamily: "var(--sl-font-title-amplify-font-family)",
1855
+ fontSize: "var(--sl-font-title-amplify-font-size)",
1856
+ fontWeight: "var(--sl-font-title-amplify-font-weight)",
1857
+ lineHeight: "var(--sl-font-title-amplify-line-height)",
1858
+ letterSpacing: "var(--sl-font-title-amplify-letter-spacing)",
1863
1859
  textStyle: null,
1864
1860
  color: "var(--sl-modal-title-color)"
1865
1861
  },
1866
1862
  description: {
1867
- fontFamily: "var(--sl-font-base-font-family)",
1868
- fontSize: "var(--sl-font-base-font-size)",
1869
- fontWeight: "var(--sl-font-base-font-weight)",
1870
- lineHeight: "var(--sl-font-base-line-height)",
1871
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1863
+ fontFamily: "var(--sl-font-body-base-font-family)",
1864
+ fontSize: "var(--sl-font-body-base-font-size)",
1865
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1866
+ lineHeight: "var(--sl-font-body-base-line-height)",
1867
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1872
1868
  color: "var(--sl-modal-description-color)"
1873
1869
  },
1874
1870
  footer: {
@@ -1886,11 +1882,11 @@ const slotRecipes = {
1886
1882
  boxShadow: "var(--sl-popup-shadow)",
1887
1883
  backgroundImage: "none",
1888
1884
  color: "var(--sl-text-primary)",
1889
- fontFamily: "var(--sl-font-base-font-family)",
1890
- fontSize: "var(--sl-font-base-font-size)",
1891
- fontWeight: "var(--sl-font-base-font-weight)",
1892
- lineHeight: "var(--sl-font-base-line-height)",
1893
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1885
+ fontFamily: "var(--sl-font-body-base-font-family)",
1886
+ fontSize: "var(--sl-font-body-base-font-size)",
1887
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1888
+ lineHeight: "var(--sl-font-body-base-line-height)",
1889
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1894
1890
  padding: "var(--sl-notice-padding)",
1895
1891
  gap: "var(--sl-notice-gap)",
1896
1892
  "--toast-trigger-bg": "var(--sl-surface-raised)",
@@ -1920,19 +1916,19 @@ const slotRecipes = {
1920
1916
  }
1921
1917
  },
1922
1918
  title: {
1923
- fontFamily: "var(--sl-font-maximize-md-font-family)",
1924
- fontSize: "var(--sl-font-maximize-md-font-size)",
1925
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
1926
- lineHeight: "var(--sl-font-maximize-md-line-height)",
1927
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
1919
+ fontFamily: "var(--sl-font-title-base-font-family)",
1920
+ fontSize: "var(--sl-font-title-base-font-size)",
1921
+ fontWeight: "var(--sl-font-title-base-font-weight)",
1922
+ lineHeight: "var(--sl-font-title-base-line-height)",
1923
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
1928
1924
  textStyle: null
1929
1925
  },
1930
1926
  description: {
1931
- fontFamily: "var(--sl-font-base-font-family)",
1932
- fontSize: "var(--sl-font-base-font-size)",
1933
- fontWeight: "var(--sl-font-base-font-weight)",
1934
- lineHeight: "var(--sl-font-base-line-height)",
1935
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1927
+ fontFamily: "var(--sl-font-body-base-font-family)",
1928
+ fontSize: "var(--sl-font-body-base-font-size)",
1929
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1930
+ lineHeight: "var(--sl-font-body-base-line-height)",
1931
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1936
1932
  textStyle: null,
1937
1933
  marginTop: "var(--sl-notice-text-gap)",
1938
1934
  color: "var(--sl-notice-description-color)",
@@ -1953,11 +1949,11 @@ const slotRecipes = {
1953
1949
  alert: {
1954
1950
  base: {
1955
1951
  root: {
1956
- fontFamily: "var(--sl-font-base-font-family)",
1957
- fontSize: "var(--sl-font-base-font-size)",
1958
- fontWeight: "var(--sl-font-base-font-weight)",
1959
- lineHeight: "var(--sl-font-base-line-height)",
1960
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1952
+ fontFamily: "var(--sl-font-body-base-font-family)",
1953
+ fontSize: "var(--sl-font-body-base-font-size)",
1954
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1955
+ lineHeight: "var(--sl-font-body-base-line-height)",
1956
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1961
1957
  textStyle: null,
1962
1958
  padding: "var(--sl-notice-padding)",
1963
1959
  gap: "var(--sl-notice-gap)",
@@ -1967,18 +1963,18 @@ const slotRecipes = {
1967
1963
  borderColor: "transparent"
1968
1964
  },
1969
1965
  title: {
1970
- fontFamily: "var(--sl-font-maximize-md-font-family)",
1971
- fontSize: "var(--sl-font-maximize-md-font-size)",
1972
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
1973
- lineHeight: "var(--sl-font-maximize-md-line-height)",
1974
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
1966
+ fontFamily: "var(--sl-font-title-base-font-family)",
1967
+ fontSize: "var(--sl-font-title-base-font-size)",
1968
+ fontWeight: "var(--sl-font-title-base-font-weight)",
1969
+ lineHeight: "var(--sl-font-title-base-line-height)",
1970
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)"
1975
1971
  },
1976
1972
  description: {
1977
- fontFamily: "var(--sl-font-base-font-family)",
1978
- fontSize: "var(--sl-font-base-font-size)",
1979
- fontWeight: "var(--sl-font-base-font-weight)",
1980
- lineHeight: "var(--sl-font-base-line-height)",
1981
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1973
+ fontFamily: "var(--sl-font-body-base-font-family)",
1974
+ fontSize: "var(--sl-font-body-base-font-size)",
1975
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1976
+ lineHeight: "var(--sl-font-body-base-line-height)",
1977
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1982
1978
  marginTop: "var(--sl-notice-text-gap)"
1983
1979
  },
1984
1980
  indicator: {
@@ -2062,20 +2058,20 @@ const slotRecipes = {
2062
2058
  gap: "var(--sl-gauge-gap)"
2063
2059
  },
2064
2060
  label: {
2065
- fontFamily: "var(--sl-font-base-label-font-family)",
2066
- fontSize: "var(--sl-font-base-label-font-size)",
2067
- fontWeight: "var(--sl-font-base-label-font-weight)",
2068
- lineHeight: "var(--sl-font-base-label-line-height)",
2069
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
2061
+ fontFamily: "var(--sl-font-label-base-font-family)",
2062
+ fontSize: "var(--sl-font-label-base-font-size)",
2063
+ fontWeight: "var(--sl-font-label-base-font-weight)",
2064
+ lineHeight: "var(--sl-font-label-base-line-height)",
2065
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
2070
2066
  textStyle: null,
2071
2067
  color: "var(--sl-gauge-label-color)"
2072
2068
  },
2073
2069
  valueText: {
2074
- fontFamily: "var(--sl-font-base-font-family)",
2075
- fontSize: "var(--sl-font-base-font-size)",
2076
- fontWeight: "var(--sl-font-base-font-weight)",
2077
- lineHeight: "var(--sl-font-base-line-height)",
2078
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2070
+ fontFamily: "var(--sl-font-body-base-font-family)",
2071
+ fontSize: "var(--sl-font-body-base-font-size)",
2072
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2073
+ lineHeight: "var(--sl-font-body-base-line-height)",
2074
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2079
2075
  textStyle: null,
2080
2076
  color: "var(--sl-gauge-value-color)"
2081
2077
  },
@@ -2132,11 +2128,11 @@ const slotRecipes = {
2132
2128
  avatar: {
2133
2129
  base: {
2134
2130
  root: {
2135
- fontFamily: "var(--sl-font-maximize-md-font-family)",
2136
- fontSize: "var(--sl-font-maximize-md-font-size)",
2137
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
2138
- lineHeight: "var(--sl-font-maximize-md-line-height)",
2139
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
2131
+ fontFamily: "var(--sl-font-title-base-font-family)",
2132
+ fontSize: "var(--sl-font-title-base-font-size)",
2133
+ fontWeight: "var(--sl-font-title-base-font-weight)",
2134
+ lineHeight: "var(--sl-font-title-base-line-height)",
2135
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
2140
2136
  boxSizing: "border-box",
2141
2137
  border: "var(--sl-stroke-emphasis) solid var(--sl-surface-canvas)",
2142
2138
  boxShadow: "var(--sl-elevation-sm)",
@@ -2213,20 +2209,20 @@ const slotRecipes = {
2213
2209
  table: {
2214
2210
  base: {
2215
2211
  root: {
2216
- fontFamily: "var(--sl-font-condense-font-family)",
2217
- fontSize: "var(--sl-font-condense-font-size)",
2218
- fontWeight: "var(--sl-font-condense-font-weight)",
2219
- lineHeight: "var(--sl-font-condense-line-height)",
2220
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
2212
+ fontFamily: "var(--sl-font-body-condense-font-family)",
2213
+ fontSize: "var(--sl-font-body-condense-font-size)",
2214
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
2215
+ lineHeight: "var(--sl-font-body-condense-line-height)",
2216
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
2221
2217
  textStyle: null,
2222
2218
  color: "var(--sl-table-color)"
2223
2219
  },
2224
2220
  columnHeader: {
2225
- fontFamily: "var(--sl-font-base-label-font-family)",
2226
- fontSize: "var(--sl-font-base-label-font-size)",
2227
- fontWeight: "var(--sl-font-base-label-font-weight)",
2228
- lineHeight: "var(--sl-font-base-label-line-height)",
2229
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
2221
+ fontFamily: "var(--sl-font-label-base-font-family)",
2222
+ fontSize: "var(--sl-font-label-base-font-size)",
2223
+ fontWeight: "var(--sl-font-label-base-font-weight)",
2224
+ lineHeight: "var(--sl-font-label-base-line-height)",
2225
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
2230
2226
  bg: "var(--sl-table-header-background)",
2231
2227
  color: "var(--sl-table-header-color)",
2232
2228
  borderColor: "var(--sl-table-row-border-color)"
@@ -2252,11 +2248,11 @@ const slotRecipes = {
2252
2248
  borderRadius: "var(--sl-field-radius)",
2253
2249
  transition: "var(--sl-field-transition)",
2254
2250
  outline: "none",
2255
- fontFamily: "var(--sl-font-base-font-family)",
2256
- fontSize: "var(--sl-font-base-font-size)",
2257
- fontWeight: "var(--sl-font-base-font-weight)",
2258
- lineHeight: "var(--sl-font-base-line-height)",
2259
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2251
+ fontFamily: "var(--sl-font-body-base-font-family)",
2252
+ fontSize: "var(--sl-font-body-base-font-size)",
2253
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2254
+ lineHeight: "var(--sl-font-body-base-line-height)",
2255
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2260
2256
  focusVisibleRing: null,
2261
2257
  focusRingColor: null,
2262
2258
  _hover: {
@@ -2296,11 +2292,11 @@ const slotRecipes = {
2296
2292
  borderRadius: "var(--sl-field-radius)",
2297
2293
  transition: "var(--sl-field-transition)",
2298
2294
  outline: "none",
2299
- fontFamily: "var(--sl-font-base-font-family)",
2300
- fontSize: "var(--sl-font-base-font-size)",
2301
- fontWeight: "var(--sl-font-base-font-weight)",
2302
- lineHeight: "var(--sl-font-base-line-height)",
2303
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2295
+ fontFamily: "var(--sl-font-body-base-font-family)",
2296
+ fontSize: "var(--sl-font-body-base-font-size)",
2297
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2298
+ lineHeight: "var(--sl-font-body-base-line-height)",
2299
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2304
2300
  focusVisibleRing: null,
2305
2301
  focusRingColor: null,
2306
2302
  _hover: {
@@ -2338,7 +2334,7 @@ const slotRecipes = {
2338
2334
  const merged = mergeConfigs(defaultConfig, {
2339
2335
  conditions: {
2340
2336
  light: ":root &, .light &, [data-theme=light] &",
2341
- dark: ".dark &, [data-theme=dark] &"
2337
+ dark: ".dark &, [data-theme=dark] &, [data-theme=dark-high-contrast] &"
2342
2338
  },
2343
2339
  globalCss: {
2344
2340
  html: {
@@ -3487,149 +3483,139 @@ const merged = mergeConfigs(defaultConfig, {
3487
3483
  }
3488
3484
  },
3489
3485
  textStyles: {
3490
- minimize: {
3486
+ "body-minimize": {
3491
3487
  value: {
3492
- fontFamily: "var(--sl-font-minimize-font-family)",
3493
- fontSize: "var(--sl-font-minimize-font-size)",
3494
- fontWeight: "var(--sl-font-minimize-font-weight)",
3495
- lineHeight: "var(--sl-font-minimize-line-height)",
3496
- letterSpacing: "var(--sl-font-minimize-letter-spacing)"
3488
+ fontFamily: "var(--sl-font-body-minimize-font-family)",
3489
+ fontSize: "var(--sl-font-body-minimize-font-size)",
3490
+ fontWeight: "var(--sl-font-body-minimize-font-weight)",
3491
+ lineHeight: "var(--sl-font-body-minimize-line-height)",
3492
+ letterSpacing: "var(--sl-font-body-minimize-letter-spacing)"
3497
3493
  }
3498
3494
  },
3499
- condense: {
3495
+ "body-condense": {
3500
3496
  value: {
3501
- fontFamily: "var(--sl-font-condense-font-family)",
3502
- fontSize: "var(--sl-font-condense-font-size)",
3503
- fontWeight: "var(--sl-font-condense-font-weight)",
3504
- lineHeight: "var(--sl-font-condense-line-height)",
3505
- letterSpacing: "var(--sl-font-condense-letter-spacing)"
3497
+ fontFamily: "var(--sl-font-body-condense-font-family)",
3498
+ fontSize: "var(--sl-font-body-condense-font-size)",
3499
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
3500
+ lineHeight: "var(--sl-font-body-condense-line-height)",
3501
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)"
3506
3502
  }
3507
3503
  },
3508
- base: {
3504
+ "body-base": {
3509
3505
  value: {
3510
- fontFamily: "var(--sl-font-base-font-family)",
3511
- fontSize: "var(--sl-font-base-font-size)",
3512
- fontWeight: "var(--sl-font-base-font-weight)",
3513
- lineHeight: "var(--sl-font-base-line-height)",
3514
- letterSpacing: "var(--sl-font-base-letter-spacing)"
3506
+ fontFamily: "var(--sl-font-body-base-font-family)",
3507
+ fontSize: "var(--sl-font-body-base-font-size)",
3508
+ fontWeight: "var(--sl-font-body-base-font-weight)",
3509
+ lineHeight: "var(--sl-font-body-base-line-height)",
3510
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)"
3515
3511
  }
3516
3512
  },
3517
- magnify: {
3513
+ "body-magnify": {
3518
3514
  value: {
3519
- fontFamily: "var(--sl-font-magnify-font-family)",
3520
- fontSize: "var(--sl-font-magnify-font-size)",
3521
- fontWeight: "var(--sl-font-magnify-font-weight)",
3522
- lineHeight: "var(--sl-font-magnify-line-height)",
3523
- letterSpacing: "var(--sl-font-magnify-letter-spacing)"
3515
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
3516
+ fontSize: "var(--sl-font-body-magnify-font-size)",
3517
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
3518
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
3519
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)"
3524
3520
  }
3525
3521
  },
3526
- "base-label": {
3522
+ "label-base": {
3527
3523
  value: {
3528
- fontFamily: "var(--sl-font-base-label-font-family)",
3529
- fontSize: "var(--sl-font-base-label-font-size)",
3530
- fontWeight: "var(--sl-font-base-label-font-weight)",
3531
- lineHeight: "var(--sl-font-base-label-line-height)",
3532
- letterSpacing: "var(--sl-font-base-label-letter-spacing)"
3524
+ fontFamily: "var(--sl-font-label-base-font-family)",
3525
+ fontSize: "var(--sl-font-label-base-font-size)",
3526
+ fontWeight: "var(--sl-font-label-base-font-weight)",
3527
+ lineHeight: "var(--sl-font-label-base-line-height)",
3528
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)"
3533
3529
  }
3534
3530
  },
3535
- "base-selected": {
3531
+ "selected-base": {
3536
3532
  value: {
3537
- fontFamily: "var(--sl-font-base-selected-font-family)",
3538
- fontSize: "var(--sl-font-base-selected-font-size)",
3539
- fontWeight: "var(--sl-font-base-selected-font-weight)",
3540
- lineHeight: "var(--sl-font-base-selected-line-height)",
3541
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)"
3533
+ fontFamily: "var(--sl-font-selected-base-font-family)",
3534
+ fontSize: "var(--sl-font-selected-base-font-size)",
3535
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
3536
+ lineHeight: "var(--sl-font-selected-base-line-height)",
3537
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)"
3542
3538
  }
3543
3539
  },
3544
- "condense-subtitle-label": {
3540
+ "eyebrow-condense": {
3545
3541
  value: {
3546
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
3547
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
3548
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
3549
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
3550
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
3551
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)"
3542
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
3543
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
3544
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
3545
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
3546
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)"
3552
3547
  }
3553
3548
  },
3554
- "condense-trigger": {
3549
+ "trigger-condense": {
3555
3550
  value: {
3556
- fontFamily: "var(--sl-font-condense-trigger-font-family)",
3557
- fontSize: "var(--sl-font-condense-trigger-font-size)",
3558
- fontWeight: "var(--sl-font-condense-trigger-font-weight)",
3559
- lineHeight: "var(--sl-font-condense-trigger-line-height)",
3560
- letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)"
3551
+ fontFamily: "var(--sl-font-trigger-condense-font-family)",
3552
+ fontSize: "var(--sl-font-trigger-condense-font-size)",
3553
+ fontWeight: "var(--sl-font-trigger-condense-font-weight)",
3554
+ lineHeight: "var(--sl-font-trigger-condense-line-height)",
3555
+ letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)"
3561
3556
  }
3562
3557
  },
3563
- "base-trigger": {
3558
+ "trigger-base": {
3564
3559
  value: {
3565
- fontFamily: "var(--sl-font-base-trigger-font-family)",
3566
- fontSize: "var(--sl-font-base-trigger-font-size)",
3567
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
3568
- lineHeight: "var(--sl-font-base-trigger-line-height)",
3569
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)"
3560
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
3561
+ fontSize: "var(--sl-font-trigger-base-font-size)",
3562
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
3563
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
3564
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)"
3570
3565
  }
3571
3566
  },
3572
- "magnify-trigger": {
3567
+ "trigger-magnify": {
3573
3568
  value: {
3574
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
3575
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
3576
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
3577
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
3578
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)"
3569
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
3570
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
3571
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
3572
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
3573
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)"
3579
3574
  }
3580
3575
  },
3581
- "maximize-md": {
3576
+ "title-condense": {
3582
3577
  value: {
3583
- fontFamily: "var(--sl-font-maximize-md-font-family)",
3584
- fontSize: "var(--sl-font-maximize-md-font-size)",
3585
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
3586
- lineHeight: "var(--sl-font-maximize-md-line-height)",
3587
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
3578
+ fontFamily: "var(--sl-font-title-condense-font-family)",
3579
+ fontSize: "var(--sl-font-title-condense-font-size)",
3580
+ fontWeight: "var(--sl-font-title-condense-font-weight)",
3581
+ lineHeight: "var(--sl-font-title-condense-line-height)",
3582
+ letterSpacing: "var(--sl-font-title-condense-letter-spacing)"
3588
3583
  }
3589
3584
  },
3590
- "maximize-lg": {
3585
+ "title-base": {
3591
3586
  value: {
3592
- fontFamily: "var(--sl-font-maximize-lg-font-family)",
3593
- fontSize: "var(--sl-font-maximize-lg-font-size)",
3594
- fontWeight: "var(--sl-font-maximize-lg-font-weight)",
3595
- lineHeight: "var(--sl-font-maximize-lg-line-height)",
3596
- letterSpacing: "var(--sl-font-maximize-lg-letter-spacing)"
3587
+ fontFamily: "var(--sl-font-title-base-font-family)",
3588
+ fontSize: "var(--sl-font-title-base-font-size)",
3589
+ fontWeight: "var(--sl-font-title-base-font-weight)",
3590
+ lineHeight: "var(--sl-font-title-base-line-height)",
3591
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)"
3597
3592
  }
3598
3593
  },
3599
- "maximize-xl": {
3594
+ "title-magnify": {
3600
3595
  value: {
3601
- fontFamily: "var(--sl-font-maximize-xl-font-family)",
3602
- fontSize: "var(--sl-font-maximize-xl-font-size)",
3603
- fontWeight: "var(--sl-font-maximize-xl-font-weight)",
3604
- lineHeight: "var(--sl-font-maximize-xl-line-height)",
3605
- letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)"
3596
+ fontFamily: "var(--sl-font-title-magnify-font-family)",
3597
+ fontSize: "var(--sl-font-title-magnify-font-size)",
3598
+ fontWeight: "var(--sl-font-title-magnify-font-weight)",
3599
+ lineHeight: "var(--sl-font-title-magnify-line-height)",
3600
+ letterSpacing: "var(--sl-font-title-magnify-letter-spacing)"
3606
3601
  }
3607
3602
  },
3608
- "maximize-2xl": {
3603
+ "title-amplify": {
3609
3604
  value: {
3610
- fontFamily: "var(--sl-font-maximize-2xl-font-family)",
3611
- fontSize: "var(--sl-font-maximize-2xl-font-size)",
3612
- fontWeight: "var(--sl-font-maximize-2xl-font-weight)",
3613
- lineHeight: "var(--sl-font-maximize-2xl-line-height)",
3614
- letterSpacing: "var(--sl-font-maximize-2xl-letter-spacing)"
3605
+ fontFamily: "var(--sl-font-title-amplify-font-family)",
3606
+ fontSize: "var(--sl-font-title-amplify-font-size)",
3607
+ fontWeight: "var(--sl-font-title-amplify-font-weight)",
3608
+ lineHeight: "var(--sl-font-title-amplify-line-height)",
3609
+ letterSpacing: "var(--sl-font-title-amplify-letter-spacing)"
3615
3610
  }
3616
3611
  },
3617
- "maximize-3xl": {
3612
+ "title-maximize": {
3618
3613
  value: {
3619
- fontFamily: "var(--sl-font-maximize-3xl-font-family)",
3620
- fontSize: "var(--sl-font-maximize-3xl-font-size)",
3621
- fontWeight: "var(--sl-font-maximize-3xl-font-weight)",
3622
- lineHeight: "var(--sl-font-maximize-3xl-line-height)",
3623
- letterSpacing: "var(--sl-font-maximize-3xl-letter-spacing)"
3624
- }
3625
- },
3626
- "maximize-4xl": {
3627
- value: {
3628
- fontFamily: "var(--sl-font-maximize-4xl-font-family)",
3629
- fontSize: "var(--sl-font-maximize-4xl-font-size)",
3630
- fontWeight: "var(--sl-font-maximize-4xl-font-weight)",
3631
- lineHeight: "var(--sl-font-maximize-4xl-line-height)",
3632
- letterSpacing: "var(--sl-font-maximize-4xl-letter-spacing)"
3614
+ fontFamily: "var(--sl-font-title-maximize-font-family)",
3615
+ fontSize: "var(--sl-font-title-maximize-font-size)",
3616
+ fontWeight: "var(--sl-font-title-maximize-font-weight)",
3617
+ lineHeight: "var(--sl-font-title-maximize-line-height)",
3618
+ letterSpacing: "var(--sl-font-title-maximize-letter-spacing)"
3633
3619
  }
3634
3620
  }
3635
3621
  }