@sage/design-tokens 14.5.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/common/product/small/light/components/form.d.ts

@@ -137,6 +137,13 @@ declare const tokens: {
             L: DesignToken;
           };
         };
+        trigger: {
+          subtle: {
+            S: DesignToken;
+            M: DesignToken;
+            L: DesignToken;
+          };
+        };
       };
       fileinput: {
         status: {

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

@@ -196,13 +196,13 @@ module.exports = {
         pr: {
           S: {
             $type: "spacing",
-            $value: 2,
+            $value: "0",
             $description: "right padding on small date picker input",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "spacing",
-              $value: "{global.space.micro.XS}",
+              $value: "0",
               $description: "right padding on small date picker input",
             },
             name: "formSpaceDatepickerPrS",
@@ -211,13 +211,13 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 6,
+            $value: "0",
             $description: "right padding on medium date picker input",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "spacing",
-              $value: "{global.space.micro.M}",
+              $value: "0",
               $description: "right padding on medium date picker input",
             },
             name: "formSpaceDatepickerPrM",
@@ -226,13 +226,13 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 10,
+            $value: "0",
             $description: "right padding on large date picker input",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "spacing",
-              $value: "{global.space.micro.XL}",
+              $value: "0",
               $description: "right padding on large date picker input",
             },
             name: "formSpaceDatepickerPrL",
@@ -966,6 +966,61 @@ module.exports = {
             },
           },
         },
+        trigger: {
+          subtle: {
+            S: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Left and right padding on subtle dropdown triggers.",
+              filePath: "data/tokens/components/form.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on subtle dropdown triggers.",
+              },
+              name: "formSpaceDropdownTriggerSubtleS",
+              attributes: {},
+              path: ["form", "space", "dropdown", "trigger", "subtle", "S"],
+            },
+            M: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Left and right padding on subtle dropdown triggers.",
+              filePath: "data/tokens/components/form.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on subtle dropdown triggers.",
+              },
+              name: "formSpaceDropdownTriggerSubtleM",
+              attributes: {},
+              path: ["form", "space", "dropdown", "trigger", "subtle", "M"],
+            },
+            L: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Left and right padding on subtle dropdown triggers.",
+              filePath: "data/tokens/components/form.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on subtle dropdown triggers.",
+              },
+              name: "formSpaceDropdownTriggerSubtleL",
+              attributes: {},
+              path: ["form", "space", "dropdown", "trigger", "subtle", "L"],
+            },
+          },
+        },
       },
       fileinput: {
         status: {

package/js/es6/frozenproduct/large/dark/components/button.d.ts

@@ -15,6 +15,7 @@ export const buttonSizeToggleXs: number;
 export const buttonSizeToggleS: number;
 export const buttonSizeToggleM: number;
 export const buttonSizeToggleL: number;
+export const buttonSizeIconS: number;
 export const buttonSizeIconM: number;
 export const buttonSizeVideoS: number;
 export const buttonSizeVideoM: number;
@@ -55,6 +56,9 @@ export const buttonSpacePrimaryYL: number;
 export const buttonSpacePrimaryIcononlyXS: number;
 export const buttonSpacePrimaryIcononlyXM: number;
 export const buttonSpacePrimaryIcononlyXL: number;
+export const buttonSpacePrimaryIcononlyYS: number;
+export const buttonSpacePrimaryIcononlyYM: number;
+export const buttonSpacePrimaryIcononlyYL: number;
 export const buttonSpaceSecondaryXXs: number;
 export const buttonSpaceSecondaryXS: number;
 export const buttonSpaceSecondaryXM: number;
@@ -63,13 +67,18 @@ export const buttonSpaceSecondaryYXs: number;
 export const buttonSpaceSecondaryYS: number;
 export const buttonSpaceSecondaryYM: number;
 export const buttonSpaceSecondaryYL: number;
+export const buttonSpaceSecondaryXgXs: number;
 export const buttonSpaceSecondaryXgS: number;
 export const buttonSpaceSecondaryXgM: number;
 export const buttonSpaceSecondaryXgL: number;
-export const buttonSpaceSecondaryXgXs: number;
+export const buttonSpaceSecondaryIcononlyXXs: number;
 export const buttonSpaceSecondaryIcononlyXS: number;
 export const buttonSpaceSecondaryIcononlyXM: number;
 export const buttonSpaceSecondaryIcononlyXL: number;
+export const buttonSpaceSecondaryIcononlyYXs: number;
+export const buttonSpaceSecondaryIcononlyYS: number;
+export const buttonSpaceSecondaryIcononlyYM: number;
+export const buttonSpaceSecondaryIcononlyYL: number;
 export const buttonSpaceTertiaryYXs: number;
 export const buttonSpaceTertiaryYS: number;
 export const buttonSpaceTertiaryYM: number;
@@ -82,9 +91,14 @@ export const buttonSpaceTertiaryXgXs: number;
 export const buttonSpaceTertiaryXgS: number;
 export const buttonSpaceTertiaryXgM: number;
 export const buttonSpaceTertiaryXgL: number;
+export const buttonSpaceTertiaryIcononlyXXs: number;
 export const buttonSpaceTertiaryIcononlyXS: number;
 export const buttonSpaceTertiaryIcononlyXM: number;
 export const buttonSpaceTertiaryIcononlyXL: number;
+export const buttonSpaceTertiaryIcononlyYXs: number;
+export const buttonSpaceTertiaryIcononlyYS: number;
+export const buttonSpaceTertiaryIcononlyYM: number;
+export const buttonSpaceTertiaryIcononlyYL: number;
 export const buttonSpaceSubtleYXs: number;
 export const buttonSpaceSubtleYS: number;
 export const buttonSpaceSubtleYM: number;
@@ -97,9 +111,14 @@ export const buttonSpaceSubtleXgXs: number;
 export const buttonSpaceSubtleXgS: number;
 export const buttonSpaceSubtleXgM: number;
 export const buttonSpaceSubtleXgL: number;
+export const buttonSpaceSubtleIcononlyXXs: number;
 export const buttonSpaceSubtleIcononlyXS: number;
 export const buttonSpaceSubtleIcononlyXM: number;
 export const buttonSpaceSubtleIcononlyXL: number;
+export const buttonSpaceSubtleIcononlyYXs: number;
+export const buttonSpaceSubtleIcononlyYS: number;
+export const buttonSpaceSubtleIcononlyYM: number;
+export const buttonSpaceSubtleIcononlyYL: number;
 export const buttonSpaceToggleButtonXXs: number;
 export const buttonSpaceToggleButtonXS: number;
 export const buttonSpaceToggleButtonXM: number;

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

@@ -15,6 +15,7 @@ export const buttonSizeToggleXs = 24;
 export const buttonSizeToggleS = 32;
 export const buttonSizeToggleM = 40;
 export const buttonSizeToggleL = 48;
+export const buttonSizeIconS = 16;
 export const buttonSizeIconM = 20;
 export const buttonSizeVideoS = 40;
 export const buttonSizeVideoM = 64;
@@ -52,9 +53,12 @@ export const buttonSpacePrimaryXgL = 8;
 export const buttonSpacePrimaryYS = 4;
 export const buttonSpacePrimaryYM = 8;
 export const buttonSpacePrimaryYL = 9.5;
-export const buttonSpacePrimaryIcononlyXS = 4;
-export const buttonSpacePrimaryIcononlyXM = 4;
-export const buttonSpacePrimaryIcononlyXL = 4;
+export const buttonSpacePrimaryIcononlyXS = 6;
+export const buttonSpacePrimaryIcononlyXM = 10;
+export const buttonSpacePrimaryIcononlyXL = 14;
+export const buttonSpacePrimaryIcononlyYS = 6;
+export const buttonSpacePrimaryIcononlyYM = 10;
+export const buttonSpacePrimaryIcononlyYL = 14;
 export const buttonSpaceSecondaryXXs = 8;
 export const buttonSpaceSecondaryXS = 12;
 export const buttonSpaceSecondaryXM = 16;
@@ -63,13 +67,18 @@ export const buttonSpaceSecondaryYXs = 1.5;
 export const buttonSpaceSecondaryYS = 4;
 export const buttonSpaceSecondaryYM = 8;
 export const buttonSpaceSecondaryYL = 9.5;
+export const buttonSpaceSecondaryXgXs = 4;
 export const buttonSpaceSecondaryXgS = 8;
 export const buttonSpaceSecondaryXgM = 8;
 export const buttonSpaceSecondaryXgL = 8;
-export const buttonSpaceSecondaryXgXs = 4;
-export const buttonSpaceSecondaryIcononlyXS = 4;
-export const buttonSpaceSecondaryIcononlyXM = 4;
-export const buttonSpaceSecondaryIcononlyXL = 4;
+export const buttonSpaceSecondaryIcononlyXXs = 4;
+export const buttonSpaceSecondaryIcononlyXS = 6;
+export const buttonSpaceSecondaryIcononlyXM = 10;
+export const buttonSpaceSecondaryIcononlyXL = 14;
+export const buttonSpaceSecondaryIcononlyYXs = 4;
+export const buttonSpaceSecondaryIcononlyYS = 6;
+export const buttonSpaceSecondaryIcononlyYM = 10;
+export const buttonSpaceSecondaryIcononlyYL = 14;
 export const buttonSpaceTertiaryYXs = 1.5;
 export const buttonSpaceTertiaryYS = 4;
 export const buttonSpaceTertiaryYM = 8;
@@ -82,9 +91,14 @@ export const buttonSpaceTertiaryXgXs = 4;
 export const buttonSpaceTertiaryXgS = 8;
 export const buttonSpaceTertiaryXgM = 8;
 export const buttonSpaceTertiaryXgL = 8;
-export const buttonSpaceTertiaryIcononlyXS = 4;
-export const buttonSpaceTertiaryIcononlyXM = 4;
-export const buttonSpaceTertiaryIcononlyXL = 4;
+export const buttonSpaceTertiaryIcononlyXXs = 4;
+export const buttonSpaceTertiaryIcononlyXS = 6;
+export const buttonSpaceTertiaryIcononlyXM = 10;
+export const buttonSpaceTertiaryIcononlyXL = 14;
+export const buttonSpaceTertiaryIcononlyYXs = 4;
+export const buttonSpaceTertiaryIcononlyYS = 6;
+export const buttonSpaceTertiaryIcononlyYM = 10;
+export const buttonSpaceTertiaryIcononlyYL = 14;
 export const buttonSpaceSubtleYXs = 1.5;
 export const buttonSpaceSubtleYS = 4;
 export const buttonSpaceSubtleYM = 8;
@@ -97,9 +111,14 @@ export const buttonSpaceSubtleXgXs = 4;
 export const buttonSpaceSubtleXgS = 4;
 export const buttonSpaceSubtleXgM = 4;
 export const buttonSpaceSubtleXgL = 4;
-export const buttonSpaceSubtleIcononlyXS = 4;
-export const buttonSpaceSubtleIcononlyXM = 4;
-export const buttonSpaceSubtleIcononlyXL = 4;
+export const buttonSpaceSubtleIcononlyXXs = 4;
+export const buttonSpaceSubtleIcononlyXS = 6;
+export const buttonSpaceSubtleIcononlyXM = 10;
+export const buttonSpaceSubtleIcononlyXL = 14;
+export const buttonSpaceSubtleIcononlyYXs = 4;
+export const buttonSpaceSubtleIcononlyYS = 6;
+export const buttonSpaceSubtleIcononlyYM = 10;
+export const buttonSpaceSubtleIcononlyYL = 14;
 export const buttonSpaceToggleButtonXXs = 8;
 export const buttonSpaceToggleButtonXS = 12;
 export const buttonSpaceToggleButtonXM = 16;

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/dark/components/form.d.ts

@@ -17,9 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
-export const formSpaceDatepickerPrS: number;
-export const formSpaceDatepickerPrM: number;
-export const formSpaceDatepickerPrL: number;
+export const formSpaceDatepickerPrS: string;
+export const formSpaceDatepickerPrM: string;
+export const formSpaceDatepickerPrL: string;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;
@@ -59,6 +59,9 @@ export const formSpaceDropdownOptionSubtextYL: number;
 export const formSpaceDropdownPillXgS: number;
 export const formSpaceDropdownPillXgM: number;
 export const formSpaceDropdownPillXgL: number;
+export const formSpaceDropdownTriggerSubtleS: number;
+export const formSpaceDropdownTriggerSubtleM: number;
+export const formSpaceDropdownTriggerSubtleL: number;
 export const formSpaceFileinputStatusXlM: number;
 export const formSpaceFileinputStatusYM: number;
 export const formSpaceFileinputThumbnailM: number;

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

@@ -17,9 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
-export const formSpaceDatepickerPrS = 2;
-export const formSpaceDatepickerPrM = 6;
-export const formSpaceDatepickerPrL = 10;
+export const formSpaceDatepickerPrS = "0";
+export const formSpaceDatepickerPrM = "0";
+export const formSpaceDatepickerPrL = "0";
 export const formSpaceDropdownButtonXS = 20;
 export const formSpaceDropdownButtonXM = 20;
 export const formSpaceDropdownButtonXL = 20;
@@ -59,6 +59,9 @@ export const formSpaceDropdownOptionSubtextYL = 4;
 export const formSpaceDropdownPillXgS = 4;
 export const formSpaceDropdownPillXgM = 4;
 export const formSpaceDropdownPillXgL = 4;
+export const formSpaceDropdownTriggerSubtleS = 4;
+export const formSpaceDropdownTriggerSubtleM = 4;
+export const formSpaceDropdownTriggerSubtleL = 4;
 export const formSpaceFileinputStatusXlM = 28;
 export const formSpaceFileinputStatusYM = 4;
 export const formSpaceFileinputThumbnailM = 4;

package/js/es6/frozenproduct/large/global.d.ts

@@ -685,8 +685,8 @@ export const globalTypographyAdaptiveComponentNotificationM: {
   fontSize: string;
   paragraphSpacing: string;
 };
-export const globalFontSizeAdaptiveStep2: string;
-export const globalFontSizeAdaptiveStep1: string;
+export const globalFontSizeAdaptiveStepMinus2: string;
+export const globalFontSizeAdaptiveStepMinus1: string;
 export const globalFontSizeAdaptiveStep0: string;
 export const globalFontSizeAdaptiveStep1: string;
 export const globalFontSizeAdaptiveStep2: string;

package/js/es6/frozenproduct/large/global.js

@@ -791,8 +791,8 @@ export const globalTypographyAdaptiveComponentNotificationM = {
   fontSize: "12px",
   paragraphSpacing: "0",
 };
-export const globalFontSizeAdaptiveStep2 = "11px";
-export const globalFontSizeAdaptiveStep1 = "12px";
+export const globalFontSizeAdaptiveStepMinus2 = "11px";
+export const globalFontSizeAdaptiveStepMinus1 = "12px";
 export const globalFontSizeAdaptiveStep0 = "14px";
 export const globalFontSizeAdaptiveStep1 = "16px";
 export const globalFontSizeAdaptiveStep2 = "18px";