@scattered-light/loomiere-mojave 0.3.0 → 0.4.1

package/dist/exports/chakra.js

@@ -40,11 +40,11 @@ const restyleAll = (defaults, ours) => ({ ...defaults, ...Object.fromEntries(Obj
 const recipes = {
   button: {
     base: {
-      fontFamily: "var(--sl-font-base-trigger-font-family)",
-      fontSize: "var(--sl-font-base-trigger-font-size)",
-      fontWeight: "var(--sl-font-base-trigger-font-weight)",
-      lineHeight: "var(--sl-font-base-trigger-line-height)",
-      letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
+      fontFamily: "var(--sl-font-trigger-base-font-family)",
+      fontSize: "var(--sl-font-trigger-base-font-size)",
+      fontWeight: "var(--sl-font-trigger-base-font-weight)",
+      lineHeight: "var(--sl-font-trigger-base-line-height)",
+      letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
       height: "var(--sl-control-height-md)",
       paddingInline: "var(--sl-control-padding-inline)",
       gap: "var(--sl-gap-control)",
@@ -222,11 +222,11 @@ const recipes = {
       },
       size: {
         "2xs": {
-          fontFamily: "var(--sl-font-minimize-trigger-font-family)",
-          fontSize: "var(--sl-font-minimize-trigger-font-size)",
-          fontWeight: "var(--sl-font-minimize-trigger-font-weight)",
-          lineHeight: "var(--sl-font-minimize-trigger-line-height)",
-          letterSpacing: "var(--sl-font-minimize-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-minimize-font-family)",
+          fontSize: "var(--sl-font-trigger-minimize-font-size)",
+          fontWeight: "var(--sl-font-trigger-minimize-font-weight)",
+          lineHeight: "var(--sl-font-trigger-minimize-line-height)",
+          letterSpacing: "var(--sl-font-trigger-minimize-letter-spacing)",
           height: "var(--sl-control-height-xs)",
           paddingInline: "var(--sl-control-padding-inline-xs)",
           gap: "var(--sl-gap-control-xs)",
@@ -240,11 +240,11 @@ const recipes = {
           }
         },
         xs: {
-          fontFamily: "var(--sl-font-minimize-trigger-font-family)",
-          fontSize: "var(--sl-font-minimize-trigger-font-size)",
-          fontWeight: "var(--sl-font-minimize-trigger-font-weight)",
-          lineHeight: "var(--sl-font-minimize-trigger-line-height)",
-          letterSpacing: "var(--sl-font-minimize-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-minimize-font-family)",
+          fontSize: "var(--sl-font-trigger-minimize-font-size)",
+          fontWeight: "var(--sl-font-trigger-minimize-font-weight)",
+          lineHeight: "var(--sl-font-trigger-minimize-line-height)",
+          letterSpacing: "var(--sl-font-trigger-minimize-letter-spacing)",
           height: "var(--sl-control-height-xs)",
           paddingInline: "var(--sl-control-padding-inline-xs)",
           gap: "var(--sl-gap-control-xs)",
@@ -258,11 +258,11 @@ const recipes = {
           }
         },
         sm: {
-          fontFamily: "var(--sl-font-condense-trigger-font-family)",
-          fontSize: "var(--sl-font-condense-trigger-font-size)",
-          fontWeight: "var(--sl-font-condense-trigger-font-weight)",
-          lineHeight: "var(--sl-font-condense-trigger-line-height)",
-          letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-condense-font-family)",
+          fontSize: "var(--sl-font-trigger-condense-font-size)",
+          fontWeight: "var(--sl-font-trigger-condense-font-weight)",
+          lineHeight: "var(--sl-font-trigger-condense-line-height)",
+          letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)",
           height: "var(--sl-control-height-sm)",
           paddingInline: "var(--sl-control-padding-inline-sm)",
           gap: "var(--sl-gap-control-sm)",
@@ -276,11 +276,11 @@ const recipes = {
           }
         },
         md: {
-          fontFamily: "var(--sl-font-base-trigger-font-family)",
-          fontSize: "var(--sl-font-base-trigger-font-size)",
-          fontWeight: "var(--sl-font-base-trigger-font-weight)",
-          lineHeight: "var(--sl-font-base-trigger-line-height)",
-          letterSpacing: "var(--sl-font-base-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-base-font-family)",
+          fontSize: "var(--sl-font-trigger-base-font-size)",
+          fontWeight: "var(--sl-font-trigger-base-font-weight)",
+          lineHeight: "var(--sl-font-trigger-base-line-height)",
+          letterSpacing: "var(--sl-font-trigger-base-letter-spacing)",
           height: "var(--sl-control-height-md)",
           paddingInline: "var(--sl-control-padding-inline)",
           gap: "var(--sl-gap-control)",
@@ -294,11 +294,11 @@ const recipes = {
           }
         },
         lg: {
-          fontFamily: "var(--sl-font-magnify-trigger-font-family)",
-          fontSize: "var(--sl-font-magnify-trigger-font-size)",
-          fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
-          lineHeight: "var(--sl-font-magnify-trigger-line-height)",
-          letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-magnify-font-family)",
+          fontSize: "var(--sl-font-trigger-magnify-font-size)",
+          fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
+          lineHeight: "var(--sl-font-trigger-magnify-line-height)",
+          letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
           height: "var(--sl-control-height-lg)",
           paddingInline: "var(--sl-control-padding-inline-lg)",
           gap: "var(--sl-gap-control)",
@@ -312,11 +312,11 @@ const recipes = {
           }
         },
         xl: {
-          fontFamily: "var(--sl-font-magnify-trigger-font-family)",
-          fontSize: "var(--sl-font-magnify-trigger-font-size)",
-          fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
-          lineHeight: "var(--sl-font-magnify-trigger-line-height)",
-          letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-magnify-font-family)",
+          fontSize: "var(--sl-font-trigger-magnify-font-size)",
+          fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
+          lineHeight: "var(--sl-font-trigger-magnify-line-height)",
+          letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
           height: "var(--sl-control-height-lg)",
           paddingInline: "var(--sl-control-padding-inline-lg)",
           gap: "var(--sl-gap-control)",
@@ -330,11 +330,11 @@ const recipes = {
           }
         },
         "2xl": {
-          fontFamily: "var(--sl-font-magnify-trigger-font-family)",
-          fontSize: "var(--sl-font-magnify-trigger-font-size)",
-          fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
-          lineHeight: "var(--sl-font-magnify-trigger-line-height)",
-          letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)",
+          fontFamily: "var(--sl-font-trigger-magnify-font-family)",
+          fontSize: "var(--sl-font-trigger-magnify-font-size)",
+          fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
+          lineHeight: "var(--sl-font-trigger-magnify-line-height)",
+          letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)",
           height: "var(--sl-control-height-lg)",
           paddingInline: "var(--sl-control-padding-inline-lg)",
           gap: "var(--sl-gap-control)",
@@ -359,11 +359,11 @@ const recipes = {
       borderRadius: "var(--sl-field-radius)",
       transition: "var(--sl-field-transition)",
       outline: "none",
-      fontFamily: "var(--sl-font-base-font-family)",
-      fontSize: "var(--sl-font-base-font-size)",
-      fontWeight: "var(--sl-font-base-font-weight)",
-      lineHeight: "var(--sl-font-base-line-height)",
-      letterSpacing: "var(--sl-font-base-letter-spacing)",
+      fontFamily: "var(--sl-font-body-base-font-family)",
+      fontSize: "var(--sl-font-body-base-font-size)",
+      fontWeight: "var(--sl-font-body-base-font-weight)",
+      lineHeight: "var(--sl-font-body-base-line-height)",
+      letterSpacing: "var(--sl-font-body-base-letter-spacing)",
       focusVisibleRing: null,
       focusRingColor: null,
       _hover: {
@@ -396,77 +396,77 @@ const recipes = {
     variants: {
       size: {
         "2xs": {
-          fontFamily: "var(--sl-font-condense-font-family)",
-          fontSize: "var(--sl-font-condense-font-size)",
-          fontWeight: "var(--sl-font-condense-font-weight)",
-          lineHeight: "var(--sl-font-condense-line-height)",
-          letterSpacing: "var(--sl-font-condense-letter-spacing)",
+          fontFamily: "var(--sl-font-body-condense-font-family)",
+          fontSize: "var(--sl-font-body-condense-font-size)",
+          fontWeight: "var(--sl-font-body-condense-font-weight)",
+          lineHeight: "var(--sl-font-body-condense-line-height)",
+          letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-xs)",
           height: "var(--sl-control-height-xs)",
           px: "var(--sl-control-padding-inline-xs)"
         },
         xs: {
-          fontFamily: "var(--sl-font-condense-font-family)",
-          fontSize: "var(--sl-font-condense-font-size)",
-          fontWeight: "var(--sl-font-condense-font-weight)",
-          lineHeight: "var(--sl-font-condense-line-height)",
-          letterSpacing: "var(--sl-font-condense-letter-spacing)",
+          fontFamily: "var(--sl-font-body-condense-font-family)",
+          fontSize: "var(--sl-font-body-condense-font-size)",
+          fontWeight: "var(--sl-font-body-condense-font-weight)",
+          lineHeight: "var(--sl-font-body-condense-line-height)",
+          letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-xs)",
           height: "var(--sl-control-height-xs)",
           px: "var(--sl-control-padding-inline-xs)"
         },
         sm: {
-          fontFamily: "var(--sl-font-condense-font-family)",
-          fontSize: "var(--sl-font-condense-font-size)",
-          fontWeight: "var(--sl-font-condense-font-weight)",
-          lineHeight: "var(--sl-font-condense-line-height)",
-          letterSpacing: "var(--sl-font-condense-letter-spacing)",
+          fontFamily: "var(--sl-font-body-condense-font-family)",
+          fontSize: "var(--sl-font-body-condense-font-size)",
+          fontWeight: "var(--sl-font-body-condense-font-weight)",
+          lineHeight: "var(--sl-font-body-condense-line-height)",
+          letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-sm)",
           height: "var(--sl-control-height-sm)",
           px: "var(--sl-control-padding-inline-sm)"
         },
         md: {
-          fontFamily: "var(--sl-font-base-font-family)",
-          fontSize: "var(--sl-font-base-font-size)",
-          fontWeight: "var(--sl-font-base-font-weight)",
-          lineHeight: "var(--sl-font-base-line-height)",
-          letterSpacing: "var(--sl-font-base-letter-spacing)",
+          fontFamily: "var(--sl-font-body-base-font-family)",
+          fontSize: "var(--sl-font-body-base-font-size)",
+          fontWeight: "var(--sl-font-body-base-font-weight)",
+          lineHeight: "var(--sl-font-body-base-line-height)",
+          letterSpacing: "var(--sl-font-body-base-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-md)",
           height: "var(--sl-control-height-md)",
           px: "var(--sl-control-padding-inline)"
         },
         lg: {
-          fontFamily: "var(--sl-font-magnify-font-family)",
-          fontSize: "var(--sl-font-magnify-font-size)",
-          fontWeight: "var(--sl-font-magnify-font-weight)",
-          lineHeight: "var(--sl-font-magnify-line-height)",
-          letterSpacing: "var(--sl-font-magnify-letter-spacing)",
+          fontFamily: "var(--sl-font-body-magnify-font-family)",
+          fontSize: "var(--sl-font-body-magnify-font-size)",
+          fontWeight: "var(--sl-font-body-magnify-font-weight)",
+          lineHeight: "var(--sl-font-body-magnify-line-height)",
+          letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-lg)",
           height: "var(--sl-control-height-lg)",
           px: "var(--sl-control-padding-inline-lg)"
         },
         xl: {
-          fontFamily: "var(--sl-font-magnify-font-family)",
-          fontSize: "var(--sl-font-magnify-font-size)",
-          fontWeight: "var(--sl-font-magnify-font-weight)",
-          lineHeight: "var(--sl-font-magnify-line-height)",
-          letterSpacing: "var(--sl-font-magnify-letter-spacing)",
+          fontFamily: "var(--sl-font-body-magnify-font-family)",
+          fontSize: "var(--sl-font-body-magnify-font-size)",
+          fontWeight: "var(--sl-font-body-magnify-font-weight)",
+          lineHeight: "var(--sl-font-body-magnify-line-height)",
+          letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-lg)",
           height: "var(--sl-control-height-lg)",
           px: "var(--sl-control-padding-inline-lg)"
         },
         "2xl": {
-          fontFamily: "var(--sl-font-magnify-font-family)",
-          fontSize: "var(--sl-font-magnify-font-size)",
-          fontWeight: "var(--sl-font-magnify-font-weight)",
-          lineHeight: "var(--sl-font-magnify-line-height)",
-          letterSpacing: "var(--sl-font-magnify-letter-spacing)",
+          fontFamily: "var(--sl-font-body-magnify-font-family)",
+          fontSize: "var(--sl-font-body-magnify-font-size)",
+          fontWeight: "var(--sl-font-body-magnify-font-weight)",
+          lineHeight: "var(--sl-font-body-magnify-line-height)",
+          letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
           textStyle: null,
           "--input-height": "var(--sl-control-height-lg)",
           height: "var(--sl-control-height-lg)",
@@ -487,11 +487,11 @@ const recipes = {
       borderRadius: "var(--sl-field-radius)",
       transition: "var(--sl-field-transition)",
       outline: "none",
-      fontFamily: "var(--sl-font-base-font-family)",
-      fontSize: "var(--sl-font-base-font-size)",
-      fontWeight: "var(--sl-font-base-font-weight)",
-      lineHeight: "var(--sl-font-base-line-height)",
-      letterSpacing: "var(--sl-font-base-letter-spacing)",
+      fontFamily: "var(--sl-font-body-base-font-family)",
+      fontSize: "var(--sl-font-body-base-font-size)",
+      fontWeight: "var(--sl-font-body-base-font-weight)",
+      lineHeight: "var(--sl-font-body-base-line-height)",
+      letterSpacing: "var(--sl-font-body-base-letter-spacing)",
       focusVisibleRing: null,
       focusRingColor: null,
       _hover: {
@@ -544,11 +544,11 @@ const slotRecipes = {
         gap: "var(--sl-field-gap)"
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         gap: "var(--sl-space-1)",
         marginBottom: "var(--sl-field-label-spacing)",
@@ -558,11 +558,11 @@ const slotRecipes = {
         }
       },
       helperText: {
-        fontFamily: "var(--sl-font-condense-font-family)",
-        fontSize: "var(--sl-font-condense-font-size)",
-        fontWeight: "var(--sl-font-condense-font-weight)",
-        lineHeight: "var(--sl-font-condense-line-height)",
-        letterSpacing: "var(--sl-font-condense-letter-spacing)",
+        fontFamily: "var(--sl-font-body-condense-font-family)",
+        fontSize: "var(--sl-font-body-condense-font-size)",
+        fontWeight: "var(--sl-font-body-condense-font-weight)",
+        lineHeight: "var(--sl-font-body-condense-line-height)",
+        letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
         textStyle: null,
         margin: "var(--sl-field-message-spacing) 0 0",
         color: "var(--sl-text-secondary)",
@@ -571,11 +571,11 @@ const slotRecipes = {
         }
       },
       errorText: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         margin: "var(--sl-field-message-spacing) 0 0",
         color: "var(--sl-status-error)"
@@ -631,11 +631,11 @@ const slotRecipes = {
         }
       },
       label: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         _disabled: {
           color: "var(--sl-text-disabled)",
@@ -723,11 +723,11 @@ const slotRecipes = {
         fontWeight: null
       },
       itemText: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         _disabled: {
           color: "var(--sl-text-disabled)",
@@ -735,11 +735,11 @@ const slotRecipes = {
         }
       },
       label: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         _disabled: {
           color: "var(--sl-text-disabled)",
@@ -845,11 +845,11 @@ const slotRecipes = {
         "--switch-diff": "calc(var(--switch-width) - var(--switch-height))"
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         color: "var(--sl-text-primary)",
         _disabled: {
           color: "var(--sl-text-disabled)",
@@ -866,12 +866,11 @@ const slotRecipes = {
         transition: "background-color var(--sl-duration-normal) var(--sl-easing-in-out)",
         focusVisibleRing: null,
         _before: {
-          fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
+          fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
           fontSize: "var(--switch-indicator-font-size)",
-          fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
+          fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
           lineHeight: 1,
-          letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
-          textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
+          letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
           content: "\"off\"",
           position: "absolute",
           insetBlock: 0,
@@ -969,11 +968,11 @@ const slotRecipes = {
   slider: {
     base: {
       root: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         gap: "var(--sl-gauge-gap)",
         _disabled: {
@@ -981,20 +980,20 @@ const slotRecipes = {
         }
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         color: "var(--sl-gauge-label-color)"
       },
       valueText: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         color: "var(--sl-gauge-value-color)"
       },
       track: {
@@ -1070,11 +1069,11 @@ const slotRecipes = {
         borderColor: "var(--sl-disclosure-divider-color)"
       },
       trigger: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         height: "auto",
         minW: 0,
         padding: "var(--sl-space-2) var(--sl-space-4)",
@@ -1123,11 +1122,11 @@ const slotRecipes = {
           },
           trigger: {
             _selected: {
-              fontFamily: "var(--sl-font-base-selected-font-family)",
-              fontSize: "var(--sl-font-base-selected-font-size)",
-              fontWeight: "var(--sl-font-base-selected-font-weight)",
-              lineHeight: "var(--sl-font-base-selected-line-height)",
-              letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
+              fontFamily: "var(--sl-font-selected-base-font-family)",
+              fontSize: "var(--sl-font-selected-base-font-size)",
+              fontWeight: "var(--sl-font-selected-base-font-weight)",
+              lineHeight: "var(--sl-font-selected-base-line-height)",
+              letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
               color: "var(--sl-disclosure-selected-color)",
               _horizontal: {
                 layerStyle: "indicator.bottom",
@@ -1159,11 +1158,11 @@ const slotRecipes = {
         }
       },
       itemTrigger: {
-        fontFamily: "var(--sl-font-maximize-md-font-family)",
-        fontSize: "var(--sl-font-maximize-md-font-size)",
-        fontWeight: "var(--sl-font-maximize-md-font-weight)",
-        lineHeight: "var(--sl-font-maximize-md-line-height)",
-        letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
+        fontFamily: "var(--sl-font-title-base-font-family)",
+        fontSize: "var(--sl-font-title-base-font-size)",
+        fontWeight: "var(--sl-font-title-base-font-weight)",
+        lineHeight: "var(--sl-font-title-base-line-height)",
+        letterSpacing: "var(--sl-font-title-base-letter-spacing)",
         justifyContent: "space-between",
         gap: "var(--sl-space-4)",
         padding: "var(--sl-space-4) var(--sl-space-6)",
@@ -1190,11 +1189,11 @@ const slotRecipes = {
         color: "var(--sl-disclosure-icon-color)"
       },
       itemBody: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         padding: "0 var(--sl-space-6) var(--sl-space-4)",
         color: "var(--sl-disclosure-content-color)"
       }
@@ -1235,11 +1234,11 @@ const slotRecipes = {
         overflow: null
       },
       item: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         display: "flex",
         alignItems: "center",
         gap: "var(--sl-item-gap)",
@@ -1265,12 +1264,11 @@ const slotRecipes = {
         }
       },
       itemGroupLabel: {
-        fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
-        fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
-        fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
-        lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
-        letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
-        textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
+        fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
+        fontSize: "var(--sl-font-eyebrow-condense-font-size)",
+        fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
+        lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
+        letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
         paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
         paddingInline: "var(--sl-item-padding-inline)",
         color: "var(--sl-text-secondary)",
@@ -1278,10 +1276,10 @@ const slotRecipes = {
         textStyle: null
       },
       itemCommand: {
-        fontFamily: "var(--sl-font-condense-font-family)",
-        fontSize: "var(--sl-font-condense-font-size)",
-        fontWeight: "var(--sl-font-condense-font-weight)",
-        lineHeight: "var(--sl-font-condense-line-height)",
+        fontFamily: "var(--sl-font-body-condense-font-family)",
+        fontSize: "var(--sl-font-body-condense-font-size)",
+        fontWeight: "var(--sl-font-body-condense-font-weight)",
+        lineHeight: "var(--sl-font-body-condense-line-height)",
         letterSpacing: null,
         color: "var(--sl-text-tertiary)",
         opacity: null
@@ -1337,11 +1335,11 @@ const slotRecipes = {
         borderRadius: "var(--sl-field-radius)",
         transition: "var(--sl-field-transition)",
         outline: "none",
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         focusVisibleRing: null,
         focusRingColor: null,
         _hover: {
@@ -1381,11 +1379,11 @@ const slotRecipes = {
         color: "var(--sl-text-tertiary)"
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         color: "var(--sl-text-primary)"
       },
@@ -1402,11 +1400,11 @@ const slotRecipes = {
         padding: "var(--sl-popup-padding)"
       },
       item: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         display: "flex",
         alignItems: "center",
         gap: "var(--sl-item-gap)",
@@ -1428,22 +1426,21 @@ const slotRecipes = {
           layerStyle: null
         },
         "&[data-state=checked]": {
-          fontFamily: "var(--sl-font-base-selected-font-family)",
-          fontSize: "var(--sl-font-base-selected-font-size)",
-          fontWeight: "var(--sl-font-base-selected-font-weight)",
-          lineHeight: "var(--sl-font-base-selected-line-height)",
-          letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
+          fontFamily: "var(--sl-font-selected-base-font-family)",
+          fontSize: "var(--sl-font-selected-base-font-size)",
+          fontWeight: "var(--sl-font-selected-base-font-weight)",
+          lineHeight: "var(--sl-font-selected-base-line-height)",
+          letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
           background: "var(--sl-item-background-selected)",
           color: "var(--sl-item-color-selected)"
         }
       },
       itemGroupLabel: {
-        fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
-        fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
-        fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
-        lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
-        letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
-        textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
+        fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
+        fontSize: "var(--sl-font-eyebrow-condense-font-size)",
+        fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
+        lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
+        letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
         paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
         paddingInline: "var(--sl-item-padding-inline)",
         color: "var(--sl-text-secondary)",
@@ -1514,11 +1511,11 @@ const slotRecipes = {
         borderRadius: "var(--sl-field-radius)",
         transition: "var(--sl-field-transition)",
         outline: "none",
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         focusVisibleRing: null,
         focusRingColor: null,
         _hover: {
@@ -1547,11 +1544,11 @@ const slotRecipes = {
         }
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         color: "var(--sl-text-primary)"
       },
@@ -1559,11 +1556,11 @@ const slotRecipes = {
         color: "var(--sl-text-tertiary)"
       },
       empty: {
-        fontFamily: "var(--sl-font-condense-font-family)",
-        fontSize: "var(--sl-font-condense-font-size)",
-        fontWeight: "var(--sl-font-condense-font-weight)",
-        lineHeight: "var(--sl-font-condense-line-height)",
-        letterSpacing: "var(--sl-font-condense-letter-spacing)",
+        fontFamily: "var(--sl-font-body-condense-font-family)",
+        fontSize: "var(--sl-font-body-condense-font-size)",
+        fontWeight: "var(--sl-font-body-condense-font-weight)",
+        lineHeight: "var(--sl-font-body-condense-line-height)",
+        letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
         color: "var(--sl-text-tertiary)",
         justifyContent: "center",
         paddingBlock: "var(--sl-popup-empty-padding-block)"
@@ -1581,11 +1578,11 @@ const slotRecipes = {
         padding: "var(--sl-popup-padding)"
       },
       item: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         display: "flex",
         alignItems: "center",
         gap: "var(--sl-item-gap)",
@@ -1607,22 +1604,21 @@ const slotRecipes = {
           layerStyle: null
         },
         "&[data-state=checked]": {
-          fontFamily: "var(--sl-font-base-selected-font-family)",
-          fontSize: "var(--sl-font-base-selected-font-size)",
-          fontWeight: "var(--sl-font-base-selected-font-weight)",
-          lineHeight: "var(--sl-font-base-selected-line-height)",
-          letterSpacing: "var(--sl-font-base-selected-letter-spacing)",
+          fontFamily: "var(--sl-font-selected-base-font-family)",
+          fontSize: "var(--sl-font-selected-base-font-size)",
+          fontWeight: "var(--sl-font-selected-base-font-weight)",
+          lineHeight: "var(--sl-font-selected-base-line-height)",
+          letterSpacing: "var(--sl-font-selected-base-letter-spacing)",
           background: "var(--sl-item-background-selected)",
           color: "var(--sl-item-color-selected)"
         }
       },
       itemGroupLabel: {
-        fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
-        fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
-        fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
-        lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
-        letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
-        textTransform: "var(--sl-font-condense-subtitle-label-text-transform)",
+        fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
+        fontSize: "var(--sl-font-eyebrow-condense-font-size)",
+        fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
+        lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
+        letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)",
         paddingBlock: "var(--sl-popup-group-label-padding-top) var(--sl-popup-group-label-padding-bottom)",
         paddingInline: "var(--sl-item-padding-inline)",
         color: "var(--sl-text-secondary)",
@@ -1645,11 +1641,11 @@ const slotRecipes = {
           item: {},
           itemGroupLabel: {},
           input: {
-            fontFamily: "var(--sl-font-condense-font-family)",
-            fontSize: "var(--sl-font-condense-font-size)",
-            fontWeight: "var(--sl-font-condense-font-weight)",
-            lineHeight: "var(--sl-font-condense-line-height)",
-            letterSpacing: "var(--sl-font-condense-letter-spacing)",
+            fontFamily: "var(--sl-font-body-condense-font-family)",
+            fontSize: "var(--sl-font-body-condense-font-size)",
+            fontWeight: "var(--sl-font-body-condense-font-weight)",
+            lineHeight: "var(--sl-font-body-condense-line-height)",
+            letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
             textStyle: null,
             "--input-height": "var(--sl-control-height-xs)",
             height: "var(--sl-control-height-xs)",
@@ -1661,11 +1657,11 @@ const slotRecipes = {
           item: {},
           itemGroupLabel: {},
           input: {
-            fontFamily: "var(--sl-font-condense-font-family)",
-            fontSize: "var(--sl-font-condense-font-size)",
-            fontWeight: "var(--sl-font-condense-font-weight)",
-            lineHeight: "var(--sl-font-condense-line-height)",
-            letterSpacing: "var(--sl-font-condense-letter-spacing)",
+            fontFamily: "var(--sl-font-body-condense-font-family)",
+            fontSize: "var(--sl-font-body-condense-font-size)",
+            fontWeight: "var(--sl-font-body-condense-font-weight)",
+            lineHeight: "var(--sl-font-body-condense-line-height)",
+            letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
             textStyle: null,
             "--input-height": "var(--sl-control-height-sm)",
             height: "var(--sl-control-height-sm)",
@@ -1677,11 +1673,11 @@ const slotRecipes = {
           item: {},
           itemGroupLabel: {},
           input: {
-            fontFamily: "var(--sl-font-base-font-family)",
-            fontSize: "var(--sl-font-base-font-size)",
-            fontWeight: "var(--sl-font-base-font-weight)",
-            lineHeight: "var(--sl-font-base-line-height)",
-            letterSpacing: "var(--sl-font-base-letter-spacing)",
+            fontFamily: "var(--sl-font-body-base-font-family)",
+            fontSize: "var(--sl-font-body-base-font-size)",
+            fontWeight: "var(--sl-font-body-base-font-weight)",
+            lineHeight: "var(--sl-font-body-base-line-height)",
+            letterSpacing: "var(--sl-font-body-base-letter-spacing)",
             textStyle: null,
             "--input-height": "var(--sl-control-height-md)",
             height: "var(--sl-control-height-md)",
@@ -1693,11 +1689,11 @@ const slotRecipes = {
           item: {},
           itemGroupLabel: {},
           input: {
-            fontFamily: "var(--sl-font-magnify-font-family)",
-            fontSize: "var(--sl-font-magnify-font-size)",
-            fontWeight: "var(--sl-font-magnify-font-weight)",
-            lineHeight: "var(--sl-font-magnify-line-height)",
-            letterSpacing: "var(--sl-font-magnify-letter-spacing)",
+            fontFamily: "var(--sl-font-body-magnify-font-family)",
+            fontSize: "var(--sl-font-body-magnify-font-size)",
+            fontWeight: "var(--sl-font-body-magnify-font-weight)",
+            lineHeight: "var(--sl-font-body-magnify-line-height)",
+            letterSpacing: "var(--sl-font-body-magnify-letter-spacing)",
             textStyle: null,
             "--input-height": "var(--sl-control-height-lg)",
             height: "var(--sl-control-height-lg)",
@@ -1721,25 +1717,25 @@ const slotRecipes = {
         "--menu-bg": "var(--sl-popup-background)",
         "--popover-bg": "var(--sl-popup-background)",
         textStyle: null,
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)"
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)"
       },
       title: {
-        fontFamily: "var(--sl-font-maximize-md-font-family)",
-        fontSize: "var(--sl-font-maximize-md-font-size)",
-        fontWeight: "var(--sl-font-maximize-md-font-weight)",
-        lineHeight: "var(--sl-font-maximize-md-line-height)",
-        letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
+        fontFamily: "var(--sl-font-title-base-font-family)",
+        fontSize: "var(--sl-font-title-base-font-size)",
+        fontWeight: "var(--sl-font-title-base-font-weight)",
+        lineHeight: "var(--sl-font-title-base-line-height)",
+        letterSpacing: "var(--sl-font-title-base-letter-spacing)"
       },
       description: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         color: "var(--sl-text-secondary)"
       },
       arrow: {
@@ -1750,11 +1746,11 @@ const slotRecipes = {
   tooltip: {
     base: {
       content: {
-        fontFamily: "var(--sl-font-condense-font-family)",
-        fontSize: "var(--sl-font-condense-font-size)",
-        fontWeight: "var(--sl-font-condense-font-weight)",
-        lineHeight: "var(--sl-font-condense-line-height)",
-        letterSpacing: "var(--sl-font-condense-letter-spacing)",
+        fontFamily: "var(--sl-font-body-condense-font-family)",
+        fontSize: "var(--sl-font-body-condense-font-size)",
+        fontWeight: "var(--sl-font-body-condense-font-weight)",
+        lineHeight: "var(--sl-font-body-condense-line-height)",
+        letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
         textStyle: null,
         maxW: "var(--sl-tooltip-max-width)",
         padding: "var(--sl-space-1-5) var(--sl-space-2-5)",
@@ -1786,11 +1782,11 @@ const slotRecipes = {
         color: "var(--sl-text-primary)",
         bg: null,
         textStyle: null,
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         width: "var(--sl-modal-width)",
         maxH: "var(--sl-modal-max-height)"
       },
@@ -1807,20 +1803,20 @@ const slotRecipes = {
         marginTop: "var(--sl-modal-actions-spacing)"
       },
       title: {
-        fontFamily: "var(--sl-font-maximize-xl-font-family)",
-        fontSize: "var(--sl-font-maximize-xl-font-size)",
-        fontWeight: "var(--sl-font-maximize-xl-font-weight)",
-        lineHeight: "var(--sl-font-maximize-xl-line-height)",
-        letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)",
+        fontFamily: "var(--sl-font-title-amplify-font-family)",
+        fontSize: "var(--sl-font-title-amplify-font-size)",
+        fontWeight: "var(--sl-font-title-amplify-font-weight)",
+        lineHeight: "var(--sl-font-title-amplify-line-height)",
+        letterSpacing: "var(--sl-font-title-amplify-letter-spacing)",
         textStyle: null,
         color: "var(--sl-modal-title-color)"
       },
       description: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         color: "var(--sl-modal-description-color)"
       },
       closeTrigger: {
@@ -1848,27 +1844,27 @@ const slotRecipes = {
         color: "var(--sl-text-primary)",
         boxShadow: "var(--sl-modal-shadow)",
         textStyle: null,
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)"
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)"
       },
       title: {
-        fontFamily: "var(--sl-font-maximize-xl-font-family)",
-        fontSize: "var(--sl-font-maximize-xl-font-size)",
-        fontWeight: "var(--sl-font-maximize-xl-font-weight)",
-        lineHeight: "var(--sl-font-maximize-xl-line-height)",
-        letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)",
+        fontFamily: "var(--sl-font-title-amplify-font-family)",
+        fontSize: "var(--sl-font-title-amplify-font-size)",
+        fontWeight: "var(--sl-font-title-amplify-font-weight)",
+        lineHeight: "var(--sl-font-title-amplify-line-height)",
+        letterSpacing: "var(--sl-font-title-amplify-letter-spacing)",
         textStyle: null,
         color: "var(--sl-modal-title-color)"
       },
       description: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         color: "var(--sl-modal-description-color)"
       },
       footer: {
@@ -1886,11 +1882,11 @@ const slotRecipes = {
         boxShadow: "var(--sl-popup-shadow)",
         backgroundImage: "none",
         color: "var(--sl-text-primary)",
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         padding: "var(--sl-notice-padding)",
         gap: "var(--sl-notice-gap)",
         "--toast-trigger-bg": "var(--sl-surface-raised)",
@@ -1920,19 +1916,19 @@ const slotRecipes = {
         }
       },
       title: {
-        fontFamily: "var(--sl-font-maximize-md-font-family)",
-        fontSize: "var(--sl-font-maximize-md-font-size)",
-        fontWeight: "var(--sl-font-maximize-md-font-weight)",
-        lineHeight: "var(--sl-font-maximize-md-line-height)",
-        letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
+        fontFamily: "var(--sl-font-title-base-font-family)",
+        fontSize: "var(--sl-font-title-base-font-size)",
+        fontWeight: "var(--sl-font-title-base-font-weight)",
+        lineHeight: "var(--sl-font-title-base-line-height)",
+        letterSpacing: "var(--sl-font-title-base-letter-spacing)",
         textStyle: null
       },
       description: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         marginTop: "var(--sl-notice-text-gap)",
         color: "var(--sl-notice-description-color)",
@@ -1953,11 +1949,11 @@ const slotRecipes = {
   alert: {
     base: {
       root: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         padding: "var(--sl-notice-padding)",
         gap: "var(--sl-notice-gap)",
@@ -1967,18 +1963,18 @@ const slotRecipes = {
         borderColor: "transparent"
       },
       title: {
-        fontFamily: "var(--sl-font-maximize-md-font-family)",
-        fontSize: "var(--sl-font-maximize-md-font-size)",
-        fontWeight: "var(--sl-font-maximize-md-font-weight)",
-        lineHeight: "var(--sl-font-maximize-md-line-height)",
-        letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
+        fontFamily: "var(--sl-font-title-base-font-family)",
+        fontSize: "var(--sl-font-title-base-font-size)",
+        fontWeight: "var(--sl-font-title-base-font-weight)",
+        lineHeight: "var(--sl-font-title-base-line-height)",
+        letterSpacing: "var(--sl-font-title-base-letter-spacing)"
       },
       description: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         marginTop: "var(--sl-notice-text-gap)"
       },
       indicator: {
@@ -2062,20 +2058,20 @@ const slotRecipes = {
         gap: "var(--sl-gauge-gap)"
       },
       label: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         textStyle: null,
         color: "var(--sl-gauge-label-color)"
       },
       valueText: {
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         textStyle: null,
         color: "var(--sl-gauge-value-color)"
       },
@@ -2132,11 +2128,11 @@ const slotRecipes = {
   avatar: {
     base: {
       root: {
-        fontFamily: "var(--sl-font-maximize-md-font-family)",
-        fontSize: "var(--sl-font-maximize-md-font-size)",
-        fontWeight: "var(--sl-font-maximize-md-font-weight)",
-        lineHeight: "var(--sl-font-maximize-md-line-height)",
-        letterSpacing: "var(--sl-font-maximize-md-letter-spacing)",
+        fontFamily: "var(--sl-font-title-base-font-family)",
+        fontSize: "var(--sl-font-title-base-font-size)",
+        fontWeight: "var(--sl-font-title-base-font-weight)",
+        lineHeight: "var(--sl-font-title-base-line-height)",
+        letterSpacing: "var(--sl-font-title-base-letter-spacing)",
         boxSizing: "border-box",
         border: "var(--sl-stroke-emphasis) solid var(--sl-surface-canvas)",
         boxShadow: "var(--sl-elevation-sm)",
@@ -2213,20 +2209,20 @@ const slotRecipes = {
   table: {
     base: {
       root: {
-        fontFamily: "var(--sl-font-condense-font-family)",
-        fontSize: "var(--sl-font-condense-font-size)",
-        fontWeight: "var(--sl-font-condense-font-weight)",
-        lineHeight: "var(--sl-font-condense-line-height)",
-        letterSpacing: "var(--sl-font-condense-letter-spacing)",
+        fontFamily: "var(--sl-font-body-condense-font-family)",
+        fontSize: "var(--sl-font-body-condense-font-size)",
+        fontWeight: "var(--sl-font-body-condense-font-weight)",
+        lineHeight: "var(--sl-font-body-condense-line-height)",
+        letterSpacing: "var(--sl-font-body-condense-letter-spacing)",
         textStyle: null,
         color: "var(--sl-table-color)"
       },
       columnHeader: {
-        fontFamily: "var(--sl-font-base-label-font-family)",
-        fontSize: "var(--sl-font-base-label-font-size)",
-        fontWeight: "var(--sl-font-base-label-font-weight)",
-        lineHeight: "var(--sl-font-base-label-line-height)",
-        letterSpacing: "var(--sl-font-base-label-letter-spacing)",
+        fontFamily: "var(--sl-font-label-base-font-family)",
+        fontSize: "var(--sl-font-label-base-font-size)",
+        fontWeight: "var(--sl-font-label-base-font-weight)",
+        lineHeight: "var(--sl-font-label-base-line-height)",
+        letterSpacing: "var(--sl-font-label-base-letter-spacing)",
         bg: "var(--sl-table-header-background)",
         color: "var(--sl-table-header-color)",
         borderColor: "var(--sl-table-row-border-color)"
@@ -2252,11 +2248,11 @@ const slotRecipes = {
         borderRadius: "var(--sl-field-radius)",
         transition: "var(--sl-field-transition)",
         outline: "none",
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         focusVisibleRing: null,
         focusRingColor: null,
         _hover: {
@@ -2296,11 +2292,11 @@ const slotRecipes = {
         borderRadius: "var(--sl-field-radius)",
         transition: "var(--sl-field-transition)",
         outline: "none",
-        fontFamily: "var(--sl-font-base-font-family)",
-        fontSize: "var(--sl-font-base-font-size)",
-        fontWeight: "var(--sl-font-base-font-weight)",
-        lineHeight: "var(--sl-font-base-line-height)",
-        letterSpacing: "var(--sl-font-base-letter-spacing)",
+        fontFamily: "var(--sl-font-body-base-font-family)",
+        fontSize: "var(--sl-font-body-base-font-size)",
+        fontWeight: "var(--sl-font-body-base-font-weight)",
+        lineHeight: "var(--sl-font-body-base-line-height)",
+        letterSpacing: "var(--sl-font-body-base-letter-spacing)",
         focusVisibleRing: null,
         focusRingColor: null,
         _hover: {
@@ -2338,7 +2334,7 @@ const slotRecipes = {
 const merged = mergeConfigs(defaultConfig, {
   conditions: {
     light: ":root &, .light &, [data-theme=light] &",
-    dark: ".dark &, [data-theme=dark] &"
+    dark: ".dark &, [data-theme=dark] &, [data-theme=dark-high-contrast] &"
   },
   globalCss: {
     html: {
@@ -3487,149 +3483,139 @@ const merged = mergeConfigs(defaultConfig, {
       }
     },
     textStyles: {
-      minimize: {
+      "body-minimize": {
         value: {
-          fontFamily: "var(--sl-font-minimize-font-family)",
-          fontSize: "var(--sl-font-minimize-font-size)",
-          fontWeight: "var(--sl-font-minimize-font-weight)",
-          lineHeight: "var(--sl-font-minimize-line-height)",
-          letterSpacing: "var(--sl-font-minimize-letter-spacing)"
+          fontFamily: "var(--sl-font-body-minimize-font-family)",
+          fontSize: "var(--sl-font-body-minimize-font-size)",
+          fontWeight: "var(--sl-font-body-minimize-font-weight)",
+          lineHeight: "var(--sl-font-body-minimize-line-height)",
+          letterSpacing: "var(--sl-font-body-minimize-letter-spacing)"
         }
       },
-      condense: {
+      "body-condense": {
         value: {
-          fontFamily: "var(--sl-font-condense-font-family)",
-          fontSize: "var(--sl-font-condense-font-size)",
-          fontWeight: "var(--sl-font-condense-font-weight)",
-          lineHeight: "var(--sl-font-condense-line-height)",
-          letterSpacing: "var(--sl-font-condense-letter-spacing)"
+          fontFamily: "var(--sl-font-body-condense-font-family)",
+          fontSize: "var(--sl-font-body-condense-font-size)",
+          fontWeight: "var(--sl-font-body-condense-font-weight)",
+          lineHeight: "var(--sl-font-body-condense-line-height)",
+          letterSpacing: "var(--sl-font-body-condense-letter-spacing)"
         }
       },
-      base: {
+      "body-base": {
         value: {
-          fontFamily: "var(--sl-font-base-font-family)",
-          fontSize: "var(--sl-font-base-font-size)",
-          fontWeight: "var(--sl-font-base-font-weight)",
-          lineHeight: "var(--sl-font-base-line-height)",
-          letterSpacing: "var(--sl-font-base-letter-spacing)"
+          fontFamily: "var(--sl-font-body-base-font-family)",
+          fontSize: "var(--sl-font-body-base-font-size)",
+          fontWeight: "var(--sl-font-body-base-font-weight)",
+          lineHeight: "var(--sl-font-body-base-line-height)",
+          letterSpacing: "var(--sl-font-body-base-letter-spacing)"
         }
       },
-      magnify: {
+      "body-magnify": {
         value: {
-          fontFamily: "var(--sl-font-magnify-font-family)",
-          fontSize: "var(--sl-font-magnify-font-size)",
-          fontWeight: "var(--sl-font-magnify-font-weight)",
-          lineHeight: "var(--sl-font-magnify-line-height)",
-          letterSpacing: "var(--sl-font-magnify-letter-spacing)"
+          fontFamily: "var(--sl-font-body-magnify-font-family)",
+          fontSize: "var(--sl-font-body-magnify-font-size)",
+          fontWeight: "var(--sl-font-body-magnify-font-weight)",
+          lineHeight: "var(--sl-font-body-magnify-line-height)",
+          letterSpacing: "var(--sl-font-body-magnify-letter-spacing)"
         }
       },
-      "base-label": {
+      "label-base": {
         value: {
-          fontFamily: "var(--sl-font-base-label-font-family)",
-          fontSize: "var(--sl-font-base-label-font-size)",
-          fontWeight: "var(--sl-font-base-label-font-weight)",
-          lineHeight: "var(--sl-font-base-label-line-height)",
-          letterSpacing: "var(--sl-font-base-label-letter-spacing)"
+          fontFamily: "var(--sl-font-label-base-font-family)",
+          fontSize: "var(--sl-font-label-base-font-size)",
+          fontWeight: "var(--sl-font-label-base-font-weight)",
+          lineHeight: "var(--sl-font-label-base-line-height)",
+          letterSpacing: "var(--sl-font-label-base-letter-spacing)"
         }
       },
-      "base-selected": {
+      "selected-base": {
         value: {
-          fontFamily: "var(--sl-font-base-selected-font-family)",
-          fontSize: "var(--sl-font-base-selected-font-size)",
-          fontWeight: "var(--sl-font-base-selected-font-weight)",
-          lineHeight: "var(--sl-font-base-selected-line-height)",
-          letterSpacing: "var(--sl-font-base-selected-letter-spacing)"
+          fontFamily: "var(--sl-font-selected-base-font-family)",
+          fontSize: "var(--sl-font-selected-base-font-size)",
+          fontWeight: "var(--sl-font-selected-base-font-weight)",
+          lineHeight: "var(--sl-font-selected-base-line-height)",
+          letterSpacing: "var(--sl-font-selected-base-letter-spacing)"
         }
       },
-      "condense-subtitle-label": {
+      "eyebrow-condense": {
         value: {
-          fontFamily: "var(--sl-font-condense-subtitle-label-font-family)",
-          fontSize: "var(--sl-font-condense-subtitle-label-font-size)",
-          fontWeight: "var(--sl-font-condense-subtitle-label-font-weight)",
-          lineHeight: "var(--sl-font-condense-subtitle-label-line-height)",
-          letterSpacing: "var(--sl-font-condense-subtitle-label-letter-spacing)",
-          textTransform: "var(--sl-font-condense-subtitle-label-text-transform)"
+          fontFamily: "var(--sl-font-eyebrow-condense-font-family)",
+          fontSize: "var(--sl-font-eyebrow-condense-font-size)",
+          fontWeight: "var(--sl-font-eyebrow-condense-font-weight)",
+          lineHeight: "var(--sl-font-eyebrow-condense-line-height)",
+          letterSpacing: "var(--sl-font-eyebrow-condense-letter-spacing)"
         }
       },
-      "condense-trigger": {
+      "trigger-condense": {
         value: {
-          fontFamily: "var(--sl-font-condense-trigger-font-family)",
-          fontSize: "var(--sl-font-condense-trigger-font-size)",
-          fontWeight: "var(--sl-font-condense-trigger-font-weight)",
-          lineHeight: "var(--sl-font-condense-trigger-line-height)",
-          letterSpacing: "var(--sl-font-condense-trigger-letter-spacing)"
+          fontFamily: "var(--sl-font-trigger-condense-font-family)",
+          fontSize: "var(--sl-font-trigger-condense-font-size)",
+          fontWeight: "var(--sl-font-trigger-condense-font-weight)",
+          lineHeight: "var(--sl-font-trigger-condense-line-height)",
+          letterSpacing: "var(--sl-font-trigger-condense-letter-spacing)"
         }
       },
-      "base-trigger": {
+      "trigger-base": {
         value: {
-          fontFamily: "var(--sl-font-base-trigger-font-family)",
-          fontSize: "var(--sl-font-base-trigger-font-size)",
-          fontWeight: "var(--sl-font-base-trigger-font-weight)",
-          lineHeight: "var(--sl-font-base-trigger-line-height)",
-          letterSpacing: "var(--sl-font-base-trigger-letter-spacing)"
+          fontFamily: "var(--sl-font-trigger-base-font-family)",
+          fontSize: "var(--sl-font-trigger-base-font-size)",
+          fontWeight: "var(--sl-font-trigger-base-font-weight)",
+          lineHeight: "var(--sl-font-trigger-base-line-height)",
+          letterSpacing: "var(--sl-font-trigger-base-letter-spacing)"
         }
       },
-      "magnify-trigger": {
+      "trigger-magnify": {
         value: {
-          fontFamily: "var(--sl-font-magnify-trigger-font-family)",
-          fontSize: "var(--sl-font-magnify-trigger-font-size)",
-          fontWeight: "var(--sl-font-magnify-trigger-font-weight)",
-          lineHeight: "var(--sl-font-magnify-trigger-line-height)",
-          letterSpacing: "var(--sl-font-magnify-trigger-letter-spacing)"
+          fontFamily: "var(--sl-font-trigger-magnify-font-family)",
+          fontSize: "var(--sl-font-trigger-magnify-font-size)",
+          fontWeight: "var(--sl-font-trigger-magnify-font-weight)",
+          lineHeight: "var(--sl-font-trigger-magnify-line-height)",
+          letterSpacing: "var(--sl-font-trigger-magnify-letter-spacing)"
         }
       },
-      "maximize-md": {
+      "title-condense": {
         value: {
-          fontFamily: "var(--sl-font-maximize-md-font-family)",
-          fontSize: "var(--sl-font-maximize-md-font-size)",
-          fontWeight: "var(--sl-font-maximize-md-font-weight)",
-          lineHeight: "var(--sl-font-maximize-md-line-height)",
-          letterSpacing: "var(--sl-font-maximize-md-letter-spacing)"
+          fontFamily: "var(--sl-font-title-condense-font-family)",
+          fontSize: "var(--sl-font-title-condense-font-size)",
+          fontWeight: "var(--sl-font-title-condense-font-weight)",
+          lineHeight: "var(--sl-font-title-condense-line-height)",
+          letterSpacing: "var(--sl-font-title-condense-letter-spacing)"
         }
       },
-      "maximize-lg": {
+      "title-base": {
         value: {
-          fontFamily: "var(--sl-font-maximize-lg-font-family)",
-          fontSize: "var(--sl-font-maximize-lg-font-size)",
-          fontWeight: "var(--sl-font-maximize-lg-font-weight)",
-          lineHeight: "var(--sl-font-maximize-lg-line-height)",
-          letterSpacing: "var(--sl-font-maximize-lg-letter-spacing)"
+          fontFamily: "var(--sl-font-title-base-font-family)",
+          fontSize: "var(--sl-font-title-base-font-size)",
+          fontWeight: "var(--sl-font-title-base-font-weight)",
+          lineHeight: "var(--sl-font-title-base-line-height)",
+          letterSpacing: "var(--sl-font-title-base-letter-spacing)"
         }
       },
-      "maximize-xl": {
+      "title-magnify": {
         value: {
-          fontFamily: "var(--sl-font-maximize-xl-font-family)",
-          fontSize: "var(--sl-font-maximize-xl-font-size)",
-          fontWeight: "var(--sl-font-maximize-xl-font-weight)",
-          lineHeight: "var(--sl-font-maximize-xl-line-height)",
-          letterSpacing: "var(--sl-font-maximize-xl-letter-spacing)"
+          fontFamily: "var(--sl-font-title-magnify-font-family)",
+          fontSize: "var(--sl-font-title-magnify-font-size)",
+          fontWeight: "var(--sl-font-title-magnify-font-weight)",
+          lineHeight: "var(--sl-font-title-magnify-line-height)",
+          letterSpacing: "var(--sl-font-title-magnify-letter-spacing)"
         }
       },
-      "maximize-2xl": {
+      "title-amplify": {
         value: {
-          fontFamily: "var(--sl-font-maximize-2xl-font-family)",
-          fontSize: "var(--sl-font-maximize-2xl-font-size)",
-          fontWeight: "var(--sl-font-maximize-2xl-font-weight)",
-          lineHeight: "var(--sl-font-maximize-2xl-line-height)",
-          letterSpacing: "var(--sl-font-maximize-2xl-letter-spacing)"
+          fontFamily: "var(--sl-font-title-amplify-font-family)",
+          fontSize: "var(--sl-font-title-amplify-font-size)",
+          fontWeight: "var(--sl-font-title-amplify-font-weight)",
+          lineHeight: "var(--sl-font-title-amplify-line-height)",
+          letterSpacing: "var(--sl-font-title-amplify-letter-spacing)"
         }
       },
-      "maximize-3xl": {
+      "title-maximize": {
         value: {
-          fontFamily: "var(--sl-font-maximize-3xl-font-family)",
-          fontSize: "var(--sl-font-maximize-3xl-font-size)",
-          fontWeight: "var(--sl-font-maximize-3xl-font-weight)",
-          lineHeight: "var(--sl-font-maximize-3xl-line-height)",
-          letterSpacing: "var(--sl-font-maximize-3xl-letter-spacing)"
-        }
-      },
-      "maximize-4xl": {
-        value: {
-          fontFamily: "var(--sl-font-maximize-4xl-font-family)",
-          fontSize: "var(--sl-font-maximize-4xl-font-size)",
-          fontWeight: "var(--sl-font-maximize-4xl-font-weight)",
-          lineHeight: "var(--sl-font-maximize-4xl-line-height)",
-          letterSpacing: "var(--sl-font-maximize-4xl-letter-spacing)"
+          fontFamily: "var(--sl-font-title-maximize-font-family)",
+          fontSize: "var(--sl-font-title-maximize-font-size)",
+          fontWeight: "var(--sl-font-title-maximize-font-weight)",
+          lineHeight: "var(--sl-font-title-maximize-line-height)",
+          letterSpacing: "var(--sl-font-title-maximize-letter-spacing)"
         }
       }
     }