npm - @sage/design-tokens - Versions diffs - 14.3.0 → 14.5.0 - Mend

@sage/design-tokens 14.3.0 → 14.5.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 (194) hide show

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

@@ -2534,7 +2534,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}",
@@ -2557,7 +2557,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}",
@@ -2580,7 +2580,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}",
@@ -2605,7 +2605,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}",
@@ -2628,7 +2628,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}",
@@ -2655,7 +2655,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}",
@@ -2687,7 +2687,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}",
@@ -2719,7 +2719,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}",
@@ -2753,7 +2753,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}",
@@ -2785,7 +2785,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}",
@@ -2817,7 +2817,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}",
@@ -2855,7 +2855,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.step-1}",
@@ -2891,7 +2891,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}",
@@ -2927,7 +2927,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}",
@@ -2963,7 +2963,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}",
@@ -3001,7 +3001,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.step-1}",
@@ -3037,7 +3037,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}",
@@ -3073,7 +3073,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}",
@@ -3109,7 +3109,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}",
@@ -3239,7 +3239,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3275,7 +3275,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3312,7 +3312,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3350,7 +3350,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3386,7 +3386,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3423,7 +3423,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3462,7 +3462,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.step-2}",
@@ -3494,7 +3494,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}",
@@ -3526,7 +3526,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}",
@@ -3558,7 +3558,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}",
@@ -3590,7 +3590,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}",
@@ -3622,7 +3622,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}",
@@ -3654,7 +3654,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}",
@@ -3691,7 +3691,7 @@
                 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}",
@@ -3729,7 +3729,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}",
@@ -3752,7 +3752,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}",
@@ -3775,7 +3775,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}",
@@ -3800,7 +3800,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}",
@@ -3823,7 +3823,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}",
@@ -3850,7 +3850,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}",
@@ -3882,7 +3882,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}",
@@ -3914,7 +3914,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}",
@@ -3948,7 +3948,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}",
@@ -3980,7 +3980,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}",
@@ -4012,7 +4012,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}",
@@ -4048,7 +4048,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.step-1}",
@@ -4080,7 +4080,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}",
@@ -4112,7 +4112,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}",
@@ -4144,7 +4144,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}",
@@ -4178,7 +4178,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.step-1}",
@@ -4210,7 +4210,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}",
@@ -4242,7 +4242,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}",
@@ -4274,7 +4274,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}",
@@ -4396,7 +4396,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}",
@@ -4431,7 +4431,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}",
@@ -4466,7 +4466,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}",
@@ -4503,7 +4503,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}",
@@ -4538,7 +4538,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}",
@@ -4573,7 +4573,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}",
@@ -4610,7 +4610,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.step-2}",
@@ -4642,7 +4642,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}",
@@ -4674,7 +4674,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}",
@@ -4706,7 +4706,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}",
@@ -4738,7 +4738,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}",
@@ -4770,7 +4770,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}",
@@ -4802,7 +4802,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}",
@@ -4838,7 +4838,7 @@
                 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}",
@@ -5189,10 +5189,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: {
@@ -5202,24 +5201,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: {
@@ -5230,23 +5225,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: {
@@ -5256,18 +5272,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",