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/common/marketing/small/global.js CHANGED Viewed

@@ -2523,7 +2523,7 @@ module.exports = {
             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}",
@@ -2546,7 +2546,7 @@ module.exports = {
             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}",
@@ -2569,7 +2569,7 @@ module.exports = {
             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}",
@@ -2594,7 +2594,7 @@ module.exports = {
             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}",
@@ -2617,7 +2617,7 @@ module.exports = {
             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}",
@@ -2644,7 +2644,7 @@ module.exports = {
               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}",
@@ -2676,7 +2676,7 @@ module.exports = {
               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}",
@@ -2708,7 +2708,7 @@ module.exports = {
               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}",
@@ -2742,7 +2742,7 @@ module.exports = {
               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}",
@@ -2774,7 +2774,7 @@ module.exports = {
               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}",
@@ -2806,7 +2806,7 @@ module.exports = {
               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}",
@@ -2843,7 +2843,7 @@ module.exports = {
               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}",
@@ -2878,7 +2878,7 @@ module.exports = {
               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}",
@@ -2914,7 +2914,7 @@ module.exports = {
               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}",
@@ -2950,7 +2950,7 @@ module.exports = {
               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}",
@@ -2987,7 +2987,7 @@ module.exports = {
               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}",
@@ -3022,7 +3022,7 @@ module.exports = {
               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}",
@@ -3058,7 +3058,7 @@ module.exports = {
               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}",
@@ -3094,7 +3094,7 @@ module.exports = {
               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}",
@@ -3224,7 +3224,7 @@ module.exports = {
                 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}",
@@ -3259,7 +3259,7 @@ module.exports = {
                 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}",
@@ -3294,7 +3294,7 @@ module.exports = {
                 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}",
@@ -3331,7 +3331,7 @@ module.exports = {
                 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}",
@@ -3366,7 +3366,7 @@ module.exports = {
                 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}",
@@ -3401,7 +3401,7 @@ module.exports = {
                 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}",
@@ -3438,7 +3438,7 @@ module.exports = {
               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}",
@@ -3470,7 +3470,7 @@ module.exports = {
               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}",
@@ -3502,7 +3502,7 @@ module.exports = {
               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}",
@@ -3534,7 +3534,7 @@ module.exports = {
               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}",
@@ -3566,7 +3566,7 @@ module.exports = {
               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}",
@@ -3598,7 +3598,7 @@ module.exports = {
               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}",
@@ -3630,7 +3630,7 @@ module.exports = {
               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}",
@@ -3666,7 +3666,7 @@ module.exports = {
               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}",
@@ -3704,7 +3704,7 @@ module.exports = {
             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}",
@@ -3727,7 +3727,7 @@ module.exports = {
             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}",
@@ -3750,7 +3750,7 @@ module.exports = {
             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}",
@@ -3775,7 +3775,7 @@ module.exports = {
             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}",
@@ -3798,7 +3798,7 @@ module.exports = {
             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}",
@@ -3825,7 +3825,7 @@ module.exports = {
               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}",
@@ -3857,7 +3857,7 @@ module.exports = {
               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}",
@@ -3889,7 +3889,7 @@ module.exports = {
               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}",
@@ -3923,7 +3923,7 @@ module.exports = {
               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}",
@@ -3948,7 +3948,7 @@ module.exports = {
               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}",
@@ -3973,7 +3973,7 @@ module.exports = {
               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}",
@@ -4002,7 +4002,7 @@ module.exports = {
               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}",
@@ -4034,7 +4034,7 @@ module.exports = {
               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}",
@@ -4066,7 +4066,7 @@ module.exports = {
               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}",
@@ -4098,7 +4098,7 @@ module.exports = {
               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}",
@@ -4132,7 +4132,7 @@ module.exports = {
               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}",
@@ -4164,7 +4164,7 @@ module.exports = {
               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}",
@@ -4196,7 +4196,7 @@ module.exports = {
               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}",
@@ -4228,7 +4228,7 @@ module.exports = {
               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}",
@@ -4350,7 +4350,7 @@ module.exports = {
                 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}",
@@ -4385,7 +4385,7 @@ module.exports = {
                 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}",
@@ -4420,7 +4420,7 @@ module.exports = {
                 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}",
@@ -4457,7 +4457,7 @@ module.exports = {
                 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}",
@@ -4492,7 +4492,7 @@ module.exports = {
                 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}",
@@ -4527,7 +4527,7 @@ module.exports = {
                 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}",
@@ -4564,7 +4564,7 @@ module.exports = {
               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}",
@@ -4596,7 +4596,7 @@ module.exports = {
               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}",
@@ -4628,7 +4628,7 @@ module.exports = {
               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}",
@@ -4660,7 +4660,7 @@ module.exports = {
               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}",
@@ -4692,7 +4692,7 @@ module.exports = {
               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}",
@@ -4724,7 +4724,7 @@ module.exports = {
               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}",
@@ -4756,7 +4756,7 @@ module.exports = {
               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}",
@@ -4792,7 +4792,7 @@ module.exports = {
               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}",
@@ -5143,10 +5143,9 @@ module.exports = {
         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: {
@@ -5156,23 +5155,43 @@ module.exports = {
         },
         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",
+        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: "globalFontFamiliesSubheading",
+        attributes: {},
+        path: ["global", "fontFamilies", "subheading"],
+      },
+      body: {
         $type: "fontFamily",
         $value: "Sage UI",
-        $description:
-          "Used in componentry such as tables, buttons, inputs etc.",
         filePath: "data/tokens/global/typography.json",
         isSource: true,
         $extensions: {
@@ -5183,23 +5202,21 @@ module.exports = {
         original: {
           $type: "fontFamily",
           $value: "Sage UI",
-          $description:
-            "Used in componentry such as tables, buttons, inputs etc.",
           $extensions: {
             "studio.tokens": {
               originalType: "fontFamilies",
             },
           },
         },
-        name: "globalFontFamiliesSageUi",
+        name: "globalFontFamiliesBody",
         attributes: {},
-        path: ["global", "fontFamilies", "sage-ui"],
+        path: ["global", "fontFamilies", "body"],
       },
-      "sage-text": {
+      component: {
         $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.",
         filePath: "data/tokens/global/typography.json",
         isSource: true,
         $extensions: {
@@ -5209,18 +5226,18 @@ module.exports = {
         },
         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",