@sage/design-tokens 14.7.0 → 14.9.0

package/js/common/product/small/global.js

@@ -2628,6 +2628,70 @@ module.exports = {
             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: {
@@ -3813,6 +3877,70 @@ module.exports = {
             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: "19px",
+              },
+              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: {

package/js/common/product/small/light/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/product/small/light/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: "19px",
+              },
+              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/product/small/light/components/table.d.ts

@@ -75,6 +75,7 @@ declare const tokens: {
     };
     borderwidth: {
       thin: DesignToken;
+      medium: DesignToken;
       thick: DesignToken;
     };
     space: {

package/js/common/product/small/light/components/table.js

@@ -560,28 +560,45 @@ module.exports = {
       thin: {
         $type: "borderWidth",
         $value: 1,
-        $description: "Table border",
+        $description: "Table border. Optional choice of cell border width.",
         filePath: "data/tokens/components/table.json",
         isSource: true,
         original: {
           $type: "borderWidth",
           $value: "{global.borderwidth.XS}",
-          $description: "Table border",
+          $description: "Table border. Optional choice of cell border width.",
         },
         name: "tableBorderwidthThin",
         attributes: {},
         path: ["table", "borderwidth", "thin"],
       },
-      thick: {
+      medium: {
         $type: "borderWidth",
         $value: 2,
-        $description: "header border for subtle",
+        $description:
+          "Header border for subtle. Optional choice of cell border width.",
         filePath: "data/tokens/components/table.json",
         isSource: true,
         original: {
           $type: "borderWidth",
           $value: "{global.borderwidth.S}",
-          $description: "header border for subtle",
+          $description:
+            "Header border for subtle. Optional choice of cell border width.",
+        },
+        name: "tableBorderwidthMedium",
+        attributes: {},
+        path: ["table", "borderwidth", "medium"],
+      },
+      thick: {
+        $type: "borderWidth",
+        $value: 3,
+        $description: "Optional choice of cell border width.",
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "borderWidth",
+          $value: "{global.borderwidth.M}",
+          $description: "Optional choice of cell border width.",
         },
         name: "tableBorderwidthThick",
         attributes: {},

package/js/es6/frozenproduct/large/dark/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/frozenproduct/large/dark/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: "21px",
+};
 export const pageTypographyAdaptivePRegularTypical = {
   fontFamily: "Sage UI",
   fontWeight: "400",

package/js/es6/frozenproduct/large/dark/components/table.d.ts

@@ -75,6 +75,7 @@ export const tableBoxshadowRowDragging: {
   type: string;
 }[];
 export const tableBorderwidthThin: number;
+export const tableBorderwidthMedium: number;
 export const tableBorderwidthThick: number;
 export const tableSpaceNone: number;
 export const tableSpaceYg: number;

package/js/es6/frozenproduct/large/dark/components/table.js

@@ -117,7 +117,8 @@ export const tableBoxshadowRowDragging = [
   },
 ];
 export const tableBorderwidthThin = 1;
-export const tableBorderwidthThick = 2;
+export const tableBorderwidthMedium = 2;
+export const tableBorderwidthThick = 3;
 export const tableSpaceNone = 0;
 export const tableSpaceYg = 4;
 export const tableSpaceRowXXs = 8;

package/js/es6/frozenproduct/large/global.d.ts

@@ -221,6 +221,18 @@ export const globalTypographyResponsiveSubheadingL: {
   lineHeight: number;
   fontSize: string;
 };
+export const globalTypographyResponsiveSectionHeadingS: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
+export const globalTypographyResponsiveSectionHeadingM: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
 export const globalTypographyResponsiveBodyRegularS: {
   fontFamily: string;
   fontWeight: string;
@@ -468,6 +480,18 @@ export const globalTypographyAdaptiveSubheadingL: {
   lineHeight: number;
   fontSize: string;
 };
+export const globalTypographyAdaptiveSectionHeadingS: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
+export const globalTypographyAdaptiveSectionHeadingM: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+};
 export const globalTypographyAdaptiveBodyRegularS: {
   fontFamily: string;
   fontWeight: string;

package/js/es6/frozenproduct/large/global.js

@@ -327,6 +327,18 @@ export const globalTypographyResponsiveSubheadingL = {
   lineHeight: 1.25,
   fontSize: "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
 };
+export const globalTypographyResponsiveSectionHeadingS = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
+};
+export const globalTypographyResponsiveSectionHeadingM = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)",
+};
 export const globalTypographyResponsiveBodyRegularS = {
   fontFamily: "Sage UI",
   fontWeight: "400",
@@ -574,6 +586,18 @@ export const globalTypographyAdaptiveSubheadingL = {
   lineHeight: 1.25,
   fontSize: "18px",
 };
+export const globalTypographyAdaptiveSectionHeadingS = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "16px",
+};
+export const globalTypographyAdaptiveSectionHeadingM = {
+  fontFamily: "Sage UI",
+  fontWeight: "700",
+  lineHeight: 1.25,
+  fontSize: "21px",
+};
 export const globalTypographyAdaptiveBodyRegularS = {
   fontFamily: "Sage UI",
   fontWeight: "400",

package/js/es6/frozenproduct/large/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/frozenproduct/large/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: "21px",
+};
 export const pageTypographyAdaptivePRegularTypical = {
   fontFamily: "Sage UI",
   fontWeight: "400",

package/js/es6/frozenproduct/large/light/components/table.d.ts

@@ -75,6 +75,7 @@ export const tableBoxshadowRowDragging: {
   type: string;
 }[];
 export const tableBorderwidthThin: number;
+export const tableBorderwidthMedium: number;
 export const tableBorderwidthThick: number;
 export const tableSpaceNone: number;
 export const tableSpaceYg: number;

package/js/es6/frozenproduct/large/light/components/table.js

@@ -117,7 +117,8 @@ export const tableBoxshadowRowDragging = [
   },
 ];
 export const tableBorderwidthThin = 1;
-export const tableBorderwidthThick = 2;
+export const tableBorderwidthMedium = 2;
+export const tableBorderwidthThick = 3;
 export const tableSpaceNone = 0;
 export const tableSpaceYg = 4;
 export const tableSpaceRowXXs = 8;

package/js/es6/frozenproduct/small/dark/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;