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/frozenproduct/large/light/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/frozenproduct/large/light/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/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: {

package/js/umd/frozenproduct/large/light/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/frozenproduct/small/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/frozenproduct/small/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/frozenproduct/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: {