npm - @cloudscape-design/components - Versions diffs - 3.0.871 → 3.0.872 - Mend

@cloudscape-design/components 3.0.871 → 3.0.872

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/container/styles.css.js +32 -31
package/container/styles.scoped.css +57 -54
package/container/styles.selectors.js +32 -31
package/internal/components/autosuggest-input/index.d.ts.map +1 -1
package/internal/components/autosuggest-input/index.js +6 -0
package/internal/components/autosuggest-input/index.js.map +1 -1
package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/manifest.json +1 -1
package/internal/utils/dom.d.ts +1 -0
package/internal/utils/dom.d.ts.map +1 -1
package/internal/utils/dom.js +8 -0
package/internal/utils/dom.js.map +1 -1
package/package.json +1 -1
package/table/header-cell/styles.css.js +28 -26
package/table/header-cell/styles.scoped.css +68 -65
package/table/header-cell/styles.selectors.js +28 -26

package/container/styles.css.js CHANGED Viewed

@@ -1,36 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_irvl0_189",
-  "fit-height": "awsui_fit-height_14iqq_irvl0_222",
-  "with-side-media": "awsui_with-side-media_14iqq_irvl0_227",
-  "variant-default": "awsui_variant-default_14iqq_irvl0_230",
-  "variant-stacked": "awsui_variant-stacked_14iqq_irvl0_230",
-  "refresh": "awsui_refresh_14iqq_irvl0_238",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_irvl0_288",
-  "with-top-media": "awsui_with-top-media_14iqq_irvl0_300",
-  "content-wrapper": "awsui_content-wrapper_14iqq_irvl0_305",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_irvl0_310",
-  "media": "awsui_media_14iqq_irvl0_317",
-  "media-top": "awsui_media-top_14iqq_irvl0_335",
-  "media-side": "awsui_media-side_14iqq_irvl0_340",
-  "header": "awsui_header_14iqq_irvl0_346",
-  "header-full-page": "awsui_header-full-page_14iqq_irvl0_351",
-  "header-with-media": "awsui_header-with-media_14iqq_irvl0_354",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_irvl0_360",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_irvl0_364",
-  "header-stuck": "awsui_header-stuck_14iqq_irvl0_370",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_irvl0_380",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_irvl0_383",
-  "with-paddings": "awsui_with-paddings_14iqq_irvl0_389",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_irvl0_398",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_irvl0_456",
-  "header-cover": "awsui_header-cover_14iqq_irvl0_459",
-  "content": "awsui_content_14iqq_irvl0_305",
-  "content-fit-height": "awsui_content-fit-height_14iqq_irvl0_487",
-  "content-inner": "awsui_content-inner_14iqq_irvl0_493",
-  "with-header": "awsui_with-header_14iqq_irvl0_500",
-  "footer": "awsui_footer_14iqq_irvl0_504",
-  "with-divider": "awsui_with-divider_14iqq_irvl0_508"
+  "root": "awsui_root_14iqq_96qba_189",
+  "fit-height": "awsui_fit-height_14iqq_96qba_222",
+  "with-side-media": "awsui_with-side-media_14iqq_96qba_227",
+  "variant-default": "awsui_variant-default_14iqq_96qba_230",
+  "variant-stacked": "awsui_variant-stacked_14iqq_96qba_230",
+  "refresh": "awsui_refresh_14iqq_96qba_238",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_96qba_288",
+  "with-top-media": "awsui_with-top-media_14iqq_96qba_300",
+  "content-wrapper": "awsui_content-wrapper_14iqq_96qba_305",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_96qba_310",
+  "media": "awsui_media_14iqq_96qba_317",
+  "media-top": "awsui_media-top_14iqq_96qba_335",
+  "media-side": "awsui_media-side_14iqq_96qba_340",
+  "header": "awsui_header_14iqq_96qba_346",
+  "header-full-page": "awsui_header-full-page_14iqq_96qba_351",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_96qba_354",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_96qba_354",
+  "header-with-media": "awsui_header-with-media_14iqq_96qba_357",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_96qba_363",
+  "header-stuck": "awsui_header-stuck_14iqq_96qba_373",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_96qba_383",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_96qba_386",
+  "with-paddings": "awsui_with-paddings_14iqq_96qba_392",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_96qba_401",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_96qba_459",
+  "header-cover": "awsui_header-cover_14iqq_96qba_462",
+  "content": "awsui_content_14iqq_96qba_305",
+  "content-fit-height": "awsui_content-fit-height_14iqq_96qba_490",
+  "content-inner": "awsui_content-inner_14iqq_96qba_496",
+  "with-header": "awsui_with-header_14iqq_96qba_503",
+  "footer": "awsui_footer_14iqq_96qba_507",
+  "with-divider": "awsui_with-divider_14iqq_96qba_511"
 };

package/container/styles.scoped.css CHANGED Viewed

@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14iqq_irvl0_189:not(#\9) {
+.awsui_root_14iqq_96qba_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -220,15 +220,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_irvl0_189.awsui_fit-height_14iqq_irvl0_222:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_fit-height_14iqq_96qba_222:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_irvl0_189.awsui_fit-height_14iqq_irvl0_222.awsui_with-side-media_14iqq_irvl0_227:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_fit-height_14iqq_96qba_222.awsui_with-side-media_14iqq_96qba_227:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9) {
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -236,11 +236,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230.awsui_refresh_14iqq_irvl0_238:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230.awsui_refresh_14iqq_irvl0_238:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230.awsui_refresh_14iqq_96qba_238:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230.awsui_refresh_14iqq_96qba_238:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -258,7 +258,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -274,144 +274,147 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_irvl0_189.awsui_sticky-enabled_14iqq_irvl0_288:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_sticky-enabled_14iqq_96qba_288:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
 }
-.awsui_root_14iqq_irvl0_189.awsui_sticky-enabled_14iqq_irvl0_288:not(#\9):not(.awsui_refresh_14iqq_irvl0_238).awsui_variant-stacked_14iqq_irvl0_230::before {
+.awsui_root_14iqq_96qba_189.awsui_sticky-enabled_14iqq_96qba_288:not(#\9):not(.awsui_refresh_14iqq_96qba_238).awsui_variant-stacked_14iqq_96qba_230::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_with-side-media_14iqq_irvl0_227:not(#\9) {
+.awsui_with-side-media_14iqq_96qba_227:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_irvl0_300:not(#\9) {
+.awsui_with-top-media_14iqq_96qba_300:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_irvl0_305:not(#\9) {
+.awsui_content-wrapper_14iqq_96qba_305:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_irvl0_310:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_96qba_310:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_media_14iqq_irvl0_317:not(#\9) {
+.awsui_media_14iqq_96qba_317:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_irvl0_317 img:not(#\9),
-.awsui_media_14iqq_irvl0_317 video:not(#\9),
-.awsui_media_14iqq_irvl0_317 picture:not(#\9) {
+.awsui_media_14iqq_96qba_317 img:not(#\9),
+.awsui_media_14iqq_96qba_317 video:not(#\9),
+.awsui_media_14iqq_96qba_317 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_irvl0_317 iframe:not(#\9) {
+.awsui_media_14iqq_96qba_317 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_irvl0_335:not(#\9) {
+.awsui_media-top_14iqq_96qba_335:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
-.awsui_media-side_14iqq_irvl0_340:not(#\9) {
+.awsui_media-side_14iqq_96qba_340:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
-.awsui_header_14iqq_irvl0_346:not(#\9) {
+.awsui_header_14iqq_96qba_346:not(#\9) {
   background-color: var(--color-background-container-header-clzg6q, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-full-page_14iqq_irvl0_351:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_header-full-page_14iqq_96qba_351:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-with-media_14iqq_irvl0_354:not(#\9) {
+.awsui_header-variant-embedded_14iqq_96qba_354.awsui_refresh_14iqq_96qba_238:not(#\9):not(.awsui_header-sticky-enabled_14iqq_96qba_354) {
+  background-color: transparent;
+}
+.awsui_header_14iqq_96qba_346.awsui_header-with-media_14iqq_96qba_357:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-with-media_14iqq_irvl0_354:not(#\9):not(:empty) {
+.awsui_header_14iqq_96qba_346.awsui_header-with-media_14iqq_96qba_357:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_irvl0_360:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_96qba_363:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_irvl0_364:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_96qba_354:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9):not(.awsui_header-variant-cards_14iqq_irvl0_380) {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9):not(.awsui_header-variant-cards_14iqq_96qba_383) {
   box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_irvl0_383.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-dynamic-height_14iqq_96qba_386.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
 }
-.awsui_header_14iqq_irvl0_346:not(#\9):not(:empty) {
+.awsui_header_14iqq_96qba_346:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block-start: var(--space-container-header-top-5qav00, 12px);
   padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-paddings_14iqq_irvl0_389.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-paddings_14iqq_96qba_392.awsui_header-variant-cards_14iqq_96qba_383:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-hidden-content_14iqq_irvl0_398:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-hidden-content_14iqq_96qba_401:not(#\9) {
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9) {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9) {
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380.awsui_refresh_14iqq_irvl0_238:not(#\9) {
+.awsui_header-variant-cards_14iqq_96qba_383.awsui_refresh_14iqq_96qba_238:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -429,7 +432,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -445,26 +448,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_header-sticky-enabled_14iqq_irvl0_364) {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_header-sticky-enabled_14iqq_96qba_354) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::after, .awsui_header-variant-cards_14iqq_irvl0_380.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_96qba_383.awsui_header-stuck_14iqq_96qba_373:not(#\9)::after, .awsui_header-variant-cards_14iqq_96qba_383.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370 > .awsui_header-cover_14iqq_irvl0_459:not(#\9) {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373 > .awsui_header-cover_14iqq_96qba_462:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-aqzyko, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px));
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -474,7 +477,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -482,30 +485,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_content_14iqq_irvl0_305:not(#\9) {
+.awsui_content_14iqq_96qba_305:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_irvl0_487:not(#\9) {
+.awsui_content-fit-height_14iqq_96qba_490:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
-.awsui_content-inner_14iqq_irvl0_493:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_irvl0_493.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block: var(--space-scaled-l-0hpmd7, 20px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_content-inner_14iqq_irvl0_493.awsui_with-paddings_14iqq_irvl0_389.awsui_with-header_14iqq_irvl0_500:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496.awsui_with-paddings_14iqq_96qba_392.awsui_with-header_14iqq_96qba_503:not(#\9) {
   padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
 }
-.awsui_footer_14iqq_irvl0_504.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_footer_14iqq_96qba_507.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block: var(--space-scaled-s-aqzyko, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_footer_14iqq_irvl0_504.awsui_with-divider_14iqq_irvl0_508:not(#\9) {
+.awsui_footer_14iqq_96qba_507.awsui_with-divider_14iqq_96qba_511:not(#\9) {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }

package/container/styles.selectors.js CHANGED Viewed

@@ -2,36 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_irvl0_189",
-  "fit-height": "awsui_fit-height_14iqq_irvl0_222",
-  "with-side-media": "awsui_with-side-media_14iqq_irvl0_227",
-  "variant-default": "awsui_variant-default_14iqq_irvl0_230",
-  "variant-stacked": "awsui_variant-stacked_14iqq_irvl0_230",
-  "refresh": "awsui_refresh_14iqq_irvl0_238",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_irvl0_288",
-  "with-top-media": "awsui_with-top-media_14iqq_irvl0_300",
-  "content-wrapper": "awsui_content-wrapper_14iqq_irvl0_305",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_irvl0_310",
-  "media": "awsui_media_14iqq_irvl0_317",
-  "media-top": "awsui_media-top_14iqq_irvl0_335",
-  "media-side": "awsui_media-side_14iqq_irvl0_340",
-  "header": "awsui_header_14iqq_irvl0_346",
-  "header-full-page": "awsui_header-full-page_14iqq_irvl0_351",
-  "header-with-media": "awsui_header-with-media_14iqq_irvl0_354",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_irvl0_360",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_irvl0_364",
-  "header-stuck": "awsui_header-stuck_14iqq_irvl0_370",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_irvl0_380",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_irvl0_383",
-  "with-paddings": "awsui_with-paddings_14iqq_irvl0_389",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_irvl0_398",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_irvl0_456",
-  "header-cover": "awsui_header-cover_14iqq_irvl0_459",
-  "content": "awsui_content_14iqq_irvl0_305",
-  "content-fit-height": "awsui_content-fit-height_14iqq_irvl0_487",
-  "content-inner": "awsui_content-inner_14iqq_irvl0_493",
-  "with-header": "awsui_with-header_14iqq_irvl0_500",
-  "footer": "awsui_footer_14iqq_irvl0_504",
-  "with-divider": "awsui_with-divider_14iqq_irvl0_508"
+  "root": "awsui_root_14iqq_96qba_189",
+  "fit-height": "awsui_fit-height_14iqq_96qba_222",
+  "with-side-media": "awsui_with-side-media_14iqq_96qba_227",
+  "variant-default": "awsui_variant-default_14iqq_96qba_230",
+  "variant-stacked": "awsui_variant-stacked_14iqq_96qba_230",
+  "refresh": "awsui_refresh_14iqq_96qba_238",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_96qba_288",
+  "with-top-media": "awsui_with-top-media_14iqq_96qba_300",
+  "content-wrapper": "awsui_content-wrapper_14iqq_96qba_305",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_96qba_310",
+  "media": "awsui_media_14iqq_96qba_317",
+  "media-top": "awsui_media-top_14iqq_96qba_335",
+  "media-side": "awsui_media-side_14iqq_96qba_340",
+  "header": "awsui_header_14iqq_96qba_346",
+  "header-full-page": "awsui_header-full-page_14iqq_96qba_351",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_96qba_354",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_96qba_354",
+  "header-with-media": "awsui_header-with-media_14iqq_96qba_357",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_96qba_363",
+  "header-stuck": "awsui_header-stuck_14iqq_96qba_373",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_96qba_383",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_96qba_386",
+  "with-paddings": "awsui_with-paddings_14iqq_96qba_392",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_96qba_401",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_96qba_459",
+  "header-cover": "awsui_header-cover_14iqq_96qba_462",
+  "content": "awsui_content_14iqq_96qba_305",
+  "content-fit-height": "awsui_content-fit-height_14iqq_96qba_490",
+  "content-inner": "awsui_content-inner_14iqq_96qba_496",
+  "with-header": "awsui_with-header_14iqq_96qba_503",
+  "footer": "awsui_footer_14iqq_96qba_507",
+  "with-divider": "awsui_with-divider_14iqq_96qba_511"
 };

package/internal/components/autosuggest-input/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;~~AAI5E~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,~~mGAmPrB~~,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAK5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAwPrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/internal/components/autosuggest-input/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { getBaseProps } from '../../base-component';
 import { useFormFieldContext } from '../../context/form-field-context';
 import { fireCancelableEvent, fireNonCancelableEvent } from '../../events';
 import { KeyCode } from '../../keycode';
+import { documentHasFocus } from '../../utils/dom';
 import { nodeBelongs } from '../../utils/node-belongs';
 import Dropdown from '../dropdown';
 import styles from './styles.css.js';
@@ -42,6 +43,11 @@ const AutosuggestInput = React.forwardRef((_a, ref) => {
         close: closeDropdown,
     }));
     const handleBlur = () => {
+        // When the document in not in focus it means the focus moved outside the page. In that case the dropdown shall stay open
+        // so that when the user comes back it does not re-open unexpectedly when the focus is restored by the browser.
+        if (!documentHasFocus()) {
+            return;
+        }
         if (!preventCloseOnBlurRef.current) {
             closeDropdown();
             fireNonCancelableEvent(onBlur, null);

package/internal/components/autosuggest-input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n} from '../../../input/interfaces';\nimport InternalInput, { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n if (open) {\n event.stopPropagation();\n closeDropdown();\n } else if (value) {\n event.stopPropagation();\n fireNonCancelableEvent(onChange, { value: '' });\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: InternalInputProps['__nativeAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n __nativeAttributes={nativeAttributes}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent \|\| !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n {dropdownFooter}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n} from '../../../input/interfaces';\nimport InternalInput, { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { documentHasFocus } from '../../utils/dom';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n // When the document in not in focus it means the focus moved outside the page. In that case the dropdown shall stay open\n // so that when the user comes back it does not re-open unexpectedly when the focus is restored by the browser.\n if (!documentHasFocus()) {\n return;\n }\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n if (open) {\n event.stopPropagation();\n closeDropdown();\n } else if (value) {\n event.stopPropagation();\n fireNonCancelableEvent(onChange, { value: '' });\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: InternalInputProps['__nativeAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n __nativeAttributes={nativeAttributes}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent \|\| !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n {dropdownFooter}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (02ab7098)";
+export var PACKAGE_VERSION = "3.0.0 (e62a0745)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (02ab7098)",
+  "PACKAGE_VERSION": "3.0.0 (e62a0745)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "02ab70982b635f8c7622b907a35d700e40993ba1"
+  "commit": "e62a0745c8920c1479d0dfcaec3a2bf2aca5f79f"
 }

package/internal/utils/dom.d.ts CHANGED Viewed

@@ -18,4 +18,5 @@ export declare function parseCssVariable(value: string): string;
 export declare function isNode(target: unknown): target is Node;
 export declare function isHTMLElement(target: unknown): target is HTMLElement;
 export declare function isSVGElement(target: unknown): target is SVGElement;
+export declare function documentHasFocus(): boolean;
 //# sourceMappingURL=dom.d.ts.map

package/internal/utils/dom.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAOA,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAQ/D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAMhF;AAOD,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,KAAK,GACN,EAAE;IACD,YAAY,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC;CACrD,+BAmBA;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAqB7C;AAKD,wBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,IAAI,CAYtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,WAAW,CAUpE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,UAAU,CAQlE"}
1	+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAOA,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAQ/D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAMhF;AAOD,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,KAAK,GACN,EAAE;IACD,YAAY,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC;CACrD,+BAmBA;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAqB7C;AAKD,wBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,IAAI,CAYtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,WAAW,CAUpE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,IAAI,UAAU,CAQlE;AAED,wBAAgB,gBAAgB,YAM/B"}

package/internal/utils/dom.js CHANGED Viewed

@@ -99,4 +99,12 @@ export function isSVGElement(target) {
             'ownerSVGElement' in target &&
             typeof target.ownerSVGElement === 'object'));
 }
+export function documentHasFocus() {
+    var _a;
+    // In JSDOM the hasFocus() always returns false which differs from the in-browser experience, see: https://github.com/jsdom/jsdom/issues/3794.
+    // Thus, when detecting JSDOM environment we return true here explicitly for the tests to work expectedly.
+    // The detection depends on the default userAgent set in JSDOM, see: https://github.com/jsdom/jsdom?tab=readme-ov-file#advanced-configuration.
+    const isJSDOM = typeof navigator !== 'undefined' && ((_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('jsdom'));
+    return isJSDOM || (typeof document !== undefined && document.hasFocus());
+}
 //# sourceMappingURL=dom.js.map

package/internal/utils/dom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport balanced from 'balanced-match';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nexport function isContainingBlock(element: HTMLElement): boolean {\n const computedStyle = getComputedStyle(element);\n return (\n (!!computedStyle.transform && computedStyle.transform !== 'none') \|\|\n (!!computedStyle.perspective && computedStyle.perspective !== 'none') \|\|\n (!!computedStyle.containerType && computedStyle.containerType !== 'normal') \|\|\n computedStyle.contain?.split(' ').some(s => ['layout', 'paint', 'strict', 'content'].includes(s))\n );\n}\n\n/*\n Returns an element that is used to position the given element.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block\n /\nexport function getContainingBlock(startElement: HTMLElement): HTMLElement \| null {\n if (!startElement.parentElement) {\n return null;\n }\n\n return findUpUntil(startElement.parentElement, isContainingBlock) as HTMLElement;\n}\n\n/\n * Allows to find multiple elements in the page each according to a specific test function,\n * but traversing the DOM only once.\n /\n\nexport function findUpUntilMultiple({\n startElement,\n tests,\n}: {\n startElement: HTMLElement;\n tests: Record<string, (el: HTMLElement) => boolean>;\n}) {\n const keys = Object.keys(tests);\n const elements: Record<string, HTMLElement> = {};\n let current: HTMLElement \| null = startElement;\n while (current && Object.keys(elements).length < keys.length) {\n current = current.parentElement;\n // If a component is used within an svg (i.e. as foreignObject), then it will\n // have some ancestor nodes that are SVGElement. We want to skip those,\n // as they have very different properties to HTMLElements.\n while (current && !isHTMLElement(current)) {\n current = (current as Element).parentElement;\n }\n for (const key of keys) {\n if (!elements[key] && current && tests[key](current)) {\n elements[key] = current;\n }\n }\n }\n return elements;\n}\n\nconst cssVariableExpression = /--.+?\\s,\\s(.+)/;\n\n/\n Parses a CSS color value that might contain CSS Custom Properties\n * and returns a value that will be understood by the browser, no matter of support level.\n * If the browser support CSS Custom Properties, the value will be return as is. Otherwise,\n * the fallback value will be extracted and returned instead.\n */\nexport function parseCssVariable(value: string) {\n if (typeof window === 'undefined') {\n return value;\n }\n\n if (window.CSS?.supports?.('color', 'var(--dummy, #000)') ?? false) {\n return value;\n }\n\n const varIndex = value.lastIndexOf('var(');\n if (varIndex === -1) {\n return value;\n }\n\n const expr = balanced('(', ')', value.substr(varIndex));\n if (!expr) {\n return value;\n }\n\n const match = expr.body.match(cssVariableExpression);\n return match ? match[1] : value;\n}\n\n// The instanceof Node/HTMLElement/SVGElement checks can fail if the target element\n// belongs to a different window than the respective type.\n\nexport function isNode(target: unknown): target is Node {\n return (\n target instanceof Node \|\|\n (target !== null &&\n typeof target === 'object' &&\n 'nodeType' in target &&\n typeof target.nodeType === 'number' &&\n 'nodeName' in target &&\n typeof target.nodeName === 'string' &&\n 'parentNode' in target &&\n typeof target.parentNode === 'object')\n );\n}\n\nexport function isHTMLElement(target: unknown): target is HTMLElement {\n return (\n target instanceof HTMLElement \|\|\n (isNode(target) &&\n target.nodeType === Node.ELEMENT_NODE &&\n 'style' in target &&\n typeof target.style === 'object' &&\n typeof target.ownerDocument === 'object' &&\n !isSVGElement(target))\n );\n}\n\nexport function isSVGElement(target: unknown): target is SVGElement {\n return (\n target instanceof SVGElement \|\|\n (isNode(target) &&\n target.nodeType === Node.ELEMENT_NODE &&\n 'ownerSVGElement' in target &&\n typeof target.ownerSVGElement === 'object')\n );\n}\n"]}
1	+ {"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,UAAU,iBAAiB,CAAC,OAAoB;;IACpD,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,CACL,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC,SAAS,KAAK,MAAM,CAAC;QACjE,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,IAAI,aAAa,CAAC,WAAW,KAAK,MAAM,CAAC;QACrE,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,IAAI,aAAa,CAAC,aAAa,KAAK,QAAQ,CAAC;SAC3E,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA,CAClG,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAAyB;IAC1D,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,WAAW,CAAC,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAgB,CAAC;AACnF,CAAC;AAED;;;GAGG;AAEH,MAAM,UAAU,mBAAmB,CAAC,EAClC,YAAY,EACZ,KAAK,GAIN;IACC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAgC,EAAE,CAAC;IACjD,IAAI,OAAO,GAAuB,YAAY,CAAC;IAC/C,OAAO,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;QAC5D,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;QAChC,6EAA6E;QAC7E,uEAAuE;QACvE,0DAA0D;QAC1D,OAAO,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;YACzC,OAAO,GAAI,OAAmB,CAAC,aAAa,CAAC;SAC9C;QACD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE;gBACpD,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;aACzB;SACF;KACF;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAa;;IAC5C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAA,MAAA,MAAA,MAAM,CAAC,GAAG,0CAAE,QAAQ,mDAAG,OAAO,EAAE,oBAAoB,CAAC,mCAAI,KAAK,EAAE;QAClE,OAAO,KAAK,CAAC;KACd;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC;KACd;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACrD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAClC,CAAC;AAED,mFAAmF;AACnF,0DAA0D;AAE1D,MAAM,UAAU,MAAM,CAAC,MAAe;IACpC,OAAO,CACL,MAAM,YAAY,IAAI;QACtB,CAAC,MAAM,KAAK,IAAI;YACd,OAAO,MAAM,KAAK,QAAQ;YAC1B,UAAU,IAAI,MAAM;YACpB,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ;YACnC,UAAU,IAAI,MAAM;YACpB,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ;YACnC,YAAY,IAAI,MAAM;YACtB,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ,CAAC,CACzC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAe;IAC3C,OAAO,CACL,MAAM,YAAY,WAAW;QAC7B,CAAC,MAAM,CAAC,MAAM,CAAC;YACb,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACrC,OAAO,IAAI,MAAM;YACjB,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;YAChC,OAAO,MAAM,CAAC,aAAa,KAAK,QAAQ;YACxC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAAe;IAC1C,OAAO,CACL,MAAM,YAAY,UAAU;QAC5B,CAAC,MAAM,CAAC,MAAM,CAAC;YACb,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACrC,iBAAiB,IAAI,MAAM;YAC3B,OAAO,MAAM,CAAC,eAAe,KAAK,QAAQ,CAAC,CAC9C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB;;IAC9B,8IAA8I;IAC9I,0GAA0G;IAC1G,8IAA8I;IAC9I,MAAM,OAAO,GAAG,OAAO,SAAS,KAAK,WAAW,KAAI,MAAA,SAAS,CAAC,SAAS,0CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA,CAAC;IAC3F,OAAO,OAAO,IAAI,CAAC,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport balanced from 'balanced-match';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nexport function isContainingBlock(element: HTMLElement): boolean {\n const computedStyle = getComputedStyle(element);\n return (\n (!!computedStyle.transform && computedStyle.transform !== 'none') \|\|\n (!!computedStyle.perspective && computedStyle.perspective !== 'none') \|\|\n (!!computedStyle.containerType && computedStyle.containerType !== 'normal') \|\|\n computedStyle.contain?.split(' ').some(s => ['layout', 'paint', 'strict', 'content'].includes(s))\n );\n}\n\n/*\n Returns an element that is used to position the given element.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block\n /\nexport function getContainingBlock(startElement: HTMLElement): HTMLElement \| null {\n if (!startElement.parentElement) {\n return null;\n }\n\n return findUpUntil(startElement.parentElement, isContainingBlock) as HTMLElement;\n}\n\n/\n * Allows to find multiple elements in the page each according to a specific test function,\n * but traversing the DOM only once.\n /\n\nexport function findUpUntilMultiple({\n startElement,\n tests,\n}: {\n startElement: HTMLElement;\n tests: Record<string, (el: HTMLElement) => boolean>;\n}) {\n const keys = Object.keys(tests);\n const elements: Record<string, HTMLElement> = {};\n let current: HTMLElement \| null = startElement;\n while (current && Object.keys(elements).length < keys.length) {\n current = current.parentElement;\n // If a component is used within an svg (i.e. as foreignObject), then it will\n // have some ancestor nodes that are SVGElement. We want to skip those,\n // as they have very different properties to HTMLElements.\n while (current && !isHTMLElement(current)) {\n current = (current as Element).parentElement;\n }\n for (const key of keys) {\n if (!elements[key] && current && tests[key](current)) {\n elements[key] = current;\n }\n }\n }\n return elements;\n}\n\nconst cssVariableExpression = /--.+?\\s,\\s(.+)/;\n\n/\n Parses a CSS color value that might contain CSS Custom Properties\n * and returns a value that will be understood by the browser, no matter of support level.\n * If the browser support CSS Custom Properties, the value will be return as is. Otherwise,\n * the fallback value will be extracted and returned instead.\n */\nexport function parseCssVariable(value: string) {\n if (typeof window === 'undefined') {\n return value;\n }\n\n if (window.CSS?.supports?.('color', 'var(--dummy, #000)') ?? false) {\n return value;\n }\n\n const varIndex = value.lastIndexOf('var(');\n if (varIndex === -1) {\n return value;\n }\n\n const expr = balanced('(', ')', value.substr(varIndex));\n if (!expr) {\n return value;\n }\n\n const match = expr.body.match(cssVariableExpression);\n return match ? match[1] : value;\n}\n\n// The instanceof Node/HTMLElement/SVGElement checks can fail if the target element\n// belongs to a different window than the respective type.\n\nexport function isNode(target: unknown): target is Node {\n return (\n target instanceof Node \|\|\n (target !== null &&\n typeof target === 'object' &&\n 'nodeType' in target &&\n typeof target.nodeType === 'number' &&\n 'nodeName' in target &&\n typeof target.nodeName === 'string' &&\n 'parentNode' in target &&\n typeof target.parentNode === 'object')\n );\n}\n\nexport function isHTMLElement(target: unknown): target is HTMLElement {\n return (\n target instanceof HTMLElement \|\|\n (isNode(target) &&\n target.nodeType === Node.ELEMENT_NODE &&\n 'style' in target &&\n typeof target.style === 'object' &&\n typeof target.ownerDocument === 'object' &&\n !isSVGElement(target))\n );\n}\n\nexport function isSVGElement(target: unknown): target is SVGElement {\n return (\n target instanceof SVGElement \|\|\n (isNode(target) &&\n target.nodeType === Node.ELEMENT_NODE &&\n 'ownerSVGElement' in target &&\n typeof target.ownerSVGElement === 'object')\n );\n}\n\nexport function documentHasFocus() {\n // In JSDOM the hasFocus() always returns false which differs from the in-browser experience, see: https://github.com/jsdom/jsdom/issues/3794.\n // Thus, when detecting JSDOM environment we return true here explicitly for the tests to work expectedly.\n // The detection depends on the default userAgent set in JSDOM, see: https://github.com/jsdom/jsdom?tab=readme-ov-file#advanced-configuration.\n const isJSDOM = typeof navigator !== 'undefined' && navigator.userAgent?.includes('jsdom');\n return isJSDOM \|\| (typeof document !== undefined && document.hasFocus());\n}\n"]}

package/package.json CHANGED Viewed

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

package/table/header-cell/styles.css.js CHANGED Viewed

@@ -1,31 +1,33 @@
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_15zfd_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_15zfd_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_15zfd_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_15zfd_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_15zfd_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_15zfd_213",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_15zfd_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_15zfd_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_15zfd_237",
-  "has-selection": "awsui_has-selection_1spae_15zfd_237",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_15zfd_240",
-  "resize-divider": "awsui_resize-divider_1spae_15zfd_245",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_15zfd_252",
-  "sorting-icon": "awsui_sorting-icon_1spae_15zfd_262",
-  "edit-icon": "awsui_edit-icon_1spae_15zfd_270",
-  "header-cell-content": "awsui_header-cell-content_1spae_15zfd_276",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_15zfd_282",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_15zfd_334",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_15zfd_334",
-  "header-cell-text": "awsui_header-cell-text_1spae_15zfd_348",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_15zfd_352",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_15zfd_358",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_15zfd_359",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_15zfd_369",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_15zfd_473",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_15zfd_473"
+  "header-cell": "awsui_header-cell_1spae_1c23e_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1c23e_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1c23e_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1c23e_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1c23e_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1c23e_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1c23e_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1c23e_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1c23e_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1c23e_219",
+  "sticky-cell": "awsui_sticky-cell_1spae_1c23e_222",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1c23e_240",
+  "has-selection": "awsui_has-selection_1spae_1c23e_240",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1c23e_243",
+  "resize-divider": "awsui_resize-divider_1spae_1c23e_248",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1c23e_255",
+  "sorting-icon": "awsui_sorting-icon_1spae_1c23e_265",
+  "edit-icon": "awsui_edit-icon_1spae_1c23e_273",
+  "header-cell-content": "awsui_header-cell-content_1spae_1c23e_279",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1c23e_285",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1c23e_337",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1c23e_337",
+  "header-cell-text": "awsui_header-cell-text_1spae_1c23e_351",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1c23e_355",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1c23e_361",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1c23e_362",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1c23e_476",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1c23e_476"
 };

package/table/header-cell/styles.scoped.css CHANGED Viewed

@@ -146,7 +146,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_header-cell_1spae_15zfd_149:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-xs-26e2du, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,22 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-sticky_1spae_15zfd_204:not(#\9) {
+.awsui_header-cell-sticky_1spae_1c23e_204:not(#\9) {
   border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-cell-stuck_1spae_15zfd_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_15zfd_207) {
+.awsui_header-cell-stuck_1spae_1c23e_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1c23e_207) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_15zfd_207:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1c23e_207:not(#\9) {
   background: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_15zfd_207.awsui_header-cell-hidden_1spae_15zfd_213:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1c23e_207.awsui_header-cell-hidden_1spae_1c23e_213:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_15zfd_149:not(#\9):last-child, .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9) {
+.awsui_header-cell-variant-embedded_1spae_1c23e_216.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):not(.awsui_header-cell-sticky_1spae_1c23e_204), .awsui_header-cell-variant-borderless_1spae_1c23e_216.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):not(.awsui_header-cell-sticky_1spae_1c23e_204) {
+  background: none;
+}
+.awsui_header-cell_1spae_1c23e_149:not(#\9):last-child, .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-inc72b, #ffffff);
   z-index: 798;
@@ -225,41 +228,41 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+  .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-pad-left_1spae_15zfd_237:not(#\9):not(.awsui_has-selection_1spae_15zfd_237) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-pad-left_1spae_1c23e_240:not(#\9):not(.awsui_has-selection_1spae_1c23e_240) {
   padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240 > .awsui_resize-divider_1spae_15zfd_245:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243 > .awsui_resize-divider_1spae_1c23e_248:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-end_1spae_15zfd_252:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-end_1spae_1c23e_255:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-end_1spae_15zfd_252:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-end_1spae_1c23e_255:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
-.awsui_sorting-icon_1spae_15zfd_262:not(#\9) {
+.awsui_sorting-icon_1spae_1c23e_265:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -267,36 +270,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   color: var(--color-text-column-sorting-icon-4y2if8, #424650);
 }
-.awsui_edit-icon_1spae_15zfd_270:not(#\9) {
+.awsui_edit-icon_1spae_1c23e_273:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
   margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_15zfd_276:not(#\9) {
+.awsui_header-cell-content_1spae_1c23e_279:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline-end: var(--space-s-34lx8l, 12px);
   padding-inline-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-content-expandable_1spae_15zfd_282:not(#\9) {
+.awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-content-expandable_1spae_1c23e_285:not(#\9) {
   padding-inline-start: calc(var(--space-s-34lx8l, 12px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell-sortable_1spae_15zfd_216 > .awsui_header-cell-content_1spae_15zfd_276:not(#\9) {
+.awsui_header-cell-sortable_1spae_1c23e_219 > .awsui_header-cell-content_1spae_1c23e_279:not(#\9) {
   padding-inline-end: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
 }
-.awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+.awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -310,14 +313,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -331,32 +334,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-disabled_1spae_15zfd_334.awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 > .awsui_sorting-icon_1spae_15zfd_262:not(#\9) {
+.awsui_header-cell-disabled_1spae_1c23e_337.awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 > .awsui_sorting-icon_1spae_1c23e_265:not(#\9) {
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
 }
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276:hover, .awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334).awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279:hover, .awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337).awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 {
   color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276:hover > .awsui_sorting-icon_1spae_15zfd_262, .awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334).awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 > .awsui_sorting-icon_1spae_15zfd_262 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279:hover > .awsui_sorting-icon_1spae_1c23e_265, .awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337).awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 > .awsui_sorting-icon_1spae_1c23e_265 {
   color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
-.awsui_header-cell-text_1spae_15zfd_348:not(#\9) {
+.awsui_header-cell-text_1spae_1c23e_351:not(#\9) {
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   padding-block: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_15zfd_348:not(#\9):not(.awsui_header-cell-text-wrap_1spae_15zfd_352) {
+.awsui_header-cell-text_1spae_1c23e_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1c23e_355) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_15zfd_358:not(#\9),
-.awsui_header-cell-descending_1spae_15zfd_359:not(#\9) {
+.awsui_header-cell-ascending_1spae_1c23e_361:not(#\9),
+.awsui_header-cell-descending_1spae_1c23e_362:not(#\9) {
   /* used in test-utils */
 }
@@ -366,28 +369,28 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_15zfd_149:not(#\9):not(.awsui_is-visual-refresh_1spae_15zfd_369):first-child {
+.awsui_header-cell_1spae_1c23e_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1c23e_216):first-child {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_15zfd_149:not(#\9):not(.awsui_is-visual-refresh_1spae_15zfd_369):first-child.awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1c23e_216):first-child.awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9) {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
     to the table edge.
   */
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -401,14 +404,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -422,20 +425,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(0px + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -449,14 +452,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -470,24 +473,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15zfd_473):not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1c23e_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476) {
   padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15zfd_473):not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473).awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1c23e_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476).awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_has-striped-rows_1spae_15zfd_473:not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1c23e_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476) {
   padding-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_has-striped-rows_1spae_15zfd_473:not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473).awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1c23e_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476).awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):last-child.awsui_header-cell-sortable_1spae_15zfd_216 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1c23e_219 {
   padding-inline-end: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476:not(#\9) {
   padding-inline-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473.awsui_header-cell-content-expandable_1spae_15zfd_282:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476.awsui_header-cell-content-expandable_1spae_1c23e_285:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }

package/table/header-cell/styles.selectors.js CHANGED Viewed

@@ -2,31 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_15zfd_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_15zfd_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_15zfd_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_15zfd_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_15zfd_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_15zfd_213",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_15zfd_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_15zfd_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_15zfd_237",
-  "has-selection": "awsui_has-selection_1spae_15zfd_237",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_15zfd_240",
-  "resize-divider": "awsui_resize-divider_1spae_15zfd_245",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_15zfd_252",
-  "sorting-icon": "awsui_sorting-icon_1spae_15zfd_262",
-  "edit-icon": "awsui_edit-icon_1spae_15zfd_270",
-  "header-cell-content": "awsui_header-cell-content_1spae_15zfd_276",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_15zfd_282",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_15zfd_334",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_15zfd_334",
-  "header-cell-text": "awsui_header-cell-text_1spae_15zfd_348",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_15zfd_352",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_15zfd_358",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_15zfd_359",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_15zfd_369",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_15zfd_473",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_15zfd_473"
+  "header-cell": "awsui_header-cell_1spae_1c23e_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1c23e_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1c23e_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1c23e_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1c23e_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1c23e_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1c23e_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1c23e_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1c23e_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1c23e_219",
+  "sticky-cell": "awsui_sticky-cell_1spae_1c23e_222",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1c23e_240",
+  "has-selection": "awsui_has-selection_1spae_1c23e_240",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1c23e_243",
+  "resize-divider": "awsui_resize-divider_1spae_1c23e_248",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1c23e_255",
+  "sorting-icon": "awsui_sorting-icon_1spae_1c23e_265",
+  "edit-icon": "awsui_edit-icon_1spae_1c23e_273",
+  "header-cell-content": "awsui_header-cell-content_1spae_1c23e_279",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1c23e_285",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1c23e_337",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1c23e_337",
+  "header-cell-text": "awsui_header-cell-text_1spae_1c23e_351",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1c23e_355",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1c23e_361",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1c23e_362",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1c23e_476",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1c23e_476"
 };