@cloudscape-design/components 3.0.416 → 3.0.418

package/table/styles.css.js

@@ -1,39 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_lruuz_97",
-  "tools": "awsui_tools_wih1l_lruuz_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_lruuz_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_lruuz_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_lruuz_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_lruuz_132",
-  "tools-small": "awsui_tools-small_wih1l_lruuz_138",
-  "table": "awsui_table_wih1l_lruuz_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_lruuz_150",
-  "wrapper": "awsui_wrapper_wih1l_lruuz_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_lruuz_161",
-  "variant-container": "awsui_variant-container_wih1l_lruuz_161",
-  "has-footer": "awsui_has-footer_wih1l_lruuz_165",
-  "has-header": "awsui_has-header_wih1l_lruuz_168",
-  "cell-merged": "awsui_cell-merged_wih1l_lruuz_182",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_lruuz_193",
-  "empty": "awsui_empty_wih1l_lruuz_208",
-  "loading": "awsui_loading_wih1l_lruuz_212",
-  "selection-control": "awsui_selection-control_wih1l_lruuz_221",
-  "selection-control-header": "awsui_selection-control-header_wih1l_lruuz_228",
-  "dark-header": "awsui_dark-header_wih1l_lruuz_237",
-  "header-secondary": "awsui_header-secondary_wih1l_lruuz_242",
-  "table-has-header": "awsui_table-has-header_wih1l_lruuz_258",
-  "header-controls": "awsui_header-controls_wih1l_lruuz_262",
-  "variant-full-page": "awsui_variant-full-page_wih1l_lruuz_266",
-  "variant-embedded": "awsui_variant-embedded_wih1l_lruuz_274",
-  "variant-borderless": "awsui_variant-borderless_wih1l_lruuz_274",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_lruuz_280",
-  "footer": "awsui_footer_wih1l_lruuz_280",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_lruuz_288",
-  "footer-pagination": "awsui_footer-pagination_wih1l_lruuz_296",
-  "thead-active": "awsui_thead-active_wih1l_lruuz_300",
-  "row": "awsui_row_wih1l_lruuz_301",
-  "row-selected": "awsui_row-selected_wih1l_lruuz_302"
+  "root": "awsui_root_wih1l_1km9g_97",
+  "tools": "awsui_tools_wih1l_1km9g_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1km9g_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1km9g_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1km9g_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1km9g_132",
+  "tools-small": "awsui_tools-small_wih1l_1km9g_138",
+  "table": "awsui_table_wih1l_1km9g_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1km9g_150",
+  "wrapper": "awsui_wrapper_wih1l_1km9g_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1km9g_161",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1km9g_161",
+  "variant-container": "awsui_variant-container_wih1l_1km9g_161",
+  "has-footer": "awsui_has-footer_wih1l_1km9g_165",
+  "has-header": "awsui_has-header_wih1l_1km9g_168",
+  "cell-merged": "awsui_cell-merged_wih1l_1km9g_182",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1km9g_193",
+  "empty": "awsui_empty_wih1l_1km9g_208",
+  "loading": "awsui_loading_wih1l_1km9g_212",
+  "selection-control": "awsui_selection-control_wih1l_1km9g_221",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1km9g_228",
+  "dark-header": "awsui_dark-header_wih1l_1km9g_237",
+  "header-secondary": "awsui_header-secondary_wih1l_1km9g_242",
+  "table-has-header": "awsui_table-has-header_wih1l_1km9g_258",
+  "header-controls": "awsui_header-controls_wih1l_1km9g_262",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1km9g_266",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1km9g_274",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1km9g_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1km9g_280",
+  "footer": "awsui_footer_wih1l_1km9g_280",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1km9g_288",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1km9g_296",
+  "thead-active": "awsui_thead-active_wih1l_1km9g_300",
+  "row": "awsui_row_wih1l_1km9g_301",
+  "row-selected": "awsui_row-selected_wih1l_1km9g_302"
 };
   

package/table/styles.scoped.css

@@ -94,7 +94,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_lruuz_97:not(#\9) {
+.awsui_root_wih1l_1km9g_97:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-2sxhhn, #000716);
@@ -105,92 +105,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 
-.awsui_tools_wih1l_lruuz_108:not(#\9) {
+.awsui_tools_wih1l_1km9g_108:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   padding: var(--space-scaled-xs-26e2du, 8px) 0 var(--space-table-header-tools-bottom-25ubsj, 0px);
 }
-.awsui_tools-filtering_wih1l_lruuz_114:not(#\9) {
+.awsui_tools-filtering_wih1l_1km9g_114:not(#\9) {
   max-width: 100%;
   margin-right: var(--space-l-t419sm, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_lruuz_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1km9g_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_lruuz_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1km9g_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_lruuz_128:not(#\9) {
+.awsui_tools-align-right_wih1l_1km9g_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_lruuz_132 + .awsui_tools-preferences_wih1l_lruuz_132:not(#\9) {
+.awsui_tools-pagination_wih1l_1km9g_132 + .awsui_tools-preferences_wih1l_1km9g_132:not(#\9) {
   border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-xs-zb16t3, 8px);
   padding-left: var(--space-xs-zb16t3, 8px);
 }
-.awsui_tools-small_wih1l_lruuz_138 > .awsui_tools-filtering_wih1l_lruuz_114:not(#\9) {
+.awsui_tools-small_wih1l_1km9g_138 > .awsui_tools-filtering_wih1l_1km9g_114:not(#\9) {
   margin-right: 0;
   margin-bottom: var(--space-scaled-xs-26e2du, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_lruuz_144:not(#\9) {
+.awsui_table_wih1l_1km9g_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_lruuz_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1km9g_150:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_lruuz_154:not(#\9) {
+.awsui_wrapper_wih1l_1km9g_154:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_lruuz_154.awsui_variant-stacked_wih1l_lruuz_161 > .awsui_table_wih1l_lruuz_144:not(#\9), .awsui_wrapper_wih1l_lruuz_154.awsui_variant-container_wih1l_lruuz_161 > .awsui_table_wih1l_lruuz_144:not(#\9) {
+.awsui_wrapper_wih1l_1km9g_154.awsui_variant-stacked_wih1l_1km9g_161 > .awsui_table_wih1l_1km9g_144:not(#\9), .awsui_wrapper_wih1l_1km9g_154.awsui_variant-stacked_wih1l_1km9g_161 > .awsui_wrapper-content-measure_wih1l_1km9g_161:not(#\9), .awsui_wrapper_wih1l_1km9g_154.awsui_variant-container_wih1l_1km9g_161 > .awsui_table_wih1l_1km9g_144:not(#\9), .awsui_wrapper_wih1l_1km9g_154.awsui_variant-container_wih1l_1km9g_161 > .awsui_wrapper-content-measure_wih1l_1km9g_161:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_wrapper_wih1l_lruuz_154.awsui_variant-container_wih1l_lruuz_161:not(#\9):not(.awsui_has-footer_wih1l_lruuz_165) {
+.awsui_wrapper_wih1l_1km9g_154.awsui_variant-container_wih1l_1km9g_161:not(#\9):not(.awsui_has-footer_wih1l_1km9g_165) {
   padding-bottom: var(--space-table-content-bottom-9yr834, 4px);
 }
-.awsui_wrapper_wih1l_lruuz_154:not(#\9):not(.awsui_has-header_wih1l_lruuz_168) {
+.awsui_wrapper_wih1l_1km9g_154:not(#\9):not(.awsui_has-header_wih1l_1km9g_168) {
   border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
   border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_wrapper_wih1l_lruuz_154:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1km9g_154:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_lruuz_154:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1km9g_154:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_cell-merged_wih1l_lruuz_182:not(#\9) {
+.awsui_cell-merged_wih1l_1km9g_182:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_lruuz_182.awsui_has-footer_wih1l_lruuz_165:not(#\9) {
+.awsui_cell-merged_wih1l_1km9g_182.awsui_has-footer_wih1l_1km9g_165:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the 
   table and the footer
   */
   border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
-.awsui_cell-merged-content_wih1l_lruuz_193:not(#\9) {
+.awsui_cell-merged-content_wih1l_1km9g_193:not(#\9) {
   box-sizing: border-box;
   width: 100%;
   padding: var(--space-scaled-m-mo5yse, 16px) var(--space-l-t419sm, 20px) var(--space-scaled-l-0hpmd7, 20px);
@@ -198,18 +198,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_lruuz_154:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_lruuz_193:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1km9g_193:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * var(--space-table-horizontal-8davlm, 20px));
   }
 }
 
-.awsui_empty_wih1l_lruuz_208:not(#\9) {
+.awsui_empty_wih1l_1km9g_208:not(#\9) {
   color: var(--color-text-empty-2wfcyr, #5f6b7a);
 }
 
-.awsui_loading_wih1l_lruuz_212:not(#\9) {
+.awsui_loading_wih1l_1km9g_212:not(#\9) {
   /* used in test-utils */
 }
 
@@ -218,14 +218,14 @@ 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_lruuz_221:not(#\9) {
+.awsui_selection-control_wih1l_1km9g_221:not(#\9) {
   box-sizing: border-box;
   max-width: var(--size-table-selection-horizontal-oqvl1b, 40px);
   min-width: var(--size-table-selection-horizontal-oqvl1b, 40px);
   position: relative;
   width: var(--size-table-selection-horizontal-oqvl1b, 40px);
 }
-.awsui_selection-control_wih1l_lruuz_221.awsui_selection-control-header_wih1l_lruuz_228:not(#\9) {
+.awsui_selection-control_wih1l_1km9g_221.awsui_selection-control-header_wih1l_1km9g_228:not(#\9) {
   padding: var(--space-scaled-xs-26e2du, 8px) var(--space-scaled-l-0hpmd7, 20px);
   border-left: var(--border-item-width-yel47s, 2px) solid transparent;
 }
@@ -234,12 +234,12 @@ filter search icon.
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_wih1l_lruuz_237:not(#\9) {
+.awsui_dark-header_wih1l_1km9g_237:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   color: var(--color-text-body-default-2sxhhn, #000716);
 }
 
-.awsui_header-secondary_wih1l_lruuz_242:not(#\9) {
+.awsui_header-secondary_wih1l_1km9g_242:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -248,44 +248,44 @@ the default white background of the container component.
   border-radius: 0;
   background: var(--color-background-table-header-82ew8p, #ffffff);
 }
-.awsui_header-secondary_wih1l_lruuz_242.awsui_variant-stacked_wih1l_lruuz_161 > .awsui_table_wih1l_lruuz_144:not(#\9), .awsui_header-secondary_wih1l_lruuz_242.awsui_variant-container_wih1l_lruuz_161 > .awsui_table_wih1l_lruuz_144:not(#\9) {
+.awsui_header-secondary_wih1l_1km9g_242.awsui_variant-stacked_wih1l_1km9g_161 > .awsui_table_wih1l_1km9g_144:not(#\9), .awsui_header-secondary_wih1l_1km9g_242.awsui_variant-container_wih1l_1km9g_161 > .awsui_table_wih1l_1km9g_144:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-secondary_wih1l_lruuz_242:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1km9g_242:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_lruuz_242.awsui_table-has-header_wih1l_lruuz_258:not(#\9) {
+.awsui_header-secondary_wih1l_1km9g_242.awsui_table-has-header_wih1l_1km9g_258:not(#\9) {
   border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
 
-.awsui_header-controls_wih1l_lruuz_262:not(#\9) {
+.awsui_header-controls_wih1l_1km9g_262:not(#\9) {
   padding-top: var(--space-container-header-top-5qav00, 12px);
   padding-bottom: var(--space-container-header-bottom-vj01hn, 8px);
 }
-.awsui_header-controls_wih1l_lruuz_262.awsui_variant-full-page_wih1l_lruuz_266:not(#\9) {
+.awsui_header-controls_wih1l_1km9g_262.awsui_variant-full-page_wih1l_1km9g_266:not(#\9) {
   padding-top: 0;
   padding-bottom: calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
 }
-.awsui_header-controls_wih1l_lruuz_262.awsui_variant-stacked_wih1l_lruuz_161:not(#\9), .awsui_header-controls_wih1l_lruuz_262.awsui_variant-container_wih1l_lruuz_161:not(#\9) {
+.awsui_header-controls_wih1l_1km9g_262.awsui_variant-stacked_wih1l_1km9g_161:not(#\9), .awsui_header-controls_wih1l_1km9g_262.awsui_variant-container_wih1l_1km9g_161:not(#\9) {
   padding-left: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
   padding-right: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
 }
-.awsui_header-controls_wih1l_lruuz_262.awsui_variant-embedded_wih1l_lruuz_274:not(#\9), .awsui_header-controls_wih1l_lruuz_262.awsui_variant-borderless_wih1l_lruuz_274:not(#\9) {
+.awsui_header-controls_wih1l_1km9g_262.awsui_variant-embedded_wih1l_1km9g_274:not(#\9), .awsui_header-controls_wih1l_1km9g_262.awsui_variant-borderless_wih1l_1km9g_274:not(#\9) {
   padding-left: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-right: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-top: var(--space-table-embedded-header-top-bfjeam, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_lruuz_280.awsui_variant-stacked_wih1l_lruuz_161:not(#\9), .awsui_footer-wrapper_wih1l_lruuz_280.awsui_variant-container_wih1l_lruuz_161:not(#\9) {
+.awsui_footer-wrapper_wih1l_1km9g_280.awsui_variant-stacked_wih1l_1km9g_161:not(#\9), .awsui_footer-wrapper_wih1l_1km9g_280.awsui_variant-container_wih1l_1km9g_161:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
 
-.awsui_footer_wih1l_lruuz_280:not(#\9) {
+.awsui_footer_wih1l_1km9g_280:not(#\9) {
   padding: var(--space-scaled-s-aqzyko, 12px) var(--space-table-footer-horizontal-ptapb9, 0px);
 }
-.awsui_footer-with-pagination_wih1l_lruuz_288:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1km9g_288:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -293,12 +293,12 @@ the default white background of the container component.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_footer-pagination_wih1l_lruuz_296:not(#\9) {
+.awsui_footer-pagination_wih1l_1km9g_296:not(#\9) {
   margin-left: auto;
 }
 
-.awsui_thead-active_wih1l_lruuz_300:not(#\9),
-.awsui_row_wih1l_lruuz_301:not(#\9),
-.awsui_row-selected_wih1l_lruuz_302:not(#\9) {
+.awsui_thead-active_wih1l_1km9g_300:not(#\9),
+.awsui_row_wih1l_1km9g_301:not(#\9),
+.awsui_row-selected_wih1l_1km9g_302:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,39 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_lruuz_97",
-  "tools": "awsui_tools_wih1l_lruuz_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_lruuz_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_lruuz_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_lruuz_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_lruuz_132",
-  "tools-small": "awsui_tools-small_wih1l_lruuz_138",
-  "table": "awsui_table_wih1l_lruuz_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_lruuz_150",
-  "wrapper": "awsui_wrapper_wih1l_lruuz_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_lruuz_161",
-  "variant-container": "awsui_variant-container_wih1l_lruuz_161",
-  "has-footer": "awsui_has-footer_wih1l_lruuz_165",
-  "has-header": "awsui_has-header_wih1l_lruuz_168",
-  "cell-merged": "awsui_cell-merged_wih1l_lruuz_182",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_lruuz_193",
-  "empty": "awsui_empty_wih1l_lruuz_208",
-  "loading": "awsui_loading_wih1l_lruuz_212",
-  "selection-control": "awsui_selection-control_wih1l_lruuz_221",
-  "selection-control-header": "awsui_selection-control-header_wih1l_lruuz_228",
-  "dark-header": "awsui_dark-header_wih1l_lruuz_237",
-  "header-secondary": "awsui_header-secondary_wih1l_lruuz_242",
-  "table-has-header": "awsui_table-has-header_wih1l_lruuz_258",
-  "header-controls": "awsui_header-controls_wih1l_lruuz_262",
-  "variant-full-page": "awsui_variant-full-page_wih1l_lruuz_266",
-  "variant-embedded": "awsui_variant-embedded_wih1l_lruuz_274",
-  "variant-borderless": "awsui_variant-borderless_wih1l_lruuz_274",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_lruuz_280",
-  "footer": "awsui_footer_wih1l_lruuz_280",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_lruuz_288",
-  "footer-pagination": "awsui_footer-pagination_wih1l_lruuz_296",
-  "thead-active": "awsui_thead-active_wih1l_lruuz_300",
-  "row": "awsui_row_wih1l_lruuz_301",
-  "row-selected": "awsui_row-selected_wih1l_lruuz_302"
+  "root": "awsui_root_wih1l_1km9g_97",
+  "tools": "awsui_tools_wih1l_1km9g_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1km9g_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1km9g_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1km9g_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1km9g_132",
+  "tools-small": "awsui_tools-small_wih1l_1km9g_138",
+  "table": "awsui_table_wih1l_1km9g_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1km9g_150",
+  "wrapper": "awsui_wrapper_wih1l_1km9g_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1km9g_161",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1km9g_161",
+  "variant-container": "awsui_variant-container_wih1l_1km9g_161",
+  "has-footer": "awsui_has-footer_wih1l_1km9g_165",
+  "has-header": "awsui_has-header_wih1l_1km9g_168",
+  "cell-merged": "awsui_cell-merged_wih1l_1km9g_182",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1km9g_193",
+  "empty": "awsui_empty_wih1l_1km9g_208",
+  "loading": "awsui_loading_wih1l_1km9g_212",
+  "selection-control": "awsui_selection-control_wih1l_1km9g_221",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1km9g_228",
+  "dark-header": "awsui_dark-header_wih1l_1km9g_237",
+  "header-secondary": "awsui_header-secondary_wih1l_1km9g_242",
+  "table-has-header": "awsui_table-has-header_wih1l_1km9g_258",
+  "header-controls": "awsui_header-controls_wih1l_1km9g_262",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1km9g_266",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1km9g_274",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1km9g_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1km9g_280",
+  "footer": "awsui_footer_wih1l_1km9g_280",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1km9g_288",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1km9g_296",
+  "thead-active": "awsui_thead-active_wih1l_1km9g_300",
+  "row": "awsui_row_wih1l_1km9g_301",
+  "row-selected": "awsui_row-selected_wih1l_1km9g_302"
 };
   

package/table/thead.d.ts

@@ -5,7 +5,7 @@ import { NonCancelableEventHandler } from '../internal/events';
 import { StickyColumnsModel } from './sticky-columns';
 import { TableRole } from './table-role';
 export interface TheadProps {
-    containerWidth: number | null;
+    containerWidth: null | number;
     selectionType: TableProps.SelectionType | undefined;
     columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;
     sortingColumn: TableProps.SortingColumn<any> | undefined;

package/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAkC,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrE,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,wFAsIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAkC,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrE,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,wFAsIV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/table/thead.js.map

@@ -1 +1 @@
-{"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport { SelectionControl, focusMarkers, SelectionProps } from './selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { TableThElement } from './header-cell/th-element';\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nexport interface TheadProps {\n  containerWidth: number | null;\n  selectionType: TableProps.SelectionType | undefined;\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n  sortingColumn: TableProps.SortingColumn<any> | undefined;\n  sortingDescending: boolean | undefined;\n  sortingDisabled: boolean | undefined;\n  variant: TableProps.Variant;\n  wrapLines: boolean | undefined;\n  resizableColumns: boolean | undefined;\n  getSelectAllProps: () => SelectionProps;\n  onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n  onResizeFinish: (newWidths: Record<string, number>) => void;\n  onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n  sticky?: boolean;\n  hidden?: boolean;\n  stuck?: boolean;\n  singleSelectionHeaderAriaLabel?: string;\n  stripedRows?: boolean;\n  stickyState: StickyColumnsModel;\n  selectionColumnId: PropertyKey;\n  focusedComponent?: null | string;\n  onFocusedComponentChange?: (focusId: null | string) => void;\n  tableRole: TableRole;\n}\n\nconst Thead = React.forwardRef(\n  (\n    {\n      containerWidth,\n      selectionType,\n      getSelectAllProps,\n      columnDefinitions,\n      sortingColumn,\n      sortingDisabled,\n      sortingDescending,\n      resizableColumns,\n      variant,\n      wrapLines,\n      onFocusMove,\n      onSortingChange,\n      onResizeFinish,\n      singleSelectionHeaderAriaLabel,\n      stripedRows,\n      sticky = false,\n      hidden = false,\n      stuck = false,\n      stickyState,\n      selectionColumnId,\n      focusedComponent,\n      onFocusedComponentChange,\n      tableRole,\n    }: TheadProps,\n    outerRef: React.Ref<HTMLTableRowElement>\n  ) => {\n    const isVisualRefresh = useVisualRefresh();\n\n    const headerCellClass = clsx(\n      headerCellStyles['header-cell'],\n      headerCellStyles[`header-cell-variant-${variant}`],\n      sticky && headerCellStyles['header-cell-sticky'],\n      stuck && headerCellStyles['header-cell-stuck'],\n      stripedRows && headerCellStyles['has-striped-rows'],\n      isVisualRefresh && headerCellStyles['is-visual-refresh']\n    );\n\n    const selectionCellClass = clsx(\n      styles['selection-control'],\n      styles['selection-control-header'],\n      isVisualRefresh && styles['is-visual-refresh']\n    );\n\n    const { columnWidths, totalWidth, updateColumn, setCell } = useColumnWidths();\n\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr\n          {...focusMarkers.all}\n          ref={outerRef}\n          aria-rowindex={1}\n          {...getTableHeaderRowRoleProps({ tableRole })}\n          onFocus={event => {\n            const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n            const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n            onFocusedComponentChange?.(focusId);\n          }}\n          onBlur={() => onFocusedComponentChange?.(null)}\n        >\n          {selectionType ? (\n            <TableThElement\n              className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n              hidden={hidden}\n              tableRole={tableRole}\n              colIndex={0}\n              columnId={selectionColumnId}\n              stickyState={stickyState}\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </TableThElement>\n          ) : null}\n\n          {columnDefinitions.map((column, colIndex) => {\n            const columnId = getColumnKey(column, colIndex);\n\n            let widthOverride;\n            if (resizableColumns) {\n              if (columnWidths) {\n                // use stateful value if available\n                widthOverride = columnWidths[columnId];\n              }\n              if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n                // let the last column grow and fill the container width\n                widthOverride = 'auto';\n              }\n            }\n            return (\n              <TableHeaderCell\n                key={columnId}\n                className={headerCellClass}\n                style={{\n                  width: widthOverride || column.width,\n                  minWidth: sticky ? undefined : column.minWidth,\n                  maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n                }}\n                tabIndex={sticky ? -1 : 0}\n                focusedComponent={focusedComponent}\n                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={selectionType ? colIndex + 1 : colIndex}\n                columnId={columnId}\n                updateColumn={updateColumn}\n                onResizeFinish={() => onResizeFinish(columnWidths)}\n                resizableColumns={resizableColumns}\n                onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n                isEditable={!!column.editConfig}\n                stickyState={stickyState}\n                cellRef={node => setCell(columnId, node)}\n                tableRole={tableRole}\n              />\n            );\n          })}\n        </tr>\n      </thead>\n    );\n  }\n);\n\nexport default Thead;\n"]}
+{"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport { SelectionControl, focusMarkers, SelectionProps } from './selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { TableThElement } from './header-cell/th-element';\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nexport interface TheadProps {\n  containerWidth: null | number;\n  selectionType: TableProps.SelectionType | undefined;\n  columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n  sortingColumn: TableProps.SortingColumn<any> | undefined;\n  sortingDescending: boolean | undefined;\n  sortingDisabled: boolean | undefined;\n  variant: TableProps.Variant;\n  wrapLines: boolean | undefined;\n  resizableColumns: boolean | undefined;\n  getSelectAllProps: () => SelectionProps;\n  onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n  onResizeFinish: (newWidths: Record<string, number>) => void;\n  onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n  sticky?: boolean;\n  hidden?: boolean;\n  stuck?: boolean;\n  singleSelectionHeaderAriaLabel?: string;\n  stripedRows?: boolean;\n  stickyState: StickyColumnsModel;\n  selectionColumnId: PropertyKey;\n  focusedComponent?: null | string;\n  onFocusedComponentChange?: (focusId: null | string) => void;\n  tableRole: TableRole;\n}\n\nconst Thead = React.forwardRef(\n  (\n    {\n      containerWidth,\n      selectionType,\n      getSelectAllProps,\n      columnDefinitions,\n      sortingColumn,\n      sortingDisabled,\n      sortingDescending,\n      resizableColumns,\n      variant,\n      wrapLines,\n      onFocusMove,\n      onSortingChange,\n      onResizeFinish,\n      singleSelectionHeaderAriaLabel,\n      stripedRows,\n      sticky = false,\n      hidden = false,\n      stuck = false,\n      stickyState,\n      selectionColumnId,\n      focusedComponent,\n      onFocusedComponentChange,\n      tableRole,\n    }: TheadProps,\n    outerRef: React.Ref<HTMLTableRowElement>\n  ) => {\n    const isVisualRefresh = useVisualRefresh();\n\n    const headerCellClass = clsx(\n      headerCellStyles['header-cell'],\n      headerCellStyles[`header-cell-variant-${variant}`],\n      sticky && headerCellStyles['header-cell-sticky'],\n      stuck && headerCellStyles['header-cell-stuck'],\n      stripedRows && headerCellStyles['has-striped-rows'],\n      isVisualRefresh && headerCellStyles['is-visual-refresh']\n    );\n\n    const selectionCellClass = clsx(\n      styles['selection-control'],\n      styles['selection-control-header'],\n      isVisualRefresh && styles['is-visual-refresh']\n    );\n\n    const { columnWidths, totalWidth, updateColumn, setCell } = useColumnWidths();\n\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr\n          {...focusMarkers.all}\n          ref={outerRef}\n          aria-rowindex={1}\n          {...getTableHeaderRowRoleProps({ tableRole })}\n          onFocus={event => {\n            const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n            const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n            onFocusedComponentChange?.(focusId);\n          }}\n          onBlur={() => onFocusedComponentChange?.(null)}\n        >\n          {selectionType ? (\n            <TableThElement\n              className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n              hidden={hidden}\n              tableRole={tableRole}\n              colIndex={0}\n              columnId={selectionColumnId}\n              stickyState={stickyState}\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </TableThElement>\n          ) : null}\n\n          {columnDefinitions.map((column, colIndex) => {\n            const columnId = getColumnKey(column, colIndex);\n\n            let widthOverride;\n            if (resizableColumns) {\n              if (columnWidths) {\n                // use stateful value if available\n                widthOverride = columnWidths[columnId];\n              }\n              if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n                // let the last column grow and fill the container width\n                widthOverride = 'auto';\n              }\n            }\n            return (\n              <TableHeaderCell\n                key={columnId}\n                className={headerCellClass}\n                style={{\n                  width: widthOverride || column.width,\n                  minWidth: sticky ? undefined : column.minWidth,\n                  maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n                }}\n                tabIndex={sticky ? -1 : 0}\n                focusedComponent={focusedComponent}\n                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={selectionType ? colIndex + 1 : colIndex}\n                columnId={columnId}\n                updateColumn={updateColumn}\n                onResizeFinish={() => onResizeFinish(columnWidths)}\n                resizableColumns={resizableColumns}\n                onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n                isEditable={!!column.editConfig}\n                stickyState={stickyState}\n                cellRef={node => setCell(columnId, node)}\n                tableRole={tableRole}\n              />\n            );\n          })}\n        </tr>\n      </thead>\n    );\n  }\n);\n\nexport default Thead;\n"]}