@sage/design-tokens 14.6.0 → 14.7.0

package/js/common/product/small/light/components/container.js

@@ -913,6 +913,101 @@ module.exports = {
           },
         },
       },
+      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",
@@ -930,6 +1025,87 @@ module.exports = {
           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: {
@@ -1035,87 +1211,6 @@ module.exports = {
           },
         },
       },
-      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/es6/frozenproduct/large/dark/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/frozenproduct/large/dark/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/frozenproduct/large/light/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/frozenproduct/large/light/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/frozenproduct/small/dark/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/frozenproduct/small/dark/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/frozenproduct/small/light/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/frozenproduct/small/light/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/marketing/large/dark/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/marketing/large/dark/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/marketing/large/light/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;

package/js/es6/marketing/large/light/components/container.js

@@ -68,16 +68,23 @@ export const containerSizeCarouselMediaslideMinheight = "300";
 export const containerSizeCopilotEmptystateIllustration = 200;
 export const containerSizeCopilotEmptystateContentMaxwidth = 600;
 export const containerSizeCopilotOverlayMaxheight = 960;
+export const containerSizeDialogMaxWidthXxs = "300";
+export const containerSizeDialogMaxWidthXs = "380";
+export const containerSizeDialogMaxWidthS = "540";
+export const containerSizeDialogMaxWidthM = "750";
+export const containerSizeDialogMaxWidthL = "850";
+export const containerSizeDialogMaxWidthXl = "960";
+export const containerSizeDialogMaxWidthXxl = "1080";
 export const containerSizeDragDroptarget = 2;
-export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
-export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
-export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
-export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeDrawerMinwidth = 288;
 export const containerSizeDrawerMaxwidth = 760;
 export const containerSizeDrawerClosedM = 40;
 export const containerSizeFooterM = 56;
 export const containerSizeFooterL = 72;
+export const containerSizeGenericEmptystateIllustrationPrimaryS = 200;
+export const containerSizeGenericEmptystateIllustrationPrimaryM = 240;
+export const containerSizeGenericEmptystateIllustrationPrimaryL = 320;
+export const containerSizeGenericEmptystateIllustrationSecondary = 60;
 export const containerSizeIconS = 20;
 export const containerSizeIconM = 20;
 export const containerSizeIconL = 20;

package/js/es6/marketing/small/dark/components/container.d.ts

@@ -63,16 +63,23 @@ export const containerSizeCarouselMediaslideMinheight: string;
 export const containerSizeCopilotEmptystateIllustration: number;
 export const containerSizeCopilotEmptystateContentMaxwidth: number;
 export const containerSizeCopilotOverlayMaxheight: number;
+export const containerSizeDialogMaxWidthXxs: string;
+export const containerSizeDialogMaxWidthXs: string;
+export const containerSizeDialogMaxWidthS: string;
+export const containerSizeDialogMaxWidthM: string;
+export const containerSizeDialogMaxWidthL: string;
+export const containerSizeDialogMaxWidthXl: string;
+export const containerSizeDialogMaxWidthXxl: string;
 export const containerSizeDragDroptarget: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
-export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
-export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeDrawerMinwidth: number;
 export const containerSizeDrawerMaxwidth: number;
 export const containerSizeDrawerClosedM: number;
 export const containerSizeFooterM: number;
 export const containerSizeFooterL: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryS: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryM: number;
+export const containerSizeGenericEmptystateIllustrationPrimaryL: number;
+export const containerSizeGenericEmptystateIllustrationSecondary: number;
 export const containerSizeIconS: number;
 export const containerSizeIconM: number;
 export const containerSizeIconL: number;