@cloudscape-design/components 3.0.347 → 3.0.349

package/table/styles.scoped.css

@@ -94,122 +94,122 @@ 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_183rn_97:not(#\9) {
-  font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-ghizru, 20px);
-  color: var(--color-text-body-default-su7kuo, #000716);
+.awsui_root_wih1l_1csi5_97:not(#\9) {
+  font-size: var(--font-body-m-size-dhtyxm, 14px);
+  line-height: var(--font-body-m-line-height-5wv9x1, 20px);
+  color: var(--color-text-body-default-2sxhhn, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   width: 100%;
 }
 
-.awsui_tools_wih1l_183rn_108:not(#\9) {
+.awsui_tools_wih1l_1csi5_108:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
-  padding: var(--space-scaled-xs-wbfgrv, 8px) 0 var(--space-table-header-tools-bottom-u3xvv0, 0px);
+  padding: var(--space-scaled-xs-26e2du, 8px) 0 var(--space-table-header-tools-bottom-25ubsj, 0px);
 }
-.awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
+.awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
   max-width: 100%;
-  margin-right: var(--space-l-f4l5gr, 20px);
+  margin-right: var(--space-l-t419sm, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_183rn_128:not(#\9) {
+.awsui_tools-align-right_wih1l_1csi5_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_183rn_132 + .awsui_tools-preferences_wih1l_183rn_132:not(#\9) {
-  border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
+.awsui_tools-pagination_wih1l_1csi5_132 + .awsui_tools-preferences_wih1l_1csi5_132:not(#\9) {
+  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
   box-sizing: border-box;
-  margin-left: var(--space-xs-edba2s, 8px);
-  padding-left: var(--space-xs-edba2s, 8px);
+  margin-left: var(--space-xs-zb16t3, 8px);
+  padding-left: var(--space-xs-zb16t3, 8px);
 }
-.awsui_tools-small_wih1l_183rn_138 > .awsui_tools-filtering_wih1l_183rn_114:not(#\9) {
+.awsui_tools-small_wih1l_1csi5_138 > .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
   margin-right: 0;
-  margin-bottom: var(--space-scaled-xs-wbfgrv, 8px);
+  margin-bottom: var(--space-scaled-xs-26e2du, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_183rn_144:not(#\9) {
+.awsui_table_wih1l_1csi5_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_183rn_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1csi5_150:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_183rn_154:not(#\9) {
+.awsui_wrapper_wih1l_1csi5_154:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_183rn_154.awsui_variant-stacked_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9), .awsui_wrapper_wih1l_183rn_154.awsui_variant-container_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9) {
-  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
-  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
+.awsui_wrapper_wih1l_1csi5_154.awsui_variant-stacked_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9), .awsui_wrapper_wih1l_1csi5_154.awsui_variant-container_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9) {
+  padding-left: var(--space-table-horizontal-8davlm, 20px);
+  padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_wrapper_wih1l_183rn_154.awsui_variant-container_wih1l_183rn_161:not(#\9):not(.awsui_has-footer_wih1l_183rn_165) {
-  padding-bottom: var(--space-table-content-bottom-xssi3v, 4px);
+.awsui_wrapper_wih1l_1csi5_154.awsui_variant-container_wih1l_1csi5_161:not(#\9):not(.awsui_has-footer_wih1l_1csi5_165) {
+  padding-bottom: var(--space-table-content-bottom-9yr834, 4px);
 }
-.awsui_wrapper_wih1l_183rn_154:not(#\9):not(.awsui_has-header_wih1l_183rn_168) {
-  border-top-right-radius: var(--border-radius-container-pmtq2d, 16px);
-  border-top-left-radius: var(--border-radius-container-pmtq2d, 16px);
+.awsui_wrapper_wih1l_1csi5_154:not(#\9):not(.awsui_has-header_wih1l_1csi5_168) {
+  border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
+  border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_wrapper_wih1l_183rn_154:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1csi5_154:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_183rn_154:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1csi5_154:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-container-pmtq2d, 16px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
+  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_183rn_182:not(#\9) {
+.awsui_cell-merged_wih1l_1csi5_182:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_183rn_182.awsui_has-footer_wih1l_183rn_165:not(#\9) {
+.awsui_cell-merged_wih1l_1csi5_182.awsui_has-footer_wih1l_1csi5_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-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
+  border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
 }
-.awsui_cell-merged-content_wih1l_183rn_193:not(#\9) {
+.awsui_cell-merged-content_wih1l_1csi5_193:not(#\9) {
   box-sizing: border-box;
   width: 100%;
-  padding: var(--space-scaled-m-gxhdpl, 16px) var(--space-l-f4l5gr, 20px) var(--space-scaled-l-2rs0gk, 20px);
+  padding: var(--space-scaled-m-mo5yse, 16px) var(--space-l-t419sm, 20px) var(--space-scaled-l-0hpmd7, 20px);
   /* stylelint-disable plugin/no-unsupported-browser-features */
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_183rn_193:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1csi5_193:not(#\9) {
     position: sticky;
     left: 0;
-    margin: 0 calc(-2 * var(--space-table-horizontal-8ca8r3, 20px));
+    margin: 0 calc(-2 * var(--space-table-horizontal-8davlm, 20px));
   }
 }
 
-.awsui_empty_wih1l_183rn_208:not(#\9) {
-  color: var(--color-text-empty-v5xueo, #5f6b7a);
+.awsui_empty_wih1l_1csi5_208:not(#\9) {
+  color: var(--color-text-empty-2wfcyr, #5f6b7a);
 }
 
-.awsui_loading_wih1l_183rn_212:not(#\9) {
+.awsui_loading_wih1l_1csi5_212:not(#\9) {
   /* used in test-utils */
 }
 
@@ -218,87 +218,87 @@ 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_183rn_221:not(#\9) {
+.awsui_selection-control_wih1l_1csi5_221:not(#\9) {
   box-sizing: border-box;
-  max-width: var(--size-table-selection-horizontal-jcyaue, 40px);
-  min-width: var(--size-table-selection-horizontal-jcyaue, 40px);
+  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-jcyaue, 40px);
+  width: var(--size-table-selection-horizontal-oqvl1b, 40px);
 }
-.awsui_selection-control_wih1l_183rn_221.awsui_selection-control-header_wih1l_183rn_228:not(#\9) {
-  padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px);
-  border-left: var(--border-item-width-y36svo, 2px) solid transparent;
+.awsui_selection-control_wih1l_1csi5_221.awsui_selection-control-header_wih1l_1csi5_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;
 }
 
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_wih1l_183rn_237:not(#\9) {
-  background-color: var(--color-background-layout-main-m49752, #ffffff);
-  color: var(--color-text-body-default-su7kuo, #000716);
+.awsui_dark-header_wih1l_1csi5_237:not(#\9) {
+  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
+  color: var(--color-text-body-default-2sxhhn, #000716);
 }
 
-.awsui_header-secondary_wih1l_183rn_242:not(#\9) {
+.awsui_header-secondary_wih1l_1csi5_242:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
   width: 100%;
   border-radius: 0;
-  background: var(--color-background-table-header-oc36ue, #ffffff);
+  background: var(--color-background-table-header-82ew8p, #ffffff);
 }
-.awsui_header-secondary_wih1l_183rn_242.awsui_variant-stacked_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9), .awsui_header-secondary_wih1l_183rn_242.awsui_variant-container_wih1l_183rn_161 > .awsui_table_wih1l_183rn_144:not(#\9) {
-  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
-  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
+.awsui_header-secondary_wih1l_1csi5_242.awsui_variant-stacked_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9), .awsui_header-secondary_wih1l_1csi5_242.awsui_variant-container_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9) {
+  padding-left: var(--space-table-horizontal-8davlm, 20px);
+  padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-secondary_wih1l_183rn_242:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1csi5_242:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_183rn_242.awsui_table-has-header_wih1l_183rn_258:not(#\9) {
-  border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-container-divider-tildlh, transparent);
+.awsui_header-secondary_wih1l_1csi5_242.awsui_table-has-header_wih1l_1csi5_258:not(#\9) {
+  border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
 
-.awsui_header-controls_wih1l_183rn_262:not(#\9) {
-  padding-top: var(--space-container-header-top-a9tz2a, 12px);
-  padding-bottom: var(--space-container-header-bottom-f79ib3, 8px);
+.awsui_header-controls_wih1l_1csi5_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_183rn_262.awsui_variant-full-page_wih1l_183rn_266:not(#\9) {
+.awsui_header-controls_wih1l_1csi5_262.awsui_variant-full-page_wih1l_1csi5_266:not(#\9) {
   padding-top: 0;
-  padding-bottom: calc(var(--space-container-header-bottom-f79ib3, 8px) + var(--space-table-header-tools-full-page-bottom-4uhg4l, 4px));
+  padding-bottom: calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
 }
-.awsui_header-controls_wih1l_183rn_262.awsui_variant-stacked_wih1l_183rn_161:not(#\9), .awsui_header-controls_wih1l_183rn_262.awsui_variant-container_wih1l_183rn_161:not(#\9) {
-  padding-left: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
-  padding-right: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
+.awsui_header-controls_wih1l_1csi5_262.awsui_variant-stacked_wih1l_1csi5_161:not(#\9), .awsui_header-controls_wih1l_1csi5_262.awsui_variant-container_wih1l_1csi5_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_183rn_262.awsui_variant-embedded_wih1l_183rn_274:not(#\9), .awsui_header-controls_wih1l_183rn_262.awsui_variant-borderless_wih1l_183rn_274:not(#\9) {
-  padding-left: var(--space-table-header-horizontal-gb3iyt, 0px);
-  padding-right: var(--space-table-header-horizontal-gb3iyt, 0px);
-  padding-top: var(--space-table-embedded-header-top-mtzve4, 0px);
+.awsui_header-controls_wih1l_1csi5_262.awsui_variant-embedded_wih1l_1csi5_274:not(#\9), .awsui_header-controls_wih1l_1csi5_262.awsui_variant-borderless_wih1l_1csi5_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_183rn_280.awsui_variant-stacked_wih1l_183rn_161:not(#\9), .awsui_footer-wrapper_wih1l_183rn_280.awsui_variant-container_wih1l_183rn_161:not(#\9) {
-  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
-  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
+.awsui_footer-wrapper_wih1l_1csi5_280.awsui_variant-stacked_wih1l_1csi5_161:not(#\9), .awsui_footer-wrapper_wih1l_1csi5_280.awsui_variant-container_wih1l_1csi5_161:not(#\9) {
+  padding-left: var(--space-table-horizontal-8davlm, 20px);
+  padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
 
-.awsui_footer_wih1l_183rn_280:not(#\9) {
-  padding: var(--space-scaled-s-913kwi, 12px) var(--space-table-footer-horizontal-u2o8yq, 0px);
+.awsui_footer_wih1l_1csi5_280:not(#\9) {
+  padding: var(--space-scaled-s-aqzyko, 12px) var(--space-table-footer-horizontal-ptapb9, 0px);
 }
-.awsui_footer-with-pagination_wih1l_183rn_288:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1csi5_288:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  gap: var(--space-scaled-s-913kwi, 12px);
+  gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_footer-pagination_wih1l_183rn_296:not(#\9) {
+.awsui_footer-pagination_wih1l_1csi5_296:not(#\9) {
   margin-left: auto;
 }
 
-.awsui_thead-active_wih1l_183rn_300:not(#\9),
-.awsui_row_wih1l_183rn_301:not(#\9),
-.awsui_row-selected_wih1l_183rn_302:not(#\9) {
+.awsui_thead-active_wih1l_1csi5_300:not(#\9),
+.awsui_row_wih1l_1csi5_301:not(#\9),
+.awsui_row-selected_wih1l_1csi5_302:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_183rn_97",
-  "tools": "awsui_tools_wih1l_183rn_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_183rn_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_183rn_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_183rn_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_183rn_132",
-  "tools-small": "awsui_tools-small_wih1l_183rn_138",
-  "table": "awsui_table_wih1l_183rn_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_183rn_150",
-  "wrapper": "awsui_wrapper_wih1l_183rn_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_183rn_161",
-  "variant-container": "awsui_variant-container_wih1l_183rn_161",
-  "has-footer": "awsui_has-footer_wih1l_183rn_165",
-  "has-header": "awsui_has-header_wih1l_183rn_168",
-  "cell-merged": "awsui_cell-merged_wih1l_183rn_182",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_183rn_193",
-  "empty": "awsui_empty_wih1l_183rn_208",
-  "loading": "awsui_loading_wih1l_183rn_212",
-  "selection-control": "awsui_selection-control_wih1l_183rn_221",
-  "selection-control-header": "awsui_selection-control-header_wih1l_183rn_228",
-  "dark-header": "awsui_dark-header_wih1l_183rn_237",
-  "header-secondary": "awsui_header-secondary_wih1l_183rn_242",
-  "table-has-header": "awsui_table-has-header_wih1l_183rn_258",
-  "header-controls": "awsui_header-controls_wih1l_183rn_262",
-  "variant-full-page": "awsui_variant-full-page_wih1l_183rn_266",
-  "variant-embedded": "awsui_variant-embedded_wih1l_183rn_274",
-  "variant-borderless": "awsui_variant-borderless_wih1l_183rn_274",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_183rn_280",
-  "footer": "awsui_footer_wih1l_183rn_280",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_183rn_288",
-  "footer-pagination": "awsui_footer-pagination_wih1l_183rn_296",
-  "thead-active": "awsui_thead-active_wih1l_183rn_300",
-  "row": "awsui_row_wih1l_183rn_301",
-  "row-selected": "awsui_row-selected_wih1l_183rn_302"
+  "root": "awsui_root_wih1l_1csi5_97",
+  "tools": "awsui_tools_wih1l_1csi5_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1csi5_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1csi5_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1csi5_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1csi5_132",
+  "tools-small": "awsui_tools-small_wih1l_1csi5_138",
+  "table": "awsui_table_wih1l_1csi5_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1csi5_150",
+  "wrapper": "awsui_wrapper_wih1l_1csi5_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1csi5_161",
+  "variant-container": "awsui_variant-container_wih1l_1csi5_161",
+  "has-footer": "awsui_has-footer_wih1l_1csi5_165",
+  "has-header": "awsui_has-header_wih1l_1csi5_168",
+  "cell-merged": "awsui_cell-merged_wih1l_1csi5_182",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1csi5_193",
+  "empty": "awsui_empty_wih1l_1csi5_208",
+  "loading": "awsui_loading_wih1l_1csi5_212",
+  "selection-control": "awsui_selection-control_wih1l_1csi5_221",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1csi5_228",
+  "dark-header": "awsui_dark-header_wih1l_1csi5_237",
+  "header-secondary": "awsui_header-secondary_wih1l_1csi5_242",
+  "table-has-header": "awsui_table-has-header_wih1l_1csi5_258",
+  "header-controls": "awsui_header-controls_wih1l_1csi5_262",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1csi5_266",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1csi5_274",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1csi5_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1csi5_280",
+  "footer": "awsui_footer_wih1l_1csi5_280",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1csi5_288",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1csi5_296",
+  "thead-active": "awsui_thead-active_wih1l_1csi5_300",
+  "row": "awsui_row_wih1l_1csi5_301",
+  "row-selected": "awsui_row-selected_wih1l_1csi5_302"
 };
   

package/table/table-role/index.d.ts

@@ -0,0 +1,2 @@
+export { TableRole, getTableCellRoleProps, getTableColHeaderRoleProps, getTableRoleProps, getTableRowRoleProps, } from './table-role-helper';
+//# sourceMappingURL=index.d.ts.map

package/table/table-role/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EACT,qBAAqB,EACrB,0BAA0B,EAC1B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC"}

package/table/table-role/index.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export { getTableCellRoleProps, getTableColHeaderRoleProps, getTableRoleProps, getTableRowRoleProps, } from './table-role-helper';
+//# sourceMappingURL=index.js.map

package/table/table-role/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/table-role/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAEL,qBAAqB,EACrB,0BAA0B,EAC1B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport {\n  TableRole,\n  getTableCellRoleProps,\n  getTableColHeaderRoleProps,\n  getTableRoleProps,\n  getTableRowRoleProps,\n} from './table-role-helper';\n"]}

package/table/table-role/table-role-helper.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type SortingStatus = 'sortable' | 'ascending' | 'descending';
+export type TableRole = 'table' | 'grid';
+export declare function getTableRoleProps(options: {
+    tableRole: TableRole;
+    ariaLabel?: string;
+    totalItemsCount?: number;
+}): React.TableHTMLAttributes<HTMLTableElement>;
+export declare function getTableRowRoleProps(options: {
+    tableRole: TableRole;
+    rowIndex: number;
+    firstIndex?: number;
+}): React.HTMLAttributes<HTMLTableRowElement>;
+export declare function getTableColHeaderRoleProps(options: {
+    sortingStatus?: SortingStatus;
+}): React.ThHTMLAttributes<HTMLTableCellElement>;
+export declare function getTableCellRoleProps(options: {
+    tableRole: TableRole;
+    isRowHeader?: boolean;
+}): React.TdHTMLAttributes<HTMLTableCellElement>;
+export {};
+//# sourceMappingURL=table-role-helper.d.ts.map

package/table/table-role/table-role-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-role-helper.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/table-role-helper.ts"],"names":[],"mappings":";AAGA,KAAK,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;AAa7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAa9C;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAY5C;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAU/C;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAY/C"}

package/table/table-role/table-role-helper.js

@@ -0,0 +1,47 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const stateToAriaSort = {
+    sortable: 'none',
+    ascending: 'ascending',
+    descending: 'descending',
+};
+const getAriaSort = (sortingState) => stateToAriaSort[sortingState];
+export function getTableRoleProps(options) {
+    const nativeProps = {};
+    // Browsers have weird mechanism to guess whether it's a data table or a layout table.
+    // If we state explicitly, they get it always correctly even with low number of rows.
+    nativeProps.role = options.tableRole;
+    nativeProps['aria-label'] = options.ariaLabel;
+    // Incrementing the total count by one to account for the header row.
+    nativeProps['aria-rowcount'] = options.totalItemsCount ? options.totalItemsCount + 1 : -1;
+    return nativeProps;
+}
+export function getTableRowRoleProps(options) {
+    const nativeProps = {};
+    if (options.tableRole === 'grid') {
+        nativeProps.role = 'row';
+    }
+    if (options.firstIndex !== undefined) {
+        nativeProps['aria-rowindex'] = options.firstIndex + options.rowIndex + 1;
+    }
+    return nativeProps;
+}
+export function getTableColHeaderRoleProps(options) {
+    const nativeProps = {};
+    nativeProps.scope = 'col';
+    if (options.sortingStatus) {
+        nativeProps['aria-sort'] = getAriaSort(options.sortingStatus);
+    }
+    return nativeProps;
+}
+export function getTableCellRoleProps(options) {
+    const nativeProps = {};
+    if (options.tableRole === 'grid') {
+        nativeProps.role = 'gridcell';
+    }
+    if (options.isRowHeader) {
+        nativeProps.scope = 'row';
+    }
+    return nativeProps;
+}
+//# sourceMappingURL=table-role-helper.js.map

package/table/table-role/table-role-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-role-helper.js","sourceRoot":"lib/default/","sources":["table/table-role/table-role-helper.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,MAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAChB,CAAC;AACX,MAAM,WAAW,GAAG,CAAC,YAA2B,EAAE,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;AAQnF,MAAM,UAAU,iBAAiB,CAAC,OAIjC;IACC,MAAM,WAAW,GAAgD,EAAE,CAAC;IAEpE,sFAAsF;IACtF,qFAAqF;IACrF,WAAW,CAAC,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC;IAErC,WAAW,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;IAE9C,qEAAqE;IACrE,WAAW,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1F,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAIpC;IACC,MAAM,WAAW,GAA8C,EAAE,CAAC;IAElE,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;KAC1B;IAED,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE;QACpC,WAAW,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;KAC1E;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,OAE1C;IACC,MAAM,WAAW,GAAiD,EAAE,CAAC;IAErE,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,aAAa,EAAE;QACzB,WAAW,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;KAC/D;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,OAGrC;IACC,MAAM,WAAW,GAAiD,EAAE,CAAC;IAErE,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;KAC/B;IAED,IAAI,OAAO,CAAC,WAAW,EAAE;QACvB,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;KAC3B;IAED,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\ntype SortingStatus = 'sortable' | 'ascending' | 'descending';\n\nconst stateToAriaSort = {\n  sortable: 'none',\n  ascending: 'ascending',\n  descending: 'descending',\n} as const;\nconst getAriaSort = (sortingState: SortingStatus) => stateToAriaSort[sortingState];\n\n// Depending on its content the table can have different semantic representation which includes the\n// ARIA role of the table component (\"table\", \"grid\", \"treegrid\") but also roles and other semantic attributes\n// of the child elements. The TableRole helper encapsulates table's semantic structure.\n\nexport type TableRole = 'table' | 'grid';\n\nexport function getTableRoleProps(options: {\n  tableRole: TableRole;\n  ariaLabel?: string;\n  totalItemsCount?: number;\n}): React.TableHTMLAttributes<HTMLTableElement> {\n  const nativeProps: React.TableHTMLAttributes<HTMLTableElement> = {};\n\n  // Browsers have weird mechanism to guess whether it's a data table or a layout table.\n  // If we state explicitly, they get it always correctly even with low number of rows.\n  nativeProps.role = options.tableRole;\n\n  nativeProps['aria-label'] = options.ariaLabel;\n\n  // Incrementing the total count by one to account for the header row.\n  nativeProps['aria-rowcount'] = options.totalItemsCount ? options.totalItemsCount + 1 : -1;\n\n  return nativeProps;\n}\n\nexport function getTableRowRoleProps(options: {\n  tableRole: TableRole;\n  rowIndex: number;\n  firstIndex?: number;\n}): React.HTMLAttributes<HTMLTableRowElement> {\n  const nativeProps: React.HTMLAttributes<HTMLTableRowElement> = {};\n\n  if (options.tableRole === 'grid') {\n    nativeProps.role = 'row';\n  }\n\n  if (options.firstIndex !== undefined) {\n    nativeProps['aria-rowindex'] = options.firstIndex + options.rowIndex + 1;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableColHeaderRoleProps(options: {\n  sortingStatus?: SortingStatus;\n}): React.ThHTMLAttributes<HTMLTableCellElement> {\n  const nativeProps: React.ThHTMLAttributes<HTMLTableCellElement> = {};\n\n  nativeProps.scope = 'col';\n\n  if (options.sortingStatus) {\n    nativeProps['aria-sort'] = getAriaSort(options.sortingStatus);\n  }\n\n  return nativeProps;\n}\n\nexport function getTableCellRoleProps(options: {\n  tableRole: TableRole;\n  isRowHeader?: boolean;\n}): React.TdHTMLAttributes<HTMLTableCellElement> {\n  const nativeProps: React.TdHTMLAttributes<HTMLTableCellElement> = {};\n\n  if (options.tableRole === 'grid') {\n    nativeProps.role = 'gridcell';\n  }\n\n  if (options.isRowHeader) {\n    nativeProps.scope = 'row';\n  }\n\n  return nativeProps;\n}\n"]}

package/table/thead.d.ts

@@ -3,6 +3,7 @@ import { TableProps } from './interfaces';
 import { SelectionProps } from './use-selection';
 import { NonCancelableEventHandler } from '../internal/events';
 import { StickyColumnsModel } from './sticky-columns';
+import { TableRole } from './table-role';
 export type InteractiveComponent = {
     type: 'selection';
 } | {
@@ -35,6 +36,7 @@ export interface TheadProps {
     selectionColumnId: PropertyKey;
     focusedComponent?: InteractiveComponent | null;
     onFocusedComponentChange?: (element: InteractiveComponent | null) => void;
+    tableRole: TableRole;
 }
 declare const Thead: React.ForwardRefExoticComponent<TheadProps & React.RefAttributes<HTMLTableRowElement>>;
 export default Thead;

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;AAE1C,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AASvF,OAAO,EAAE,kBAAkB,EAAuB,MAAM,kBAAkB,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,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,oBAAoB,GAAG,IAAI,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAED,QAAA,MAAM,KAAK,wFAmIV,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;AAE1C,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AASvF,OAAO,EAAE,kBAAkB,EAAuB,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,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,oBAAoB,GAAG,IAAI,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1E,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,wFAsIV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/table/thead.js

@@ -14,7 +14,8 @@ import cellStyles from './header-cell/styles.css.js';
 import headerCellStyles from './header-cell/styles.css.js';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
 import { useStickyCellStyles } from './sticky-columns';
-const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllProps, columnDefinitions, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, selectionColumnId, focusedComponent, onFocusedComponentChange, }, outerRef) => {
+import { getTableColHeaderRoleProps } from './table-role';
+const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllProps, columnDefinitions, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, selectionColumnId, focusedComponent, onFocusedComponentChange, tableRole, }, outerRef) => {
     const isVisualRefresh = useVisualRefresh();
     const headerCellClass = clsx(headerCellStyles['header-cell'], headerCellStyles[`header-cell-variant-${variant}`], sticky && headerCellStyles['header-cell-sticky'], stuck && headerCellStyles['header-cell-stuck'], stripedRows && headerCellStyles['has-striped-rows'], isVisualRefresh && headerCellStyles['is-visual-refresh']);
     const selectionCellClass = clsx(styles['selection-control'], styles['selection-control-header'], isVisualRefresh && styles['is-visual-refresh']);
@@ -26,7 +27,7 @@ const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllPro
     });
     return (React.createElement("thead", { className: clsx(!hidden && styles['thead-active']) },
         React.createElement("tr", Object.assign({}, focusMarkers.all, { ref: outerRef, "aria-rowindex": 1 }),
-            selectionType ? (React.createElement("th", { className: clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'], stickyStyles.className), style: stickyStyles.style, ref: stickyStyles.ref, scope: "col" }, selectionType === 'multi' ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
+            selectionType ? (React.createElement("th", Object.assign({ className: clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'], stickyStyles.className), style: stickyStyles.style, ref: stickyStyles.ref, scope: "col" }, getTableColHeaderRoleProps({})), selectionType === 'multi' ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
                     onFocusMove(event.target, -1, +1);
                 }, focusedComponent: focusedComponent, onFocusedComponentChange: onFocusedComponentChange }, getSelectAllProps(), (sticky ? { tabIndex: -1 } : {})))) : (React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel)))) : null,
             columnDefinitions.map((column, colIndex) => {
@@ -46,7 +47,7 @@ const Thead = React.forwardRef(({ containerWidth, selectionType, getSelectAllPro
                         width: widthOverride || column.width,
                         minWidth: sticky ? undefined : column.minWidth,
                         maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,
-                    }, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, onFocusedComponentChange: onFocusedComponentChange, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, hidden: hidden, colIndex: colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidths), resizableColumns: resizableColumns, onClick: detail => fireNonCancelableEvent(onSortingChange, detail), isEditable: !!column.editConfig, stickyState: stickyState, cellRef: node => setCell(columnId, node) }));
+                    }, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, onFocusedComponentChange: onFocusedComponentChange, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, hidden: hidden, colIndex: colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidths), resizableColumns: resizableColumns, onClick: detail => fireNonCancelableEvent(onSortingChange, detail), isEditable: !!column.editConfig, stickyState: stickyState, cellRef: node => setCell(columnId, node), tableRole: tableRole }));
             }))));
 });
 export default Thead;

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 from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } 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 cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel, useStickyCellStyles } from './sticky-columns';\n\nexport type InteractiveComponent =\n  | { type: 'selection' }\n  | { type: 'column'; col: number }\n  | { type: 'resizer'; col: number };\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?: InteractiveComponent | null;\n  onFocusedComponentChange?: (element: InteractiveComponent | null) => void;\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    }: 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    const stickyStyles = useStickyCellStyles({\n      stickyColumns: stickyState,\n      columnId: selectionColumnId,\n      getClassName: props => getStickyClassNames(cellStyles, props),\n    });\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n          {selectionType ? (\n            <th\n              className={clsx(\n                headerCellClass,\n                selectionCellClass,\n                hidden && headerCellStyles['header-cell-hidden'],\n                stickyStyles.className\n              )}\n              style={stickyStyles.style}\n              ref={stickyStyles.ref}\n              scope=\"col\"\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  onFocusedComponentChange={onFocusedComponentChange}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </th>\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                onFocusedComponentChange={onFocusedComponentChange}\n                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={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              />\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 from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } 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 cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel, useStickyCellStyles } from './sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from './table-role';\n\nexport type InteractiveComponent =\n  | { type: 'selection' }\n  | { type: 'column'; col: number }\n  | { type: 'resizer'; col: number };\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?: InteractiveComponent | null;\n  onFocusedComponentChange?: (element: InteractiveComponent | null) => 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    const stickyStyles = useStickyCellStyles({\n      stickyColumns: stickyState,\n      columnId: selectionColumnId,\n      getClassName: props => getStickyClassNames(cellStyles, props),\n    });\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n          {selectionType ? (\n            <th\n              className={clsx(\n                headerCellClass,\n                selectionCellClass,\n                hidden && headerCellStyles['header-cell-hidden'],\n                stickyStyles.className\n              )}\n              style={stickyStyles.style}\n              ref={stickyStyles.ref}\n              scope=\"col\"\n              {...getTableColHeaderRoleProps({})}\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  onFocusedComponentChange={onFocusedComponentChange}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </th>\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                onFocusedComponentChange={onFocusedComponentChange}\n                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={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"]}