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/common/frozenproduct/small/global.js CHANGED Viewed

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

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

package/js/common/frozenproduct/small/light/components/page.js CHANGED Viewed

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

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

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

package/js/common/marketing/large/global.d.ts CHANGED Viewed

@@ -161,6 +161,12 @@ declare const tokens: {
           M: DesignToken;
           L: DesignToken;
         };
+        section: {
+          heading: {
+            S: DesignToken;
+            M: DesignToken;
+          };
+        };
         body: {
           regular: {
             S: DesignToken;
@@ -227,6 +233,12 @@ declare const tokens: {
           M: DesignToken;
           L: DesignToken;
         };
+        section: {
+          heading: {
+            S: DesignToken;
+            M: DesignToken;
+          };
+        };
         body: {
           regular: {
             S: DesignToken;

package/js/common/marketing/large/global.js CHANGED Viewed

@@ -2626,6 +2626,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: {
@@ -3811,6 +3875,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: "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/common/marketing/large/light/components/page.d.ts CHANGED Viewed

@@ -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;