@cloudscape-design/components 3.0.1276 → 3.0.1277

package/drawer/styles.css.js

@@ -1,21 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_zqi16_189",
-  "position-absolute": "awsui_position-absolute_1sxt8_zqi16_222",
-  "position-sticky": "awsui_position-sticky_1sxt8_zqi16_222",
-  "position-fixed": "awsui_position-fixed_1sxt8_zqi16_222",
-  "with-footer": "awsui_with-footer_1sxt8_zqi16_225",
-  "position-static": "awsui_position-static_1sxt8_zqi16_229",
-  "content": "awsui_content_1sxt8_zqi16_232",
-  "header": "awsui_header_1sxt8_zqi16_236",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_zqi16_253",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_zqi16_261",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_zqi16_264",
-  "header-actions": "awsui_header-actions_1sxt8_zqi16_283",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_zqi16_289",
-  "footer": "awsui_footer_1sxt8_zqi16_296",
-  "is-sticky": "awsui_is-sticky_1sxt8_zqi16_302",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_zqi16_310"
+  "drawer": "awsui_drawer_1sxt8_1gt83_189",
+  "with-footer": "awsui_with-footer_1sxt8_1gt83_221",
+  "content": "awsui_content_1sxt8_1gt83_226",
+  "header": "awsui_header_1sxt8_1gt83_230",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1gt83_247",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1gt83_255",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1gt83_258",
+  "header-actions": "awsui_header-actions_1sxt8_1gt83_277",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1gt83_283",
+  "footer": "awsui_footer_1sxt8_1gt83_290",
+  "is-sticky": "awsui_is-sticky_1sxt8_1gt83_296",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1gt83_304"
 };
   

package/drawer/styles.scoped.css

@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawer_1sxt8_zqi16_189:not(#\9) {
+.awsui_drawer_1sxt8_1gt83_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -217,23 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  background-color: var(--color-background-drawer-5hs0eh, #ffffff);
 }
-.awsui_drawer_1sxt8_zqi16_189.awsui_position-absolute_1sxt8_zqi16_222:not(#\9), .awsui_drawer_1sxt8_zqi16_189.awsui_position-sticky_1sxt8_zqi16_222:not(#\9), .awsui_drawer_1sxt8_zqi16_189.awsui_position-fixed_1sxt8_zqi16_222:not(#\9) {
-  box-shadow: var(--shadow-panel-vk7iea, 0px 0px 0px 1px #b6bec9);
-}
-.awsui_drawer_1sxt8_zqi16_189.awsui_with-footer_1sxt8_zqi16_225:not(#\9) {
+.awsui_drawer_1sxt8_1gt83_189.awsui_with-footer_1sxt8_1gt83_221:not(#\9) {
   display: flex;
   flex-direction: column;
-}
-.awsui_drawer_1sxt8_zqi16_189.awsui_with-footer_1sxt8_zqi16_225.awsui_position-static_1sxt8_zqi16_229:not(#\9) {
   min-block-size: 100%;
 }
-.awsui_drawer_1sxt8_zqi16_189.awsui_with-footer_1sxt8_zqi16_225 > .awsui_content_1sxt8_zqi16_232:not(#\9) {
+.awsui_drawer_1sxt8_1gt83_189.awsui_with-footer_1sxt8_1gt83_221 > .awsui_content_1sxt8_1gt83_226:not(#\9) {
   flex: 1;
 }
 
-.awsui_header_1sxt8_zqi16_236:not(#\9) {
+.awsui_header_1sxt8_1gt83_230:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -250,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_zqi16_236.awsui_with-additional-action_1sxt8_zqi16_253:not(#\9) {
+  .awsui_header_1sxt8_1gt83_230.awsui_with-additional-action_1sxt8_1gt83_247:not(#\9) {
     /*
       this padding is needed when the drawer renders inside a runtime drawer and the runtime drawer has an additional action
       on the right (or left in rtl). in this case this padding ensures that the drawer's content does not overlap with runtime actions
@@ -258,18 +252,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     padding-inline: var(--space-panel-side-left-u1m3s9, 28px) calc(var(--space-xxxl-aut1u7, 40px) + var(--space-scaled-xxl-6wgq96, 32px));
   }
 }
-.awsui_header_1sxt8_zqi16_236.awsui_with-runtime-context_1sxt8_zqi16_261:not(#\9) {
+.awsui_header_1sxt8_1gt83_230.awsui_with-runtime-context_1sxt8_1gt83_255:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_zqi16_264 > .awsui_header_1sxt8_zqi16_236:not(#\9) {
+.awsui_with-toolbar_1sxt8_1gt83_258 > .awsui_header_1sxt8_1gt83_230:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_zqi16_236 h2:not(#\9),
-.awsui_header_1sxt8_zqi16_236 h3:not(#\9),
-.awsui_header_1sxt8_zqi16_236 h4:not(#\9),
-.awsui_header_1sxt8_zqi16_236 h5:not(#\9),
-.awsui_header_1sxt8_zqi16_236 h6:not(#\9) {
+.awsui_header_1sxt8_1gt83_230 h2:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h3:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h4:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h5:not(#\9),
+.awsui_header_1sxt8_1gt83_230 h6:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -280,26 +274,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_header-actions_1sxt8_zqi16_283:not(#\9) {
+.awsui_header-actions_1sxt8_1gt83_277:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
 
-.awsui_content-with-paddings_1sxt8_zqi16_289:not(#\9):not(:empty) {
+.awsui_content-with-paddings_1sxt8_1gt83_283:not(#\9):not(:empty) {
   padding-block-start: var(--space-panel-content-top-qvd1dr, 20px);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   padding-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
 
-.awsui_footer_1sxt8_zqi16_296:not(#\9) {
+.awsui_footer_1sxt8_1gt83_290:not(#\9) {
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
   padding-block: var(--space-panel-content-top-qvd1dr, 20px);
   padding-inline: var(--space-panel-side-left-u1m3s9, 28px) var(--space-panel-side-right-8wwirc, 24px);
 }
-.awsui_footer_1sxt8_zqi16_296.awsui_is-sticky_1sxt8_zqi16_302:not(#\9) {
+.awsui_footer_1sxt8_1gt83_290.awsui_is-sticky_1sxt8_1gt83_296:not(#\9) {
   position: sticky;
   inset-block-end: 0;
   inset-inline-start: 0;
@@ -307,6 +301,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 810;
 }
 
-.awsui_test-utils-drawer-content_1sxt8_zqi16_310:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_1gt83_304:not(#\9) {
   /* used in test-utils */
 }

package/drawer/styles.selectors.js

@@ -2,21 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_zqi16_189",
-  "position-absolute": "awsui_position-absolute_1sxt8_zqi16_222",
-  "position-sticky": "awsui_position-sticky_1sxt8_zqi16_222",
-  "position-fixed": "awsui_position-fixed_1sxt8_zqi16_222",
-  "with-footer": "awsui_with-footer_1sxt8_zqi16_225",
-  "position-static": "awsui_position-static_1sxt8_zqi16_229",
-  "content": "awsui_content_1sxt8_zqi16_232",
-  "header": "awsui_header_1sxt8_zqi16_236",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_zqi16_253",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_zqi16_261",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_zqi16_264",
-  "header-actions": "awsui_header-actions_1sxt8_zqi16_283",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_zqi16_289",
-  "footer": "awsui_footer_1sxt8_zqi16_296",
-  "is-sticky": "awsui_is-sticky_1sxt8_zqi16_302",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_zqi16_310"
+  "drawer": "awsui_drawer_1sxt8_1gt83_189",
+  "with-footer": "awsui_with-footer_1sxt8_1gt83_221",
+  "content": "awsui_content_1sxt8_1gt83_226",
+  "header": "awsui_header_1sxt8_1gt83_230",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1gt83_247",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1gt83_255",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1gt83_258",
+  "header-actions": "awsui_header-actions_1sxt8_1gt83_277",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1gt83_283",
+  "footer": "awsui_footer_1sxt8_1gt83_290",
+  "is-sticky": "awsui_is-sticky_1sxt8_1gt83_296",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1gt83_304"
 };
   

package/internal/base-component/styles.scoped.css

@@ -283,7 +283,6 @@ body {
   --color-background-input-disabled-dihaja:var(--color-neutral-250-vs1is4);
   --color-background-item-selected-9gppru:var(--color-primary-50-1y05xv);
   --color-background-layout-main-5ilwcb:var(--color-white-p1zlvy);
-  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-mobile-panel-ed0ava:var(--color-neutral-950-lxybh8);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-layout-panel-hover-tguulw:var(--color-neutral-250-vs1is4);
@@ -1402,7 +1401,6 @@ body {
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
   --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
-  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
@@ -1670,7 +1668,6 @@ body {
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
   --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
-  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
@@ -2070,7 +2067,6 @@ body {
   --color-background-card-p5vrq0:var(--color-background-container-content-6u8rvp);
   --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
-  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
@@ -2236,5 +2232,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-9d03c896: true;
+  --awsui-version-info-52ff00f9: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (9d03c896)";
-export var GIT_SHA = "9d03c896";
+export var PACKAGE_VERSION = "3.0.0 (52ff00f9)";
+export var GIT_SHA = "52ff00f9";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (9d03c896)",
-  "GIT_SHA": "9d03c896",
+  "PACKAGE_VERSION": "3.0.0 (52ff00f9)",
+  "GIT_SHA": "52ff00f9",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/generated/styles/tokens.d.ts

@@ -325,7 +325,6 @@ export const colorBackgroundInputDefault: string;
 export const colorBackgroundInputDisabled: string;
 export const colorBackgroundItemSelected: string;
 export const colorBackgroundLayoutMain: string;
-export const colorBackgroundDrawer: string;
 export const colorBackgroundLayoutMobilePanel: string;
 export const colorBackgroundLayoutPanelContent: string;
 export const colorBackgroundLayoutPanelHover: string;

package/internal/generated/styles/tokens.js

@@ -325,7 +325,6 @@ export var colorBackgroundInputDefault = "var(--color-background-input-default-i
 export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-dihaja, #ebebf0)";
 export var colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
 export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
-export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
 export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
 export var colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content-xto15e, #ffffff)";
 export var colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover-tguulw, #ebebf0)";

package/internal/generated/theming/index.cjs

@@ -1347,10 +1347,6 @@ module.exports.preset = {
         "light": "{colorWhite}",
         "dark": "{colorNeutral850}"
       },
-      "colorBackgroundDrawer": {
-        "light": "{colorBackgroundLayoutPanelContent}",
-        "dark": "{colorBackgroundLayoutPanelContent}"
-      },
       "colorBackgroundLayoutMobilePanel": {
         "light": "{colorNeutral950}",
         "dark": "{colorNeutral950}"
@@ -3925,10 +3921,6 @@ module.exports.preset = {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -5374,10 +5366,6 @@ module.exports.preset = {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -6751,10 +6739,6 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -8013,10 +7997,6 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -9275,10 +9255,6 @@ module.exports.preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -10539,10 +10515,6 @@ module.exports.preset = {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -11912,7 +11884,6 @@ module.exports.preset = {
       "colorBackgroundInputDisabled": "color",
       "colorBackgroundItemSelected": "color",
       "colorBackgroundLayoutMain": "color",
-      "colorBackgroundDrawer": "color",
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanelContent": "color",
       "colorBackgroundLayoutPanelHover": "color",
@@ -13693,7 +13664,6 @@ module.exports.preset = {
     "colorBackgroundInputDisabled": "color-background-input-disabled",
     "colorBackgroundItemSelected": "color-background-item-selected",
     "colorBackgroundLayoutMain": "color-background-layout-main",
-    "colorBackgroundDrawer": "color-background-drawer",
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
     "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
@@ -14584,7 +14554,6 @@ module.exports.preset = {
     "colorBackgroundInputDisabled": "--color-background-input-disabled-dihaja",
     "colorBackgroundItemSelected": "--color-background-item-selected-9gppru",
     "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
-    "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-xto15e",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-tguulw",

package/internal/generated/theming/index.js

@@ -1347,10 +1347,6 @@ export var preset = {
         "light": "{colorWhite}",
         "dark": "{colorNeutral850}"
       },
-      "colorBackgroundDrawer": {
-        "light": "{colorBackgroundLayoutPanelContent}",
-        "dark": "{colorBackgroundLayoutPanelContent}"
-      },
       "colorBackgroundLayoutMobilePanel": {
         "light": "{colorNeutral950}",
         "dark": "{colorNeutral950}"
@@ -3925,10 +3921,6 @@ export var preset = {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -5374,10 +5366,6 @@ export var preset = {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -6751,10 +6739,6 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -8013,10 +7997,6 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -9275,10 +9255,6 @@ export var preset = {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -10539,10 +10515,6 @@ export var preset = {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
           },
-          "colorBackgroundDrawer": {
-            "light": "{colorBackgroundLayoutPanelContent}",
-            "dark": "{colorBackgroundLayoutPanelContent}"
-          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -11912,7 +11884,6 @@ export var preset = {
       "colorBackgroundInputDisabled": "color",
       "colorBackgroundItemSelected": "color",
       "colorBackgroundLayoutMain": "color",
-      "colorBackgroundDrawer": "color",
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanelContent": "color",
       "colorBackgroundLayoutPanelHover": "color",
@@ -13693,7 +13664,6 @@ export var preset = {
     "colorBackgroundInputDisabled": "color-background-input-disabled",
     "colorBackgroundItemSelected": "color-background-item-selected",
     "colorBackgroundLayoutMain": "color-background-layout-main",
-    "colorBackgroundDrawer": "color-background-drawer",
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
     "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
@@ -14584,7 +14554,6 @@ export var preset = {
     "colorBackgroundInputDisabled": "--color-background-input-disabled-dihaja",
     "colorBackgroundItemSelected": "--color-background-item-selected-9gppru",
     "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
-    "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-xto15e",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-tguulw",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "9d03c89609f1c2f56311a882db2e1fd648dc4894"
+  "commit": "52ff00f93218b659c42bc49c07b0cb6affa94be7"
 }

package/package.json

@@ -164,7 +164,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1276",
+  "version": "3.0.1277",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/drawer/next.d.ts

@@ -1,16 +0,0 @@
-import { NextDrawerProps } from './interfaces';
-export { NextDrawerProps };
-declare const Drawer: ({
-  header,
-  headerActions,
-  footer,
-  disableContentPaddings,
-  loading,
-  position,
-  placement,
-  offset,
-  stickyOffset,
-  zIndex,
-  ...props
-}: NextDrawerProps) => JSX.Element;
-export default Drawer;

package/drawer/next.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../../src/drawer/next.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,MAAM,GAAmB,iIAY5B,eAAe,gBAiCjB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/drawer/next.js

@@ -1,31 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-// eslint-disable-next-line @cloudscape-design/build-tools/react-server-components-directive
-'use client';
-import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import { InternalDrawer } from './internal';
-const Drawer = function Drawer({ header, headerActions, footer, disableContentPaddings = false, loading = false, position = 'static', placement = 'end', offset, stickyOffset, zIndex, ...props }) {
-    const baseComponentProps = useBaseComponent('Drawer', {
-        props: {
-            disableContentPaddings,
-            loading,
-            placement,
-            position,
-            zIndex,
-        },
-        metadata: {
-            hasHeader: !!header,
-            hasHeaderActions: !!headerActions,
-            hasFooter: !!footer,
-            hasOffset: !!offset,
-            hasStickyOffset: !!stickyOffset,
-        },
-    });
-    return (React.createElement(InternalDrawer, { ...getExternalProps(props), ...baseComponentProps, header: header, headerActions: headerActions, footer: footer, disableContentPaddings: disableContentPaddings, loading: loading, placement: placement, position: position, offset: offset, stickyOffset: stickyOffset, zIndex: zIndex }));
-};
-export default Drawer;
-applyDisplayName(Drawer, 'Drawer');
-//# sourceMappingURL=next.js.map

package/drawer/next.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.js","sourceRoot":"","sources":["../../../src/drawer/next.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,4FAA4F;AAC5F,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAI5C,MAAM,MAAM,GAAG,SAAS,MAAM,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,MAAM,EACN,sBAAsB,GAAG,KAAK,EAC9B,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,QAAQ,EACnB,SAAS,GAAG,KAAK,EACjB,MAAM,EACN,YAAY,EACZ,MAAM,EACN,GAAG,KAAK,EACQ;IAChB,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,EAAE;QACpD,KAAK,EAAE;YACL,sBAAsB;YACtB,OAAO;YACP,SAAS;YACT,QAAQ;YACR,MAAM;SACP;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,CAAC,CAAC,MAAM;YACnB,gBAAgB,EAAE,CAAC,CAAC,aAAa;YACjC,SAAS,EAAE,CAAC,CAAC,MAAM;YACnB,SAAS,EAAE,CAAC,CAAC,MAAM;YACnB,eAAe,EAAE,CAAC,CAAC,YAAY;SAChC;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,cAAc,OACT,gBAAgB,CAAC,KAAK,CAAC,KACvB,kBAAkB,EACtB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// eslint-disable-next-line @cloudscape-design/build-tools/react-server-components-directive\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { NextDrawerProps } from './interfaces';\nimport { InternalDrawer } from './internal';\n\nexport { NextDrawerProps };\n\nconst Drawer = function Drawer({\n  header,\n  headerActions,\n  footer,\n  disableContentPaddings = false,\n  loading = false,\n  position = 'static',\n  placement = 'end',\n  offset,\n  stickyOffset,\n  zIndex,\n  ...props\n}: NextDrawerProps) {\n  const baseComponentProps = useBaseComponent('Drawer', {\n    props: {\n      disableContentPaddings,\n      loading,\n      placement,\n      position,\n      zIndex,\n    },\n    metadata: {\n      hasHeader: !!header,\n      hasHeaderActions: !!headerActions,\n      hasFooter: !!footer,\n      hasOffset: !!offset,\n      hasStickyOffset: !!stickyOffset,\n    },\n  });\n  return (\n    <InternalDrawer\n      {...getExternalProps(props)}\n      {...baseComponentProps}\n      header={header}\n      headerActions={headerActions}\n      footer={footer}\n      disableContentPaddings={disableContentPaddings}\n      loading={loading}\n      placement={placement}\n      position={position}\n      offset={offset}\n      stickyOffset={stickyOffset}\n      zIndex={zIndex}\n    />\n  );\n};\n\nexport default Drawer;\n\napplyDisplayName(Drawer, 'Drawer');\n"]}

package/drawer/utils.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { NextDrawerProps } from './interfaces';
-type PositionProps = Pick<NextDrawerProps, 'position' | 'placement' | 'offset' | 'stickyOffset' | 'zIndex'>;
-export declare function getPositionStyles({
-  position,
-  zIndex,
-  ...props
-}: PositionProps): {
-  className: string;
-  style: React.CSSProperties;
-};
-export {};

package/drawer/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/drawer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,KAAK,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAC;AAE5G,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG;IAChF,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAmBA"}

package/drawer/utils.js

@@ -1,74 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
-import styles from './styles.css.js';
-export function getPositionStyles({ position, zIndex, ...props }) {
-    if (position === 'sticky' && (props.placement === 'start' || props.placement === 'end')) {
-        warnOnce('Drawer', `position="sticky" is not supported with placement="${props.placement}" and falls back to position="static".`);
-        position = 'static';
-    }
-    switch (position) {
-        case 'absolute':
-            return getStyles(position, { position: 'absolute', zIndex, ...computeAbsoluteOffsets(props) });
-        case 'sticky':
-            return getStyles(position, { position: 'sticky', zIndex, ...computeStickyOffsets(props) });
-        case 'fixed':
-            return getStyles(position, { position: 'fixed', zIndex, ...computeAbsoluteOffsets(props) });
-        case 'static':
-        default:
-            return getStyles(position);
-    }
-}
-function getStyles(position = 'static', style = {}) {
-    return { className: styles[`position-${position}`], style };
-}
-function computeAbsoluteOffsets({ placement, offset: { top, bottom, start, end } = {}, }) {
-    const style = {};
-    const offset = { top: top !== null && top !== void 0 ? top : 0, bottom: bottom !== null && bottom !== void 0 ? bottom : 0, start: start !== null && start !== void 0 ? start : 0, end: end !== null && end !== void 0 ? end : 0 };
-    switch (placement) {
-        case 'top':
-            style.insetBlockStart = offset.top;
-            style.insetInlineStart = offset.start;
-            style.insetInlineEnd = offset.end;
-            break;
-        case 'bottom':
-            style.insetBlockEnd = offset.bottom;
-            style.insetInlineStart = offset.start;
-            style.insetInlineEnd = offset.end;
-            break;
-        case 'start':
-            style.insetInlineStart = offset.start;
-            style.insetBlockStart = offset.top;
-            style.insetBlockEnd = offset.bottom;
-            break;
-        case 'end':
-            style.insetInlineEnd = offset.end;
-            style.insetBlockStart = offset.top;
-            style.insetBlockEnd = offset.bottom;
-            break;
-    }
-    return style;
-}
-function computeStickyOffsets({ placement, offset: { top, bottom, start, end } = {}, stickyOffset: { top: stickyTop, bottom: stickyBottom } = {}, }) {
-    const style = {};
-    const offset = { top: top !== null && top !== void 0 ? top : 0, bottom: bottom !== null && bottom !== void 0 ? bottom : 0, start: start !== null && start !== void 0 ? start : 0, end: end !== null && end !== void 0 ? end : 0 };
-    const stickyOffset = { top: stickyTop !== null && stickyTop !== void 0 ? stickyTop : 0, bottom: stickyBottom !== null && stickyBottom !== void 0 ? stickyBottom : 0 };
-    switch (placement) {
-        case 'top':
-            style.insetBlockStart = stickyOffset.top;
-            style.marginBlockStart = offset.top;
-            style.marginInlineStart = offset.start;
-            style.marginInlineEnd = offset.end;
-            style.inlineSize = `calc(100% - ${offset.start + offset.end}px)`;
-            break;
-        case 'bottom':
-            style.insetBlockEnd = stickyOffset.bottom;
-            style.marginBlockEnd = offset.bottom;
-            style.marginInlineStart = offset.start;
-            style.marginInlineEnd = offset.end;
-            style.inlineSize = `calc(100% - ${offset.start + offset.end}px)`;
-            break;
-    }
-    return style;
-}
-//# sourceMappingURL=utils.js.map