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/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,7 +2857,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}",
@@ -2893,7 +2893,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 +2929,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 +2965,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,7 +3003,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}",
@@ -3039,7 +3039,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 +3075,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 +3111,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 +3241,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 +3277,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 +3314,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 +3352,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 +3388,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 +3425,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3464,7 +3464,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}",
@@ -3496,7 +3496,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 +3528,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 +3560,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 +3592,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 +3624,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 +3656,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,7 +3693,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}",
@@ -3731,7 +3731,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 +3754,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 +3777,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 +3802,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 +3825,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 +3852,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 +3884,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 +3916,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 +3950,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 +3982,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 +4014,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,7 +4050,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}",
@@ -4082,7 +4082,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 +4114,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 +4146,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,7 +4180,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}",
@@ -4212,7 +4212,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 +4244,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 +4276,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 +4398,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 +4433,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 +4468,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 +4505,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 +4540,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 +4575,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,7 +4612,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}",
@@ -4644,7 +4644,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 +4676,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 +4708,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 +4740,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 +4772,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 +4804,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,7 +4840,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}",
@@ -5191,10 +5191,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 +5203,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 +5227,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 +5274,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",