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

@sage/design-tokens 14.8.0 → 14.9.1

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 (474) hide show

package/js/umd/marketing/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/js/umd/product/large/dark/components/badge.js CHANGED Viewed

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

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

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

@@ -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/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: {
@@ -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/product/large/light/components/badge.js CHANGED Viewed

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