@sage/design-tokens 14.4.0 → 14.6.0

package/js/common/frozenproduct/large/global.js

@@ -2521,7 +2521,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}",
@@ -2544,7 +2544,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}",
@@ -2567,7 +2567,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}",
@@ -2592,7 +2592,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}",
@@ -2615,7 +2615,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}",
@@ -2642,7 +2642,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}",
@@ -2674,7 +2674,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}",
@@ -2706,7 +2706,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}",
@@ -2740,7 +2740,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}",
@@ -2772,7 +2772,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}",
@@ -2804,7 +2804,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}",
@@ -2841,10 +2841,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",
@@ -2876,7 +2877,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}",
@@ -2912,7 +2913,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}",
@@ -2948,7 +2949,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}",
@@ -2985,10 +2986,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",
@@ -3020,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}",
@@ -3056,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}",
@@ -3092,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}",
@@ -3222,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}",
@@ -3257,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}",
@@ -3292,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}",
@@ -3329,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}",
@@ -3364,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}",
@@ -3399,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}",
@@ -3436,10 +3438,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}",
                 },
               },
@@ -3468,7 +3471,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}",
@@ -3500,7 +3503,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}",
@@ -3532,7 +3535,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}",
@@ -3564,7 +3567,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}",
@@ -3596,7 +3599,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}",
@@ -3628,7 +3631,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}",
@@ -3664,10 +3667,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:
@@ -3702,7 +3706,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}",
@@ -3725,7 +3729,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}",
@@ -3748,7 +3752,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}",
@@ -3773,7 +3777,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}",
@@ -3796,7 +3800,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}",
@@ -3823,7 +3827,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}",
@@ -3855,7 +3859,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}",
@@ -3887,7 +3891,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}",
@@ -3921,7 +3925,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}",
@@ -3946,7 +3950,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}",
@@ -3971,7 +3975,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}",
@@ -4000,10 +4004,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}",
                 },
               },
@@ -4032,7 +4036,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}",
@@ -4064,7 +4068,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}",
@@ -4096,7 +4100,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}",
@@ -4130,10 +4134,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}",
                 },
               },
@@ -4162,7 +4166,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}",
@@ -4194,7 +4198,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}",
@@ -4226,7 +4230,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}",
@@ -4348,7 +4352,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}",
@@ -4383,7 +4387,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}",
@@ -4418,7 +4422,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}",
@@ -4455,7 +4459,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}",
@@ -4490,7 +4494,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}",
@@ -4525,7 +4529,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}",
@@ -4562,10 +4566,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}",
                 },
               },
@@ -4594,7 +4598,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}",
@@ -4626,7 +4630,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}",
@@ -4658,7 +4662,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}",
@@ -4690,7 +4694,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}",
@@ -4722,7 +4726,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}",
@@ -4754,7 +4758,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}",
@@ -4790,10 +4794,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:
@@ -4816,7 +4820,7 @@ module.exports = {
     },
     fontSize: {
       adaptive: {
-        "step-2": {
+        stepMinus2: {
           $type: "fontSize",
           $value: "11px",
           filePath: "data/tokens/global/typography.json",
@@ -4835,11 +4839,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: "12px",
           filePath: "data/tokens/global/typography.json",
@@ -4858,9 +4862,9 @@ module.exports = {
               },
             },
           },
-          name: "globalFontSizeAdaptiveStep1",
+          name: "globalFontSizeAdaptiveStepMinus1",
           attributes: {},
-          path: ["global", "fontSize", "adaptive", "step-1"],
+          path: ["global", "fontSize", "adaptive", "stepMinus1"],
         },
         step0: {
           $type: "fontSize",
@@ -5141,10 +5145,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: {
@@ -5154,23 +5157,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: {
@@ -5181,23 +5204,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: {
@@ -5207,18 +5228,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",