@cloudscape-design/components-themeable 3.0.1329 → 3.0.1331

package/lib/internal/template/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_1ahi9_181",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1ahi9_193",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1ahi9_196",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1ahi9_199",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1ahi9_202",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1ahi9_205"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_zkuqq_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_zkuqq_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_zkuqq_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_zkuqq_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_zkuqq_205"
 };
   

package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css

@@ -178,7 +178,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_sticky-scrollbar_faqt8_1ahi9_181:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_zkuqq_181:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -187,27 +187,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inline-size: 100%;
 }
-.awsui_sticky-scrollbar_faqt8_1ahi9_181[data-stuck=false]:not(#\9) {
-  clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-l30zxy, 0px));
+.awsui_sticky-scrollbar_faqt8_zkuqq_181[data-stuck=false]:not(#\9) {
+  clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-33hhdh, 0px));
 }
-.awsui_sticky-scrollbar-content_faqt8_1ahi9_193:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_zkuqq_193:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_1ahi9_196:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_zkuqq_196:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_1ahi9_199:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_1ahi9_202:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_1ahi9_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_1ahi9_205) {
+.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_zkuqq_205) {
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   block-size: 15px;
-  margin-block-start: calc(-1 * var(--border-divider-section-width-sznrdy, 1px));
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  margin-block-start: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_sticky-scrollbar-offset_faqt8_1ahi9_202.awsui_is-visual-refresh_faqt8_1ahi9_205:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202.awsui_is-visual-refresh_faqt8_zkuqq_205:not(#\9) {
   margin-block-start: -5px;
 }

package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_1ahi9_181",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1ahi9_193",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1ahi9_196",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1ahi9_199",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1ahi9_202",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1ahi9_205"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_zkuqq_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_zkuqq_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_zkuqq_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_zkuqq_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_zkuqq_205"
 };
   

package/lib/internal/template/table/styles.css.js

@@ -1,41 +1,41 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1usgh_153",
-  "tools": "awsui_tools_wih1l_1usgh_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1usgh_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1usgh_186",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1usgh_190",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1usgh_190",
-  "tools-small": "awsui_tools-small_wih1l_1usgh_196",
-  "table": "awsui_table_wih1l_1usgh_200",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1usgh_206",
-  "wrapper": "awsui_wrapper_wih1l_1usgh_210",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1usgh_217",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1usgh_217",
-  "variant-container": "awsui_variant-container_wih1l_1usgh_217",
-  "has-footer": "awsui_has-footer_wih1l_1usgh_220",
-  "has-header": "awsui_has-header_wih1l_1usgh_223",
-  "cell-merged": "awsui_cell-merged_wih1l_1usgh_240",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1usgh_252",
-  "empty": "awsui_empty_wih1l_1usgh_268",
-  "loading": "awsui_loading_wih1l_1usgh_272",
-  "selection-control": "awsui_selection-control_wih1l_1usgh_281",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1usgh_288",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1usgh_293",
-  "header-secondary": "awsui_header-secondary_wih1l_1usgh_300",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1usgh_311",
-  "table-has-header": "awsui_table-has-header_wih1l_1usgh_317",
-  "header-controls": "awsui_header-controls_wih1l_1usgh_328",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1usgh_337",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1usgh_337",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1usgh_342",
-  "footer": "awsui_footer_wih1l_1usgh_342",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1usgh_350",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1usgh_358",
-  "thead-active": "awsui_thead-active_wih1l_1usgh_362",
-  "row": "awsui_row_wih1l_1usgh_363",
-  "row-selected": "awsui_row-selected_wih1l_1usgh_364",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1usgh_368"
+  "root": "awsui_root_wih1l_1x41y_153",
+  "tools": "awsui_tools_wih1l_1x41y_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1x41y_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1x41y_186",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1x41y_190",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1x41y_190",
+  "tools-small": "awsui_tools-small_wih1l_1x41y_196",
+  "table": "awsui_table_wih1l_1x41y_200",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1x41y_206",
+  "wrapper": "awsui_wrapper_wih1l_1x41y_210",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1x41y_217",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1x41y_217",
+  "variant-container": "awsui_variant-container_wih1l_1x41y_217",
+  "has-footer": "awsui_has-footer_wih1l_1x41y_220",
+  "has-header": "awsui_has-header_wih1l_1x41y_223",
+  "cell-merged": "awsui_cell-merged_wih1l_1x41y_240",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1x41y_252",
+  "empty": "awsui_empty_wih1l_1x41y_268",
+  "loading": "awsui_loading_wih1l_1x41y_272",
+  "selection-control": "awsui_selection-control_wih1l_1x41y_281",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1x41y_288",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1x41y_293",
+  "header-secondary": "awsui_header-secondary_wih1l_1x41y_300",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1x41y_311",
+  "table-has-header": "awsui_table-has-header_wih1l_1x41y_317",
+  "header-controls": "awsui_header-controls_wih1l_1x41y_328",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1x41y_337",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1x41y_337",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1x41y_342",
+  "footer": "awsui_footer_wih1l_1x41y_342",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1x41y_350",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1x41y_358",
+  "thead-active": "awsui_thead-active_wih1l_1x41y_362",
+  "row": "awsui_row_wih1l_1x41y_363",
+  "row-selected": "awsui_row-selected_wih1l_1x41y_364",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1x41y_368"
 };
   

package/lib/internal/template/table/styles.scoped.css

@@ -150,7 +150,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_wih1l_1usgh_153:not(#\9) {
+.awsui_root_wih1l_1x41y_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_1usgh_164:not(#\9) {
+.awsui_tools_wih1l_1x41y_164:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -170,86 +170,86 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-b6lpr6, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_1usgh_173:not(#\9) {
+.awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
   max-inline-size: 100%;
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1usgh_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1usgh_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1usgh_186:not(#\9) {
+.awsui_tools-align-right_wih1l_1x41y_186:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_1usgh_190 + .awsui_tools-preferences_wih1l_1usgh_190:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_tools-pagination_wih1l_1x41y_190 + .awsui_tools-preferences_wih1l_1x41y_190:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_tools-small_wih1l_1usgh_196 > .awsui_tools-filtering_wih1l_1usgh_173:not(#\9) {
+.awsui_tools-small_wih1l_1x41y_196 > .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_1usgh_200:not(#\9) {
+.awsui_table_wih1l_1x41y_200:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1usgh_206:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1x41y_206:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_1usgh_210:not(#\9) {
+.awsui_wrapper_wih1l_1x41y_210:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_1usgh_210.awsui_variant-stacked_wih1l_1usgh_217 > .awsui_table_wih1l_1usgh_200:not(#\9), .awsui_wrapper_wih1l_1usgh_210.awsui_variant-stacked_wih1l_1usgh_217 > .awsui_wrapper-content-measure_wih1l_1usgh_217:not(#\9), .awsui_wrapper_wih1l_1usgh_210.awsui_variant-container_wih1l_1usgh_217 > .awsui_table_wih1l_1usgh_200:not(#\9), .awsui_wrapper_wih1l_1usgh_210.awsui_variant-container_wih1l_1usgh_217 > .awsui_wrapper-content-measure_wih1l_1usgh_217:not(#\9) {
+.awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_wrapper-content-measure_wih1l_1x41y_217:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217 > .awsui_wrapper-content-measure_wih1l_1x41y_217:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_wrapper_wih1l_1usgh_210.awsui_variant-stacked_wih1l_1usgh_217:not(#\9):not(.awsui_has-footer_wih1l_1usgh_220), .awsui_wrapper_wih1l_1usgh_210.awsui_variant-container_wih1l_1usgh_217:not(#\9):not(.awsui_has-footer_wih1l_1usgh_220) {
+.awsui_wrapper_wih1l_1x41y_210.awsui_variant-stacked_wih1l_1x41y_217:not(#\9):not(.awsui_has-footer_wih1l_1x41y_220), .awsui_wrapper_wih1l_1x41y_210.awsui_variant-container_wih1l_1x41y_217:not(#\9):not(.awsui_has-footer_wih1l_1x41y_220) {
   padding-block-end: var(--space-table-content-bottom-nmydez, 0px);
 }
-.awsui_wrapper_wih1l_1usgh_210:not(#\9):not(.awsui_has-header_wih1l_1usgh_223) {
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+.awsui_wrapper_wih1l_1x41y_210:not(#\9):not(.awsui_has-header_wih1l_1x41y_223) {
+  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_wrapper_wih1l_1usgh_210:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1x41y_210:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1usgh_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
+  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_cell-merged_wih1l_1usgh_240:not(#\9) {
+.awsui_cell-merged_wih1l_1x41y_240:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_1usgh_240.awsui_has-footer_wih1l_1usgh_220:not(#\9) {
+.awsui_cell-merged_wih1l_1x41y_240.awsui_has-footer_wih1l_1x41y_220:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the
   table and the footer
   */
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_1usgh_252:not(#\9) {
+.awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
@@ -257,7 +257,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1usgh_210:not(#\9):focu
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1usgh_252:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -265,11 +265,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1usgh_210:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_1usgh_268:not(#\9) {
+.awsui_empty_wih1l_1x41y_268:not(#\9) {
   color: var(--color-text-empty-vtt4l2, #687078);
 }
 
-.awsui_loading_wih1l_1usgh_272:not(#\9) {
+.awsui_loading_wih1l_1x41y_272:not(#\9) {
   /* used in test-utils */
 }
 
@@ -278,26 +278,26 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_1usgh_281:not(#\9) {
+.awsui_selection-control_wih1l_1x41y_281:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   min-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
 }
-.awsui_selection-control_wih1l_1usgh_281.awsui_selection-control-header_wih1l_1usgh_288:not(#\9) {
+.awsui_selection-control_wih1l_1x41y_281.awsui_selection-control-header_wih1l_1x41y_288:not(#\9) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: var(--space-scaled-l-66n9sr, 20px);
-  border-inline-start: var(--border-width-item-selected-7rbija, 1px) solid transparent;
+  border-inline-start: var(--border-width-item-selected-l41fek, 1px) solid transparent;
 }
-.awsui_selection-control-content-spans-rows_wih1l_1usgh_293:not(#\9) {
+.awsui_selection-control-content-spans-rows_wih1l_1x41y_293:not(#\9) {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_header-secondary_wih1l_1usgh_300:not(#\9) {
+.awsui_header-secondary_wih1l_1x41y_300:not(#\9) {
   overflow: auto;
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
@@ -308,46 +308,46 @@ filter search icon.
   border-end-end-radius: 0;
   background: var(--color-background-table-header-5hauij, #fafafa);
 }
-.awsui_header-secondary_wih1l_1usgh_300.awsui_variant-full-page_wih1l_1usgh_311:not(#\9) {
+.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_header-secondary_wih1l_1usgh_300.awsui_variant-stacked_wih1l_1usgh_217 > .awsui_table_wih1l_1usgh_200:not(#\9), .awsui_header-secondary_wih1l_1usgh_300.awsui_variant-container_wih1l_1usgh_217 > .awsui_table_wih1l_1usgh_200:not(#\9) {
+.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-stacked_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9), .awsui_header-secondary_wih1l_1x41y_300.awsui_variant-container_wih1l_1x41y_217 > .awsui_table_wih1l_1x41y_200:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-secondary_wih1l_1usgh_300.awsui_variant-stacked_wih1l_1usgh_217:not(#\9):not(.awsui_table-has-header_wih1l_1usgh_317), .awsui_header-secondary_wih1l_1usgh_300.awsui_variant-container_wih1l_1usgh_217:not(#\9):not(.awsui_table-has-header_wih1l_1usgh_317) {
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-stacked_wih1l_1x41y_217:not(#\9):not(.awsui_table-has-header_wih1l_1x41y_317), .awsui_header-secondary_wih1l_1x41y_300.awsui_variant-container_wih1l_1x41y_217:not(#\9):not(.awsui_table-has-header_wih1l_1x41y_317) {
+  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header-secondary_wih1l_1usgh_300:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1x41y_300:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1usgh_300.awsui_table-has-header_wih1l_1usgh_317:not(#\9) {
-  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
+.awsui_header-secondary_wih1l_1x41y_300.awsui_table-has-header_wih1l_1x41y_317:not(#\9) {
+  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
 }
 
-.awsui_header-controls_wih1l_1usgh_328:not(#\9) {
+.awsui_header-controls_wih1l_1x41y_328:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
 }
-.awsui_header-controls_wih1l_1usgh_328.awsui_variant-full-page_wih1l_1usgh_311:not(#\9) {
+.awsui_header-controls_wih1l_1x41y_328.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
 }
-.awsui_header-controls_wih1l_1usgh_328.awsui_variant-stacked_wih1l_1usgh_217:not(#\9), .awsui_header-controls_wih1l_1usgh_328.awsui_variant-container_wih1l_1usgh_217:not(#\9) {
+.awsui_header-controls_wih1l_1x41y_328.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_header-controls_wih1l_1x41y_328.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-xmv4qa, 0px) + var(--space-table-header-horizontal-2rvxep, 20px));
 }
-.awsui_header-controls_wih1l_1usgh_328.awsui_variant-embedded_wih1l_1usgh_337:not(#\9), .awsui_header-controls_wih1l_1usgh_328.awsui_variant-borderless_wih1l_1usgh_337:not(#\9) {
+.awsui_header-controls_wih1l_1x41y_328.awsui_variant-embedded_wih1l_1x41y_337:not(#\9), .awsui_header-controls_wih1l_1x41y_328.awsui_variant-borderless_wih1l_1x41y_337:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-2rvxep, 20px);
   padding-block-start: var(--space-table-embedded-header-top-oo6o3u, 12px);
 }
 
-.awsui_footer-wrapper_wih1l_1usgh_342.awsui_variant-stacked_wih1l_1usgh_217:not(#\9), .awsui_footer-wrapper_wih1l_1usgh_342.awsui_variant-container_wih1l_1usgh_217:not(#\9) {
+.awsui_footer-wrapper_wih1l_1x41y_342.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_footer-wrapper_wih1l_1x41y_342.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
 
-.awsui_footer_wih1l_1usgh_342:not(#\9) {
+.awsui_footer_wih1l_1x41y_342:not(#\9) {
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-table-footer-horizontal-x9dbll, 20px);
 }
-.awsui_footer-with-pagination_wih1l_1usgh_350:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1x41y_350:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -355,17 +355,17 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_footer-pagination_wih1l_1usgh_358:not(#\9) {
+.awsui_footer-pagination_wih1l_1x41y_358:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_1usgh_362:not(#\9),
-.awsui_row_wih1l_1usgh_363:not(#\9),
-.awsui_row-selected_wih1l_1usgh_364:not(#\9) {
+.awsui_thead-active_wih1l_1x41y_362:not(#\9),
+.awsui_row_wih1l_1x41y_363:not(#\9),
+.awsui_row-selected_wih1l_1x41y_364:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_skeleton-loading-cell_wih1l_1usgh_368:not(#\9) {
+.awsui_skeleton-loading-cell_wih1l_1x41y_368:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   border-block-end: none;

package/lib/internal/template/table/styles.selectors.js

@@ -2,41 +2,41 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1usgh_153",
-  "tools": "awsui_tools_wih1l_1usgh_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1usgh_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1usgh_186",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1usgh_190",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1usgh_190",
-  "tools-small": "awsui_tools-small_wih1l_1usgh_196",
-  "table": "awsui_table_wih1l_1usgh_200",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1usgh_206",
-  "wrapper": "awsui_wrapper_wih1l_1usgh_210",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1usgh_217",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1usgh_217",
-  "variant-container": "awsui_variant-container_wih1l_1usgh_217",
-  "has-footer": "awsui_has-footer_wih1l_1usgh_220",
-  "has-header": "awsui_has-header_wih1l_1usgh_223",
-  "cell-merged": "awsui_cell-merged_wih1l_1usgh_240",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1usgh_252",
-  "empty": "awsui_empty_wih1l_1usgh_268",
-  "loading": "awsui_loading_wih1l_1usgh_272",
-  "selection-control": "awsui_selection-control_wih1l_1usgh_281",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1usgh_288",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1usgh_293",
-  "header-secondary": "awsui_header-secondary_wih1l_1usgh_300",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1usgh_311",
-  "table-has-header": "awsui_table-has-header_wih1l_1usgh_317",
-  "header-controls": "awsui_header-controls_wih1l_1usgh_328",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1usgh_337",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1usgh_337",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1usgh_342",
-  "footer": "awsui_footer_wih1l_1usgh_342",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1usgh_350",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1usgh_358",
-  "thead-active": "awsui_thead-active_wih1l_1usgh_362",
-  "row": "awsui_row_wih1l_1usgh_363",
-  "row-selected": "awsui_row-selected_wih1l_1usgh_364",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1usgh_368"
+  "root": "awsui_root_wih1l_1x41y_153",
+  "tools": "awsui_tools_wih1l_1x41y_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1x41y_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1x41y_186",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1x41y_190",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1x41y_190",
+  "tools-small": "awsui_tools-small_wih1l_1x41y_196",
+  "table": "awsui_table_wih1l_1x41y_200",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1x41y_206",
+  "wrapper": "awsui_wrapper_wih1l_1x41y_210",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1x41y_217",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1x41y_217",
+  "variant-container": "awsui_variant-container_wih1l_1x41y_217",
+  "has-footer": "awsui_has-footer_wih1l_1x41y_220",
+  "has-header": "awsui_has-header_wih1l_1x41y_223",
+  "cell-merged": "awsui_cell-merged_wih1l_1x41y_240",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1x41y_252",
+  "empty": "awsui_empty_wih1l_1x41y_268",
+  "loading": "awsui_loading_wih1l_1x41y_272",
+  "selection-control": "awsui_selection-control_wih1l_1x41y_281",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1x41y_288",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1x41y_293",
+  "header-secondary": "awsui_header-secondary_wih1l_1x41y_300",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1x41y_311",
+  "table-has-header": "awsui_table-has-header_wih1l_1x41y_317",
+  "header-controls": "awsui_header-controls_wih1l_1x41y_328",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1x41y_337",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1x41y_337",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1x41y_342",
+  "footer": "awsui_footer_wih1l_1x41y_342",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1x41y_350",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1x41y_358",
+  "thead-active": "awsui_thead-active_wih1l_1x41y_362",
+  "row": "awsui_row_wih1l_1x41y_363",
+  "row-selected": "awsui_row-selected_wih1l_1x41y_364",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1x41y_368"
 };
   

package/lib/internal/template/table/use-column-widths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-widths.d.ts","sourceRoot":"","sources":["../../../src/table/use-column-widths.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAE,gBAAgB,EAAoB,MAAM,uBAAuB,CAAC;AAE3E,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,EAAE,EAAE,WAAW,CAAC;CACjB;AA8CD,UAAU,aAAa;IACrB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAG,gBAAgB,CAAC;IAC1E,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACvC,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;IACpF,MAAM,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,8BAOjB,CAAC;AAEH,UAAU,kBAAkB;IAC1B,cAAc,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACjD,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,kBAAkB,eAgLpB;AAED,wBAAgB,eAAe,kBAE9B"}
+{"version":3,"file":"use-column-widths.d.ts","sourceRoot":"","sources":["../../../src/table/use-column-widths.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAKtF,OAAO,EAAE,gBAAgB,EAAoB,MAAM,uBAAuB,CAAC;AAE3E,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,EAAE,EAAE,WAAW,CAAC;CACjB;AA8CD,UAAU,aAAa;IACrB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAG,gBAAgB,CAAC;IAC1E,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACvC,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;IACpF,MAAM,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,8BAOjB,CAAC;AAEH,UAAU,kBAAkB;IAC1B,cAAc,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACjD,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,kBAAkB,eAsMpB;AAED,wBAAgB,eAAe,kBAE9B"}

package/lib/internal/template/table/use-column-widths.js

@@ -104,6 +104,15 @@ export function ColumnWidthsProvider({ visibleColumns, resizableColumns, contain
             maxWidth: !resizableColumns ? column.maxWidth : undefined,
         };
     };
+    // Mirrors the current primary cell widths onto the sticky header copies.
+    const syncStickyColumnWidths = useStableCallback(() => {
+        for (const { id } of visibleColumns) {
+            const element = stickyCellsRef.current.get(id);
+            if (element) {
+                setElementWidths(element, getColumnStyles(true, id));
+            }
+        }
+    });
     // Imperatively sets width style for a cell avoiding React state.
     // This allows setting the style as soon container's size change is observed.
     const updateColumnWidths = useStableCallback(() => {
@@ -130,13 +139,24 @@ export function ColumnWidthsProvider({ visibleColumns, resizableColumns, contain
             }
         }
         // Sticky column widths must always be synchronized regardless of columnWidths state.
-        for (const { id } of visibleColumns) {
-            const element = stickyCellsRef.current.get(id);
-            if (element) {
-                setElementWidths(element, getColumnStyles(true, id));
-            }
-        }
+        syncStickyColumnWidths();
     });
+    // Re-syncs the sticky header copies when the primary cells change width without a
+    // corresponding change to the column definitions. This happens with auto-layout
+    // columns whose widths depend on the rendered content (e.g. paginating or filtering).
+    // Fixed-width and resizable columns don't resize on data changes, so this stays idle.
+    // The effect re-observes when the set of visible columns changes, since that swaps
+    // the underlying cell elements.
+    useEffect(() => {
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        const observer = new ResizeObserver(() => syncStickyColumnWidths());
+        for (const element of cellsRef.current.values()) {
+            observer.observe(element);
+        }
+        return () => observer.disconnect();
+    }, [syncStickyColumnWidths, visibleColumns]);
     // Observes container size and requests an update to the last cell width as it depends on the container's width.
     useResizeObserver(containerRef, ({ contentBoxWidth: containerWidth }) => {
         containerWidthRef.current = containerWidth;