@sage/design-tokens 14.8.0 → 14.9.1

package/js/es6/product/small/light/components/nav.js

@@ -108,6 +108,8 @@ export const navSizeNavbarItemYM = 40;
 export const navSizeLeftnavParentMinheight = 48;
 export const navSizeLeftnavChildMinheight = 40;
 export const navSizeLeftnavGrandchildMinheight = 32;
+export const navSizeLeftnavParentContainerFixedWidth = "140";
+export const navSizeLeftnavChildContainerFixedWidth = "250";
 export const navSizeModalParentitemMinheight = 40;
 export const navSizeModalChilditemMinheight = 32;
 export const navSizeModalHeaderitemIdentifierM = 24;
@@ -183,7 +185,7 @@ export const navTypographyAdaptiveLabelS = {
   fontFamily: "Sage UI",
   fontWeight: "500",
   lineHeight: 1.5,
-  fontSize: "14px",
+  fontSize: "13px",
   paragraphSpacing: "0",
 };
 export const navTypographyAdaptiveLabelM = {
@@ -204,7 +206,7 @@ export const navTypographyAdaptiveDefaultS = {
   fontFamily: "Sage UI",
   fontWeight: "400",
   lineHeight: 1.5,
-  fontSize: "14px",
+  fontSize: "13px",
   paragraphSpacing: "0",
 };
 export const navTypographyAdaptiveDefaultM = {
@@ -225,7 +227,7 @@ export const navTypographyResponsiveLabelS = {
   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",
 };
 export const navTypographyResponsiveLabelM = {
@@ -246,7 +248,7 @@ export const navTypographyResponsiveDefaultS = {
   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",
 };
 export const navTypographyResponsiveDefaultM = {

package/js/es6/product/small/light/components/page.d.ts

@@ -69,6 +69,18 @@ export const pageTypographyResponsiveH5: {
   lineHeight: number;
   fontSize: string;
 };
+export const pageTypographyResponsiveSectionHeadingS: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
+export const pageTypographyResponsiveSectionHeadingM: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
 export const pageTypographyResponsivePRegularTypical: {
   fontFamily: string;
   fontWeight: string;
@@ -127,6 +139,18 @@ export const pageTypographyAdaptiveH5: {
   lineHeight: number;
   fontSize: string;
 };
+export const pageTypographyAdaptiveSectionHeadingS: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
+export const pageTypographyAdaptiveSectionHeadingM: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
 export const pageTypographyAdaptivePRegularTypical: {
   fontFamily: string;
   fontWeight: string;

package/js/es6/product/small/light/components/page.js

@@ -69,6 +69,18 @@ export const pageTypographyResponsiveH5 = {
   lineHeight: 1.25,
   fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
 };
+export const pageTypographyResponsiveSectionHeadingS = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
+};
+export const pageTypographyResponsiveSectionHeadingM = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)",
+};
 export const pageTypographyResponsivePRegularTypical = {
   fontFamily: "Sage UI",
   fontWeight: "400",
@@ -127,6 +139,18 @@ export const pageTypographyAdaptiveH5 = {
   lineHeight: 1.25,
   fontSize: "16px",
 };
+export const pageTypographyAdaptiveSectionHeadingS = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "16px",
+};
+export const pageTypographyAdaptiveSectionHeadingM = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "19px",
+};
 export const pageTypographyAdaptivePRegularTypical = {
   fontFamily: "Sage UI",
   fontWeight: "400",

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

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

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

@@ -991,12 +991,12 @@
             },
             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: {},
@@ -1004,12 +1004,12 @@
             },
             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: {},
@@ -1042,6 +1042,47 @@
               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/umd/frozenproduct/large/dark/components/nav.js

@@ -1121,6 +1121,40 @@
               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: {
@@ -2498,14 +2532,14 @@
                 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: {},
@@ -2557,14 +2591,14 @@
                 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: {},
@@ -2618,14 +2652,14 @@
                 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: {},
@@ -2677,14 +2711,14 @@
                 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/umd/frozenproduct/large/dark/components/page.js

@@ -556,6 +556,60 @@
             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: {
@@ -758,6 +812,60 @@
             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/umd/frozenproduct/large/dark/components/profile.js

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

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

@@ -2639,6 +2639,70 @@
               path: ["global", "typography", "responsive", "subheading", "L"],
             },
           },
+          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/global/typography.json",
+                isSource: true,
+                original: {
+                  $type: "typography",
+                  $value: {
+                    fontFamily: "{global.fontFamilies.subheading}",
+                    fontWeight: "{primitives.fontWeights.bold}",
+                    lineHeight: "{primitives.lineHeights.400}",
+                    fontSize: "{primitives.fontSize.responsive.product.step1}",
+                  },
+                },
+                name: "globalTypographyResponsiveSectionHeadingS",
+                attributes: {},
+                path: [
+                  "global",
+                  "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/global/typography.json",
+                isSource: true,
+                original: {
+                  $type: "typography",
+                  $value: {
+                    fontFamily: "{global.fontFamilies.subheading}",
+                    fontWeight: "{primitives.fontWeights.bold}",
+                    lineHeight: "{primitives.lineHeights.400}",
+                    fontSize: "{primitives.fontSize.responsive.product.step3}",
+                  },
+                },
+                name: "globalTypographyResponsiveSectionHeadingM",
+                attributes: {},
+                path: [
+                  "global",
+                  "typography",
+                  "responsive",
+                  "section",
+                  "heading",
+                  "M",
+                ],
+              },
+            },
+          },
           body: {
             regular: {
               S: {
@@ -3838,6 +3902,70 @@
               path: ["global", "typography", "adaptive", "subheading", "L"],
             },
           },
+          section: {
+            heading: {
+              S: {
+                $type: "typography",
+                $value: {
+                  fontFamily: "Sage UI",
+                  fontWeight: "700",
+                  lineHeight: 1.25,
+                  fontSize: "16px",
+                },
+                filePath: "data/tokens/global/typography.json",
+                isSource: true,
+                original: {
+                  $type: "typography",
+                  $value: {
+                    fontFamily: "{global.fontFamilies.subheading}",
+                    fontWeight: "{primitives.fontWeights.bold}",
+                    lineHeight: "{primitives.lineHeights.400}",
+                    fontSize: "{global.fontSize.adaptive.step1}",
+                  },
+                },
+                name: "globalTypographyAdaptiveSectionHeadingS",
+                attributes: {},
+                path: [
+                  "global",
+                  "typography",
+                  "adaptive",
+                  "section",
+                  "heading",
+                  "S",
+                ],
+              },
+              M: {
+                $type: "typography",
+                $value: {
+                  fontFamily: "Sage UI",
+                  fontWeight: "700",
+                  lineHeight: 1.25,
+                  fontSize: "21px",
+                },
+                filePath: "data/tokens/global/typography.json",
+                isSource: true,
+                original: {
+                  $type: "typography",
+                  $value: {
+                    fontFamily: "{global.fontFamilies.subheading}",
+                    fontWeight: "{primitives.fontWeights.bold}",
+                    lineHeight: "{primitives.lineHeights.400}",
+                    fontSize: "{global.fontSize.adaptive.step3}",
+                  },
+                },
+                name: "globalTypographyAdaptiveSectionHeadingM",
+                attributes: {},
+                path: [
+                  "global",
+                  "typography",
+                  "adaptive",
+                  "section",
+                  "heading",
+                  "M",
+                ],
+              },
+            },
+          },
           body: {
             regular: {
               S: {
@@ -4044,7 +4172,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1.5,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4174,7 +4302,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "400",
                   lineHeight: 1.5,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4606,7 +4734,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1.5,
-                  fontSize: "11px",
+                  fontSize: "12px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4832,7 +4960,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 $description:
@@ -4870,7 +4998,7 @@
         adaptive: {
           stepMinus2: {
             $type: "fontSize",
-            $value: "11px",
+            $value: "12px",
             filePath: "data/tokens/global/typography.json",
             isSource: true,
             $extensions: {
@@ -4880,7 +5008,7 @@
             },
             original: {
               $type: "fontSize",
-              $value: "11",
+              $value: "12",
               $extensions: {
                 "studio.tokens": {
                   originalType: "fontSizes",
@@ -4893,7 +5021,7 @@
           },
           stepMinus1: {
             $type: "fontSize",
-            $value: "12px",
+            $value: "13px",
             filePath: "data/tokens/global/typography.json",
             isSource: true,
             $extensions: {
@@ -4903,7 +5031,7 @@
             },
             original: {
               $type: "fontSize",
-              $value: "12",
+              $value: "13",
               $extensions: {
                 "studio.tokens": {
                   originalType: "fontSizes",

package/js/umd/frozenproduct/large/light/components/badge.js

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