@cloudscape-design/components 3.0.1287 → 3.0.1289

package/drawer/styles.scoped.css

@@ -186,7 +186,15 @@ 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) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1sxt8_1cneo_193:not(#\9) {
+  display: contents;
+}
+
+.awsui_drawer_1sxt8_1cneo_197:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -212,28 +220,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -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) {
+.awsui_drawer_1sxt8_1cneo_197.awsui_has-close-action_1sxt8_1cneo_230:not(#\9) {
+  position: relative;
+}
+.awsui_drawer_1sxt8_1cneo_197.awsui_position-absolute_1sxt8_1cneo_233:not(#\9), .awsui_drawer_1sxt8_1cneo_197.awsui_position-sticky_1sxt8_1cneo_233:not(#\9), .awsui_drawer_1sxt8_1cneo_197.awsui_position-fixed_1sxt8_1cneo_233: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_1cneo_197.awsui_with-footer_1sxt8_1cneo_236: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) {
+.awsui_drawer_1sxt8_1cneo_197.awsui_with-footer_1sxt8_1cneo_236.awsui_position-static_1sxt8_1cneo_240: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_1cneo_197.awsui_with-footer_1sxt8_1cneo_236 > .awsui_content_1sxt8_1cneo_243:not(#\9) {
   flex: 1;
 }
+.awsui_drawer_1sxt8_1cneo_197:not(#\9):focus {
+  outline: none;
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1cneo_197:not(#\9):focus {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1cneo_197:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(-2px - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1cneo_197:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * -2px);
+  inset-block-start: calc(-1 * -2px);
+  inline-size: calc(100% + -2px + -2px);
+  block-size: calc(100% + -2px + -2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+}
 
-.awsui_header_1sxt8_zqi16_236:not(#\9) {
+.awsui_header_1sxt8_1cneo_271: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);
@@ -244,13 +279,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   justify-content: space-between;
   color: var(--color-text-heading-default-izpp46, #0f141a);
   padding-block: var(--space-panel-header-vertical-ckfgmy, 20px);
-  padding-inline: var(--space-panel-side-left-u1m3s9, 28px) calc(var(--space-l-2ud1p3, 20px) + var(--space-scaled-xxl-6wgq96, 32px));
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
+  padding-inline: var(--space-panel-side-left-u1m3s9, 28px) calc(var(--space-l-2ud1p3, 20px) + var(--space-scaled-xxl-6wgq96, 32px));
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
+.awsui_header_1sxt8_1cneo_271.awsui_hide-close-action_1sxt8_1cneo_287:not(#\9) {
+  padding-inline: var(--space-panel-side-left-u1m3s9, 28px) var(--space-panel-side-right-8wwirc, 24px);
+}
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_zqi16_236.awsui_with-additional-action_1sxt8_zqi16_253:not(#\9) {
+  .awsui_header_1sxt8_1cneo_271.awsui_with-additional-action_1sxt8_1cneo_291: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 +296,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_1cneo_271.awsui_with-runtime-context_1sxt8_1cneo_299:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_zqi16_264 > .awsui_header_1sxt8_zqi16_236:not(#\9) {
+.awsui_with-toolbar_1sxt8_1cneo_302 > .awsui_header_1sxt8_1cneo_271: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_1cneo_271 h2:not(#\9),
+.awsui_header_1sxt8_1cneo_271 h3:not(#\9),
+.awsui_header_1sxt8_1cneo_271 h4:not(#\9),
+.awsui_header_1sxt8_1cneo_271 h5:not(#\9),
+.awsui_header_1sxt8_1cneo_271 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 +318,32 @@ 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_1cneo_321:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
 
-.awsui_content-with-paddings_1sxt8_zqi16_289:not(#\9):not(:empty) {
+.awsui_close-action_1sxt8_1cneo_327:not(#\9) {
+  position: absolute;
+  inset-block-start: var(--space-panel-header-vertical-ckfgmy, 20px);
+  inset-inline-end: var(--space-scaled-l-sej05l, 20px);
+}
+
+.awsui_content-with-paddings_1sxt8_1cneo_333: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_1cneo_340: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_1cneo_340.awsui_is-sticky_1sxt8_1cneo_346:not(#\9) {
   position: sticky;
   inset-block-end: 0;
   inset-inline-start: 0;
@@ -307,6 +351,25 @@ 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_1cneo_354:not(#\9) {
   /* used in test-utils */
+}
+
+.awsui_hidden_1sxt8_1cneo_358:not(#\9) {
+  display: none;
+}
+
+.awsui_focus-trap_1sxt8_1cneo_362:not(#\9) {
+  display: contents;
+}
+
+.awsui_backdrop_1sxt8_1cneo_366:not(#\9) {
+  inset: 0;
+  background-color: var(--color-background-drawer-backdrop-ducxi3, rgba(35, 43, 55, 0.7));
+}
+.awsui_backdrop_1sxt8_1cneo_366.awsui_backdrop-fixed_1sxt8_1cneo_370:not(#\9) {
+  position: fixed;
+}
+.awsui_backdrop_1sxt8_1cneo_366.awsui_backdrop-absolute_1sxt8_1cneo_373:not(#\9) {
+  position: absolute;
 }

package/drawer/styles.selectors.js

@@ -2,21 +2,30 @@
     // 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"
+  "root": "awsui_root_1sxt8_1cneo_193",
+  "drawer": "awsui_drawer_1sxt8_1cneo_197",
+  "has-close-action": "awsui_has-close-action_1sxt8_1cneo_230",
+  "position-absolute": "awsui_position-absolute_1sxt8_1cneo_233",
+  "position-sticky": "awsui_position-sticky_1sxt8_1cneo_233",
+  "position-fixed": "awsui_position-fixed_1sxt8_1cneo_233",
+  "with-footer": "awsui_with-footer_1sxt8_1cneo_236",
+  "position-static": "awsui_position-static_1sxt8_1cneo_240",
+  "content": "awsui_content_1sxt8_1cneo_243",
+  "header": "awsui_header_1sxt8_1cneo_271",
+  "hide-close-action": "awsui_hide-close-action_1sxt8_1cneo_287",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1cneo_291",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1cneo_299",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1cneo_302",
+  "header-actions": "awsui_header-actions_1sxt8_1cneo_321",
+  "close-action": "awsui_close-action_1sxt8_1cneo_327",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1cneo_333",
+  "footer": "awsui_footer_1sxt8_1cneo_340",
+  "is-sticky": "awsui_is-sticky_1sxt8_1cneo_346",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1cneo_354",
+  "hidden": "awsui_hidden_1sxt8_1cneo_358",
+  "focus-trap": "awsui_focus-trap_1sxt8_1cneo_362",
+  "backdrop": "awsui_backdrop_1sxt8_1cneo_366",
+  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_1cneo_370",
+  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_1cneo_373"
 };
   

package/drawer/test-classes/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "backdrop": "awsui_backdrop_1sr4m_6jn76_5",
+  "close-action": "awsui_close-action_1sr4m_6jn76_6",
+  "root": "awsui_root_1sr4m_6jn76_7"
+};
+  

package/drawer/test-classes/styles.scoped.css

@@ -0,0 +1,9 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_backdrop_1sr4m_6jn76_5:not(#\9),
+.awsui_close-action_1sr4m_6jn76_6:not(#\9),
+.awsui_root_1sr4m_6jn76_7:not(#\9) {
+  /* used in test-utils */
+}

package/drawer/test-classes/styles.selectors.js

@@ -0,0 +1,9 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "backdrop": "awsui_backdrop_1sr4m_6jn76_5",
+  "close-action": "awsui_close-action_1sr4m_6jn76_6",
+  "root": "awsui_root_1sr4m_6jn76_7"
+};
+  

package/drawer/use-sticky-footer.d.ts

@@ -1,9 +1,11 @@
 import { RefObject } from 'react';
 export declare const MINIMUM_SCROLLABLE_SPACE = 148;
 export declare function useStickyFooter({
+  rootRef,
   drawerRef,
   footerRef
 }: {
+  rootRef: RefObject<HTMLElement>;
   drawerRef: RefObject<HTMLElement>;
   footerRef: RefObject<HTMLElement>;
 }): {

package/drawer/use-sticky-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-footer.d.ts","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAQzD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAG5C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GACV,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACnC;;EA4BA"}
+{"version":3,"file":"use-sticky-footer.d.ts","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAQzD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAG5C,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,SAAS,GACV,EAAE;IACD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACnC;;EA4BA"}

package/drawer/use-sticky-footer.js

@@ -7,13 +7,14 @@ import { throttle } from '../internal/utils/throttle';
 // the space other than that, which would be drawer height minus footer height.
 export const MINIMUM_SCROLLABLE_SPACE = 148;
 const STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second
-export function useStickyFooter({ drawerRef, footerRef, }) {
+export function useStickyFooter({ rootRef, drawerRef, footerRef, }) {
     const [isSticky, setIsSticky] = useState(true);
     const checkStickyState = throttle(useCallback(() => {
+        var _a;
         if (!(drawerRef === null || drawerRef === void 0 ? void 0 : drawerRef.current) || !(footerRef === null || footerRef === void 0 ? void 0 : footerRef.current)) {
             return;
         }
-        const parentElement = drawerRef.current.parentElement;
+        const parentElement = (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
         const parentElementHeight = parentElement === null || parentElement === void 0 ? void 0 : parentElement.getBoundingClientRect().height;
         const drawerHeight = drawerRef.current.getBoundingClientRect().height;
         const effectiveHeight = Math.min(parentElementHeight !== null && parentElementHeight !== void 0 ? parentElementHeight : drawerHeight, drawerHeight);
@@ -22,8 +23,8 @@ export function useStickyFooter({ drawerRef, footerRef, }) {
         const scrollableHeight = effectiveHeight - footerHeight;
         const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;
         setIsSticky(hasEnoughSpace);
-    }, [footerRef, drawerRef]), STICKY_STATE_CHECK_THROTTLE_DELAY);
-    useResizeObserver(() => { var _a, _b; return (_b = (_a = drawerRef === null || drawerRef === void 0 ? void 0 : drawerRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) !== null && _b !== void 0 ? _b : null; }, checkStickyState);
+    }, [rootRef, footerRef, drawerRef]), STICKY_STATE_CHECK_THROTTLE_DELAY);
+    useResizeObserver(() => { var _a, _b; return (_b = (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) !== null && _b !== void 0 ? _b : null; }, checkStickyState);
     return { isSticky };
 }
 //# sourceMappingURL=use-sticky-footer.js.map

package/drawer/use-sticky-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-footer.js","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,iHAAiH;AACjH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,iCAAiC,GAAG,GAAG,CAAC,CAAC,0BAA0B;AAEzE,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GAIV;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QACtD,MAAM,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,GAAG,MAAM,CAAC;QAC1E,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACtE,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,YAAY,EAAE,YAAY,CAAC,CAAC;QAEpF,2CAA2C;QAC3C,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAEtE,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAC;QACxD,MAAM,cAAc,GAAG,gBAAgB,IAAI,wBAAwB,CAAC;QAEpE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAC1B,iCAAiC,CAClC,CAAC;IAEF,iBAAiB,CAAC,GAAG,EAAE,eAAC,OAAA,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,aAAa,mCAAI,IAAI,CAAA,EAAA,EAAE,gBAAgB,CAAC,CAAC;IAErF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefObject, useCallback, useState } from 'react';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { throttle } from '../internal/utils/throttle';\n\n// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the\n// the space other than that, which would be drawer height minus footer height.\nexport const MINIMUM_SCROLLABLE_SPACE = 148;\nconst STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second\n\nexport function useStickyFooter({\n  drawerRef,\n  footerRef,\n}: {\n  drawerRef: RefObject<HTMLElement>;\n  footerRef: RefObject<HTMLElement>;\n}) {\n  const [isSticky, setIsSticky] = useState(true);\n\n  const checkStickyState = throttle(\n    useCallback(() => {\n      if (!drawerRef?.current || !footerRef?.current) {\n        return;\n      }\n\n      const parentElement = drawerRef.current.parentElement;\n      const parentElementHeight = parentElement?.getBoundingClientRect().height;\n      const drawerHeight = drawerRef.current.getBoundingClientRect().height;\n      const effectiveHeight = Math.min(parentElementHeight ?? drawerHeight, drawerHeight);\n\n      // take minimum of drawer and parent height\n      const footerHeight = footerRef.current.getBoundingClientRect().height;\n\n      const scrollableHeight = effectiveHeight - footerHeight;\n      const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;\n\n      setIsSticky(hasEnoughSpace);\n    }, [footerRef, drawerRef]),\n    STICKY_STATE_CHECK_THROTTLE_DELAY\n  );\n\n  useResizeObserver(() => drawerRef?.current?.parentElement ?? null, checkStickyState);\n\n  return { isSticky };\n}\n"]}
+{"version":3,"file":"use-sticky-footer.js","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,iHAAiH;AACjH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,iCAAiC,GAAG,GAAG,CAAC,CAAC,0BAA0B;AAEzE,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,SAAS,GAKV;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,WAAW,CAAC,GAAG,EAAE;;QACf,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,aAAa,CAAC;QACtD,MAAM,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,GAAG,MAAM,CAAC;QAC1E,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACtE,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,YAAY,EAAE,YAAY,CAAC,CAAC;QAEpF,2CAA2C;QAC3C,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAEtE,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAC;QACxD,MAAM,cAAc,GAAG,gBAAgB,IAAI,wBAAwB,CAAC;QAEpE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,EACnC,iCAAiC,CAClC,CAAC;IAEF,iBAAiB,CAAC,GAAG,EAAE,eAAC,OAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,aAAa,mCAAI,IAAI,CAAA,EAAA,EAAE,gBAAgB,CAAC,CAAC;IAEnF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefObject, useCallback, useState } from 'react';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { throttle } from '../internal/utils/throttle';\n\n// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the\n// the space other than that, which would be drawer height minus footer height.\nexport const MINIMUM_SCROLLABLE_SPACE = 148;\nconst STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second\n\nexport function useStickyFooter({\n  rootRef,\n  drawerRef,\n  footerRef,\n}: {\n  rootRef: RefObject<HTMLElement>;\n  drawerRef: RefObject<HTMLElement>;\n  footerRef: RefObject<HTMLElement>;\n}) {\n  const [isSticky, setIsSticky] = useState(true);\n\n  const checkStickyState = throttle(\n    useCallback(() => {\n      if (!drawerRef?.current || !footerRef?.current) {\n        return;\n      }\n\n      const parentElement = rootRef?.current?.parentElement;\n      const parentElementHeight = parentElement?.getBoundingClientRect().height;\n      const drawerHeight = drawerRef.current.getBoundingClientRect().height;\n      const effectiveHeight = Math.min(parentElementHeight ?? drawerHeight, drawerHeight);\n\n      // take minimum of drawer and parent height\n      const footerHeight = footerRef.current.getBoundingClientRect().height;\n\n      const scrollableHeight = effectiveHeight - footerHeight;\n      const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;\n\n      setIsSticky(hasEnoughSpace);\n    }, [rootRef, footerRef, drawerRef]),\n    STICKY_STATE_CHECK_THROTTLE_DELAY\n  );\n\n  useResizeObserver(() => rootRef?.current?.parentElement ?? null, checkStickyState);\n\n  return { isSticky };\n}\n"]}

package/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_dwbjr_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_dwbjr_1",
-  "refresh": "awsui_refresh_9duf6_dwbjr_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_dwbjr_1",
-  "root": "awsui_root_9duf6_dwbjr_199",
-  "interior": "awsui_interior_9duf6_dwbjr_232",
-  "dropdown": "awsui_dropdown_9duf6_dwbjr_153",
-  "use-portal": "awsui_use-portal_9duf6_dwbjr_242",
-  "is-empty": "awsui_is-empty_9duf6_dwbjr_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_dwbjr_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_dwbjr_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_dwbjr_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_dwbjr_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_dwbjr_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_dwbjr_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_dwbjr_349",
-  "open": "awsui_open_9duf6_dwbjr_358",
-  "nowrap": "awsui_nowrap_9duf6_dwbjr_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_dwbjr_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_dwbjr_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1byh5_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1",
+  "refresh": "awsui_refresh_9duf6_1byh5_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1byh5_1",
+  "root": "awsui_root_9duf6_1byh5_199",
+  "interior": "awsui_interior_9duf6_1byh5_232",
+  "dropdown": "awsui_dropdown_9duf6_1byh5_153",
+  "use-portal": "awsui_use-portal_9duf6_1byh5_242",
+  "is-empty": "awsui_is-empty_9duf6_1byh5_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1byh5_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_1byh5_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1byh5_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1byh5_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1byh5_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_1byh5_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_1byh5_349",
+  "open": "awsui_open_9duf6_1byh5_358",
+  "nowrap": "awsui_nowrap_9duf6_1byh5_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_1byh5_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1byh5_378"
 };
   

package/dropdown/styles.scoped.css

@@ -150,10 +150,10 @@ 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_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_dwbjr_1 var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-show-quick-9hlj8q, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1 var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-show-quick-9hlj8q, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_dwbjr_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1byh5_1 {
   from {
     opacity: 0.4;
   }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_dwbjr_153.awsui_refresh_9duf6_dwbjr_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_dwbjr_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_1byh5_1;
   animation-duration: var(--motion-duration-show-quick-tyvnyw, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-9hlj8q, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_9duf6_dwbjr_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_1byh5_1 {
   from {
     opacity: 0;
   }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_dwbjr_153.awsui_refresh_9duf6_dwbjr_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_dwbjr_153.awsui_refresh_9duf6_dwbjr_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_dwbjr_153.awsui_refresh_9duf6_dwbjr_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_refresh_9duf6_1byh5_174:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_9duf6_dwbjr_199:not(#\9) {
+.awsui_root_9duf6_1byh5_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -222,41 +222,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   white-space: inherit;
 }
-.awsui_root_9duf6_dwbjr_199.awsui_interior_9duf6_dwbjr_232:not(#\9) {
+.awsui_root_9duf6_1byh5_199.awsui_interior_9duf6_1byh5_232:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_use-portal_9duf6_dwbjr_242:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_use-portal_9duf6_1byh5_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_dwbjr_153:not(#\9):not(.awsui_interior_9duf6_dwbjr_232) {
+.awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-tyvnyw, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_dwbjr_153:not(#\9):not(.awsui_interior_9duf6_dwbjr_232) {
+  .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_dwbjr_153:not(#\9):not(.awsui_interior_9duf6_dwbjr_232), .awsui-mode-entering .awsui_dropdown_9duf6_dwbjr_153:not(#\9):not(.awsui_interior_9duf6_dwbjr_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232), .awsui-mode-entering .awsui_dropdown_9duf6_1byh5_153:not(#\9):not(.awsui_interior_9duf6_1byh5_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -282,7 +282,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
@@ -298,7 +298,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-container-top-k3vmoz, transparent);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -315,66 +315,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-fgc2a1, 8px));
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_dwbjr_153.awsui_is-empty_9duf6_dwbjr_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_1byh5_153.awsui_is-empty_9duf6_1byh5_318:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_dwbjr_153 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-container-top-k3vmoz, transparent);
   border-block-end: var(--border-divider-list-width-tdfx1x, 1px) solid var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
 }
-.awsui_dropdown-drop-up_9duf6_dwbjr_325 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_1byh5_325 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-2r02r5, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_dropdown-drop-up_9duf6_dwbjr_325.awsui_with-limited-width_9duf6_dwbjr_329 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_1byh5_325.awsui_with-limited-width_9duf6_1byh5_329 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_dwbjr_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_1byh5_332:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_dwbjr_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_1byh5_335:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_occupy-entire-width_9duf6_dwbjr_338:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_occupy-entire-width_9duf6_1byh5_338:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_use-flexible-width_9duf6_dwbjr_341:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_use-flexible-width_9duf6_1byh5_341:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-6b9ypa, none);
   min-inline-size: var(--awsui-dropdown-default-min-width-6b9ypa, auto);
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_interior_9duf6_dwbjr_232 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_interior_9duf6_1byh5_232 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_hide-block-border_9duf6_dwbjr_349 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_hide-block-border_9duf6_dwbjr_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_dwbjr_325) > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153 {
+.awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1byh5_325) > .awsui_dropdown-content-wrapper_9duf6_1byh5_153 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_hide-block-border_9duf6_dwbjr_349.awsui_refresh_9duf6_dwbjr_174 > .awsui_dropdown-content-wrapper_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_hide-block-border_9duf6_1byh5_349.awsui_refresh_9duf6_1byh5_174 > .awsui_dropdown-content-wrapper_9duf6_1byh5_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_open_9duf6_dwbjr_358:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_open_9duf6_dwbjr_358:not(#\9):not(.awsui_interior_9duf6_dwbjr_232).awsui_refresh_9duf6_dwbjr_174[data-animating=true] {
+.awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9):not(.awsui_interior_9duf6_1byh5_232).awsui_refresh_9duf6_1byh5_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_open_9duf6_dwbjr_358:not(#\9):not(.awsui_interior_9duf6_dwbjr_232).awsui_refresh_9duf6_dwbjr_174[data-animating=true].awsui_dropdown-drop-up_9duf6_dwbjr_325 {
+.awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358:not(#\9):not(.awsui_interior_9duf6_1byh5_232).awsui_refresh_9duf6_1byh5_174[data-animating=true].awsui_dropdown-drop-up_9duf6_1byh5_325 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_dwbjr_153.awsui_open_9duf6_dwbjr_358.awsui_nowrap_9duf6_dwbjr_367:not(#\9) {
+.awsui_dropdown_9duf6_1byh5_153.awsui_open_9duf6_1byh5_358.awsui_nowrap_9duf6_1byh5_367:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_9duf6_dwbjr_153:not(#\9) {
+.awsui_dropdown-content_9duf6_1byh5_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_9duf6_dwbjr_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_1byh5_378:not(#\9) {
   block-size: 100%;
 }