@sage/design-tokens 14.8.0 → 14.9.1

package/ios/marketing/small/light/components/container.h

@@ -69,10 +69,13 @@
 #define containerSizeDialogMaxWidthXxs 300
 #define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
-#define containerSizeDialogMaxWidthM 750
-#define containerSizeDialogMaxWidthL 850
+#define containerSizeDialogMaxWidthM 850
+#define containerSizeDialogMaxWidthL 1080
 #define containerSizeDialogMaxWidthXl 960
 #define containerSizeDialogMaxWidthXxl 1080
+#define containerSizeDialogMinWidthS 288
+#define containerSizeDialogMinWidthM 288
+#define containerSizeDialogMinWidthL 288
 #define containerSizeDragDroptarget 2
 #define containerSizeDrawerMinwidth 288
 #define containerSizeDrawerMaxwidth 760

package/ios/marketing/small/light/components/nav.h

@@ -77,6 +77,8 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
+#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32
 #define navSizeModalHeaderitemIdentifierM 24

package/ios/marketing/small/light/components/page.h

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/product/large/dark/components/container.h

@@ -69,10 +69,13 @@
 #define containerSizeDialogMaxWidthXxs 300
 #define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
-#define containerSizeDialogMaxWidthM 750
-#define containerSizeDialogMaxWidthL 850
+#define containerSizeDialogMaxWidthM 850
+#define containerSizeDialogMaxWidthL 1080
 #define containerSizeDialogMaxWidthXl 960
 #define containerSizeDialogMaxWidthXxl 1080
+#define containerSizeDialogMinWidthS 288
+#define containerSizeDialogMinWidthM 288
+#define containerSizeDialogMinWidthL 288
 #define containerSizeDragDroptarget 2
 #define containerSizeDrawerMinwidth 288
 #define containerSizeDrawerMaxwidth 760

package/ios/product/large/dark/components/nav.h

@@ -77,6 +77,8 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
+#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32
 #define navSizeModalHeaderitemIdentifierM 24

package/ios/product/large/dark/components/page.h

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/product/large/global.h

@@ -108,6 +108,8 @@
 #define globalTypographyResponsiveHeadingL [object Object]
 #define globalTypographyResponsiveSubheadingM [object Object]
 #define globalTypographyResponsiveSubheadingL [object Object]
+#define globalTypographyResponsiveSectionHeadingS [object Object]
+#define globalTypographyResponsiveSectionHeadingM [object Object]
 #define globalTypographyResponsiveBodyRegularS [object Object]
 #define globalTypographyResponsiveBodyRegularM [object Object]
 #define globalTypographyResponsiveBodyRegularL [object Object]
@@ -144,6 +146,8 @@
 #define globalTypographyAdaptiveHeadingL [object Object]
 #define globalTypographyAdaptiveSubheadingM [object Object]
 #define globalTypographyAdaptiveSubheadingL [object Object]
+#define globalTypographyAdaptiveSectionHeadingS [object Object]
+#define globalTypographyAdaptiveSectionHeadingM [object Object]
 #define globalTypographyAdaptiveBodyRegularS [object Object]
 #define globalTypographyAdaptiveBodyRegularM [object Object]
 #define globalTypographyAdaptiveBodyRegularL [object Object]
@@ -175,8 +179,8 @@
 #define globalTypographyAdaptiveComponentPlaceholdertextXl [object Object]
 #define globalTypographyAdaptiveComponentPlaceholdertextXxl [object Object]
 #define globalTypographyAdaptiveComponentNotificationM [object Object]
-#define globalFontSizeAdaptiveStepMinus2 11px
-#define globalFontSizeAdaptiveStepMinus1 12px
+#define globalFontSizeAdaptiveStepMinus2 12px
+#define globalFontSizeAdaptiveStepMinus1 13px
 #define globalFontSizeAdaptiveStep0 14px
 #define globalFontSizeAdaptiveStep1 16px
 #define globalFontSizeAdaptiveStep2 18px

package/ios/product/large/light/components/container.h

@@ -69,10 +69,13 @@
 #define containerSizeDialogMaxWidthXxs 300
 #define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
-#define containerSizeDialogMaxWidthM 750
-#define containerSizeDialogMaxWidthL 850
+#define containerSizeDialogMaxWidthM 850
+#define containerSizeDialogMaxWidthL 1080
 #define containerSizeDialogMaxWidthXl 960
 #define containerSizeDialogMaxWidthXxl 1080
+#define containerSizeDialogMinWidthS 288
+#define containerSizeDialogMinWidthM 288
+#define containerSizeDialogMinWidthL 288
 #define containerSizeDragDroptarget 2
 #define containerSizeDrawerMinwidth 288
 #define containerSizeDrawerMaxwidth 760

package/ios/product/large/light/components/nav.h

@@ -77,6 +77,8 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
+#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32
 #define navSizeModalHeaderitemIdentifierM 24

package/ios/product/large/light/components/page.h

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/product/small/dark/components/container.h

@@ -69,10 +69,13 @@
 #define containerSizeDialogMaxWidthXxs 300
 #define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
-#define containerSizeDialogMaxWidthM 750
-#define containerSizeDialogMaxWidthL 850
+#define containerSizeDialogMaxWidthM 850
+#define containerSizeDialogMaxWidthL 1080
 #define containerSizeDialogMaxWidthXl 960
 #define containerSizeDialogMaxWidthXxl 1080
+#define containerSizeDialogMinWidthS 288
+#define containerSizeDialogMinWidthM 288
+#define containerSizeDialogMinWidthL 288
 #define containerSizeDragDroptarget 2
 #define containerSizeDrawerMinwidth 288
 #define containerSizeDrawerMaxwidth 760

package/ios/product/small/dark/components/nav.h

@@ -77,6 +77,8 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
+#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32
 #define navSizeModalHeaderitemIdentifierM 24

package/ios/product/small/dark/components/page.h

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/product/small/global.h

@@ -108,6 +108,8 @@
 #define globalTypographyResponsiveHeadingL [object Object]
 #define globalTypographyResponsiveSubheadingM [object Object]
 #define globalTypographyResponsiveSubheadingL [object Object]
+#define globalTypographyResponsiveSectionHeadingS [object Object]
+#define globalTypographyResponsiveSectionHeadingM [object Object]
 #define globalTypographyResponsiveBodyRegularS [object Object]
 #define globalTypographyResponsiveBodyRegularM [object Object]
 #define globalTypographyResponsiveBodyRegularL [object Object]
@@ -144,6 +146,8 @@
 #define globalTypographyAdaptiveHeadingL [object Object]
 #define globalTypographyAdaptiveSubheadingM [object Object]
 #define globalTypographyAdaptiveSubheadingL [object Object]
+#define globalTypographyAdaptiveSectionHeadingS [object Object]
+#define globalTypographyAdaptiveSectionHeadingM [object Object]
 #define globalTypographyAdaptiveBodyRegularS [object Object]
 #define globalTypographyAdaptiveBodyRegularM [object Object]
 #define globalTypographyAdaptiveBodyRegularL [object Object]

package/ios/product/small/light/components/container.h

@@ -69,10 +69,13 @@
 #define containerSizeDialogMaxWidthXxs 300
 #define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
-#define containerSizeDialogMaxWidthM 750
-#define containerSizeDialogMaxWidthL 850
+#define containerSizeDialogMaxWidthM 850
+#define containerSizeDialogMaxWidthL 1080
 #define containerSizeDialogMaxWidthXl 960
 #define containerSizeDialogMaxWidthXxl 1080
+#define containerSizeDialogMinWidthS 288
+#define containerSizeDialogMinWidthM 288
+#define containerSizeDialogMinWidthL 288
 #define containerSizeDragDroptarget 2
 #define containerSizeDrawerMinwidth 288
 #define containerSizeDrawerMaxwidth 760

package/ios/product/small/light/components/nav.h

@@ -77,6 +77,8 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
+#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32
 #define navSizeModalHeaderitemIdentifierM 24

package/ios/product/small/light/components/page.h

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/js/common/frozenproduct/large/dark/components/badge.js

@@ -372,7 +372,7 @@ module.exports = {
             fontFamily: "Sage UI",
             fontWeight: "500",
             lineHeight: 1,
-            fontSize: "12px",
+            fontSize: "13px",
             paragraphSpacing: "0",
           },
           filePath: "data/tokens/components/badge.json",

package/js/common/frozenproduct/large/dark/components/container.d.ts

@@ -130,6 +130,11 @@ declare const tokens: {
           XL: DesignToken;
           XXL: DesignToken;
         };
+        minWidth: {
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+        };
       };
       drag: {
         droptarget: DesignToken;

package/js/common/frozenproduct/large/dark/components/container.js

@@ -956,12 +956,12 @@ module.exports = {
           },
           M: {
             $type: "sizing",
-            $value: "750",
+            $value: "850",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "750",
+              $value: "850",
             },
             name: "containerSizeDialogMaxWidthM",
             attributes: {},
@@ -969,12 +969,12 @@ module.exports = {
           },
           L: {
             $type: "sizing",
-            $value: "850",
+            $value: "1080",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
               $type: "sizing",
-              $value: "850",
+              $value: "1080",
             },
             name: "containerSizeDialogMaxWidthL",
             attributes: {},
@@ -1007,6 +1007,47 @@ module.exports = {
             path: ["container", "size", "dialog", "maxWidth", "XXL"],
           },
         },
+        minWidth: {
+          S: {
+            $type: "sizing",
+            $value: "288",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "288",
+            },
+            name: "containerSizeDialogMinWidthS",
+            attributes: {},
+            path: ["container", "size", "dialog", "minWidth", "S"],
+          },
+          M: {
+            $type: "sizing",
+            $value: "288",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "288",
+            },
+            name: "containerSizeDialogMinWidthM",
+            attributes: {},
+            path: ["container", "size", "dialog", "minWidth", "M"],
+          },
+          L: {
+            $type: "sizing",
+            $value: "288",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "288",
+            },
+            name: "containerSizeDialogMinWidthL",
+            attributes: {},
+            path: ["container", "size", "dialog", "minWidth", "L"],
+          },
+        },
       },
       drag: {
         droptarget: {

package/js/common/frozenproduct/large/dark/components/nav.d.ts

@@ -172,6 +172,12 @@ declare const tokens: {
         grandchild: {
           minheight: DesignToken;
         };
+        parentContainer: {
+          fixedWidth: DesignToken;
+        };
+        childContainer: {
+          fixedWidth: DesignToken;
+        };
       };
       modal: {
         parentitem: {

package/js/common/frozenproduct/large/dark/components/nav.js

@@ -1109,6 +1109,40 @@ module.exports = {
             path: ["nav", "size", "leftnav", "grandchild", "minheight"],
           },
         },
+        parentContainer: {
+          fixedWidth: {
+            $type: "sizing",
+            $value: "140",
+            $description: "fixed width of parent container",
+            filePath: "data/tokens/components/nav.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "140",
+              $description: "fixed width of parent container",
+            },
+            name: "navSizeLeftnavParentContainerFixedWidth",
+            attributes: {},
+            path: ["nav", "size", "leftnav", "parentContainer", "fixedWidth"],
+          },
+        },
+        childContainer: {
+          fixedWidth: {
+            $type: "sizing",
+            $value: "250",
+            $description: "fixed width of parent container",
+            filePath: "data/tokens/components/nav.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "250",
+              $description: "fixed width of parent container",
+            },
+            name: "navSizeLeftnavChildContainerFixedWidth",
+            attributes: {},
+            path: ["nav", "size", "leftnav", "childContainer", "fixedWidth"],
+          },
+        },
       },
       modal: {
         parentitem: {
@@ -2473,14 +2507,14 @@ module.exports = {
               fontFamily: "Sage UI",
               fontWeight: "500",
               lineHeight: 1.5,
-              fontSize: "14px",
+              fontSize: "13px",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
               $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.S}",
+              $value: "{global.typography.adaptive.component.firm.XS}",
             },
             name: "navTypographyAdaptiveLabelS",
             attributes: {},
@@ -2532,14 +2566,14 @@ module.exports = {
               fontFamily: "Sage UI",
               fontWeight: "400",
               lineHeight: 1.5,
-              fontSize: "14px",
+              fontSize: "13px",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
               $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.S}",
+              $value: "{global.typography.adaptive.component.moderate.XS}",
             },
             name: "navTypographyAdaptiveDefaultS",
             attributes: {},
@@ -2593,14 +2627,14 @@ module.exports = {
               fontFamily: "Sage UI",
               fontWeight: "500",
               lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+              fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
               $type: "typography",
-              $value: "{global.typography.responsive.component.firm.S}",
+              $value: "{global.typography.responsive.component.firm.XS}",
             },
             name: "navTypographyResponsiveLabelS",
             attributes: {},
@@ -2652,14 +2686,14 @@ module.exports = {
               fontFamily: "Sage UI",
               fontWeight: "400",
               lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+              fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
               $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.S}",
+              $value: "{global.typography.responsive.component.moderate.XS}",
             },
             name: "navTypographyResponsiveDefaultS",
             attributes: {},

package/js/common/frozenproduct/large/dark/components/page.d.ts

@@ -72,6 +72,12 @@ declare const tokens: {
         H3: DesignToken;
         H4: DesignToken;
         H5: DesignToken;
+        section: {
+          heading: {
+            S: DesignToken;
+            M: DesignToken;
+          };
+        };
         p: {
           regular: {
             typical: DesignToken;
@@ -89,6 +95,12 @@ declare const tokens: {
         H3: DesignToken;
         H4: DesignToken;
         H5: DesignToken;
+        section: {
+          heading: {
+            S: DesignToken;
+            M: DesignToken;
+          };
+        };
         p: {
           regular: {
             typical: DesignToken;

package/js/common/frozenproduct/large/dark/components/page.js

@@ -545,6 +545,60 @@ module.exports = {
           attributes: {},
           path: ["page", "typography", "responsive", "H5"],
         },
+        section: {
+          heading: {
+            S: {
+              $type: "typography",
+              $value: {
+                fontFamily: "Sage UI",
+                fontWeight: "700",
+                lineHeight: 1.25,
+                fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
+              },
+              filePath: "data/tokens/components/page.json",
+              isSource: true,
+              original: {
+                $type: "typography",
+                $value: "{global.typography.responsive.section.heading.S}",
+              },
+              name: "pageTypographyResponsiveSectionHeadingS",
+              attributes: {},
+              path: [
+                "page",
+                "typography",
+                "responsive",
+                "section",
+                "heading",
+                "S",
+              ],
+            },
+            M: {
+              $type: "typography",
+              $value: {
+                fontFamily: "Sage UI",
+                fontWeight: "700",
+                lineHeight: 1.25,
+                fontSize: "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)",
+              },
+              filePath: "data/tokens/components/page.json",
+              isSource: true,
+              original: {
+                $type: "typography",
+                $value: "{global.typography.responsive.section.heading.M}",
+              },
+              name: "pageTypographyResponsiveSectionHeadingM",
+              attributes: {},
+              path: [
+                "page",
+                "typography",
+                "responsive",
+                "section",
+                "heading",
+                "M",
+              ],
+            },
+          },
+        },
         p: {
           regular: {
             typical: {
@@ -747,6 +801,60 @@ module.exports = {
           attributes: {},
           path: ["page", "typography", "adaptive", "H5"],
         },
+        section: {
+          heading: {
+            S: {
+              $type: "typography",
+              $value: {
+                fontFamily: "Sage UI",
+                fontWeight: "700",
+                lineHeight: 1.25,
+                fontSize: "16px",
+              },
+              filePath: "data/tokens/components/page.json",
+              isSource: true,
+              original: {
+                $type: "typography",
+                $value: "{global.typography.adaptive.section.heading.S}",
+              },
+              name: "pageTypographyAdaptiveSectionHeadingS",
+              attributes: {},
+              path: [
+                "page",
+                "typography",
+                "adaptive",
+                "section",
+                "heading",
+                "S",
+              ],
+            },
+            M: {
+              $type: "typography",
+              $value: {
+                fontFamily: "Sage UI",
+                fontWeight: "700",
+                lineHeight: 1.25,
+                fontSize: "21px",
+              },
+              filePath: "data/tokens/components/page.json",
+              isSource: true,
+              original: {
+                $type: "typography",
+                $value: "{global.typography.adaptive.section.heading.M}",
+              },
+              name: "pageTypographyAdaptiveSectionHeadingM",
+              attributes: {},
+              path: [
+                "page",
+                "typography",
+                "adaptive",
+                "section",
+                "heading",
+                "M",
+              ],
+            },
+          },
+        },
         p: {
           regular: {
             typical: {

package/js/common/frozenproduct/large/dark/components/profile.js

@@ -461,7 +461,7 @@ module.exports = {
               fontFamily: "Sage UI",
               fontWeight: "500",
               lineHeight: 1.5,
-              fontSize: "11px",
+              fontSize: "12px",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/profile.json",