@sage/design-tokens 14.6.0 → 14.7.0

package/js/umd/marketing/small/light/components/container.js

@@ -948,6 +948,101 @@
             },
           },
         },
+        dialog: {
+          maxWidth: {
+            XXS: {
+              $type: "sizing",
+              $value: "300",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "300",
+              },
+              name: "containerSizeDialogMaxWidthXxs",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XXS"],
+            },
+            XS: {
+              $type: "sizing",
+              $value: "380",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "380",
+              },
+              name: "containerSizeDialogMaxWidthXs",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XS"],
+            },
+            S: {
+              $type: "sizing",
+              $value: "540",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "540",
+              },
+              name: "containerSizeDialogMaxWidthS",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "S"],
+            },
+            M: {
+              $type: "sizing",
+              $value: "750",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "750",
+              },
+              name: "containerSizeDialogMaxWidthM",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "M"],
+            },
+            L: {
+              $type: "sizing",
+              $value: "850",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "850",
+              },
+              name: "containerSizeDialogMaxWidthL",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "L"],
+            },
+            XL: {
+              $type: "sizing",
+              $value: "960",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "960",
+              },
+              name: "containerSizeDialogMaxWidthXl",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XL"],
+            },
+            XXL: {
+              $type: "sizing",
+              $value: "1080",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "1080",
+              },
+              name: "containerSizeDialogMaxWidthXxl",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XXL"],
+            },
+          },
+        },
         drag: {
           droptarget: {
             $type: "sizing",
@@ -965,6 +1060,87 @@
             path: ["container", "size", "drag", "droptarget"],
           },
         },
+        drawer: {
+          minwidth: {
+            $type: "sizing",
+            $value: 288,
+            $description: "min-width for drawer component",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{container.size.responsive.XL}",
+              $description: "min-width for drawer component",
+            },
+            name: "containerSizeDrawerMinwidth",
+            attributes: {},
+            path: ["container", "size", "drawer", "minwidth"],
+          },
+          maxwidth: {
+            $type: "sizing",
+            $value: 760,
+            $description: "max-width for drawer component",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{container.size.responsive.XXXXL}",
+              $description: "max-width for drawer component",
+            },
+            name: "containerSizeDrawerMaxwidth",
+            attributes: {},
+            path: ["container", "size", "drawer", "maxwidth"],
+          },
+          closed: {
+            M: {
+              $type: "sizing",
+              $value: 40,
+              $description: "width for the closed drawer state",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "{global.size.macro.M}",
+                $description: "width for the closed drawer state",
+              },
+              name: "containerSizeDrawerClosedM",
+              attributes: {},
+              path: ["container", "size", "drawer", "closed", "M"],
+            },
+          },
+        },
+        footer: {
+          M: {
+            $type: "sizing",
+            $value: 56,
+            $description: "card and tile footers",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XL}",
+              $description: "card and tile footers",
+            },
+            name: "containerSizeFooterM",
+            attributes: {},
+            path: ["container", "size", "footer", "M"],
+          },
+          L: {
+            $type: "sizing",
+            $value: 72,
+            $description: "Dialog, sidebar and drawer footer max-height",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XS} * 3",
+              $description: "Dialog, sidebar and drawer footer max-height",
+            },
+            name: "containerSizeFooterL",
+            attributes: {},
+            path: ["container", "size", "footer", "L"],
+          },
+        },
         generic: {
           emptystate: {
             illustration: {
@@ -1070,87 +1246,6 @@
             },
           },
         },
-        drawer: {
-          minwidth: {
-            $type: "sizing",
-            $value: 288,
-            $description: "min-width for drawer component",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XL}",
-              $description: "min-width for drawer component",
-            },
-            name: "containerSizeDrawerMinwidth",
-            attributes: {},
-            path: ["container", "size", "drawer", "minwidth"],
-          },
-          maxwidth: {
-            $type: "sizing",
-            $value: 760,
-            $description: "max-width for drawer component",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XXXXL}",
-              $description: "max-width for drawer component",
-            },
-            name: "containerSizeDrawerMaxwidth",
-            attributes: {},
-            path: ["container", "size", "drawer", "maxwidth"],
-          },
-          closed: {
-            M: {
-              $type: "sizing",
-              $value: 40,
-              $description: "width for the closed drawer state",
-              filePath: "data/tokens/components/container.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "width for the closed drawer state",
-              },
-              name: "containerSizeDrawerClosedM",
-              attributes: {},
-              path: ["container", "size", "drawer", "closed", "M"],
-            },
-          },
-        },
-        footer: {
-          M: {
-            $type: "sizing",
-            $value: 56,
-            $description: "card and tile footers",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XL}",
-              $description: "card and tile footers",
-            },
-            name: "containerSizeFooterM",
-            attributes: {},
-            path: ["container", "size", "footer", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 72,
-            $description: "Dialog, sidebar and drawer footer max-height",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS} * 3",
-              $description: "Dialog, sidebar and drawer footer max-height",
-            },
-            name: "containerSizeFooterL",
-            attributes: {},
-            path: ["container", "size", "footer", "L"],
-          },
-        },
         icon: {
           S: {
             $type: "sizing",

package/js/umd/product/large/dark/components/container.js

@@ -948,6 +948,101 @@
             },
           },
         },
+        dialog: {
+          maxWidth: {
+            XXS: {
+              $type: "sizing",
+              $value: "300",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "300",
+              },
+              name: "containerSizeDialogMaxWidthXxs",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XXS"],
+            },
+            XS: {
+              $type: "sizing",
+              $value: "380",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "380",
+              },
+              name: "containerSizeDialogMaxWidthXs",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XS"],
+            },
+            S: {
+              $type: "sizing",
+              $value: "540",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "540",
+              },
+              name: "containerSizeDialogMaxWidthS",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "S"],
+            },
+            M: {
+              $type: "sizing",
+              $value: "750",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "750",
+              },
+              name: "containerSizeDialogMaxWidthM",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "M"],
+            },
+            L: {
+              $type: "sizing",
+              $value: "850",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "850",
+              },
+              name: "containerSizeDialogMaxWidthL",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "L"],
+            },
+            XL: {
+              $type: "sizing",
+              $value: "960",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "960",
+              },
+              name: "containerSizeDialogMaxWidthXl",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XL"],
+            },
+            XXL: {
+              $type: "sizing",
+              $value: "1080",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "1080",
+              },
+              name: "containerSizeDialogMaxWidthXxl",
+              attributes: {},
+              path: ["container", "size", "dialog", "maxWidth", "XXL"],
+            },
+          },
+        },
         drag: {
           droptarget: {
             $type: "sizing",
@@ -965,6 +1060,87 @@
             path: ["container", "size", "drag", "droptarget"],
           },
         },
+        drawer: {
+          minwidth: {
+            $type: "sizing",
+            $value: 288,
+            $description: "min-width for drawer component",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{container.size.responsive.XL}",
+              $description: "min-width for drawer component",
+            },
+            name: "containerSizeDrawerMinwidth",
+            attributes: {},
+            path: ["container", "size", "drawer", "minwidth"],
+          },
+          maxwidth: {
+            $type: "sizing",
+            $value: 760,
+            $description: "max-width for drawer component",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{container.size.responsive.XXXXL}",
+              $description: "max-width for drawer component",
+            },
+            name: "containerSizeDrawerMaxwidth",
+            attributes: {},
+            path: ["container", "size", "drawer", "maxwidth"],
+          },
+          closed: {
+            M: {
+              $type: "sizing",
+              $value: 40,
+              $description: "width for the closed drawer state",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "{global.size.macro.M}",
+                $description: "width for the closed drawer state",
+              },
+              name: "containerSizeDrawerClosedM",
+              attributes: {},
+              path: ["container", "size", "drawer", "closed", "M"],
+            },
+          },
+        },
+        footer: {
+          M: {
+            $type: "sizing",
+            $value: 56,
+            $description: "card and tile footers",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XL}",
+              $description: "card and tile footers",
+            },
+            name: "containerSizeFooterM",
+            attributes: {},
+            path: ["container", "size", "footer", "M"],
+          },
+          L: {
+            $type: "sizing",
+            $value: 72,
+            $description: "Dialog, sidebar and drawer footer max-height",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XS} * 3",
+              $description: "Dialog, sidebar and drawer footer max-height",
+            },
+            name: "containerSizeFooterL",
+            attributes: {},
+            path: ["container", "size", "footer", "L"],
+          },
+        },
         generic: {
           emptystate: {
             illustration: {
@@ -1070,87 +1246,6 @@
             },
           },
         },
-        drawer: {
-          minwidth: {
-            $type: "sizing",
-            $value: 288,
-            $description: "min-width for drawer component",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XL}",
-              $description: "min-width for drawer component",
-            },
-            name: "containerSizeDrawerMinwidth",
-            attributes: {},
-            path: ["container", "size", "drawer", "minwidth"],
-          },
-          maxwidth: {
-            $type: "sizing",
-            $value: 760,
-            $description: "max-width for drawer component",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XXXXL}",
-              $description: "max-width for drawer component",
-            },
-            name: "containerSizeDrawerMaxwidth",
-            attributes: {},
-            path: ["container", "size", "drawer", "maxwidth"],
-          },
-          closed: {
-            M: {
-              $type: "sizing",
-              $value: 40,
-              $description: "width for the closed drawer state",
-              filePath: "data/tokens/components/container.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "width for the closed drawer state",
-              },
-              name: "containerSizeDrawerClosedM",
-              attributes: {},
-              path: ["container", "size", "drawer", "closed", "M"],
-            },
-          },
-        },
-        footer: {
-          M: {
-            $type: "sizing",
-            $value: 56,
-            $description: "card and tile footers",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XL}",
-              $description: "card and tile footers",
-            },
-            name: "containerSizeFooterM",
-            attributes: {},
-            path: ["container", "size", "footer", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 72,
-            $description: "Dialog, sidebar and drawer footer max-height",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS} * 3",
-              $description: "Dialog, sidebar and drawer footer max-height",
-            },
-            name: "containerSizeFooterL",
-            attributes: {},
-            path: ["container", "size", "footer", "L"],
-          },
-        },
         icon: {
           S: {
             $type: "sizing",