@cloudscape-design/components 3.0.831 → 3.0.833

package/internal/generated/theming/index.js

@@ -709,6 +709,66 @@ export var preset = {
         "light": "{colorChartsOrange1000}",
         "dark": "{colorChartsOrange1000}"
       },
+      "colorSeverityDarkRed": {
+        "light": "#870303",
+        "dark": "#d63f38"
+      },
+      "colorSeverityRed": {
+        "light": "#ce3311",
+        "dark": "#fe6e73"
+      },
+      "colorSeverityOrange": {
+        "light": "#f89256",
+        "dark": "#f89256"
+      },
+      "colorSeverityYellow": {
+        "light": "#f2cd54",
+        "dark": "#f2cd54"
+      },
+      "colorSeverityGrey": {
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey550}"
+      },
+      "colorBackgroundNotificationSeverityCritical": {
+        "light": "{colorSeverityDarkRed}",
+        "dark": "{colorSeverityDarkRed}"
+      },
+      "colorBackgroundNotificationSeverityHigh": {
+        "light": "{colorSeverityRed}",
+        "dark": "{colorSeverityRed}"
+      },
+      "colorBackgroundNotificationSeverityMedium": {
+        "light": "{colorSeverityOrange}",
+        "dark": "{colorSeverityOrange}"
+      },
+      "colorBackgroundNotificationSeverityLow": {
+        "light": "{colorSeverityYellow}",
+        "dark": "{colorSeverityYellow}"
+      },
+      "colorBackgroundNotificationSeverityNeutral": {
+        "light": "{colorSeverityGrey}",
+        "dark": "{colorSeverityGrey}"
+      },
+      "colorTextNotificationSeverityCritical": {
+        "light": "{colorGrey100}",
+        "dark": "{colorBlack}"
+      },
+      "colorTextNotificationSeverityHigh": {
+        "light": "{colorGrey100}",
+        "dark": "{colorGrey900}"
+      },
+      "colorTextNotificationSeverityMedium": {
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey900}"
+      },
+      "colorTextNotificationSeverityLow": {
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey900}"
+      },
+      "colorTextNotificationSeverityNeutral": {
+        "light": "{colorGrey100}",
+        "dark": "{colorGrey100}"
+      },
       "colorGreyOpaque10": {
         "light": "rgba(0, 0, 0, 0.1)",
         "dark": "rgba(0, 0, 0, 0.1)"
@@ -1757,46 +1817,6 @@ export var preset = {
         "light": "{colorBlue800}",
         "dark": "{colorBlue400}"
       },
-      "colorBackgroundSeverityCritical": {
-        "light": "{colorChartsStatusCritical}",
-        "dark": "{colorChartsStatusCritical}"
-      },
-      "colorTextSeverityCritical": {
-        "light": "{colorGrey100}",
-        "dark": "{colorBlack}"
-      },
-      "colorBackgroundSeverityHigh": {
-        "light": "{colorChartsStatusHigh}",
-        "dark": "{colorChartsStatusHigh}"
-      },
-      "colorTextSeverityHigh": {
-        "light": "{colorGrey100}",
-        "dark": "{colorGrey900}"
-      },
-      "colorBackgroundSeverityMedium": {
-        "light": "{colorChartsStatusMedium}",
-        "dark": "{colorChartsStatusMedium}"
-      },
-      "colorTextSeverityMedium": {
-        "light": "{colorGrey900}",
-        "dark": "{colorGrey900}"
-      },
-      "colorBackgroundSeverityLow": {
-        "light": "{colorChartsStatusLow}",
-        "dark": "{colorChartsStatusLow}"
-      },
-      "colorTextSeverityLow": {
-        "light": "{colorGrey900}",
-        "dark": "{colorGrey900}"
-      },
-      "colorBackgroundSeverityNeutral": {
-        "light": "{colorGrey600}",
-        "dark": "{colorGrey550}"
-      },
-      "colorTextSeverityNeutral": {
-        "light": "{colorGrey100}",
-        "dark": "{colorGrey100}"
-      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontButtonWeight": "700",
@@ -4007,46 +4027,6 @@ export var preset = {
           "colorDropzoneBorderHover": {
             "light": "{colorBlue400}",
             "dark": "{colorBlue400}"
-          },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorBlack}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
           }
         }
       },
@@ -5169,46 +5149,6 @@ export var preset = {
           "colorDropzoneBorderHover": {
             "light": "{colorBlue400}",
             "dark": "{colorBlue400}"
-          },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorBlack}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
           }
         }
       },
@@ -6263,46 +6203,6 @@ export var preset = {
           "colorDropzoneBorderHover": {
             "light": "{colorBlue800}",
             "dark": "{colorBlue400}"
-          },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorGrey100}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey600}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
           }
         }
       },
@@ -7357,46 +7257,6 @@ export var preset = {
           "colorDropzoneBorderHover": {
             "light": "{colorBlue800}",
             "dark": "{colorBlue400}"
-          },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorGrey100}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey600}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
           }
         }
       },
@@ -8452,46 +8312,6 @@ export var preset = {
             "light": "{colorBlue800}",
             "dark": "{colorBlue400}"
           },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorGrey100}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey600}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
-          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -9547,46 +9367,6 @@ export var preset = {
           "colorDropzoneBorderHover": {
             "light": "{colorBlue400}",
             "dark": "{colorBlue400}"
-          },
-          "colorBackgroundSeverityCritical": {
-            "light": "{colorChartsStatusCritical}",
-            "dark": "{colorChartsStatusCritical}"
-          },
-          "colorTextSeverityCritical": {
-            "light": "{colorBlack}",
-            "dark": "{colorBlack}"
-          },
-          "colorBackgroundSeverityHigh": {
-            "light": "{colorChartsStatusHigh}",
-            "dark": "{colorChartsStatusHigh}"
-          },
-          "colorTextSeverityHigh": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityMedium": {
-            "light": "{colorChartsStatusMedium}",
-            "dark": "{colorChartsStatusMedium}"
-          },
-          "colorTextSeverityMedium": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityLow": {
-            "light": "{colorChartsStatusLow}",
-            "dark": "{colorChartsStatusLow}"
-          },
-          "colorTextSeverityLow": {
-            "light": "{colorGrey900}",
-            "dark": "{colorGrey900}"
-          },
-          "colorBackgroundSeverityNeutral": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey550}"
-          },
-          "colorTextSeverityNeutral": {
-            "light": "{colorGrey100}",
-            "dark": "{colorGrey100}"
           }
         }
       }
@@ -9746,6 +9526,21 @@ export var preset = {
       "colorChartsPaletteCategorical48": "color",
       "colorChartsPaletteCategorical49": "color",
       "colorChartsPaletteCategorical50": "color",
+      "colorSeverityDarkRed": "color",
+      "colorSeverityRed": "color",
+      "colorSeverityOrange": "color",
+      "colorSeverityYellow": "color",
+      "colorSeverityGrey": "color",
+      "colorBackgroundNotificationSeverityCritical": "color",
+      "colorBackgroundNotificationSeverityHigh": "color",
+      "colorBackgroundNotificationSeverityMedium": "color",
+      "colorBackgroundNotificationSeverityLow": "color",
+      "colorBackgroundNotificationSeverityNeutral": "color",
+      "colorTextNotificationSeverityCritical": "color",
+      "colorTextNotificationSeverityHigh": "color",
+      "colorTextNotificationSeverityMedium": "color",
+      "colorTextNotificationSeverityLow": "color",
+      "colorTextNotificationSeverityNeutral": "color",
       "colorGreyOpaque10": "color",
       "colorGreyOpaque25": "color",
       "colorGreyOpaque40": "color",
@@ -10008,16 +9803,6 @@ export var preset = {
       "colorDropzoneTextHover": "color",
       "colorDropzoneBorderDefault": "color",
       "colorDropzoneBorderHover": "color",
-      "colorBackgroundSeverityCritical": "color",
-      "colorTextSeverityCritical": "color",
-      "colorBackgroundSeverityHigh": "color",
-      "colorTextSeverityHigh": "color",
-      "colorBackgroundSeverityMedium": "color",
-      "colorTextSeverityMedium": "color",
-      "colorBackgroundSeverityLow": "color",
-      "colorTextSeverityLow": "color",
-      "colorBackgroundSeverityNeutral": "color",
-      "colorTextSeverityNeutral": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -10249,6 +10034,16 @@ export var preset = {
     "colorChartsPaletteCategorical48",
     "colorChartsPaletteCategorical49",
     "colorChartsPaletteCategorical50",
+    "colorBackgroundNotificationSeverityCritical",
+    "colorBackgroundNotificationSeverityHigh",
+    "colorBackgroundNotificationSeverityMedium",
+    "colorBackgroundNotificationSeverityLow",
+    "colorBackgroundNotificationSeverityNeutral",
+    "colorTextNotificationSeverityCritical",
+    "colorTextNotificationSeverityHigh",
+    "colorTextNotificationSeverityMedium",
+    "colorTextNotificationSeverityLow",
+    "colorTextNotificationSeverityNeutral",
     "colorBackgroundButtonNormalActive",
     "colorBackgroundButtonNormalDefault",
     "colorBackgroundButtonNormalDisabled",
@@ -10575,6 +10370,16 @@ export var preset = {
     "colorChartsPaletteCategorical48",
     "colorChartsPaletteCategorical49",
     "colorChartsPaletteCategorical50",
+    "colorBackgroundNotificationSeverityCritical",
+    "colorBackgroundNotificationSeverityHigh",
+    "colorBackgroundNotificationSeverityMedium",
+    "colorBackgroundNotificationSeverityLow",
+    "colorBackgroundNotificationSeverityNeutral",
+    "colorTextNotificationSeverityCritical",
+    "colorTextNotificationSeverityHigh",
+    "colorTextNotificationSeverityMedium",
+    "colorTextNotificationSeverityLow",
+    "colorTextNotificationSeverityNeutral",
     "colorBackgroundButtonNormalActive",
     "colorBackgroundButtonNormalDefault",
     "colorBackgroundButtonNormalDisabled",
@@ -10996,6 +10801,21 @@ export var preset = {
     "colorChartsPaletteCategorical48": "color-charts-palette-categorical-48",
     "colorChartsPaletteCategorical49": "color-charts-palette-categorical-49",
     "colorChartsPaletteCategorical50": "color-charts-palette-categorical-50",
+    "colorSeverityDarkRed": "color-severity-dark-red",
+    "colorSeverityRed": "color-severity-red",
+    "colorSeverityOrange": "color-severity-orange",
+    "colorSeverityYellow": "color-severity-yellow",
+    "colorSeverityGrey": "color-severity-grey",
+    "colorBackgroundNotificationSeverityCritical": "color-background-notification-severity-critical",
+    "colorBackgroundNotificationSeverityHigh": "color-background-notification-severity-high",
+    "colorBackgroundNotificationSeverityMedium": "color-background-notification-severity-medium",
+    "colorBackgroundNotificationSeverityLow": "color-background-notification-severity-low",
+    "colorBackgroundNotificationSeverityNeutral": "color-background-notification-severity-neutral",
+    "colorTextNotificationSeverityCritical": "color-text-notification-severity-critical",
+    "colorTextNotificationSeverityHigh": "color-text-notification-severity-high",
+    "colorTextNotificationSeverityMedium": "color-text-notification-severity-medium",
+    "colorTextNotificationSeverityLow": "color-text-notification-severity-low",
+    "colorTextNotificationSeverityNeutral": "color-text-notification-severity-neutral",
     "colorGreyOpaque10": "color-grey-opaque-10",
     "colorGreyOpaque25": "color-grey-opaque-25",
     "colorGreyOpaque40": "color-grey-opaque-40",
@@ -11258,16 +11078,6 @@ export var preset = {
     "colorDropzoneTextHover": "color-dropzone-text-hover",
     "colorDropzoneBorderDefault": "color-dropzone-border-default",
     "colorDropzoneBorderHover": "color-dropzone-border-hover",
-    "colorBackgroundSeverityCritical": "color-background-severity-critical",
-    "colorTextSeverityCritical": "color-text-severity-critical",
-    "colorBackgroundSeverityHigh": "color-background-severity-high",
-    "colorTextSeverityHigh": "color-text-severity-high",
-    "colorBackgroundSeverityMedium": "color-background-severity-medium",
-    "colorTextSeverityMedium": "color-text-severity-medium",
-    "colorBackgroundSeverityLow": "color-background-severity-low",
-    "colorTextSeverityLow": "color-text-severity-low",
-    "colorBackgroundSeverityNeutral": "color-background-severity-neutral",
-    "colorTextSeverityNeutral": "color-text-severity-neutral",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontButtonWeight": "font-button-weight",
@@ -11731,6 +11541,21 @@ export var preset = {
     "colorChartsPaletteCategorical48": "--color-charts-palette-categorical-48-tptw1p",
     "colorChartsPaletteCategorical49": "--color-charts-palette-categorical-49-6lrkes",
     "colorChartsPaletteCategorical50": "--color-charts-palette-categorical-50-mqbaxr",
+    "colorSeverityDarkRed": "--color-severity-dark-red-26aton",
+    "colorSeverityRed": "--color-severity-red-mjb3fl",
+    "colorSeverityOrange": "--color-severity-orange-3ez4cr",
+    "colorSeverityYellow": "--color-severity-yellow-mn9wrz",
+    "colorSeverityGrey": "--color-severity-grey-s6nlyg",
+    "colorBackgroundNotificationSeverityCritical": "--color-background-notification-severity-critical-m6z340",
+    "colorBackgroundNotificationSeverityHigh": "--color-background-notification-severity-high-zn7yde",
+    "colorBackgroundNotificationSeverityMedium": "--color-background-notification-severity-medium-empymi",
+    "colorBackgroundNotificationSeverityLow": "--color-background-notification-severity-low-jkxbp4",
+    "colorBackgroundNotificationSeverityNeutral": "--color-background-notification-severity-neutral-wtuxqz",
+    "colorTextNotificationSeverityCritical": "--color-text-notification-severity-critical-cmj0dk",
+    "colorTextNotificationSeverityHigh": "--color-text-notification-severity-high-rgh0m2",
+    "colorTextNotificationSeverityMedium": "--color-text-notification-severity-medium-9rk0hm",
+    "colorTextNotificationSeverityLow": "--color-text-notification-severity-low-so8wqb",
+    "colorTextNotificationSeverityNeutral": "--color-text-notification-severity-neutral-h04hdx",
     "colorGreyOpaque10": "--color-grey-opaque-10-xipm4s",
     "colorGreyOpaque25": "--color-grey-opaque-25-igqnxy",
     "colorGreyOpaque40": "--color-grey-opaque-40-wxjof3",
@@ -11993,16 +11818,6 @@ export var preset = {
     "colorDropzoneTextHover": "--color-dropzone-text-hover-wteupn",
     "colorDropzoneBorderDefault": "--color-dropzone-border-default-phwpnt",
     "colorDropzoneBorderHover": "--color-dropzone-border-hover-tpluhc",
-    "colorBackgroundSeverityCritical": "--color-background-severity-critical-idosdq",
-    "colorTextSeverityCritical": "--color-text-severity-critical-gtjw4w",
-    "colorBackgroundSeverityHigh": "--color-background-severity-high-434xpy",
-    "colorTextSeverityHigh": "--color-text-severity-high-wt51jx",
-    "colorBackgroundSeverityMedium": "--color-background-severity-medium-n5069n",
-    "colorTextSeverityMedium": "--color-text-severity-medium-tezhp2",
-    "colorBackgroundSeverityLow": "--color-background-severity-low-5ab62f",
-    "colorTextSeverityLow": "--color-text-severity-low-f87ni8",
-    "colorBackgroundSeverityNeutral": "--color-background-severity-neutral-e76h14",
-    "colorTextSeverityNeutral": "--color-text-severity-neutral-x89dxu",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-onoq9k",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-65ug0o",
     "fontButtonWeight": "--font-button-weight-hv56tz",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "d8a1a65c49844da6061b1b33af4bde49a1aa4a27"
+  "commit": "0c31f9fb7f4b35eafb1043915901ba559c9a6630"
 }

package/internal/plugins/controllers/drawers.d.ts

@@ -3,6 +3,10 @@ export type DrawerVisibilityChange = (callback: (isVisible: boolean) => void) =>
 export interface MountContentContext {
     onVisibilityChange: DrawerVisibilityChange;
 }
+export interface DrawerStateChangeParams {
+    isOpen: boolean;
+    initiatedByUserAction?: boolean;
+}
 export interface DrawerConfig {
     id: string;
     type?: 'local' | 'global';
@@ -27,18 +31,22 @@ export interface DrawerConfig {
     mountContent: (container: HTMLElement, mountContext: MountContentContext) => void;
     unmountContent: (container: HTMLElement) => void;
     preserveInactiveContent?: boolean;
+    onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
 }
 declare const updatableProperties: readonly ["badge", "resizable", "defaultSize", "orderPriority", "defaultActive", "onResize"];
 export type UpdateDrawerConfig = {
     id: DrawerConfig['id'];
 } & Partial<Pick<DrawerConfig, (typeof updatableProperties)[number]>>;
 export type DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;
-export type DrawersToggledListener = (drawerId: string) => void;
+export type DrawersToggledListener = (drawerId: string, params?: OpenCloseDrawerParams) => void;
+export interface OpenCloseDrawerParams {
+    initiatedByUserAction: boolean;
+}
 export interface DrawersApiPublic {
     registerDrawer(config: DrawerConfig): void;
     updateDrawer(config: UpdateDrawerConfig): void;
-    openDrawer(drawerId: string): void;
-    closeDrawer(drawerId: string): void;
+    openDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;
+    closeDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;
 }
 export interface DrawersApiInternal {
     clearRegisteredDrawers(): void;
@@ -58,8 +66,8 @@ export declare class DrawersController {
     clearRegisteredDrawers: () => void;
     onDrawerOpened: (listener: DrawersToggledListener) => () => void;
     onDrawerClosed: (listener: DrawersToggledListener) => () => void;
-    openDrawer: (drawerId: string) => void;
-    closeDrawer: (drawerId: string) => void;
+    openDrawer: (drawerId: string, params?: OpenCloseDrawerParams) => void;
+    closeDrawer: (drawerId: string, params?: OpenCloseDrawerParams) => void;
     installPublic(api?: Partial<DrawersApiPublic>): DrawersApiPublic;
     installInternal(internalApi?: Partial<DrawersApiInternal>): DrawersApiInternal;
 }

package/internal/plugins/controllers/drawers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"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"}

package/internal/plugins/controllers/drawers.js

@@ -74,13 +74,13 @@ export class DrawersController {
                 this.drawerClosedListener = null;
             };
         };
-        this.openDrawer = (drawerId) => {
+        this.openDrawer = (drawerId, params) => {
             var _a;
-            (_a = this.drawerOpenedListener) === null || _a === void 0 ? void 0 : _a.call(this, drawerId);
+            (_a = this.drawerOpenedListener) === null || _a === void 0 ? void 0 : _a.call(this, drawerId, params);
         };
-        this.closeDrawer = (drawerId) => {
+        this.closeDrawer = (drawerId, params) => {
             var _a;
-            (_a = this.drawerClosedListener) === null || _a === void 0 ? void 0 : _a.call(this, drawerId);
+            (_a = this.drawerClosedListener) === null || _a === void 0 ? void 0 : _a.call(this, drawerId, params);
         };
     }
     installPublic(api = {}) {