npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1333 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1333 → 3.0.1334

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

Files changed (194) hide show

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

@@ -1,41 +1,42 @@
     import './styles.scoped.css';
     export default {
-  "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"
+  "root": "awsui_root_wih1l_oa7kz_153",
+  "tools": "awsui_tools_wih1l_oa7kz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_oa7kz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_oa7kz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_oa7kz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_oa7kz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_oa7kz_193",
+  "tools-small": "awsui_tools-small_wih1l_oa7kz_199",
+  "table": "awsui_table_wih1l_oa7kz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_oa7kz_209",
+  "wrapper": "awsui_wrapper_wih1l_oa7kz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_oa7kz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_oa7kz_220",
+  "variant-container": "awsui_variant-container_wih1l_oa7kz_220",
+  "has-footer": "awsui_has-footer_wih1l_oa7kz_223",
+  "has-header": "awsui_has-header_wih1l_oa7kz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_oa7kz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_oa7kz_255",
+  "empty": "awsui_empty_wih1l_oa7kz_271",
+  "loading": "awsui_loading_wih1l_oa7kz_275",
+  "selection-control": "awsui_selection-control_wih1l_oa7kz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_oa7kz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_oa7kz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_oa7kz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_oa7kz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_oa7kz_320",
+  "header-controls": "awsui_header-controls_wih1l_oa7kz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_oa7kz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_oa7kz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_oa7kz_345",
+  "footer": "awsui_footer_wih1l_oa7kz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_oa7kz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_oa7kz_361",
+  "thead-active": "awsui_thead-active_wih1l_oa7kz_365",
+  "row": "awsui_row_wih1l_oa7kz_366",
+  "row-selected": "awsui_row-selected_wih1l_oa7kz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_oa7kz_371"
 };

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

@@ -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_1x41y_153:not(#\9) {
+.awsui_root_wih1l_oa7kz_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_1x41y_164:not(#\9) {
+.awsui_tools_wih1l_oa7kz_164:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -170,64 +170,67 @@ 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_1x41y_173:not(#\9) {
+.awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
   max-inline-size: 100%;
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1x41y_186:not(#\9) {
+.awsui_tools-align-right_wih1l_oa7kz_186:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_1x41y_190 + .awsui_tools-preferences_wih1l_1x41y_190:not(#\9) {
+.awsui_tools-clear-sort_wih1l_oa7kz_190:not(#\9) {
+  align-self: center;
+}
+.awsui_tools-clear-sort_wih1l_oa7kz_190 + .awsui_tools-pagination_wih1l_oa7kz_193:not(#\9), .awsui_tools-clear-sort_wih1l_oa7kz_190 + .awsui_tools-preferences_wih1l_oa7kz_193:not(#\9), .awsui_tools-pagination_wih1l_oa7kz_193 + .awsui_tools-preferences_wih1l_oa7kz_193: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_1x41y_196 > .awsui_tools-filtering_wih1l_1x41y_173:not(#\9) {
+.awsui_tools-small_wih1l_oa7kz_199 > .awsui_tools-filtering_wih1l_oa7kz_173:not(#\9) {
   flex-basis: 100%;
 }
-.awsui_table_wih1l_1x41y_200:not(#\9) {
+.awsui_table_wih1l_oa7kz_203:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1x41y_206:not(#\9) {
+.awsui_table-layout-fixed_wih1l_oa7kz_209:not(#\9) {
   table-layout: fixed;
 }
-.awsui_wrapper_wih1l_1x41y_210:not(#\9) {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.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) {
+.awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_wrapper-content-measure_wih1l_oa7kz_220:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220 > .awsui_wrapper-content-measure_wih1l_oa7kz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.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) {
+.awsui_wrapper_wih1l_oa7kz_213.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9):not(.awsui_has-footer_wih1l_oa7kz_223), .awsui_wrapper_wih1l_oa7kz_213.awsui_variant-container_wih1l_oa7kz_220:not(#\9):not(.awsui_has-footer_wih1l_oa7kz_223) {
   padding-block-end: var(--space-table-content-bottom-nmydez, 0px);
 }
-.awsui_wrapper_wih1l_1x41y_210:not(#\9):not(.awsui_has-header_wih1l_1x41y_223) {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9):not(.awsui_has-header_wih1l_oa7kz_226) {
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_wrapper_wih1l_1x41y_210:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_oa7kz_213:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_oa7kz_213:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
@@ -237,19 +240,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_cell-merged_wih1l_1x41y_240:not(#\9) {
+.awsui_cell-merged_wih1l_oa7kz_243:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_1x41y_240.awsui_has-footer_wih1l_1x41y_220:not(#\9) {
+.awsui_cell-merged_wih1l_oa7kz_243.awsui_has-footer_wih1l_oa7kz_223: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-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
+.awsui_cell-merged-content_wih1l_oa7kz_255:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
@@ -257,7 +260,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1x41y_252:not(#\9) {
+  .awsui_cell-merged-content_wih1l_oa7kz_255:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -265,11 +268,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1x41y_210:not(#\9):focu
   }
 }
-.awsui_empty_wih1l_1x41y_268:not(#\9) {
+.awsui_empty_wih1l_oa7kz_271:not(#\9) {
   color: var(--color-text-empty-vtt4l2, #687078);
 }
-.awsui_loading_wih1l_1x41y_272:not(#\9) {
+.awsui_loading_wih1l_oa7kz_275:not(#\9) {
   /* used in test-utils */
 }
@@ -278,26 +281,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_1x41y_281:not(#\9) {
+.awsui_selection-control_wih1l_oa7kz_284: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_1x41y_281.awsui_selection-control-header_wih1l_1x41y_288:not(#\9) {
+.awsui_selection-control_wih1l_oa7kz_284.awsui_selection-control-header_wih1l_oa7kz_291: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-l41fek, 1px) solid transparent;
 }
-.awsui_selection-control-content-spans-rows_wih1l_1x41y_293:not(#\9) {
+.awsui_selection-control-content-spans-rows_wih1l_oa7kz_296:not(#\9) {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   block-size: 100%;
 }
-.awsui_header-secondary_wih1l_1x41y_300:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303:not(#\9) {
   overflow: auto;
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
@@ -308,46 +311,46 @@ filter search icon.
   border-end-end-radius: 0;
   background: var(--color-background-table-header-5hauij, #fafafa);
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-full-page_wih1l_oa7kz_314:not(#\9) {
   background: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.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) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-stacked_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9), .awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-container_wih1l_oa7kz_220 > .awsui_table_wih1l_oa7kz_203:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 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) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9):not(.awsui_table-has-header_wih1l_oa7kz_320), .awsui_header-secondary_wih1l_oa7kz_303.awsui_variant-container_wih1l_oa7kz_220:not(#\9):not(.awsui_table-has-header_wih1l_oa7kz_320) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header-secondary_wih1l_1x41y_300:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_oa7kz_303:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1x41y_300.awsui_table-has-header_wih1l_1x41y_317:not(#\9) {
+.awsui_header-secondary_wih1l_oa7kz_303.awsui_table-has-header_wih1l_oa7kz_320:not(#\9) {
   border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
 }
-.awsui_header-controls_wih1l_1x41y_328:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
 }
-.awsui_header-controls_wih1l_1x41y_328.awsui_variant-full-page_wih1l_1x41y_311:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-full-page_wih1l_oa7kz_314: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_1x41y_328.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_header-controls_wih1l_1x41y_328.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9), .awsui_header-controls_wih1l_oa7kz_331.awsui_variant-container_wih1l_oa7kz_220:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-xmv4qa, 0px) + var(--space-table-header-horizontal-2rvxep, 20px));
 }
-.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) {
+.awsui_header-controls_wih1l_oa7kz_331.awsui_variant-embedded_wih1l_oa7kz_340:not(#\9), .awsui_header-controls_wih1l_oa7kz_331.awsui_variant-borderless_wih1l_oa7kz_340: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_1x41y_342.awsui_variant-stacked_wih1l_1x41y_217:not(#\9), .awsui_footer-wrapper_wih1l_1x41y_342.awsui_variant-container_wih1l_1x41y_217:not(#\9) {
+.awsui_footer-wrapper_wih1l_oa7kz_345.awsui_variant-stacked_wih1l_oa7kz_220:not(#\9), .awsui_footer-wrapper_wih1l_oa7kz_345.awsui_variant-container_wih1l_oa7kz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_footer_wih1l_1x41y_342:not(#\9) {
+.awsui_footer_wih1l_oa7kz_345:not(#\9) {
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-table-footer-horizontal-x9dbll, 20px);
 }
-.awsui_footer-with-pagination_wih1l_1x41y_350:not(#\9) {
+.awsui_footer-with-pagination_wih1l_oa7kz_353:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -355,17 +358,17 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_footer-pagination_wih1l_1x41y_358:not(#\9) {
+.awsui_footer-pagination_wih1l_oa7kz_361:not(#\9) {
   margin-inline-start: auto;
 }
-.awsui_thead-active_wih1l_1x41y_362:not(#\9),
-.awsui_row_wih1l_1x41y_363:not(#\9),
-.awsui_row-selected_wih1l_1x41y_364:not(#\9) {
+.awsui_thead-active_wih1l_oa7kz_365:not(#\9),
+.awsui_row_wih1l_oa7kz_366:not(#\9),
+.awsui_row-selected_wih1l_oa7kz_367:not(#\9) {
   /* used in test-utils */
 }
-.awsui_skeleton-loading-cell_wih1l_1x41y_368:not(#\9) {
+.awsui_skeleton-loading-cell_wih1l_oa7kz_371:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   border-block-end: none;

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

@@ -2,41 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "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"
+  "root": "awsui_root_wih1l_oa7kz_153",
+  "tools": "awsui_tools_wih1l_oa7kz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_oa7kz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_oa7kz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_oa7kz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_oa7kz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_oa7kz_193",
+  "tools-small": "awsui_tools-small_wih1l_oa7kz_199",
+  "table": "awsui_table_wih1l_oa7kz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_oa7kz_209",
+  "wrapper": "awsui_wrapper_wih1l_oa7kz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_oa7kz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_oa7kz_220",
+  "variant-container": "awsui_variant-container_wih1l_oa7kz_220",
+  "has-footer": "awsui_has-footer_wih1l_oa7kz_223",
+  "has-header": "awsui_has-header_wih1l_oa7kz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_oa7kz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_oa7kz_255",
+  "empty": "awsui_empty_wih1l_oa7kz_271",
+  "loading": "awsui_loading_wih1l_oa7kz_275",
+  "selection-control": "awsui_selection-control_wih1l_oa7kz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_oa7kz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_oa7kz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_oa7kz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_oa7kz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_oa7kz_320",
+  "header-controls": "awsui_header-controls_wih1l_oa7kz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_oa7kz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_oa7kz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_oa7kz_345",
+  "footer": "awsui_footer_wih1l_oa7kz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_oa7kz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_oa7kz_361",
+  "thead-active": "awsui_thead-active_wih1l_oa7kz_365",
+  "row": "awsui_row_wih1l_oa7kz_366",
+  "row-selected": "awsui_row-selected_wih1l_oa7kz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_oa7kz_371"
 };

package/lib/internal/template/table/thead.d.ts CHANGED Viewed

@@ -14,6 +14,9 @@ export interface TheadProps {
     sortingColumn: TableProps.SortingColumn<any> | undefined;
     sortingDescending: boolean | undefined;
     sortingDisabled: boolean | undefined;
+    multiColumnSort?: TableProps.MultiColumnSort<any>;
+    i18nStrings?: TableProps.I18nStrings;
+    ariaLabels?: TableProps.AriaLabels<any>;
     variant: TableProps.Variant;
     tableVariant?: TableProps.Variant;
     wrapLines: boolean | undefined;

package/lib/internal/template/table/thead.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,SAAS,GAAG,qBAAqB,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,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,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,kBAAkB,CAAC;IAC7C,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,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,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;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,~~wFAkYV~~,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAA8B,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,SAAS,GAAG,qBAAqB,CAAC;IACjD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,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,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACxC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAClC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,kBAAkB,CAAC;IAC7C,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,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,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;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,wFA2YV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/internal/template/table/thead.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { getTableHeaderRowRoleProps } from './table-role';
 import { DEFAULT_COLUMN_WIDTH, useColumnWidths } from './use-column-widths';
 import { getColumnKey } from './utils';
 import styles from './styles.css.js';
-const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefinitions, columnGroupsLayout, sortingColumn, sortingDisabled, sortingDescending, resizableColumns, variant, tableVariant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, stickyColumnsFirst, stickyColumnsLast, selectionColumnId, focusedComponent, onFocusedComponentChange, tableRole, resizerRoleDescription, resizerTooltipText, isExpandable, setLastUserAction, }, outerRef) => {
+const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefinitions, columnGroupsLayout, sortingColumn, sortingDisabled, sortingDescending, multiColumnSort, i18nStrings, ariaLabels, resizableColumns, variant, tableVariant, wrapLines, onFocusMove, onSortingChange, onResizeFinish, singleSelectionHeaderAriaLabel, stripedRows, sticky = false, hidden = false, stuck = false, stickyState, stickyColumnsFirst, stickyColumnsLast, selectionColumnId, focusedComponent, onFocusedComponentChange, tableRole, resizerRoleDescription, resizerTooltipText, isExpandable, setLastUserAction, }, outerRef) => {
     const { getColumnStyles, columnWidths, updateColumn, updateGroup, setCell } = useColumnWidths();
     // This guarantees the width reported via `onColumnWidthsChange` matches the final rendered width instead of a stale one.
     // Without this, resetting/remounting a table right after a resize can restore an outdated width.
@@ -55,7 +55,7 @@ const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefini
                 selectionType ? (React.createElement(TableHeaderSelectionCell, { ...commonCellProps, focusedComponent: focusedComponent, columnId: selectionColumnId, cellRef: node => setCell(sticky, selectionColumnId, node), getSelectAllProps: getSelectAllProps, onFocusMove: onFocusMove, singleSelectionHeaderAriaLabel: singleSelectionHeaderAriaLabel })) : null,
                 columnDefinitions.map((column, colIndex) => {
                     const columnId = getColumnKey(column, colIndex);
-                    return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
+                    return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, multiColumnSort: multiColumnSort, i18nStrings: i18nStrings, ariaLabels: ariaLabels, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
                             setLastUserAction('sorting');
                             fireNonCancelableEvent(onSortingChange, detail);
                         }, isEditable: !!column.editConfig, cellRef: node => setCell(sticky, columnId, node), tableRole: tableRole, resizerRoleDescription: resizerRoleDescription, resizerTooltipText: resizerTooltipText, isExpandable: colIndex === 0 && isExpandable, hasDynamicContent: hidden && !resizableColumns && column.hasDynamicContent, isLast: colIndex === columnDefinitions.length - 1 }));
@@ -164,7 +164,7 @@ const Thead = React.forwardRef(({ selectionType, getSelectAllProps, columnDefini
                 const column = col.columnDefinition;
                 const columnId = col.id;
                 const colIndex = col.colIndex;
-                return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
+                return (React.createElement(TableHeaderCell, { ...commonCellProps, key: columnId, tabIndex: sticky ? -1 : 0, focusedComponent: focusedComponent, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, multiColumnSort: multiColumnSort, i18nStrings: i18nStrings, ariaLabels: ariaLabels, wrapLines: wrapLines, colIndex: selectionType ? colIndex + 1 : colIndex, columnId: columnId, updateColumn: updateColumn, onResizeFinish: () => onResizeFinish(columnWidthsRef.current), resizableColumns: resizableColumns, resizableStyle: getColumnStyles(sticky, columnId), onClick: detail => {
                         setLastUserAction('sorting');
                         fireNonCancelableEvent(onSortingChange, detail);
                     }, isEditable: !!column.editConfig, cellRef: node => {