@sage/design-tokens 14.4.0 → 14.6.0

package/js/common/frozenproduct/small/global.js

@@ -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,10 +2843,11 @@ 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}",
+                  fontSize:
+                    "{primitives.fontSize.responsive.product.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
                 $description: "Small Viewports: 13.72, Large Viewports: 11.89",
@@ -2878,7 +2879,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 +2915,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 +2951,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,10 +2988,11 @@ 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}",
+                  fontSize:
+                    "{primitives.fontSize.responsive.product.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
                 $description: "Small Viewports: 13.72, Large Viewports: 11.89",
@@ -3022,7 +3024,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 +3060,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 +3096,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 +3226,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 +3261,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 +3296,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 +3333,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 +3368,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 +3403,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,10 +3440,11 @@ 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}",
+                  fontSize:
+                    "{primitives.fontSize.responsive.product.stepMinus2}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
               },
@@ -3470,7 +3473,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 +3505,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 +3537,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 +3569,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 +3601,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 +3633,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,10 +3669,11 @@ 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}",
+                  fontSize:
+                    "{primitives.fontSize.responsive.product.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
                 $description:
@@ -3704,7 +3708,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 +3731,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 +3754,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 +3779,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 +3802,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 +3829,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 +3861,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 +3893,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 +3927,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 +3952,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 +3977,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,10 +4006,10 @@ 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}",
+                  fontSize: "{global.fontSize.adaptive.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
               },
@@ -4034,7 +4038,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 +4070,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 +4102,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,10 +4136,10 @@ 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}",
+                  fontSize: "{global.fontSize.adaptive.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
               },
@@ -4164,7 +4168,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 +4200,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 +4232,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 +4354,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 +4389,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 +4424,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 +4461,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 +4496,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 +4531,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,10 +4568,10 @@ 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}",
+                  fontSize: "{global.fontSize.adaptive.stepMinus2}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
               },
@@ -4596,7 +4600,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 +4632,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 +4664,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 +4696,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 +4728,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 +4760,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,10 +4796,10 @@ 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}",
+                  fontSize: "{global.fontSize.adaptive.stepMinus1}",
                   paragraphSpacing: "{primitives.paragraphSpacing.0}",
                 },
                 $description:
@@ -4818,7 +4822,7 @@ module.exports = {
     },
     fontSize: {
       adaptive: {
-        "step-2": {
+        stepMinus2: {
           $type: "fontSize",
           $value: "12px",
           filePath: "data/tokens/screensize/small.json",
@@ -4837,11 +4841,11 @@ module.exports = {
               },
             },
           },
-          name: "globalFontSizeAdaptiveStep2",
+          name: "globalFontSizeAdaptiveStepMinus2",
           attributes: {},
-          path: ["global", "fontSize", "adaptive", "step-2"],
+          path: ["global", "fontSize", "adaptive", "stepMinus2"],
         },
-        "step-1": {
+        stepMinus1: {
           $type: "fontSize",
           $value: "13px",
           filePath: "data/tokens/screensize/small.json",
@@ -4860,9 +4864,9 @@ module.exports = {
               },
             },
           },
-          name: "globalFontSizeAdaptiveStep1",
+          name: "globalFontSizeAdaptiveStepMinus1",
           attributes: {},
-          path: ["global", "fontSize", "adaptive", "step-1"],
+          path: ["global", "fontSize", "adaptive", "stepMinus1"],
         },
         step0: {
           $type: "fontSize",
@@ -5143,10 +5147,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 +5159,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 +5206,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 +5230,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",