@scattered-light/loomiere-mojave 0.3.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 +18 -13
  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 -4
  8. package/dist/exports/chakra.js +453 -467
  9. package/dist/exports/design-system/README.md +17 -12
  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/preview.html +3 -3
  17. package/dist/exports/design-system/components/Checkbox/preview.html +1 -1
  18. package/dist/exports/design-system/components/CheckboxGroup/preview.html +1 -1
  19. package/dist/exports/design-system/components/Collapsible/preview.html +1 -1
  20. package/dist/exports/design-system/components/Combobox/preview.html +1 -1
  21. package/dist/exports/design-system/components/ContextMenu/preview.html +1 -1
  22. package/dist/exports/design-system/components/Dialog/README.md +1 -1
  23. package/dist/exports/design-system/components/Dialog/preview.html +1 -1
  24. package/dist/exports/design-system/components/Drawer/preview.html +1 -1
  25. package/dist/exports/design-system/components/Field/preview.html +1 -1
  26. package/dist/exports/design-system/components/Fieldset/preview.html +1 -1
  27. package/dist/exports/design-system/components/Form/preview.html +1 -1
  28. package/dist/exports/design-system/components/Input/preview.html +1 -1
  29. package/dist/exports/design-system/components/Menu/preview.html +1 -1
  30. package/dist/exports/design-system/components/Menubar/preview.html +1 -1
  31. package/dist/exports/design-system/components/Meter/preview.html +1 -1
  32. package/dist/exports/design-system/components/NavigationMenu/preview.html +1 -1
  33. package/dist/exports/design-system/components/NumberField/preview.html +1 -1
  34. package/dist/exports/design-system/components/OTPField/preview.html +1 -1
  35. package/dist/exports/design-system/components/Popover/preview.html +1 -1
  36. package/dist/exports/design-system/components/PreviewCard/README.md +1 -1
  37. package/dist/exports/design-system/components/PreviewCard/preview.html +1 -1
  38. package/dist/exports/design-system/components/Progress/preview.html +1 -1
  39. package/dist/exports/design-system/components/Radio/preview.html +1 -1
  40. package/dist/exports/design-system/components/ScrollArea/preview.html +1 -1
  41. package/dist/exports/design-system/components/Select/preview.html +1 -1
  42. package/dist/exports/design-system/components/Separator/preview.html +1 -1
  43. package/dist/exports/design-system/components/Slider/preview.html +1 -1
  44. package/dist/exports/design-system/components/Switch/preview.html +1 -1
  45. package/dist/exports/design-system/components/Table/README.md +50 -0
  46. package/dist/exports/design-system/components/Table/preview.html +19 -0
  47. package/dist/exports/design-system/components/Tabs/preview.html +1 -1
  48. package/dist/exports/design-system/components/Toast/preview.html +1 -1
  49. package/dist/exports/design-system/components/Toggle/README.md +1 -1
  50. package/dist/exports/design-system/components/Toggle/preview.html +1 -1
  51. package/dist/exports/design-system/components/ToggleGroup/preview.html +1 -1
  52. package/dist/exports/design-system/components/Toolbar/preview.html +1 -1
  53. package/dist/exports/design-system/components/Tooltip/preview.html +1 -1
  54. package/dist/exports/design-system/components/bundle.css +1496 -1143
  55. package/dist/exports/design-system/components/bundle.js +5 -5
  56. package/dist/exports/design-system/components/index.d.ts +1 -11
  57. package/dist/exports/design-system/tokens.json +267 -155
  58. package/dist/exports/figma.json +1 -1
  59. package/dist/exports/mui.js +264 -268
  60. package/dist/exports/shadcn.css +12 -12
  61. package/dist/exports/tailwind.css +162 -184
  62. package/dist/exports/tokens.dtcg.json +1711 -629
  63. package/dist/tokens.css +664 -354
  64. package/dist/tokens.d.ts +313 -61
  65. package/dist/tokens.js +341 -89
  66. package/dist/tokens.json +2892 -1037
  67. package/dist/utilities.css +173 -200
  68. package/package.json +3 -2
  69. package/dist/exports/design-system/components/IconButton/README.md +0 -31
  70. package/dist/exports/design-system/components/IconButton/preview.html +0 -19
package/dist/exports/mui.js CHANGED
@@ -153,7 +153,7 @@ const options = {
153
153
  text: {
154
154
  primary: "#ffffff",
155
155
  secondary: "#e7ece4",
156
- disabled: "#a5b4aa"
156
+ disabled: "#667169"
157
157
  },
158
158
  divider: "#7c8980",
159
159
  action: {
@@ -171,97 +171,96 @@ const options = {
171
171
  typography: {
172
172
  fontFamily: "'Barlow Semi Condensed', sans-serif",
173
173
  h1: {
174
- fontFamily: "var(--sl-font-maximize-4xl-font-family)",
175
- fontSize: "var(--sl-font-maximize-4xl-font-size)",
176
- fontWeight: "var(--sl-font-maximize-4xl-font-weight)",
177
- lineHeight: "var(--sl-font-maximize-4xl-line-height)",
178
- letterSpacing: "var(--sl-font-maximize-4xl-letter-spacing)"
174
+ fontFamily: "var(--sl-font-title-maximize-font-family)",
175
+ fontSize: "var(--sl-font-title-maximize-font-size)",
176
+ fontWeight: "var(--sl-font-title-maximize-font-weight)",
177
+ lineHeight: "var(--sl-font-title-maximize-line-height)",
178
+ letterSpacing: "var(--sl-font-title-maximize-letter-spacing)"
179
179
  },
180
180
  h2: {
181
- fontFamily: "var(--sl-font-maximize-3xl-font-family)",
182
- fontSize: "var(--sl-font-maximize-3xl-font-size)",
183
- fontWeight: "var(--sl-font-maximize-3xl-font-weight)",
184
- lineHeight: "var(--sl-font-maximize-3xl-line-height)",
185
- letterSpacing: "var(--sl-font-maximize-3xl-letter-spacing)"
181
+ fontFamily: "var(--sl-font-title-amplify-font-family)",
182
+ fontSize: "var(--sl-font-title-amplify-font-size)",
183
+ fontWeight: "var(--sl-font-title-amplify-font-weight)",
184
+ lineHeight: "var(--sl-font-title-amplify-line-height)",
185
+ letterSpacing: "var(--sl-font-title-amplify-letter-spacing)"
186
186
  },
187
187
  h3: {
188
- fontFamily: "var(--sl-font-maximize-2xl-font-family)",
189
- fontSize: "var(--sl-font-maximize-2xl-font-size)",
190
- fontWeight: "var(--sl-font-maximize-2xl-font-weight)",
191
- lineHeight: "var(--sl-font-maximize-2xl-line-height)",
192
- letterSpacing: "var(--sl-font-maximize-2xl-letter-spacing)"
188
+ fontFamily: "var(--sl-font-title-magnify-font-family)",
189
+ fontSize: "var(--sl-font-title-magnify-font-size)",
190
+ fontWeight: "var(--sl-font-title-magnify-font-weight)",
191
+ lineHeight: "var(--sl-font-title-magnify-line-height)",
192
+ letterSpacing: "var(--sl-font-title-magnify-letter-spacing)"
193
193
  },
194
194
  h4: {
195
- fontFamily: "var(--sl-font-maximize-xl-font-family)",
196
- fontSize: "var(--sl-font-maximize-xl-font-size)",
197
- fontWeight: "var(--sl-font-maximize-xl-font-weight)",
198
- lineHeight: "var(--sl-font-maximize-xl-line-height)",
199
- letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)"
195
+ fontFamily: "var(--sl-font-title-base-font-family)",
196
+ fontSize: "var(--sl-font-title-base-font-size)",
197
+ fontWeight: "var(--sl-font-title-base-font-weight)",
198
+ lineHeight: "var(--sl-font-title-base-line-height)",
199
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)"
200
200
  },
201
201
  h5: {
202
- fontFamily: "var(--sl-font-maximize-lg-font-family)",
203
- fontSize: "var(--sl-font-maximize-lg-font-size)",
204
- fontWeight: "var(--sl-font-maximize-lg-font-weight)",
205
- lineHeight: "var(--sl-font-maximize-lg-line-height)",
206
- letterSpacing: "var(--sl-font-maximize-lg-letter-spacing)"
202
+ fontFamily: "var(--sl-font-title-condense-font-family)",
203
+ fontSize: "var(--sl-font-title-condense-font-size)",
204
+ fontWeight: "var(--sl-font-title-condense-font-weight)",
205
+ lineHeight: "var(--sl-font-title-condense-line-height)",
206
+ letterSpacing: "var(--sl-font-title-condense-letter-spacing)"
207
207
  },
208
208
  h6: {
209
- fontFamily: "var(--sl-font-maximize-md-font-family)",
210
- fontSize: "var(--sl-font-maximize-md-font-size)",
211
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
212
- lineHeight: "var(--sl-font-maximize-md-line-height)",
213
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
209
+ fontFamily: "var(--sl-font-title-condense-font-family)",
210
+ fontSize: "var(--sl-font-title-condense-font-size)",
211
+ fontWeight: "var(--sl-font-title-condense-font-weight)",
212
+ lineHeight: "var(--sl-font-title-condense-line-height)",
213
+ letterSpacing: "var(--sl-font-title-condense-letter-spacing)"
214
214
  },
215
215
  subtitle1: {
216
- fontFamily: "var(--sl-font-magnify-font-family)",
217
- fontSize: "var(--sl-font-magnify-font-size)",
218
- fontWeight: "var(--sl-font-magnify-font-weight)",
219
- lineHeight: "var(--sl-font-magnify-line-height)",
220
- letterSpacing: "var(--sl-font-magnify-letter-spacing)"
216
+ fontFamily: "var(--sl-font-body-magnify-font-family)",
217
+ fontSize: "var(--sl-font-body-magnify-font-size)",
218
+ fontWeight: "var(--sl-font-body-magnify-font-weight)",
219
+ lineHeight: "var(--sl-font-body-magnify-line-height)",
220
+ letterSpacing: "var(--sl-font-body-magnify-letter-spacing)"
221
221
  },
222
222
  subtitle2: {
223
- fontFamily: "var(--sl-font-base-label-font-family)",
224
- fontSize: "var(--sl-font-base-label-font-size)",
225
- fontWeight: "var(--sl-font-base-label-font-weight)",
226
- lineHeight: "var(--sl-font-base-label-line-height)",
227
- letterSpacing: "var(--sl-font-base-label-letter-spacing)"
223
+ fontFamily: "var(--sl-font-label-base-font-family)",
224
+ fontSize: "var(--sl-font-label-base-font-size)",
225
+ fontWeight: "var(--sl-font-label-base-font-weight)",
226
+ lineHeight: "var(--sl-font-label-base-line-height)",
227
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)"
228
228
  },
229
229
  body1: {
230
- fontFamily: "var(--sl-font-base-font-family)",
231
- fontSize: "var(--sl-font-base-font-size)",
232
- fontWeight: "var(--sl-font-base-font-weight)",
233
- lineHeight: "var(--sl-font-base-line-height)",
234
- letterSpacing: "var(--sl-font-base-letter-spacing)"
230
+ fontFamily: "var(--sl-font-body-base-font-family)",
231
+ fontSize: "var(--sl-font-body-base-font-size)",
232
+ fontWeight: "var(--sl-font-body-base-font-weight)",
233
+ lineHeight: "var(--sl-font-body-base-line-height)",
234
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)"
235
235
  },
236
236
  body2: {
237
- fontFamily: "var(--sl-font-condense-font-family)",
238
- fontSize: "var(--sl-font-condense-font-size)",
239
- fontWeight: "var(--sl-font-condense-font-weight)",
240
- lineHeight: "var(--sl-font-condense-line-height)",
241
- letterSpacing: "var(--sl-font-condense-letter-spacing)"
237
+ fontFamily: "var(--sl-font-body-condense-font-family)",
238
+ fontSize: "var(--sl-font-body-condense-font-size)",
239
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
240
+ lineHeight: "var(--sl-font-body-condense-line-height)",
241
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)"
242
242
  },
243
243
  caption: {
244
- fontFamily: "var(--sl-font-minimize-font-family)",
245
- fontSize: "var(--sl-font-minimize-font-size)",
246
- fontWeight: "var(--sl-font-minimize-font-weight)",
247
- lineHeight: "var(--sl-font-minimize-line-height)",
248
- letterSpacing: "var(--sl-font-minimize-letter-spacing)"
244
+ fontFamily: "var(--sl-font-body-minimize-font-family)",
245
+ fontSize: "var(--sl-font-body-minimize-font-size)",
246
+ fontWeight: "var(--sl-font-body-minimize-font-weight)",
247
+ lineHeight: "var(--sl-font-body-minimize-line-height)",
248
+ letterSpacing: "var(--sl-font-body-minimize-letter-spacing)"
249
249
  },
250
250
  button: {
251
- fontFamily: "var(--sl-font-base-trigger-font-family)",
252
- fontSize: "var(--sl-font-base-trigger-font-size)",
253
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
254
- lineHeight: "var(--sl-font-base-trigger-line-height)",
255
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
251
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
252
+ fontSize: "var(--sl-font-trigger-base-font-size)",
253
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
254
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
255
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
256
256
  textTransform: "none"
257
257
  },
258
258
  overline: {
259
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
260
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
261
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
262
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
263
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
264
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)"
259
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
260
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
261
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
262
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
263
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)"
265
264
  }
266
265
  },
267
266
  components: {
@@ -276,11 +275,11 @@ const options = {
276
275
  },
277
276
  styleOverrides: {
278
277
  root: {
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)",
278
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
279
+ fontSize: "var(--sl-font-trigger-base-font-size)",
280
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
281
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
282
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
284
283
  height: "var(--sl-control-height-md)",
285
284
  paddingInline: "var(--sl-control-padding-inline)",
286
285
  gap: "var(--sl-gap-control)",
@@ -915,11 +914,11 @@ const options = {
915
914
  size: "small"
916
915
  },
917
916
  style: {
918
- fontFamily: "var(--sl-font-condense-trigger-font-family)",
919
- fontSize: "var(--sl-font-condense-trigger-font-size)",
920
- fontWeight: "var(--sl-font-condense-trigger-font-weight)",
921
- lineHeight: "var(--sl-font-condense-trigger-line-height)",
922
- letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)",
917
+ fontFamily: "var(--sl-font-trigger-condense-font-family)",
918
+ fontSize: "var(--sl-font-trigger-condense-font-size)",
919
+ fontWeight: "var(--sl-font-trigger-condense-font-weight)",
920
+ lineHeight: "var(--sl-font-trigger-condense-line-height)",
921
+ letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)",
923
922
  height: "var(--sl-control-height-sm)",
924
923
  paddingInline: "var(--sl-control-padding-inline-sm)",
925
924
  gap: "var(--sl-gap-control-sm)",
@@ -934,11 +933,11 @@ const options = {
934
933
  size: "medium"
935
934
  },
936
935
  style: {
937
- fontFamily: "var(--sl-font-base-trigger-font-family)",
938
- fontSize: "var(--sl-font-base-trigger-font-size)",
939
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
940
- lineHeight: "var(--sl-font-base-trigger-line-height)",
941
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
936
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
937
+ fontSize: "var(--sl-font-trigger-base-font-size)",
938
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
939
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
940
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
942
941
  height: "var(--sl-control-height-md)",
943
942
  paddingInline: "var(--sl-control-padding-inline)",
944
943
  gap: "var(--sl-gap-control)",
@@ -953,11 +952,11 @@ const options = {
953
952
  size: "large"
954
953
  },
955
954
  style: {
956
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
957
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
958
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
959
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
960
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
955
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
956
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
957
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
958
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
959
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
961
960
  height: "var(--sl-control-height-lg)",
962
961
  paddingInline: "var(--sl-control-padding-inline-lg)",
963
962
  gap: "var(--sl-gap-control)",
@@ -994,11 +993,11 @@ const options = {
994
993
  MuiToggleButton: {
995
994
  styleOverrides: {
996
995
  root: {
997
- fontFamily: "var(--sl-font-base-trigger-font-family)",
998
- fontSize: "var(--sl-font-base-trigger-font-size)",
999
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
1000
- lineHeight: "var(--sl-font-base-trigger-line-height)",
1001
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
996
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
997
+ fontSize: "var(--sl-font-trigger-base-font-size)",
998
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
999
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
1000
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
1002
1001
  height: "var(--sl-control-height-md)",
1003
1002
  paddingInline: "var(--sl-control-padding-inline)",
1004
1003
  gap: "var(--sl-gap-control)",
@@ -1037,11 +1036,11 @@ const options = {
1037
1036
  size: "small"
1038
1037
  },
1039
1038
  style: {
1040
- fontFamily: "var(--sl-font-condense-trigger-font-family)",
1041
- fontSize: "var(--sl-font-condense-trigger-font-size)",
1042
- fontWeight: "var(--sl-font-condense-trigger-font-weight)",
1043
- lineHeight: "var(--sl-font-condense-trigger-line-height)",
1044
- letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)",
1039
+ fontFamily: "var(--sl-font-trigger-condense-font-family)",
1040
+ fontSize: "var(--sl-font-trigger-condense-font-size)",
1041
+ fontWeight: "var(--sl-font-trigger-condense-font-weight)",
1042
+ lineHeight: "var(--sl-font-trigger-condense-line-height)",
1043
+ letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)",
1045
1044
  height: "var(--sl-control-height-sm)",
1046
1045
  paddingInline: "var(--sl-control-padding-inline-sm)",
1047
1046
  gap: "var(--sl-gap-control-sm)",
@@ -1053,11 +1052,11 @@ const options = {
1053
1052
  size: "medium"
1054
1053
  },
1055
1054
  style: {
1056
- fontFamily: "var(--sl-font-base-trigger-font-family)",
1057
- fontSize: "var(--sl-font-base-trigger-font-size)",
1058
- fontWeight: "var(--sl-font-base-trigger-font-weight)",
1059
- lineHeight: "var(--sl-font-base-trigger-line-height)",
1060
- letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
1055
+ fontFamily: "var(--sl-font-trigger-base-font-family)",
1056
+ fontSize: "var(--sl-font-trigger-base-font-size)",
1057
+ fontWeight: "var(--sl-font-trigger-base-font-weight)",
1058
+ lineHeight: "var(--sl-font-trigger-base-line-height)",
1059
+ letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
1061
1060
  height: "var(--sl-control-height-md)",
1062
1061
  paddingInline: "var(--sl-control-padding-inline)",
1063
1062
  gap: "var(--sl-gap-control)",
@@ -1069,11 +1068,11 @@ const options = {
1069
1068
  size: "large"
1070
1069
  },
1071
1070
  style: {
1072
- fontFamily: "var(--sl-font-magnify-trigger-font-family)",
1073
- fontSize: "var(--sl-font-magnify-trigger-font-size)",
1074
- fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
1075
- lineHeight: "var(--sl-font-magnify-trigger-line-height)",
1076
- letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
1071
+ fontFamily: "var(--sl-font-trigger-magnify-font-family)",
1072
+ fontSize: "var(--sl-font-trigger-magnify-font-size)",
1073
+ fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
1074
+ lineHeight: "var(--sl-font-trigger-magnify-line-height)",
1075
+ letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
1077
1076
  height: "var(--sl-control-height-lg)",
1078
1077
  paddingInline: "var(--sl-control-padding-inline-lg)",
1079
1078
  gap: "var(--sl-gap-control)",
@@ -1122,11 +1121,11 @@ const options = {
1122
1121
  },
1123
1122
  styleOverrides: {
1124
1123
  root: {
1125
- fontFamily: "var(--sl-font-base-label-font-family)",
1126
- fontSize: "var(--sl-font-base-label-font-size)",
1127
- fontWeight: "var(--sl-font-base-label-font-weight)",
1128
- lineHeight: "var(--sl-font-base-label-line-height)",
1129
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
1124
+ fontFamily: "var(--sl-font-label-base-font-family)",
1125
+ fontSize: "var(--sl-font-label-base-font-size)",
1126
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1127
+ lineHeight: "var(--sl-font-label-base-line-height)",
1128
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
1130
1129
  position: "relative",
1131
1130
  transform: "none",
1132
1131
  maxWidth: "none",
@@ -1145,11 +1144,11 @@ const options = {
1145
1144
  MuiFormLabel: {
1146
1145
  styleOverrides: {
1147
1146
  root: {
1148
- fontFamily: "var(--sl-font-base-label-font-family)",
1149
- fontSize: "var(--sl-font-base-label-font-size)",
1150
- fontWeight: "var(--sl-font-base-label-font-weight)",
1151
- lineHeight: "var(--sl-font-base-label-line-height)",
1152
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
1147
+ fontFamily: "var(--sl-font-label-base-font-family)",
1148
+ fontSize: "var(--sl-font-label-base-font-size)",
1149
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1150
+ lineHeight: "var(--sl-font-label-base-line-height)",
1151
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
1153
1152
  color: "var(--sl-text-primary)",
1154
1153
  "&.Mui-focused, &.Mui-error": {
1155
1154
  color: "var(--sl-text-primary)"
@@ -1163,19 +1162,19 @@ const options = {
1163
1162
  MuiFormHelperText: {
1164
1163
  styleOverrides: {
1165
1164
  root: {
1166
- fontFamily: "var(--sl-font-condense-font-family)",
1167
- fontSize: "var(--sl-font-condense-font-size)",
1168
- fontWeight: "var(--sl-font-condense-font-weight)",
1169
- lineHeight: "var(--sl-font-condense-line-height)",
1170
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1165
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1166
+ fontSize: "var(--sl-font-body-condense-font-size)",
1167
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1168
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1169
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1171
1170
  margin: "calc(var(--sl-field-gap) + var(--sl-field-message-spacing)) 0 0",
1172
1171
  color: "var(--sl-text-secondary)",
1173
1172
  "&.Mui-error": {
1174
- fontFamily: "var(--sl-font-base-label-font-family)",
1175
- fontSize: "var(--sl-font-base-label-font-size)",
1176
- fontWeight: "var(--sl-font-base-label-font-weight)",
1177
- lineHeight: "var(--sl-font-base-label-line-height)",
1178
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
1173
+ fontFamily: "var(--sl-font-label-base-font-family)",
1174
+ fontSize: "var(--sl-font-label-base-font-size)",
1175
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1176
+ lineHeight: "var(--sl-font-label-base-line-height)",
1177
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
1179
1178
  color: "var(--sl-status-error)"
1180
1179
  }
1181
1180
  }
@@ -1184,11 +1183,11 @@ const options = {
1184
1183
  MuiInputBase: {
1185
1184
  styleOverrides: {
1186
1185
  root: {
1187
- fontFamily: "var(--sl-font-base-font-family)",
1188
- fontSize: "var(--sl-font-base-font-size)",
1189
- fontWeight: "var(--sl-font-base-font-weight)",
1190
- lineHeight: "var(--sl-font-base-line-height)",
1191
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1186
+ fontFamily: "var(--sl-font-body-base-font-family)",
1187
+ fontSize: "var(--sl-font-body-base-font-size)",
1188
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1189
+ lineHeight: "var(--sl-font-body-base-line-height)",
1190
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1192
1191
  color: "var(--sl-field-color)"
1193
1192
  },
1194
1193
  input: {
@@ -1249,11 +1248,11 @@ const options = {
1249
1248
  paddingBlock: 0,
1250
1249
  paddingInline: "var(--sl-control-padding-inline)"
1251
1250
  },
1252
- fontFamily: "var(--sl-font-base-font-family)",
1253
- fontSize: "var(--sl-font-base-font-size)",
1254
- fontWeight: "var(--sl-font-base-font-weight)",
1255
- lineHeight: "var(--sl-font-base-line-height)",
1256
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1251
+ fontFamily: "var(--sl-font-body-base-font-family)",
1252
+ fontSize: "var(--sl-font-body-base-font-size)",
1253
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1254
+ lineHeight: "var(--sl-font-body-base-line-height)",
1255
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1257
1256
  "&.MuiInputBase-multiline": {
1258
1257
  padding: 0
1259
1258
  },
@@ -1286,11 +1285,11 @@ const options = {
1286
1285
  paddingBlock: 0,
1287
1286
  paddingInline: "var(--sl-control-padding-inline-sm)"
1288
1287
  },
1289
- fontFamily: "var(--sl-font-condense-font-family)",
1290
- fontSize: "var(--sl-font-condense-font-size)",
1291
- fontWeight: "var(--sl-font-condense-font-weight)",
1292
- lineHeight: "var(--sl-font-condense-line-height)",
1293
- letterSpacing: "var(--sl-font-condense-letter-spacing)"
1288
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1289
+ fontSize: "var(--sl-font-body-condense-font-size)",
1290
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1291
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1292
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)"
1294
1293
  }
1295
1294
  }
1296
1295
  ]
@@ -1365,11 +1364,11 @@ const options = {
1365
1364
  MuiMenuItem: {
1366
1365
  styleOverrides: {
1367
1366
  root: {
1368
- fontFamily: "var(--sl-font-base-font-family)",
1369
- fontSize: "var(--sl-font-base-font-size)",
1370
- fontWeight: "var(--sl-font-base-font-weight)",
1371
- lineHeight: "var(--sl-font-base-line-height)",
1372
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1367
+ fontFamily: "var(--sl-font-body-base-font-family)",
1368
+ fontSize: "var(--sl-font-body-base-font-size)",
1369
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1370
+ lineHeight: "var(--sl-font-body-base-line-height)",
1371
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1373
1372
  display: "flex",
1374
1373
  alignItems: "center",
1375
1374
  gap: "var(--sl-item-gap)",
@@ -1384,20 +1383,20 @@ const options = {
1384
1383
  color: "var(--sl-item-color-hover)"
1385
1384
  },
1386
1385
  "&.Mui-selected": {
1387
- fontFamily: "var(--sl-font-base-selected-font-family)",
1388
- fontSize: "var(--sl-font-base-selected-font-size)",
1389
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1390
- lineHeight: "var(--sl-font-base-selected-line-height)",
1391
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1386
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1387
+ fontSize: "var(--sl-font-selected-base-font-size)",
1388
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1389
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1390
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1392
1391
  background: "var(--sl-item-background-selected)",
1393
1392
  color: "var(--sl-item-color-selected)"
1394
1393
  },
1395
1394
  "&.Mui-selected:hover, &.Mui-selected.Mui-focusVisible": {
1396
- fontFamily: "var(--sl-font-base-selected-font-family)",
1397
- fontSize: "var(--sl-font-base-selected-font-size)",
1398
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1399
- lineHeight: "var(--sl-font-base-selected-line-height)",
1400
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1395
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1396
+ fontSize: "var(--sl-font-selected-base-font-size)",
1397
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1398
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1399
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1401
1400
  background: "var(--sl-item-background-selected)",
1402
1401
  color: "var(--sl-item-color-selected)"
1403
1402
  },
@@ -1418,12 +1417,11 @@ const options = {
1418
1417
  MuiListSubheader: {
1419
1418
  styleOverrides: {
1420
1419
  root: {
1421
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1422
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
1423
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1424
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
1425
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1426
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1420
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1421
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
1422
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1423
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
1424
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1427
1425
  paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
1428
1426
  paddingInline: "var(--sl-item-padding-inline)",
1429
1427
  color: "var(--sl-text-secondary)",
@@ -1469,11 +1467,11 @@ const options = {
1469
1467
  maxHeight: "var(--sl-popup-list-max-height)"
1470
1468
  },
1471
1469
  option: {
1472
- fontFamily: "var(--sl-font-base-font-family)",
1473
- fontSize: "var(--sl-font-base-font-size)",
1474
- fontWeight: "var(--sl-font-base-font-weight)",
1475
- lineHeight: "var(--sl-font-base-line-height)",
1476
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1470
+ fontFamily: "var(--sl-font-body-base-font-family)",
1471
+ fontSize: "var(--sl-font-body-base-font-size)",
1472
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1473
+ lineHeight: "var(--sl-font-body-base-line-height)",
1474
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1477
1475
  display: "flex",
1478
1476
  alignItems: "center",
1479
1477
  gap: "var(--sl-item-gap)",
@@ -1488,11 +1486,11 @@ const options = {
1488
1486
  color: "var(--sl-item-color-hover)"
1489
1487
  },
1490
1488
  "&[aria-selected=\"true\"], &[aria-selected=\"true\"].Mui-focused": {
1491
- fontFamily: "var(--sl-font-base-selected-font-family)",
1492
- fontSize: "var(--sl-font-base-selected-font-size)",
1493
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1494
- lineHeight: "var(--sl-font-base-selected-line-height)",
1495
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1489
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1490
+ fontSize: "var(--sl-font-selected-base-font-size)",
1491
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1492
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1493
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1496
1494
  background: "var(--sl-item-background-selected)",
1497
1495
  color: "var(--sl-item-color-selected)"
1498
1496
  },
@@ -1502,23 +1500,22 @@ const options = {
1502
1500
  }
1503
1501
  },
1504
1502
  groupLabel: {
1505
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1506
- fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
1507
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1508
- lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
1509
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1510
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1503
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1504
+ fontSize: "var(--sl-font-eyebrow-condense-font-size)",
1505
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1506
+ lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
1507
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1511
1508
  paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
1512
1509
  paddingInline: "var(--sl-item-padding-inline)",
1513
1510
  color: "var(--sl-text-secondary)",
1514
1511
  background: "transparent"
1515
1512
  },
1516
1513
  noOptions: {
1517
- fontFamily: "var(--sl-font-condense-font-family)",
1518
- fontSize: "var(--sl-font-condense-font-size)",
1519
- fontWeight: "var(--sl-font-condense-font-weight)",
1520
- lineHeight: "var(--sl-font-condense-line-height)",
1521
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1514
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1515
+ fontSize: "var(--sl-font-body-condense-font-size)",
1516
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1517
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1518
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1522
1519
  color: "var(--sl-text-tertiary)",
1523
1520
  textAlign: "center",
1524
1521
  paddingBlock: "var(--sl-popup-empty-padding-block)"
@@ -1554,19 +1551,19 @@ const options = {
1554
1551
  cursor: "not-allowed"
1555
1552
  },
1556
1553
  "&:has(.MuiSwitch-root) .MuiFormControlLabel-label": {
1557
- fontFamily: "var(--sl-font-base-label-font-family)",
1558
- fontSize: "var(--sl-font-base-label-font-size)",
1559
- fontWeight: "var(--sl-font-base-label-font-weight)",
1560
- lineHeight: "var(--sl-font-base-label-line-height)",
1561
- letterSpacing: "var(--sl-font-base-label-letter-spacing)"
1554
+ fontFamily: "var(--sl-font-label-base-font-family)",
1555
+ fontSize: "var(--sl-font-label-base-font-size)",
1556
+ fontWeight: "var(--sl-font-label-base-font-weight)",
1557
+ lineHeight: "var(--sl-font-label-base-line-height)",
1558
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)"
1562
1559
  }
1563
1560
  },
1564
1561
  label: {
1565
- fontFamily: "var(--sl-font-base-font-family)",
1566
- fontSize: "var(--sl-font-base-font-size)",
1567
- fontWeight: "var(--sl-font-base-font-weight)",
1568
- lineHeight: "var(--sl-font-base-line-height)",
1569
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1562
+ fontFamily: "var(--sl-font-body-base-font-family)",
1563
+ fontSize: "var(--sl-font-body-base-font-size)",
1564
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1565
+ lineHeight: "var(--sl-font-body-base-line-height)",
1566
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1570
1567
  "&.Mui-disabled": {
1571
1568
  color: "var(--sl-text-disabled)"
1572
1569
  }
@@ -1797,12 +1794,11 @@ const options = {
1797
1794
  border: "var(--sl-check-border-width) solid var(--sl-check-border-color)",
1798
1795
  transition: "background-color var(--sl-duration-normal) var(--sl-easing-in-out)",
1799
1796
  "&::before": {
1800
- fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
1797
+ fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
1801
1798
  fontSize: "var(--loomiere-switch-text)",
1802
- fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
1799
+ fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
1803
1800
  lineHeight: 1,
1804
- letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
1805
- textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
1801
+ letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
1806
1802
  content: "\"off\"",
1807
1803
  position: "absolute",
1808
1804
  insetBlock: 0,
@@ -1946,11 +1942,11 @@ const options = {
1946
1942
  opacity: 1
1947
1943
  },
1948
1944
  valueLabel: {
1949
- fontFamily: "var(--sl-font-condense-font-family)",
1950
- fontSize: "var(--sl-font-condense-font-size)",
1951
- fontWeight: "var(--sl-font-condense-font-weight)",
1952
- lineHeight: "var(--sl-font-condense-line-height)",
1953
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
1945
+ fontFamily: "var(--sl-font-body-condense-font-family)",
1946
+ fontSize: "var(--sl-font-body-condense-font-size)",
1947
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
1948
+ lineHeight: "var(--sl-font-body-condense-line-height)",
1949
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
1954
1950
  background: "var(--sl-surface-inverse)",
1955
1951
  color: "var(--sl-text-on-inverse-surface)",
1956
1952
  borderRadius: "var(--sl-radius-chrome)"
@@ -1972,11 +1968,11 @@ const options = {
1972
1968
  MuiTab: {
1973
1969
  styleOverrides: {
1974
1970
  root: {
1975
- fontFamily: "var(--sl-font-base-font-family)",
1976
- fontSize: "var(--sl-font-base-font-size)",
1977
- fontWeight: "var(--sl-font-base-font-weight)",
1978
- lineHeight: "var(--sl-font-base-line-height)",
1979
- letterSpacing: "var(--sl-font-base-letter-spacing)",
1971
+ fontFamily: "var(--sl-font-body-base-font-family)",
1972
+ fontSize: "var(--sl-font-body-base-font-size)",
1973
+ fontWeight: "var(--sl-font-body-base-font-weight)",
1974
+ lineHeight: "var(--sl-font-body-base-line-height)",
1975
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
1980
1976
  textTransform: "none",
1981
1977
  minHeight: 0,
1982
1978
  minWidth: 0,
@@ -1989,11 +1985,11 @@ const options = {
1989
1985
  background: "var(--sl-disclosure-trigger-background-hover)"
1990
1986
  },
1991
1987
  "&.Mui-selected": {
1992
- fontFamily: "var(--sl-font-base-selected-font-family)",
1993
- fontSize: "var(--sl-font-base-selected-font-size)",
1994
- fontWeight: "var(--sl-font-base-selected-font-weight)",
1995
- lineHeight: "var(--sl-font-base-selected-line-height)",
1996
- letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
1988
+ fontFamily: "var(--sl-font-selected-base-font-family)",
1989
+ fontSize: "var(--sl-font-selected-base-font-size)",
1990
+ fontWeight: "var(--sl-font-selected-base-font-weight)",
1991
+ lineHeight: "var(--sl-font-selected-base-line-height)",
1992
+ letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
1997
1993
  color: "var(--sl-disclosure-selected-color)"
1998
1994
  },
1999
1995
  "&.Mui-focusVisible": {
@@ -2033,11 +2029,11 @@ const options = {
2033
2029
  MuiAccordionSummary: {
2034
2030
  styleOverrides: {
2035
2031
  root: {
2036
- fontFamily: "var(--sl-font-maximize-md-font-family)",
2037
- fontSize: "var(--sl-font-maximize-md-font-size)",
2038
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
2039
- lineHeight: "var(--sl-font-maximize-md-line-height)",
2040
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
2032
+ fontFamily: "var(--sl-font-title-base-font-family)",
2033
+ fontSize: "var(--sl-font-title-base-font-size)",
2034
+ fontWeight: "var(--sl-font-title-base-font-weight)",
2035
+ lineHeight: "var(--sl-font-title-base-line-height)",
2036
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
2041
2037
  gap: "var(--sl-space-4)",
2042
2038
  minHeight: 0,
2043
2039
  padding: "var(--sl-space-4) var(--sl-space-6)",
@@ -2072,11 +2068,11 @@ const options = {
2072
2068
  MuiAccordionDetails: {
2073
2069
  styleOverrides: {
2074
2070
  root: {
2075
- fontFamily: "var(--sl-font-base-font-family)",
2076
- fontSize: "var(--sl-font-base-font-size)",
2077
- fontWeight: "var(--sl-font-base-font-weight)",
2078
- lineHeight: "var(--sl-font-base-line-height)",
2079
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2071
+ fontFamily: "var(--sl-font-body-base-font-family)",
2072
+ fontSize: "var(--sl-font-body-base-font-size)",
2073
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2074
+ lineHeight: "var(--sl-font-body-base-line-height)",
2075
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2080
2076
  padding: "0 var(--sl-space-6) var(--sl-space-4)",
2081
2077
  color: "var(--sl-disclosure-content-color)"
2082
2078
  }
@@ -2085,11 +2081,11 @@ const options = {
2085
2081
  MuiTooltip: {
2086
2082
  styleOverrides: {
2087
2083
  tooltip: {
2088
- fontFamily: "var(--sl-font-condense-font-family)",
2089
- fontSize: "var(--sl-font-condense-font-size)",
2090
- fontWeight: "var(--sl-font-condense-font-weight)",
2091
- lineHeight: "var(--sl-font-condense-line-height)",
2092
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
2084
+ fontFamily: "var(--sl-font-body-condense-font-family)",
2085
+ fontSize: "var(--sl-font-body-condense-font-size)",
2086
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
2087
+ lineHeight: "var(--sl-font-body-condense-line-height)",
2088
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
2093
2089
  maxWidth: "var(--sl-tooltip-max-width)",
2094
2090
  padding: "var(--sl-space-1-5) var(--sl-space-2-5)",
2095
2091
  borderRadius: "var(--sl-radius-chrome)",
@@ -2140,11 +2136,11 @@ const options = {
2140
2136
  MuiDialogTitle: {
2141
2137
  styleOverrides: {
2142
2138
  root: {
2143
- fontFamily: "var(--sl-font-maximize-xl-font-family)",
2144
- fontSize: "var(--sl-font-maximize-xl-font-size)",
2145
- fontWeight: "var(--sl-font-maximize-xl-font-weight)",
2146
- lineHeight: "var(--sl-font-maximize-xl-line-height)",
2147
- letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)",
2139
+ fontFamily: "var(--sl-font-title-amplify-font-family)",
2140
+ fontSize: "var(--sl-font-title-amplify-font-size)",
2141
+ fontWeight: "var(--sl-font-title-amplify-font-weight)",
2142
+ lineHeight: "var(--sl-font-title-amplify-line-height)",
2143
+ letterSpacing: "var(--sl-font-title-amplify-letter-spacing)",
2148
2144
  padding: 0,
2149
2145
  color: "var(--sl-modal-title-color)"
2150
2146
  }
@@ -2163,11 +2159,11 @@ const options = {
2163
2159
  MuiDialogContentText: {
2164
2160
  styleOverrides: {
2165
2161
  root: {
2166
- fontFamily: "var(--sl-font-base-font-family)",
2167
- fontSize: "var(--sl-font-base-font-size)",
2168
- fontWeight: "var(--sl-font-base-font-weight)",
2169
- lineHeight: "var(--sl-font-base-line-height)",
2170
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2162
+ fontFamily: "var(--sl-font-body-base-font-family)",
2163
+ fontSize: "var(--sl-font-body-base-font-size)",
2164
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2165
+ lineHeight: "var(--sl-font-body-base-line-height)",
2166
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2171
2167
  color: "var(--sl-modal-description-color)"
2172
2168
  }
2173
2169
  }
@@ -2205,11 +2201,11 @@ const options = {
2205
2201
  boxShadow: "var(--sl-popup-shadow)",
2206
2202
  backgroundImage: "none",
2207
2203
  color: "var(--sl-text-primary)",
2208
- fontFamily: "var(--sl-font-base-font-family)",
2209
- fontSize: "var(--sl-font-base-font-size)",
2210
- fontWeight: "var(--sl-font-base-font-weight)",
2211
- lineHeight: "var(--sl-font-base-line-height)",
2212
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2204
+ fontFamily: "var(--sl-font-body-base-font-family)",
2205
+ fontSize: "var(--sl-font-body-base-font-size)",
2206
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2207
+ lineHeight: "var(--sl-font-body-base-line-height)",
2208
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2213
2209
  padding: "var(--sl-notice-padding)"
2214
2210
  }
2215
2211
  }
@@ -2217,11 +2213,11 @@ const options = {
2217
2213
  MuiAlert: {
2218
2214
  styleOverrides: {
2219
2215
  root: {
2220
- fontFamily: "var(--sl-font-base-font-family)",
2221
- fontSize: "var(--sl-font-base-font-size)",
2222
- fontWeight: "var(--sl-font-base-font-weight)",
2223
- lineHeight: "var(--sl-font-base-line-height)",
2224
- letterSpacing: "var(--sl-font-base-letter-spacing)",
2216
+ fontFamily: "var(--sl-font-body-base-font-family)",
2217
+ fontSize: "var(--sl-font-body-base-font-size)",
2218
+ fontWeight: "var(--sl-font-body-base-font-weight)",
2219
+ lineHeight: "var(--sl-font-body-base-line-height)",
2220
+ letterSpacing: "var(--sl-font-body-base-letter-spacing)",
2225
2221
  padding: "var(--sl-notice-padding)",
2226
2222
  gap: "var(--sl-notice-gap)",
2227
2223
  borderRadius: "var(--sl-popup-radius)",
@@ -2378,11 +2374,11 @@ const options = {
2378
2374
  MuiAlertTitle: {
2379
2375
  styleOverrides: {
2380
2376
  root: {
2381
- fontFamily: "var(--sl-font-maximize-md-font-family)",
2382
- fontSize: "var(--sl-font-maximize-md-font-size)",
2383
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
2384
- lineHeight: "var(--sl-font-maximize-md-line-height)",
2385
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
2377
+ fontFamily: "var(--sl-font-title-base-font-family)",
2378
+ fontSize: "var(--sl-font-title-base-font-size)",
2379
+ fontWeight: "var(--sl-font-title-base-font-weight)",
2380
+ lineHeight: "var(--sl-font-title-base-line-height)",
2381
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
2386
2382
  margin: "0 0 var(--sl-notice-text-gap)"
2387
2383
  }
2388
2384
  }
@@ -2532,11 +2528,11 @@ const options = {
2532
2528
  MuiAvatar: {
2533
2529
  styleOverrides: {
2534
2530
  root: {
2535
- fontFamily: "var(--sl-font-maximize-md-font-family)",
2536
- fontSize: "var(--sl-font-maximize-md-font-size)",
2537
- fontWeight: "var(--sl-font-maximize-md-font-weight)",
2538
- lineHeight: "var(--sl-font-maximize-md-line-height)",
2539
- letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
2531
+ fontFamily: "var(--sl-font-title-base-font-family)",
2532
+ fontSize: "var(--sl-font-title-base-font-size)",
2533
+ fontWeight: "var(--sl-font-title-base-font-weight)",
2534
+ lineHeight: "var(--sl-font-title-base-line-height)",
2535
+ letterSpacing: "var(--sl-font-title-base-letter-spacing)",
2540
2536
  width: "var(--sl-avatar-size-md)",
2541
2537
  height: "var(--sl-avatar-size-md)",
2542
2538
  boxSizing: "border-box",
@@ -2561,21 +2557,21 @@ const options = {
2561
2557
  MuiTableCell: {
2562
2558
  styleOverrides: {
2563
2559
  root: {
2564
- fontFamily: "var(--sl-font-condense-font-family)",
2565
- fontSize: "var(--sl-font-condense-font-size)",
2566
- fontWeight: "var(--sl-font-condense-font-weight)",
2567
- lineHeight: "var(--sl-font-condense-line-height)",
2568
- letterSpacing: "var(--sl-font-condense-letter-spacing)",
2560
+ fontFamily: "var(--sl-font-body-condense-font-family)",
2561
+ fontSize: "var(--sl-font-body-condense-font-size)",
2562
+ fontWeight: "var(--sl-font-body-condense-font-weight)",
2563
+ lineHeight: "var(--sl-font-body-condense-line-height)",
2564
+ letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
2569
2565
  color: "var(--sl-table-color)",
2570
2566
  borderBottom: "var(--sl-stroke-default) solid var(--sl-table-row-border-color)",
2571
2567
  paddingInline: "var(--sl-table-cell-padding-inline)"
2572
2568
  },
2573
2569
  head: {
2574
- fontFamily: "var(--sl-font-base-label-font-family)",
2575
- fontSize: "var(--sl-font-base-label-font-size)",
2576
- fontWeight: "var(--sl-font-base-label-font-weight)",
2577
- lineHeight: "var(--sl-font-base-label-line-height)",
2578
- letterSpacing: "var(--sl-font-base-label-letter-spacing)",
2570
+ fontFamily: "var(--sl-font-label-base-font-family)",
2571
+ fontSize: "var(--sl-font-label-base-font-size)",
2572
+ fontWeight: "var(--sl-font-label-base-font-weight)",
2573
+ lineHeight: "var(--sl-font-label-base-line-height)",
2574
+ letterSpacing: "var(--sl-font-label-base-letter-spacing)",
2579
2575
  background: "var(--sl-table-header-background)",
2580
2576
  color: "var(--sl-table-header-color)"
2581
2577
  }