npm - @sage/design-tokens - Versions diffs - 14.8.0 → 14.9.0 - Mend

@sage/design-tokens 14.8.0 → 14.9.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 (214) hide show

package/js/es6/product/large/light/components/page.d.ts CHANGED Viewed

@@ -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/large/light/components/page.js CHANGED Viewed

@@ -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/product/small/dark/components/page.d.ts CHANGED Viewed

@@ -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/dark/components/page.js CHANGED Viewed

@@ -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/es6/product/small/global.d.ts CHANGED Viewed

@@ -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/product/small/global.js CHANGED Viewed

@@ -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: "17px",
 };
+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: "19px",
+};
 export const globalTypographyAdaptiveBodyRegularS = {
   fontFamily: "Sage UI",
   fontWeight: "400",

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

@@ -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 CHANGED Viewed

@@ -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/page.js CHANGED Viewed

@@ -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/global.js CHANGED Viewed

@@ -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: {

package/js/umd/frozenproduct/large/light/components/page.js CHANGED Viewed

@@ -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: {