@cloudscape-design/components-themeable 3.0.1290 → 3.0.1292

package/lib/internal/template/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_19ouv_189:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1sxt8_j93of_193:not(#\9) {
+  display: contents;
+}
+
+.awsui_drawer_1sxt8_j93of_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-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-7w835s, 400);
   font-family: var(--font-family-base-8x5ngf, "Noto 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-v79o7e, #ffffff);
 }
-.awsui_drawer_1sxt8_19ouv_189.awsui_position-absolute_1sxt8_19ouv_222:not(#\9), .awsui_drawer_1sxt8_19ouv_189.awsui_position-sticky_1sxt8_19ouv_222:not(#\9), .awsui_drawer_1sxt8_19ouv_189.awsui_position-fixed_1sxt8_19ouv_222:not(#\9) {
+.awsui_drawer_1sxt8_j93of_197.awsui_has-close-action_1sxt8_j93of_230:not(#\9) {
+  position: relative;
+}
+.awsui_drawer_1sxt8_j93of_197.awsui_position-absolute_1sxt8_j93of_233:not(#\9), .awsui_drawer_1sxt8_j93of_197.awsui_position-sticky_1sxt8_j93of_233:not(#\9), .awsui_drawer_1sxt8_j93of_197.awsui_position-fixed_1sxt8_j93of_233:not(#\9) {
   box-shadow: var(--shadow-panel-ywy40s, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_drawer_1sxt8_19ouv_189.awsui_with-footer_1sxt8_19ouv_225:not(#\9) {
+.awsui_drawer_1sxt8_j93of_197.awsui_with-footer_1sxt8_j93of_236:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_drawer_1sxt8_19ouv_189.awsui_with-footer_1sxt8_19ouv_225.awsui_position-static_1sxt8_19ouv_229:not(#\9) {
+.awsui_drawer_1sxt8_j93of_197.awsui_with-footer_1sxt8_j93of_236.awsui_position-static_1sxt8_j93of_240:not(#\9) {
   min-block-size: 100%;
 }
-.awsui_drawer_1sxt8_19ouv_189.awsui_with-footer_1sxt8_19ouv_225 > .awsui_content_1sxt8_19ouv_232:not(#\9) {
+.awsui_drawer_1sxt8_j93of_197.awsui_with-footer_1sxt8_j93of_236 > .awsui_content_1sxt8_j93of_243:not(#\9) {
   flex: 1;
 }
+.awsui_drawer_1sxt8_j93of_197:not(#\9):focus {
+  outline: none;
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_j93of_197:not(#\9):focus {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_j93of_197:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(-2px - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_j93of_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-9xsko1, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
+}
 
-.awsui_header_1sxt8_19ouv_236:not(#\9) {
+.awsui_header_1sxt8_j93of_271:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 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-wlau07, #16191f);
   padding-block: var(--space-panel-header-vertical-c9e5ei, 20px);
-  padding-inline: var(--space-panel-side-left-07kpj4, 32px) calc(var(--space-l-3cws6j, 20px) + var(--space-scaled-xxl-9ur2is, 32px));
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+  padding-inline: var(--space-panel-side-left-07kpj4, 32px) calc(var(--space-l-3cws6j, 20px) + var(--space-scaled-xxl-9ur2is, 32px));
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
+.awsui_header_1sxt8_j93of_271.awsui_hide-close-action_1sxt8_j93of_287:not(#\9) {
+  padding-inline: var(--space-panel-side-left-07kpj4, 32px) var(--space-panel-side-right-b77xx0, 32px);
+}
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_19ouv_236.awsui_with-additional-action_1sxt8_19ouv_253:not(#\9) {
+  .awsui_header_1sxt8_j93of_271.awsui_with-additional-action_1sxt8_j93of_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-07kpj4, 32px) calc(var(--space-xxxl-qhelse, 40px) + var(--space-scaled-xxl-9ur2is, 32px));
   }
 }
-.awsui_header_1sxt8_19ouv_236.awsui_with-runtime-context_1sxt8_19ouv_261:not(#\9) {
+.awsui_header_1sxt8_j93of_271.awsui_with-runtime-context_1sxt8_j93of_299:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_19ouv_264 > .awsui_header_1sxt8_19ouv_236:not(#\9) {
+.awsui_with-toolbar_1sxt8_j93of_302 > .awsui_header_1sxt8_j93of_271:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_19ouv_236 h2:not(#\9),
-.awsui_header_1sxt8_19ouv_236 h3:not(#\9),
-.awsui_header_1sxt8_19ouv_236 h4:not(#\9),
-.awsui_header_1sxt8_19ouv_236 h5:not(#\9),
-.awsui_header_1sxt8_19ouv_236 h6:not(#\9) {
+.awsui_header_1sxt8_j93of_271 h2:not(#\9),
+.awsui_header_1sxt8_j93of_271 h3:not(#\9),
+.awsui_header_1sxt8_j93of_271 h4:not(#\9),
+.awsui_header_1sxt8_j93of_271 h5:not(#\9),
+.awsui_header_1sxt8_j93of_271 h6:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 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_19ouv_283:not(#\9) {
+.awsui_header-actions_1sxt8_j93of_321:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
 
-.awsui_content-with-paddings_1sxt8_19ouv_289:not(#\9):not(:empty) {
+.awsui_close-action_1sxt8_j93of_327:not(#\9) {
+  position: absolute;
+  inset-block-start: var(--space-panel-header-vertical-c9e5ei, 20px);
+  inset-inline-end: var(--space-scaled-l-66n9sr, 20px);
+}
+
+.awsui_content-with-paddings_1sxt8_j93of_333:not(#\9):not(:empty) {
   padding-block-start: var(--space-panel-content-top-s8rcdz, 20px);
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
   padding-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
 
-.awsui_footer_1sxt8_19ouv_296:not(#\9) {
+.awsui_footer_1sxt8_j93of_340:not(#\9) {
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
   padding-block: var(--space-panel-content-top-s8rcdz, 20px);
   padding-inline: var(--space-panel-side-left-07kpj4, 32px) var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_footer_1sxt8_19ouv_296.awsui_is-sticky_1sxt8_19ouv_302:not(#\9) {
+.awsui_footer_1sxt8_j93of_340.awsui_is-sticky_1sxt8_j93of_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_19ouv_310:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_j93of_354:not(#\9) {
   /* used in test-utils */
+}
+
+.awsui_hidden_1sxt8_j93of_358:not(#\9) {
+  display: none;
+}
+
+.awsui_focus-trap_1sxt8_j93of_362:not(#\9) {
+  display: contents;
+}
+
+.awsui_backdrop_1sxt8_j93of_366:not(#\9) {
+  inset: 0;
+  background-color: var(--color-background-drawer-backdrop-if96qn, rgba(242, 243, 243, 0.9));
+}
+.awsui_backdrop_1sxt8_j93of_366.awsui_backdrop-fixed_1sxt8_j93of_370:not(#\9) {
+  position: fixed;
+}
+.awsui_backdrop_1sxt8_j93of_366.awsui_backdrop-absolute_1sxt8_j93of_373:not(#\9) {
+  position: absolute;
 }

package/lib/internal/template/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_19ouv_189",
-  "position-absolute": "awsui_position-absolute_1sxt8_19ouv_222",
-  "position-sticky": "awsui_position-sticky_1sxt8_19ouv_222",
-  "position-fixed": "awsui_position-fixed_1sxt8_19ouv_222",
-  "with-footer": "awsui_with-footer_1sxt8_19ouv_225",
-  "position-static": "awsui_position-static_1sxt8_19ouv_229",
-  "content": "awsui_content_1sxt8_19ouv_232",
-  "header": "awsui_header_1sxt8_19ouv_236",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_19ouv_253",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_19ouv_261",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_19ouv_264",
-  "header-actions": "awsui_header-actions_1sxt8_19ouv_283",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_19ouv_289",
-  "footer": "awsui_footer_1sxt8_19ouv_296",
-  "is-sticky": "awsui_is-sticky_1sxt8_19ouv_302",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_19ouv_310"
+  "root": "awsui_root_1sxt8_j93of_193",
+  "drawer": "awsui_drawer_1sxt8_j93of_197",
+  "has-close-action": "awsui_has-close-action_1sxt8_j93of_230",
+  "position-absolute": "awsui_position-absolute_1sxt8_j93of_233",
+  "position-sticky": "awsui_position-sticky_1sxt8_j93of_233",
+  "position-fixed": "awsui_position-fixed_1sxt8_j93of_233",
+  "with-footer": "awsui_with-footer_1sxt8_j93of_236",
+  "position-static": "awsui_position-static_1sxt8_j93of_240",
+  "content": "awsui_content_1sxt8_j93of_243",
+  "header": "awsui_header_1sxt8_j93of_271",
+  "hide-close-action": "awsui_hide-close-action_1sxt8_j93of_287",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_j93of_291",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_j93of_299",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_j93of_302",
+  "header-actions": "awsui_header-actions_1sxt8_j93of_321",
+  "close-action": "awsui_close-action_1sxt8_j93of_327",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_j93of_333",
+  "footer": "awsui_footer_1sxt8_j93of_340",
+  "is-sticky": "awsui_is-sticky_1sxt8_j93of_346",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_j93of_354",
+  "hidden": "awsui_hidden_1sxt8_j93of_358",
+  "focus-trap": "awsui_focus-trap_1sxt8_j93of_362",
+  "backdrop": "awsui_backdrop_1sxt8_j93of_366",
+  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_j93of_370",
+  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_j93of_373"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/drawer/use-sticky-footer.d.ts

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

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_2xik3_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_1",
-  "refresh": "awsui_refresh_9duf6_2xik3_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_2xik3_1",
-  "root": "awsui_root_9duf6_2xik3_199",
-  "interior": "awsui_interior_9duf6_2xik3_232",
-  "dropdown": "awsui_dropdown_9duf6_2xik3_153",
-  "use-portal": "awsui_use-portal_9duf6_2xik3_242",
-  "is-empty": "awsui_is-empty_9duf6_2xik3_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_2xik3_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_2xik3_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_2xik3_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_2xik3_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_2xik3_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_2xik3_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_2xik3_349",
-  "open": "awsui_open_9duf6_2xik3_358",
-  "nowrap": "awsui_nowrap_9duf6_2xik3_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_2xik3_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_2xik3_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_ilbqv_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_ilbqv_1",
+  "refresh": "awsui_refresh_9duf6_ilbqv_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_ilbqv_1",
+  "root": "awsui_root_9duf6_ilbqv_199",
+  "interior": "awsui_interior_9duf6_ilbqv_232",
+  "dropdown": "awsui_dropdown_9duf6_ilbqv_153",
+  "use-portal": "awsui_use-portal_9duf6_ilbqv_242",
+  "is-empty": "awsui_is-empty_9duf6_ilbqv_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_ilbqv_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_ilbqv_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_ilbqv_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_ilbqv_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_ilbqv_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_ilbqv_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_ilbqv_349",
+  "open": "awsui_open_9duf6_ilbqv_358",
+  "nowrap": "awsui_nowrap_9duf6_ilbqv_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_ilbqv_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_ilbqv_378"
 };
   

package/lib/internal/template/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_2xik3_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_ilbqv_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_ilbqv_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_2xik3_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_ilbqv_153.awsui_refresh_9duf6_ilbqv_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_2xik3_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_ilbqv_1;
   animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_9duf6_2xik3_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_ilbqv_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_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_ilbqv_153.awsui_refresh_9duf6_ilbqv_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_ilbqv_153.awsui_refresh_9duf6_ilbqv_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_ilbqv_153.awsui_refresh_9duf6_ilbqv_174:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_9duf6_2xik3_199:not(#\9) {
+.awsui_root_9duf6_ilbqv_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-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-7w835s, 400);
   font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   white-space: inherit;
 }
-.awsui_root_9duf6_2xik3_199.awsui_interior_9duf6_2xik3_232:not(#\9) {
+.awsui_root_9duf6_ilbqv_199.awsui_interior_9duf6_ilbqv_232:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_use-portal_9duf6_2xik3_242:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_use-portal_9duf6_ilbqv_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
+.awsui_dropdown_9duf6_ilbqv_153:not(#\9):not(.awsui_interior_9duf6_ilbqv_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
+  .awsui_dropdown_9duf6_ilbqv_153:not(#\9):not(.awsui_interior_9duf6_ilbqv_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232), .awsui-mode-entering .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_ilbqv_153:not(#\9):not(.awsui_interior_9duf6_ilbqv_232), .awsui-mode-entering .awsui_dropdown_9duf6_ilbqv_153:not(#\9):not(.awsui_interior_9duf6_ilbqv_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_ilbqv_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-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-7w835s, 400);
   font-family: var(--font-family-base-8x5ngf, "Noto 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-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_ilbqv_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-oaxffg, 0px));
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_is-empty_9duf6_2xik3_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_ilbqv_153.awsui_is-empty_9duf6_ilbqv_318:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_2xik3_153 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_dropdown-drop-up_9duf6_2xik3_325 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_ilbqv_325 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_dropdown-drop-up_9duf6_2xik3_325.awsui_with-limited-width_9duf6_2xik3_329 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_ilbqv_325.awsui_with-limited-width_9duf6_ilbqv_329 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_2xik3_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_ilbqv_332:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_2xik3_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_ilbqv_335:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_occupy-entire-width_9duf6_2xik3_338:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_occupy-entire-width_9duf6_ilbqv_338:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_use-flexible-width_9duf6_2xik3_341:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_use-flexible-width_9duf6_ilbqv_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_2xik3_153.awsui_interior_9duf6_2xik3_232 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_interior_9duf6_ilbqv_232 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_hide-block-border_9duf6_ilbqv_349 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_2xik3_325) > .awsui_dropdown-content-wrapper_9duf6_2xik3_153 {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_hide-block-border_9duf6_ilbqv_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_ilbqv_325) > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349.awsui_refresh_9duf6_2xik3_174 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_hide-block-border_9duf6_ilbqv_349.awsui_refresh_9duf6_ilbqv_174 > .awsui_dropdown-content-wrapper_9duf6_ilbqv_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_open_9duf6_ilbqv_358:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9):not(.awsui_interior_9duf6_2xik3_232).awsui_refresh_9duf6_2xik3_174[data-animating=true] {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_open_9duf6_ilbqv_358:not(#\9):not(.awsui_interior_9duf6_ilbqv_232).awsui_refresh_9duf6_ilbqv_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9):not(.awsui_interior_9duf6_2xik3_232).awsui_refresh_9duf6_2xik3_174[data-animating=true].awsui_dropdown-drop-up_9duf6_2xik3_325 {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_open_9duf6_ilbqv_358:not(#\9):not(.awsui_interior_9duf6_ilbqv_232).awsui_refresh_9duf6_ilbqv_174[data-animating=true].awsui_dropdown-drop-up_9duf6_ilbqv_325 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358.awsui_nowrap_9duf6_2xik3_367:not(#\9) {
+.awsui_dropdown_9duf6_ilbqv_153.awsui_open_9duf6_ilbqv_358.awsui_nowrap_9duf6_ilbqv_367:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_9duf6_2xik3_153:not(#\9) {
+.awsui_dropdown-content_9duf6_ilbqv_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_9duf6_2xik3_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_ilbqv_378:not(#\9) {
   block-size: 100%;
 }