npm - @sage/design-tokens - Versions diffs - 14.4.0 → 14.6.0 - Mend

@sage/design-tokens 14.4.0 → 14.6.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 (309) hide show

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

@@ -2534,7 +2534,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step3}",
@@ -2557,7 +2557,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step4}",
@@ -2580,7 +2580,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step6}",
@@ -2605,7 +2605,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2628,7 +2628,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2655,7 +2655,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2687,7 +2687,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2719,7 +2719,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2753,7 +2753,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2785,7 +2785,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -2817,7 +2817,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -2855,10 +2855,11 @@
                 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:
@@ -2891,7 +2892,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2927,7 +2928,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -2963,7 +2964,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -3001,10 +3002,11 @@
                 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:
@@ -3037,7 +3039,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3073,7 +3075,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3109,7 +3111,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step1}",
@@ -3239,7 +3241,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3275,7 +3277,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3312,7 +3314,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3350,7 +3352,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3386,7 +3388,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3423,7 +3425,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize:
@@ -3462,10 +3464,11 @@
                 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}",
                   },
                 },
@@ -3494,7 +3497,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step0}",
@@ -3526,7 +3529,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step2}",
@@ -3558,7 +3561,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step4}",
@@ -3590,7 +3593,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step6}",
@@ -3622,7 +3625,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step8}",
@@ -3654,7 +3657,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{primitives.fontSize.responsive.product.step10}",
@@ -3691,10 +3694,11 @@
                 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:
@@ -3729,7 +3733,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step3}",
@@ -3752,7 +3756,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step4}",
@@ -3775,7 +3779,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.heading}",
                   fontWeight: "{primitives.fontWeights.bold}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step6}",
@@ -3800,7 +3804,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step1}",
@@ -3823,7 +3827,7 @@
               original: {
                 $type: "typography",
                 $value: {
-                  fontFamily: "{global.fontFamilies.sage-ui}",
+                  fontFamily: "{global.fontFamilies.subheading}",
                   fontWeight: "{primitives.fontWeights.medium}",
                   lineHeight: "{primitives.lineHeights.400}",
                   fontSize: "{global.fontSize.adaptive.step2}",
@@ -3850,7 +3854,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3882,7 +3886,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3914,7 +3918,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -3948,7 +3952,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -3980,7 +3984,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4012,7 +4016,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.body}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4048,10 +4052,10 @@
                 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}",
                   },
                 },
@@ -4080,7 +4084,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4112,7 +4116,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4144,7 +4148,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4178,10 +4182,10 @@
                 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}",
                   },
                 },
@@ -4210,7 +4214,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4242,7 +4246,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4274,7 +4278,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.regular}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step1}",
@@ -4396,7 +4400,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4431,7 +4435,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4466,7 +4470,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.regular}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step1}",
@@ -4503,7 +4507,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4538,7 +4542,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step0}",
@@ -4573,7 +4577,7 @@
                   original: {
                     $type: "typography",
                     $value: {
-                      fontFamily: "{global.fontFamilies.sage-ui}",
+                      fontFamily: "{global.fontFamilies.component}",
                       fontWeight: "{primitives.fontWeights.medium}",
                       lineHeight: "{primitives.lineHeights.500}",
                       fontSize: "{global.fontSize.adaptive.step1}",
@@ -4610,10 +4614,10 @@
                 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}",
                   },
                 },
@@ -4642,7 +4646,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step0}",
@@ -4674,7 +4678,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step2}",
@@ -4706,7 +4710,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step4}",
@@ -4738,7 +4742,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step6}",
@@ -4770,7 +4774,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step8}",
@@ -4802,7 +4806,7 @@
                 original: {
                   $type: "typography",
                   $value: {
-                    fontFamily: "{global.fontFamilies.sage-ui}",
+                    fontFamily: "{global.fontFamilies.component}",
                     fontWeight: "{primitives.fontWeights.medium}",
                     lineHeight: "{primitives.lineHeights.500}",
                     fontSize: "{global.fontSize.adaptive.step10}",
@@ -4838,10 +4842,10 @@
                 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:
@@ -4864,7 +4868,7 @@
       },
       fontSize: {
         adaptive: {
-          "step-2": {
+          stepMinus2: {
             $type: "fontSize",
             $value: "11px",
             filePath: "data/tokens/global/typography.json",
@@ -4883,11 +4887,11 @@
                 },
               },
             },
-            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",
@@ -4906,9 +4910,9 @@
                 },
               },
             },
-            name: "globalFontSizeAdaptiveStep1",
+            name: "globalFontSizeAdaptiveStepMinus1",
             attributes: {},
-            path: ["global", "fontSize", "adaptive", "step-1"],
+            path: ["global", "fontSize", "adaptive", "stepMinus1"],
           },
           step0: {
             $type: "fontSize",
@@ -5189,10 +5193,9 @@
           attributes: {},
           path: ["global", "fontFamilies", "sage-icons"],
         },
-        "sage-headline": {
+        heading: {
           $type: "fontFamily",
-          $value: "Sage Headline",
-          $description: "Used in only in marketing contexts for some headings.",
+          $value: "Sage UI",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5202,24 +5205,20 @@
           },
           original: {
             $type: "fontFamily",
-            $value: "Sage Headline",
-            $description:
-              "Used in only in marketing contexts for some headings.",
+            $value: "Sage UI",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageHeadline",
+          name: "globalFontFamiliesHeading",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-headline"],
+          path: ["global", "fontFamilies", "heading"],
         },
-        "sage-ui": {
+        subheading: {
           $type: "fontFamily",
           $value: "Sage UI",
-          $description:
-            "Used in componentry such as tables, buttons, inputs etc.",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5230,23 +5229,44 @@
           original: {
             $type: "fontFamily",
             $value: "Sage UI",
-            $description:
-              "Used in componentry such as tables, buttons, inputs etc.",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageUi",
+          name: "globalFontFamiliesSubheading",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-ui"],
+          path: ["global", "fontFamilies", "subheading"],
         },
-        "sage-text": {
+        body: {
           $type: "fontFamily",
-          $value: "Sage Text",
+          $value: "Sage UI",
+          filePath: "data/tokens/global/typography.json",
+          isSource: true,
+          $extensions: {
+            "studio.tokens": {
+              originalType: "fontFamilies",
+            },
+          },
+          original: {
+            $type: "fontFamily",
+            $value: "Sage UI",
+            $extensions: {
+              "studio.tokens": {
+                originalType: "fontFamilies",
+              },
+            },
+          },
+          name: "globalFontFamiliesBody",
+          attributes: {},
+          path: ["global", "fontFamilies", "body"],
+        },
+        component: {
+          $type: "fontFamily",
+          $value: "Sage UI",
           $description:
-            "Used for Headings in product and in marketing contexts. Marketing also use it for their body copy.",
+            "Used in componentry such as tables, buttons, inputs etc.",
           filePath: "data/tokens/global/typography.json",
           isSource: true,
           $extensions: {
@@ -5256,18 +5276,18 @@
           },
           original: {
             $type: "fontFamily",
-            $value: "Sage Text",
+            $value: "Sage UI",
             $description:
-              "Used for Headings in product and in marketing contexts. Marketing also use it for their body copy.",
+              "Used in componentry such as tables, buttons, inputs etc.",
             $extensions: {
               "studio.tokens": {
                 originalType: "fontFamilies",
               },
             },
           },
-          name: "globalFontFamiliesSageText",
+          name: "globalFontFamiliesComponent",
           attributes: {},
-          path: ["global", "fontFamilies", "sage-text"],
+          path: ["global", "fontFamilies", "component"],
         },
         other: {
           $type: "fontFamily",