npm - @sage/design-tokens - Versions diffs - 14.4.0 → 14.6.0 - Mend

@sage/design-tokens 14.4.0 → 14.6.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 (309) hide show

package/js/umd/marketing/small/global.js CHANGED Viewed

@@ -2536,7 +2536,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step3}",
@@ -2559,7 +2559,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step4}",
@@ -2582,7 +2582,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step6}",
@@ -2607,7 +2607,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2630,7 +2630,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2657,7 +2657,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2689,7 +2689,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2721,7 +2721,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2755,7 +2755,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2787,7 +2787,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2819,7 +2819,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2857,10 +2857,11 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{primitives.fontSize.responsive.product.step-1}",
+                    fontSize:
+                      "{primitives.fontSize.responsive.product.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                   $description:
@@ -2893,7 +2894,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2929,7 +2930,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2965,7 +2966,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -3003,10 +3004,11 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{primitives.fontSize.responsive.product.step-1}",
+                    fontSize:
+                      "{primitives.fontSize.responsive.product.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                   $description:
@@ -3039,7 +3041,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3075,7 +3077,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3111,7 +3113,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -3241,7 +3243,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3277,7 +3279,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3314,7 +3316,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3352,7 +3354,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3388,7 +3390,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3425,7 +3427,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3464,10 +3466,11 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{primitives.fontSize.responsive.product.step-2}",
+                    fontSize:
+                      "{primitives.fontSize.responsive.product.stepMinus2}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                 },
@@ -3496,7 +3499,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3528,7 +3531,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -3560,7 +3563,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step4}",
@@ -3592,7 +3595,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step6}",
@@ -3624,7 +3627,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step8}",
@@ -3656,7 +3659,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step10}",
@@ -3693,10 +3696,11 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.300}",
-                    fontSize: "{primitives.fontSize.responsive.product.step-1}",
+                    fontSize:
+                      "{primitives.fontSize.responsive.product.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                   $description:
@@ -3731,7 +3735,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step3}",
@@ -3754,7 +3758,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step4}",
@@ -3777,7 +3781,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step6}",
@@ -3802,7 +3806,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step1}",
@@ -3825,7 +3829,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step2}",
@@ -3852,7 +3856,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3884,7 +3888,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3916,7 +3920,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -3950,7 +3954,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3982,7 +3986,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4014,7 +4018,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4050,10 +4054,10 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{global.fontSize.adaptive.step-1}",
+                    fontSize: "{global.fontSize.adaptive.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                 },
@@ -4082,7 +4086,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4114,7 +4118,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4146,7 +4150,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4180,10 +4184,10 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{global.fontSize.adaptive.step-1}",
+                    fontSize: "{global.fontSize.adaptive.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                 },
@@ -4212,7 +4216,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4244,7 +4248,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4276,7 +4280,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4398,7 +4402,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4433,7 +4437,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4468,7 +4472,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step1}",
@@ -4505,7 +4509,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4540,7 +4544,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4575,7 +4579,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step1}",
@@ -4612,10 +4616,10 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
-                    fontSize: "{global.fontSize.adaptive.step-2}",
+                    fontSize: "{global.fontSize.adaptive.stepMinus2}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                 },
@@ -4644,7 +4648,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4676,7 +4680,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step2}",
@@ -4708,7 +4712,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step4}",
@@ -4740,7 +4744,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step6}",
@@ -4772,7 +4776,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step8}",
@@ -4804,7 +4808,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step10}",
@@ -4840,10 +4844,10 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.300}",
-                    fontSize: "{global.fontSize.adaptive.step-1}",
+                    fontSize: "{global.fontSize.adaptive.stepMinus1}",
                     paragraphSpacing: "{primitives.paragraphSpacing.0}",
                   },
                   $description:
@@ -4866,7 +4870,7 @@
       },
       fontSize: {
         adaptive: {
-          "step-2": {
+          stepMinus2: {
             $type: "fontSize",
             $value: "12px",
             filePath: "data/tokens/screensize/small.json",
@@ -4885,11 +4889,11 @@
                 },
               },
             },
-            name: "globalFontSizeAdaptiveStep2",
+            name: "globalFontSizeAdaptiveStepMinus2",
             attributes: {},
-            path: ["global", "fontSize", "adaptive", "step-2"],
+            path: ["global", "fontSize", "adaptive", "stepMinus2"],
           },
-          "step-1": {
+          stepMinus1: {
             $type: "fontSize",
             $value: "13px",
             filePath: "data/tokens/screensize/small.json",
@@ -4908,9 +4912,9 @@
                 },
               },
             },
-            name: "globalFontSizeAdaptiveStep1",
+            name: "globalFontSizeAdaptiveStepMinus1",
             attributes: {},
-            path: ["global", "fontSize", "adaptive", "step-1"],
+            path: ["global", "fontSize", "adaptive", "stepMinus1"],
           },
           step0: {
             $type: "fontSize",
@@ -5191,10 +5195,9 @@
           attributes: {},
           path: ["global", "fontFamilies", "sage-icons"],
         },
-        "sage-headline": {
+        heading: {
           $type: "fontFamily",
-          $value: "Sage Headline",
-          $description: "Used in only in marketing contexts for some headings.",
+          $value: "Sage UI",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5204,24 +5207,20 @@
           },
           original: {
             $type: "fontFamily",
-            $value: "Sage Headline",
-            $description:
-              "Used in only in marketing contexts for some headings.",
+            $value: "Sage UI",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageHeadline",
+          name: "globalFontFamiliesHeading",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-headline"],
+          path: ["global", "fontFamilies", "heading"],
         },
-        "sage-ui": {
+        subheading: {
           $type: "fontFamily",
           $value: "Sage UI",
-          $description:
-            "Used in componentry such as tables, buttons, inputs etc.",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5232,23 +5231,44 @@
           original: {
             $type: "fontFamily",
             $value: "Sage UI",
-            $description:
-              "Used in componentry such as tables, buttons, inputs etc.",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageUi",
+          name: "globalFontFamiliesSubheading",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-ui"],
+          path: ["global", "fontFamilies", "subheading"],
         },
-        "sage-text": {
+        body: {
           $type: "fontFamily",
-          $value: "Sage Text",
+          $value: "Sage UI",
+          filePath: "data/tokens/global/typography.json",
+          isSource: true,
+          $extensions: {
+            "studio.tokens": {
+              originalType: "fontFamilies",
+            },
+          },
+          original: {
+            $type: "fontFamily",
+            $value: "Sage UI",
+            $extensions: {
+              "studio.tokens": {
+                originalType: "fontFamilies",
+              },
+            },
+          },
+          name: "globalFontFamiliesBody",
+          attributes: {},
+          path: ["global", "fontFamilies", "body"],
+        },
+        component: {
+          $type: "fontFamily",
+          $value: "Sage UI",
           $description:
-            "Used for Headings in product and in marketing contexts. Marketing also use it for their body copy.",
+            "Used in componentry such as tables, buttons, inputs etc.",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5258,18 +5278,18 @@
           },
           original: {
             $type: "fontFamily",
-            $value: "Sage Text",
+            $value: "Sage UI",
             $description:
-              "Used for Headings in product and in marketing contexts. Marketing also use it for their body copy.",
+              "Used in componentry such as tables, buttons, inputs etc.",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageText",
+          name: "globalFontFamiliesComponent",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-text"],
+          path: ["global", "fontFamilies", "component"],
         },
         other: {
           $type: "fontFamily",