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/umd/product/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/product/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: {

package/js/umd/product/small/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: "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/umd/product/small/global.js CHANGED Viewed

@@ -2641,6 +2641,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: {
@@ -3840,6 +3904,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: "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/umd/product/small/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: "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/json/flat/frozenproduct/large/dark/components/page.json CHANGED Viewed

@@ -37,6 +37,8 @@
   "pageTypographyResponsiveH3": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"},
   "pageTypographyResponsiveH4": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"},
   "pageTypographyResponsiveH5": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"},
+  "pageTypographyResponsiveSectionHeadingS": {"fontFamily":"Sage UI","fontWeight":"700","lineHeight":1.25,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"},
+  "pageTypographyResponsiveSectionHeadingM": {"fontFamily":"Sage UI","fontWeight":"700","lineHeight":1.25,"fontSize":"clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"},
   "pageTypographyResponsivePRegularTypical": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":16},
   "pageTypographyResponsivePRegularLarge": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)","paragraphSpacing":24},
   "pageTypographyResponsivePMediumTypical": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":16},
@@ -46,6 +48,8 @@
   "pageTypographyAdaptiveH3": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"21px"},
   "pageTypographyAdaptiveH4": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"18px"},
   "pageTypographyAdaptiveH5": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.25,"fontSize":"16px"},
+  "pageTypographyAdaptiveSectionHeadingS": {"fontFamily":"Sage UI","fontWeight":"700","lineHeight":1.25,"fontSize":"16px"},
+  "pageTypographyAdaptiveSectionHeadingM": {"fontFamily":"Sage UI","fontWeight":"700","lineHeight":1.25,"fontSize":"21px"},
   "pageTypographyAdaptivePRegularTypical": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":16},
   "pageTypographyAdaptivePRegularLarge": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":24},
   "pageTypographyAdaptivePMediumTypical": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":16},