@cloudscape-design/components 3.0.557 → 3.0.558

package/internal/components/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1b3x1_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1b3x1_1",
-  "refresh": "awsui_refresh_qwoo0_1b3x1_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1b3x1_1",
-  "root": "awsui_root_qwoo0_1b3x1_149",
-  "interior": "awsui_interior_qwoo0_1b3x1_185",
-  "dropdown": "awsui_dropdown_qwoo0_1b3x1_99",
-  "use-portal": "awsui_use-portal_qwoo0_1b3x1_196",
-  "is-empty": "awsui_is-empty_qwoo0_1b3x1_249",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1b3x1_252",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1b3x1_256",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1b3x1_259",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1b3x1_265",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1b3x1_271",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1b3x1_274",
-  "hide-upper-border": "awsui_hide-upper-border_qwoo0_1b3x1_278",
-  "open": "awsui_open_qwoo0_1b3x1_285",
-  "nowrap": "awsui_nowrap_qwoo0_1b3x1_294",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1b3x1_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1b3x1_305"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1ea5w_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1",
+  "refresh": "awsui_refresh_qwoo0_1ea5w_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1",
+  "root": "awsui_root_qwoo0_1ea5w_149",
+  "interior": "awsui_interior_qwoo0_1ea5w_185",
+  "dropdown": "awsui_dropdown_qwoo0_1ea5w_99",
+  "use-portal": "awsui_use-portal_qwoo0_1ea5w_196",
+  "is-empty": "awsui_is-empty_qwoo0_1ea5w_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1ea5w_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_1ea5w_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1ea5w_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1ea5w_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1ea5w_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_1ea5w_281",
+  "open": "awsui_open_qwoo0_1ea5w_287",
+  "nowrap": "awsui_nowrap_qwoo0_1ea5w_296",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_1ea5w_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1ea5w_307"
 };
   

package/internal/components/dropdown/styles.scoped.css

@@ -96,10 +96,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_qwoo0_1b3x1_99:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1b3x1_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1b3x1_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1 {
   from {
     opacity: 0.4;
   }
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1b3x1_99.awsui_refresh_qwoo0_1b3x1_120:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1b3x1_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1;
   animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1b3x1_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1 {
   from {
     opacity: 0;
   }
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99.awsui_refresh_qwoo0_1b3x1_120:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99.awsui_refresh_qwoo0_1b3x1_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99.awsui_refresh_qwoo0_1b3x1_120:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -146,7 +146,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_root_qwoo0_1b3x1_149:not(#\9) {
+.awsui_root_qwoo0_1ea5w_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_1b3x1_149.awsui_interior_qwoo0_1b3x1_185:not(#\9) {
+.awsui_root_qwoo0_1ea5w_149.awsui_interior_qwoo0_1ea5w_185:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_use-portal_qwoo0_1b3x1_196:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_use-portal_qwoo0_1ea5w_196:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_1b3x1_99:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185) {
+.awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_1b3x1_99:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185) {
+  .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_1b3x1_99:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1b3x1_99:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
   outline: none;
@@ -221,16 +221,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
-  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
+  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   box-sizing: border-box;
-  border-block-end: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
   inset-block-start: -1px;
-  inset-block-end: 0px;
+  inset-block-end: -1px;
   inset-inline-start: 0px;
   inset-inline-end: 0px;
   background-color: transparent;
@@ -243,67 +242,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
     border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
     border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
   }
 }
-.awsui_dropdown-content-wrapper_qwoo0_1b3x1_99.awsui_is-empty_qwoo0_1b3x1_249:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_is-empty_qwoo0_1ea5w_248:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown-drop-up_qwoo0_1b3x1_252 > .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
+  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
+}
+.awsui_dropdown-drop-up_qwoo0_1ea5w_255 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_dropdown-drop-up_qwoo0_1b3x1_252.awsui_with-limited-width_qwoo0_1b3x1_256 > .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_1ea5w_255.awsui_with-limited-width_qwoo0_1ea5w_259 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_1b3x1_259:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_1ea5w_262:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-left_qwoo0_1b3x1_259:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-left_qwoo0_1ea5w_262:not(#\9):dir(rtl) {
   inset-inline-end: unset;
 }
-.awsui_dropdown-drop-right_qwoo0_1b3x1_265:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_1ea5w_268:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_1b3x1_265:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-right_qwoo0_1ea5w_268:not(#\9):dir(rtl) {
   inset-inline-start: unset;
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_occupy-entire-width_qwoo0_1b3x1_271:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_occupy-entire-width_qwoo0_1ea5w_274:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_stretch-beyond-trigger-width_qwoo0_1b3x1_274:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-iof9y8, 100%);
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_hide-upper-border_qwoo0_1b3x1_278 > .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
-  border-block-start: none;
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_hide-block-border_qwoo0_1ea5w_281 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+  border-block: none;
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_interior_qwoo0_1b3x1_185 > .awsui_dropdown-content-wrapper_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_interior_qwoo0_1ea5w_185 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
   margin-block-start: -1px;
-  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_open_qwoo0_1b3x1_285:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_open_qwoo0_1b3x1_285:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185).awsui_refresh_qwoo0_1b3x1_120[data-animating=true] {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185).awsui_refresh_qwoo0_1ea5w_120[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_open_qwoo0_1b3x1_285:not(#\9):not(.awsui_interior_qwoo0_1b3x1_185).awsui_refresh_qwoo0_1b3x1_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1b3x1_252 {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185).awsui_refresh_qwoo0_1ea5w_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1ea5w_255 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_1b3x1_99.awsui_open_qwoo0_1b3x1_285.awsui_nowrap_qwoo0_1b3x1_294:not(#\9) {
+.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287.awsui_nowrap_qwoo0_1ea5w_296:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_1b3x1_99:not(#\9) {
+.awsui_dropdown-content_qwoo0_1ea5w_99:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_1b3x1_305:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_1ea5w_307:not(#\9) {
   block-size: 100%;
 }

package/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1b3x1_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1b3x1_1",
-  "refresh": "awsui_refresh_qwoo0_1b3x1_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1b3x1_1",
-  "root": "awsui_root_qwoo0_1b3x1_149",
-  "interior": "awsui_interior_qwoo0_1b3x1_185",
-  "dropdown": "awsui_dropdown_qwoo0_1b3x1_99",
-  "use-portal": "awsui_use-portal_qwoo0_1b3x1_196",
-  "is-empty": "awsui_is-empty_qwoo0_1b3x1_249",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1b3x1_252",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1b3x1_256",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1b3x1_259",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1b3x1_265",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1b3x1_271",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1b3x1_274",
-  "hide-upper-border": "awsui_hide-upper-border_qwoo0_1b3x1_278",
-  "open": "awsui_open_qwoo0_1b3x1_285",
-  "nowrap": "awsui_nowrap_qwoo0_1b3x1_294",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1b3x1_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1b3x1_305"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1ea5w_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1",
+  "refresh": "awsui_refresh_qwoo0_1ea5w_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1",
+  "root": "awsui_root_qwoo0_1ea5w_149",
+  "interior": "awsui_interior_qwoo0_1ea5w_185",
+  "dropdown": "awsui_dropdown_qwoo0_1ea5w_99",
+  "use-portal": "awsui_use-portal_qwoo0_1ea5w_196",
+  "is-empty": "awsui_is-empty_qwoo0_1ea5w_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1ea5w_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_1ea5w_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1ea5w_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1ea5w_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1ea5w_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_1ea5w_281",
+  "open": "awsui_open_qwoo0_1ea5w_287",
+  "nowrap": "awsui_nowrap_qwoo0_1ea5w_296",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_1ea5w_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1ea5w_307"
 };
   

package/internal/components/options-list/index.d.ts

@@ -26,7 +26,7 @@ export interface OptionsListProps extends BaseComponentProps {
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    decreaseTopMargin?: boolean;
+    decreaseBlockMargin?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLUListElement>>;
 export default _default;

package/internal/components/options-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAqFD,wBAA6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;;AAqFD,wBAA6C"}

package/internal/components/options-list/index.js

@@ -16,7 +16,7 @@ const getItemIndex = (containerRef, event) => {
     return mouseTarget ? parseInt(mouseTarget) : -1;
 };
 const OptionsList = (_a, ref) => {
-    var { open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', decreaseTopMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby } = _a, restProps = __rest(_a, ["open", "statusType", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseTopMargin", "ariaLabel", "ariaLabelledby", "ariaDescribedby"]);
+    var { open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', decreaseBlockMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby } = _a, restProps = __rest(_a, ["open", "statusType", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseBlockMargin", "ariaLabel", "ariaLabelledby", "ariaDescribedby"]);
     const baseProps = getBaseProps(restProps);
     const menuRef = useRef(null);
     const handleScroll = useStableCallback(() => {
@@ -35,7 +35,7 @@ const OptionsList = (_a, ref) => {
         }
     }, [open, statusType, handleScroll]);
     const className = clsx(styles['options-list'], {
-        [styles['decrease-top-margin']]: decreaseTopMargin,
+        [styles['decrease-block-margin']]: decreaseBlockMargin,
     });
     const mergedRef = useMergeRefs(ref, menuRef);
     return (React.createElement("ul", Object.assign({}, baseProps, nativeAttributes, { className: className, ref: mergedRef, style: { position }, role: role, onScroll: handleScroll, onKeyDown: event => onKeyDown && fireKeyboardEvent(onKeyDown, event), onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)), onMouseUp: event => onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)), onBlur: event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }), onFocus: () => fireNonCancelableEvent(onFocus), tabIndex: -1, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }), open && children));

package/internal/components/options-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { DropdownStatusProps } from '../dropdown-status';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  statusType: DropdownStatusProps.StatusType;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n  const target = findUpUntil(\n    event.target as HTMLElement,\n    element => element === containerRef.current || !!element.dataset.mouseTarget\n  );\n  const mouseTarget = target?.dataset.mouseTarget;\n  return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n  {\n    open,\n    statusType,\n    children,\n    nativeAttributes = {},\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onLoadMore,\n    onMouseUp,\n    onMouseMove,\n    position = 'relative',\n    role = 'listbox',\n    decreaseTopMargin = false,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = useStableCallback(() => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (open && statusType === 'pending') {\n      handleScroll();\n    }\n  }, [open, statusType, handleScroll]);\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { DropdownStatusProps } from '../dropdown-status';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  statusType: DropdownStatusProps.StatusType;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseBlockMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n  const target = findUpUntil(\n    event.target as HTMLElement,\n    element => element === containerRef.current || !!element.dataset.mouseTarget\n  );\n  const mouseTarget = target?.dataset.mouseTarget;\n  return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n  {\n    open,\n    statusType,\n    children,\n    nativeAttributes = {},\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onLoadMore,\n    onMouseUp,\n    onMouseMove,\n    position = 'relative',\n    role = 'listbox',\n    decreaseBlockMargin = false,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = useStableCallback(() => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (open && statusType === 'pending') {\n      handleScroll();\n    }\n  }, [open, statusType, handleScroll]);\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-block-margin']]: decreaseBlockMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

package/internal/components/options-list/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_9jhyj_99",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_9jhyj_149"
+  "options-list": "awsui_options-list_19gcf_halkh_99",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_halkh_149"
 };
   

package/internal/components/options-list/styles.scoped.css

@@ -96,7 +96,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_options-list_19gcf_9jhyj_99:not(#\9) {
+.awsui_options-list_19gcf_halkh_99:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -147,6 +147,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
 
-.awsui_decrease-top-margin_19gcf_9jhyj_149:not(#\9) {
-  margin-block-start: -1px;
+.awsui_decrease-block-margin_19gcf_halkh_149:not(#\9) {
+  margin-block: -1px;
 }

package/internal/components/options-list/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_9jhyj_99",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_9jhyj_149"
+  "options-list": "awsui_options-list_19gcf_halkh_99",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_halkh_149"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (49293d33)";
+export var PACKAGE_VERSION = "3.0.0 (9aa87cd9)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (49293d33)",
+  "PACKAGE_VERSION": "3.0.0 (9aa87cd9)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "49293d337ab741d9a8b3b7295a11f5b908a8ef8b"
+  "commit": "9aa87cd96d906089771582a1f9e3398fb63acfc7"
 }

package/internal/utils/global-flags.d.ts

@@ -2,10 +2,10 @@ export declare const awsuiGlobalFlagsSymbol: unique symbol;
 interface GlobalFlags {
     removeHighContrastHeader?: boolean;
 }
-interface ExtendedWindow extends Window {
+export interface FlagsHolder {
     [awsuiGlobalFlagsSymbol]?: GlobalFlags;
 }
-export declare const getTopWindow: () => ExtendedWindow | undefined;
+export declare const getTopWindow: () => Window | null;
 export declare const getGlobalFlag: (flagName: keyof GlobalFlags) => GlobalFlags[keyof GlobalFlags] | undefined;
 export {};
 //# sourceMappingURL=global-flags.d.ts.map

package/internal/utils/global-flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-flags.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,eAAmC,CAAC;AAEvE,UAAU,WAAW;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,MAAM;IACrC,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;CACxC;AAGD,eAAO,MAAM,YAAY,QAAO,cAAc,GAAG,SAEhD,CAAC;AASF,eAAO,MAAM,aAAa,aAAc,MAAM,WAAW,KAAG,WAAW,CAAC,MAAM,WAAW,CAAC,GAAG,SAU5F,CAAC"}
+{"version":3,"file":"global-flags.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,eAAmC,CAAC;AAEvE,UAAU,WAAW;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,qBAExB,CAAC;AAWF,eAAO,MAAM,aAAa,aAAc,MAAM,WAAW,KAAG,WAAW,CAAC,MAAM,WAAW,CAAC,GAAG,SAU5F,CAAC"}

package/internal/utils/global-flags.js

@@ -4,15 +4,17 @@ export const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');
 export const getTopWindow = () => {
     return window.top;
 };
+function getGlobal() {
+    return typeof window !== 'undefined' ? window : globalThis;
+}
 function readFlag(window, flagName) {
-    if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {
-        return undefined;
-    }
-    return window[awsuiGlobalFlagsSymbol][flagName];
+    var _a;
+    const holder = window;
+    return (_a = holder === null || holder === void 0 ? void 0 : holder[awsuiGlobalFlagsSymbol]) === null || _a === void 0 ? void 0 : _a[flagName];
 }
 export const getGlobalFlag = (flagName) => {
     try {
-        const ownFlag = readFlag(window, flagName);
+        const ownFlag = readFlag(getGlobal(), flagName);
         if (ownFlag !== undefined) {
             return ownFlag;
         }

package/internal/utils/global-flags.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-flags.js","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAWvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA+B,EAAE;IAC3D,OAAO,MAAM,CAAC,GAAqB,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,MAAkC,EAAE,QAA2B;IAC/E,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;QACpE,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAA8C,EAAE;IACvG,IAAI;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;KAC3C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');\n\ninterface GlobalFlags {\n  removeHighContrastHeader?: boolean;\n}\n\ninterface ExtendedWindow extends Window {\n  [awsuiGlobalFlagsSymbol]?: GlobalFlags;\n}\ndeclare const window: ExtendedWindow;\n\nexport const getTopWindow = (): ExtendedWindow | undefined => {\n  return window.top as ExtendedWindow;\n};\n\nfunction readFlag(window: ExtendedWindow | undefined, flagName: keyof GlobalFlags) {\n  if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {\n    return undefined;\n  }\n  return window[awsuiGlobalFlagsSymbol][flagName];\n}\n\nexport const getGlobalFlag = (flagName: keyof GlobalFlags): GlobalFlags[keyof GlobalFlags] | undefined => {\n  try {\n    const ownFlag = readFlag(window, flagName);\n    if (ownFlag !== undefined) {\n      return ownFlag;\n    }\n    return readFlag(getTopWindow(), flagName);\n  } catch (e) {\n    return undefined;\n  }\n};\n"]}
+{"version":3,"file":"global-flags.js","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAUvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,MAAM,CAAC,GAAG,CAAC;AACpB,CAAC,CAAC;AAEF,SAAS,SAAS;IAChB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;AAC7D,CAAC;AAED,SAAS,QAAQ,CAAC,MAAe,EAAE,QAA2B;;IAC5D,MAAM,MAAM,GAAG,MAA4B,CAAC;IAC5C,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,sBAAsB,CAAC,0CAAG,QAAQ,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAA8C,EAAE;IACvG,IAAI;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,SAAS,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChD,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;KAC3C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');\n\ninterface GlobalFlags {\n  removeHighContrastHeader?: boolean;\n}\n\nexport interface FlagsHolder {\n  [awsuiGlobalFlagsSymbol]?: GlobalFlags;\n}\n\nexport const getTopWindow = () => {\n  return window.top;\n};\n\nfunction getGlobal() {\n  return typeof window !== 'undefined' ? window : globalThis;\n}\n\nfunction readFlag(window: unknown, flagName: keyof GlobalFlags) {\n  const holder = window as FlagsHolder | null;\n  return holder?.[awsuiGlobalFlagsSymbol]?.[flagName];\n}\n\nexport const getGlobalFlag = (flagName: keyof GlobalFlags): GlobalFlags[keyof GlobalFlags] | undefined => {\n  try {\n    const ownFlag = readFlag(getGlobal(), flagName);\n    if (ownFlag !== undefined) {\n      return ownFlag;\n    }\n    return readFlag(getTopWindow(), flagName);\n  } catch (e) {\n    return undefined;\n  }\n};\n"]}

package/package.json

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