@cloudscape-design/components 3.0.534 → 3.0.535

package/table/styles.css.js

@@ -1,40 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_chj77_97",
-  "tools": "awsui_tools_wih1l_chj77_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_chj77_116",
-  "tools-align-right": "awsui_tools-align-right_wih1l_chj77_130",
-  "tools-pagination": "awsui_tools-pagination_wih1l_chj77_134",
-  "tools-preferences": "awsui_tools-preferences_wih1l_chj77_134",
-  "tools-small": "awsui_tools-small_wih1l_chj77_140",
-  "table": "awsui_table_wih1l_chj77_146",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_chj77_152",
-  "wrapper": "awsui_wrapper_wih1l_chj77_156",
-  "variant-stacked": "awsui_variant-stacked_wih1l_chj77_163",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_chj77_163",
-  "variant-container": "awsui_variant-container_wih1l_chj77_163",
-  "has-footer": "awsui_has-footer_wih1l_chj77_166",
-  "has-header": "awsui_has-header_wih1l_chj77_169",
-  "cell-merged": "awsui_cell-merged_wih1l_chj77_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_chj77_198",
-  "empty": "awsui_empty_wih1l_chj77_216",
-  "loading": "awsui_loading_wih1l_chj77_220",
-  "selection-control": "awsui_selection-control_wih1l_chj77_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_chj77_236",
-  "dark-header": "awsui_dark-header_wih1l_chj77_246",
-  "header-secondary": "awsui_header-secondary_wih1l_chj77_251",
-  "table-has-header": "awsui_table-has-header_wih1l_chj77_269",
-  "header-controls": "awsui_header-controls_wih1l_chj77_273",
-  "variant-full-page": "awsui_variant-full-page_wih1l_chj77_276",
-  "variant-embedded": "awsui_variant-embedded_wih1l_chj77_282",
-  "variant-borderless": "awsui_variant-borderless_wih1l_chj77_282",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_chj77_287",
-  "footer": "awsui_footer_wih1l_chj77_287",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_chj77_295",
-  "footer-pagination": "awsui_footer-pagination_wih1l_chj77_303",
-  "thead-active": "awsui_thead-active_wih1l_chj77_307",
-  "row": "awsui_row_wih1l_chj77_308",
-  "row-selected": "awsui_row-selected_wih1l_chj77_309"
+  "root": "awsui_root_wih1l_c80nw_103",
+  "tools": "awsui_tools_wih1l_c80nw_114",
+  "tools-filtering": "awsui_tools-filtering_wih1l_c80nw_122",
+  "tools-align-right": "awsui_tools-align-right_wih1l_c80nw_136",
+  "tools-pagination": "awsui_tools-pagination_wih1l_c80nw_140",
+  "tools-preferences": "awsui_tools-preferences_wih1l_c80nw_140",
+  "tools-small": "awsui_tools-small_wih1l_c80nw_146",
+  "table": "awsui_table_wih1l_c80nw_152",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_c80nw_158",
+  "wrapper": "awsui_wrapper_wih1l_c80nw_162",
+  "variant-stacked": "awsui_variant-stacked_wih1l_c80nw_169",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_c80nw_169",
+  "variant-container": "awsui_variant-container_wih1l_c80nw_169",
+  "has-footer": "awsui_has-footer_wih1l_c80nw_172",
+  "has-header": "awsui_has-header_wih1l_c80nw_175",
+  "cell-merged": "awsui_cell-merged_wih1l_c80nw_192",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_c80nw_204",
+  "empty": "awsui_empty_wih1l_c80nw_222",
+  "loading": "awsui_loading_wih1l_c80nw_226",
+  "selection-control": "awsui_selection-control_wih1l_c80nw_235",
+  "selection-control-header": "awsui_selection-control-header_wih1l_c80nw_242",
+  "dark-header": "awsui_dark-header_wih1l_c80nw_252",
+  "header-secondary": "awsui_header-secondary_wih1l_c80nw_257",
+  "table-has-header": "awsui_table-has-header_wih1l_c80nw_275",
+  "header-controls": "awsui_header-controls_wih1l_c80nw_279",
+  "variant-full-page": "awsui_variant-full-page_wih1l_c80nw_282",
+  "variant-embedded": "awsui_variant-embedded_wih1l_c80nw_288",
+  "variant-borderless": "awsui_variant-borderless_wih1l_c80nw_288",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_c80nw_293",
+  "footer": "awsui_footer_wih1l_c80nw_293",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_c80nw_301",
+  "footer-pagination": "awsui_footer-pagination_wih1l_c80nw_309",
+  "thead-active": "awsui_thead-active_wih1l_c80nw_313",
+  "row": "awsui_row_wih1l_c80nw_314",
+  "row-selected": "awsui_row-selected_wih1l_c80nw_315"
 };
   

package/table/styles.scoped.css

@@ -2,6 +2,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -94,7 +100,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_chj77_97:not(#\9) {
+.awsui_root_wih1l_c80nw_103: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-at06ol, #000716);
@@ -105,7 +111,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_chj77_108:not(#\9) {
+.awsui_tools_wih1l_c80nw_114:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -113,67 +119,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-25ubsj, 0px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_chj77_116:not(#\9) {
+.awsui_tools-filtering_wih1l_c80nw_122:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: var(--space-l-t419sm, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_chj77_116:not(#\9) {
+  .awsui_tools-filtering_wih1l_c80nw_122:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_chj77_116:not(#\9) {
+  .awsui_tools-filtering_wih1l_c80nw_122:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_chj77_130:not(#\9) {
+.awsui_tools-align-right_wih1l_c80nw_136:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_chj77_134 + .awsui_tools-preferences_wih1l_chj77_134:not(#\9) {
+.awsui_tools-pagination_wih1l_c80nw_140 + .awsui_tools-preferences_wih1l_c80nw_140:not(#\9) {
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-zb16t3, 8px);
   padding-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_tools-small_wih1l_chj77_140 > .awsui_tools-filtering_wih1l_chj77_116:not(#\9) {
+.awsui_tools-small_wih1l_c80nw_146 > .awsui_tools-filtering_wih1l_c80nw_122:not(#\9) {
   margin-inline-end: 0;
   margin-block-end: var(--space-scaled-xs-26e2du, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_chj77_146:not(#\9) {
+.awsui_table_wih1l_c80nw_152:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_chj77_152:not(#\9) {
+.awsui_table-layout-fixed_wih1l_c80nw_158:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_chj77_156:not(#\9) {
+.awsui_wrapper_wih1l_c80nw_162:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_chj77_156.awsui_variant-stacked_wih1l_chj77_163 > .awsui_table_wih1l_chj77_146:not(#\9), .awsui_wrapper_wih1l_chj77_156.awsui_variant-stacked_wih1l_chj77_163 > .awsui_wrapper-content-measure_wih1l_chj77_163:not(#\9), .awsui_wrapper_wih1l_chj77_156.awsui_variant-container_wih1l_chj77_163 > .awsui_table_wih1l_chj77_146:not(#\9), .awsui_wrapper_wih1l_chj77_156.awsui_variant-container_wih1l_chj77_163 > .awsui_wrapper-content-measure_wih1l_chj77_163:not(#\9) {
+.awsui_wrapper_wih1l_c80nw_162.awsui_variant-stacked_wih1l_c80nw_169 > .awsui_table_wih1l_c80nw_152:not(#\9), .awsui_wrapper_wih1l_c80nw_162.awsui_variant-stacked_wih1l_c80nw_169 > .awsui_wrapper-content-measure_wih1l_c80nw_169:not(#\9), .awsui_wrapper_wih1l_c80nw_162.awsui_variant-container_wih1l_c80nw_169 > .awsui_table_wih1l_c80nw_152:not(#\9), .awsui_wrapper_wih1l_c80nw_162.awsui_variant-container_wih1l_c80nw_169 > .awsui_wrapper-content-measure_wih1l_c80nw_169:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_wrapper_wih1l_chj77_156.awsui_variant-container_wih1l_chj77_163:not(#\9):not(.awsui_has-footer_wih1l_chj77_166) {
+.awsui_wrapper_wih1l_c80nw_162.awsui_variant-container_wih1l_c80nw_169:not(#\9):not(.awsui_has-footer_wih1l_c80nw_172) {
   padding-block-end: var(--space-table-content-bottom-9yr834, 4px);
 }
-.awsui_wrapper_wih1l_chj77_156:not(#\9):not(.awsui_has-header_wih1l_chj77_169) {
+.awsui_wrapper_wih1l_c80nw_162:not(#\9):not(.awsui_has-header_wih1l_c80nw_175) {
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_wrapper_wih1l_chj77_156:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_c80nw_162:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_chj77_156:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_c80nw_162:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -183,19 +189,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_chj77_156:not(#\9):focu
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_cell-merged_wih1l_chj77_186:not(#\9) {
+.awsui_cell-merged_wih1l_c80nw_192:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_chj77_186.awsui_has-footer_wih1l_chj77_166:not(#\9) {
+.awsui_cell-merged_wih1l_c80nw_192.awsui_has-footer_wih1l_c80nw_172: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-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_cell-merged-content_wih1l_chj77_198:not(#\9) {
+.awsui_cell-merged-content_wih1l_c80nw_204:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-mo5yse, 16px);
@@ -205,7 +211,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_chj77_156:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_chj77_198:not(#\9) {
+  .awsui_cell-merged-content_wih1l_c80nw_204:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -213,11 +219,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_chj77_156:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_chj77_216:not(#\9) {
+.awsui_empty_wih1l_c80nw_222:not(#\9) {
   color: var(--color-text-empty-2wfcyr, #5f6b7a);
 }
 
-.awsui_loading_wih1l_chj77_220:not(#\9) {
+.awsui_loading_wih1l_c80nw_226:not(#\9) {
   /* used in test-utils */
 }
 
@@ -226,14 +232,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_chj77_229:not(#\9) {
+.awsui_selection-control_wih1l_c80nw_235:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
   min-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
 }
-.awsui_selection-control_wih1l_chj77_229.awsui_selection-control-header_wih1l_chj77_236:not(#\9) {
+.awsui_selection-control_wih1l_c80nw_235.awsui_selection-control-header_wih1l_c80nw_242:not(#\9) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: var(--space-scaled-l-0hpmd7, 20px);
   border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
@@ -243,12 +249,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_chj77_246:not(#\9) {
+.awsui_dark-header_wih1l_c80nw_252:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_header-secondary_wih1l_chj77_251:not(#\9) {
+.awsui_header-secondary_wih1l_c80nw_257:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -260,39 +266,39 @@ the default white background of the container component.
   border-end-end-radius: 0;
   background: var(--color-background-table-header-82ew8p, #ffffff);
 }
-.awsui_header-secondary_wih1l_chj77_251.awsui_variant-stacked_wih1l_chj77_163 > .awsui_table_wih1l_chj77_146:not(#\9), .awsui_header-secondary_wih1l_chj77_251.awsui_variant-container_wih1l_chj77_163 > .awsui_table_wih1l_chj77_146:not(#\9) {
+.awsui_header-secondary_wih1l_c80nw_257.awsui_variant-stacked_wih1l_c80nw_169 > .awsui_table_wih1l_c80nw_152:not(#\9), .awsui_header-secondary_wih1l_c80nw_257.awsui_variant-container_wih1l_c80nw_169 > .awsui_table_wih1l_c80nw_152:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-secondary_wih1l_chj77_251:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_c80nw_257:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_chj77_251.awsui_table-has-header_wih1l_chj77_269:not(#\9) {
+.awsui_header-secondary_wih1l_c80nw_257.awsui_table-has-header_wih1l_c80nw_275:not(#\9) {
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
 
-.awsui_header-controls_wih1l_chj77_273:not(#\9) {
+.awsui_header-controls_wih1l_c80nw_279:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px) var(--space-container-header-bottom-vj01hn, 8px);
 }
-.awsui_header-controls_wih1l_chj77_273.awsui_variant-full-page_wih1l_chj77_276:not(#\9) {
+.awsui_header-controls_wih1l_c80nw_279.awsui_variant-full-page_wih1l_c80nw_282:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
 }
-.awsui_header-controls_wih1l_chj77_273.awsui_variant-stacked_wih1l_chj77_163:not(#\9), .awsui_header-controls_wih1l_chj77_273.awsui_variant-container_wih1l_chj77_163:not(#\9) {
+.awsui_header-controls_wih1l_c80nw_279.awsui_variant-stacked_wih1l_c80nw_169:not(#\9), .awsui_header-controls_wih1l_c80nw_279.awsui_variant-container_wih1l_c80nw_169:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
 }
-.awsui_header-controls_wih1l_chj77_273.awsui_variant-embedded_wih1l_chj77_282:not(#\9), .awsui_header-controls_wih1l_chj77_273.awsui_variant-borderless_wih1l_chj77_282:not(#\9) {
+.awsui_header-controls_wih1l_c80nw_279.awsui_variant-embedded_wih1l_c80nw_288:not(#\9), .awsui_header-controls_wih1l_c80nw_279.awsui_variant-borderless_wih1l_c80nw_288:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-block-start: var(--space-table-embedded-header-top-bfjeam, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_chj77_287.awsui_variant-stacked_wih1l_chj77_163:not(#\9), .awsui_footer-wrapper_wih1l_chj77_287.awsui_variant-container_wih1l_chj77_163:not(#\9) {
+.awsui_footer-wrapper_wih1l_c80nw_293.awsui_variant-stacked_wih1l_c80nw_169:not(#\9), .awsui_footer-wrapper_wih1l_c80nw_293.awsui_variant-container_wih1l_c80nw_169:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
 
-.awsui_footer_wih1l_chj77_287:not(#\9) {
+.awsui_footer_wih1l_c80nw_293:not(#\9) {
   padding-block: var(--space-scaled-s-aqzyko, 12px);
   padding-inline: var(--space-table-footer-horizontal-ptapb9, 0px);
 }
-.awsui_footer-with-pagination_wih1l_chj77_295:not(#\9) {
+.awsui_footer-with-pagination_wih1l_c80nw_301:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -300,12 +306,12 @@ the default white background of the container component.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_footer-pagination_wih1l_chj77_303:not(#\9) {
+.awsui_footer-pagination_wih1l_c80nw_309:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_chj77_307:not(#\9),
-.awsui_row_wih1l_chj77_308:not(#\9),
-.awsui_row-selected_wih1l_chj77_309:not(#\9) {
+.awsui_thead-active_wih1l_c80nw_313:not(#\9),
+.awsui_row_wih1l_c80nw_314:not(#\9),
+.awsui_row-selected_wih1l_c80nw_315:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,40 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_chj77_97",
-  "tools": "awsui_tools_wih1l_chj77_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_chj77_116",
-  "tools-align-right": "awsui_tools-align-right_wih1l_chj77_130",
-  "tools-pagination": "awsui_tools-pagination_wih1l_chj77_134",
-  "tools-preferences": "awsui_tools-preferences_wih1l_chj77_134",
-  "tools-small": "awsui_tools-small_wih1l_chj77_140",
-  "table": "awsui_table_wih1l_chj77_146",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_chj77_152",
-  "wrapper": "awsui_wrapper_wih1l_chj77_156",
-  "variant-stacked": "awsui_variant-stacked_wih1l_chj77_163",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_chj77_163",
-  "variant-container": "awsui_variant-container_wih1l_chj77_163",
-  "has-footer": "awsui_has-footer_wih1l_chj77_166",
-  "has-header": "awsui_has-header_wih1l_chj77_169",
-  "cell-merged": "awsui_cell-merged_wih1l_chj77_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_chj77_198",
-  "empty": "awsui_empty_wih1l_chj77_216",
-  "loading": "awsui_loading_wih1l_chj77_220",
-  "selection-control": "awsui_selection-control_wih1l_chj77_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_chj77_236",
-  "dark-header": "awsui_dark-header_wih1l_chj77_246",
-  "header-secondary": "awsui_header-secondary_wih1l_chj77_251",
-  "table-has-header": "awsui_table-has-header_wih1l_chj77_269",
-  "header-controls": "awsui_header-controls_wih1l_chj77_273",
-  "variant-full-page": "awsui_variant-full-page_wih1l_chj77_276",
-  "variant-embedded": "awsui_variant-embedded_wih1l_chj77_282",
-  "variant-borderless": "awsui_variant-borderless_wih1l_chj77_282",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_chj77_287",
-  "footer": "awsui_footer_wih1l_chj77_287",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_chj77_295",
-  "footer-pagination": "awsui_footer-pagination_wih1l_chj77_303",
-  "thead-active": "awsui_thead-active_wih1l_chj77_307",
-  "row": "awsui_row_wih1l_chj77_308",
-  "row-selected": "awsui_row-selected_wih1l_chj77_309"
+  "root": "awsui_root_wih1l_c80nw_103",
+  "tools": "awsui_tools_wih1l_c80nw_114",
+  "tools-filtering": "awsui_tools-filtering_wih1l_c80nw_122",
+  "tools-align-right": "awsui_tools-align-right_wih1l_c80nw_136",
+  "tools-pagination": "awsui_tools-pagination_wih1l_c80nw_140",
+  "tools-preferences": "awsui_tools-preferences_wih1l_c80nw_140",
+  "tools-small": "awsui_tools-small_wih1l_c80nw_146",
+  "table": "awsui_table_wih1l_c80nw_152",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_c80nw_158",
+  "wrapper": "awsui_wrapper_wih1l_c80nw_162",
+  "variant-stacked": "awsui_variant-stacked_wih1l_c80nw_169",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_c80nw_169",
+  "variant-container": "awsui_variant-container_wih1l_c80nw_169",
+  "has-footer": "awsui_has-footer_wih1l_c80nw_172",
+  "has-header": "awsui_has-header_wih1l_c80nw_175",
+  "cell-merged": "awsui_cell-merged_wih1l_c80nw_192",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_c80nw_204",
+  "empty": "awsui_empty_wih1l_c80nw_222",
+  "loading": "awsui_loading_wih1l_c80nw_226",
+  "selection-control": "awsui_selection-control_wih1l_c80nw_235",
+  "selection-control-header": "awsui_selection-control-header_wih1l_c80nw_242",
+  "dark-header": "awsui_dark-header_wih1l_c80nw_252",
+  "header-secondary": "awsui_header-secondary_wih1l_c80nw_257",
+  "table-has-header": "awsui_table-has-header_wih1l_c80nw_275",
+  "header-controls": "awsui_header-controls_wih1l_c80nw_279",
+  "variant-full-page": "awsui_variant-full-page_wih1l_c80nw_282",
+  "variant-embedded": "awsui_variant-embedded_wih1l_c80nw_288",
+  "variant-borderless": "awsui_variant-borderless_wih1l_c80nw_288",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_c80nw_293",
+  "footer": "awsui_footer_wih1l_c80nw_293",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_c80nw_301",
+  "footer-pagination": "awsui_footer-pagination_wih1l_c80nw_309",
+  "thead-active": "awsui_thead-active_wih1l_c80nw_313",
+  "row": "awsui_row_wih1l_c80nw_314",
+  "row-selected": "awsui_row-selected_wih1l_c80nw_315"
 };
   

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

@@ -30,7 +30,7 @@ export function getTableRoleProps(options) {
 export function getTableWrapperRoleProps(options) {
     const nativeProps = {};
     // When the table is scrollable, the wrapper is made focusable so that keyboard users can scroll it horizontally with arrow keys.
-    if (options.isScrollable && options.tableRole !== 'grid') {
+    if (options.isScrollable) {
         nativeProps.role = 'region';
         nativeProps.tabIndex = 0;
         nativeProps['aria-label'] = options.ariaLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"table-role-helper.js","sourceRoot":"lib/default/","sources":["table/table-role/table-role-helper.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { TableRole } from './interfaces';\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 function getTableRoleProps(options: {\n  tableRole: TableRole;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  totalItemsCount?: number;\n  totalColumnsCount?: 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 === 'grid-default' ? 'grid' : options.tableRole;\n\n  nativeProps['aria-label'] = options.ariaLabel;\n  nativeProps['aria-labelledby'] = options.ariaLabelledBy;\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  if (options.tableRole === 'grid') {\n    nativeProps['aria-colcount'] = options.totalColumnsCount;\n  }\n\n  // Make table component programmatically focusable to attach focusin/focusout for keyboard navigation.\n  if (options.tableRole === 'grid') {\n    nativeProps.tabIndex = -1;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableWrapperRoleProps(options: { tableRole: TableRole; isScrollable: boolean; ariaLabel?: string }) {\n  const nativeProps: React.HTMLAttributes<HTMLDivElement> = {};\n\n  // When the table is scrollable, the wrapper is made focusable so that keyboard users can scroll it horizontally with arrow keys.\n  if (options.isScrollable && options.tableRole !== 'grid') {\n    nativeProps.role = 'region';\n    nativeProps.tabIndex = 0;\n    nativeProps['aria-label'] = options.ariaLabel;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableHeaderRowRoleProps(options: { tableRole: TableRole }) {\n  const nativeProps: React.HTMLAttributes<HTMLTableRowElement> = {};\n\n  // For grids headers are treated similar to data rows and are indexed accordingly.\n  if (options.tableRole === 'grid' || options.tableRole === 'grid-default') {\n    nativeProps['aria-rowindex'] = 1;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableRowRoleProps(options: { tableRole: TableRole; rowIndex: number; firstIndex?: number }) {\n  const nativeProps: React.HTMLAttributes<HTMLTableRowElement> = {};\n\n  // The data cell indices are incremented by 1 to account for the header cells.\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-rowindex'] = (options.firstIndex || 1) + options.rowIndex + 1;\n  }\n  // For tables indices are only added when the first index is not 0 (not the first page/frame).\n  else 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  tableRole: TableRole;\n  colIndex: number;\n  sortingStatus?: SortingStatus;\n}) {\n  const nativeProps: React.ThHTMLAttributes<HTMLTableCellElement> = {};\n\n  nativeProps.scope = 'col';\n\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-colindex'] = options.colIndex + 1;\n  }\n\n  if (options.sortingStatus) {\n    nativeProps['aria-sort'] = getAriaSort(options.sortingStatus);\n  }\n\n  return nativeProps;\n}\n\nexport function getTableCellRoleProps(options: { tableRole: TableRole; colIndex: number; isRowHeader?: boolean }) {\n  const nativeProps: React.TdHTMLAttributes<HTMLTableCellElement> = {};\n\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-colindex'] = options.colIndex + 1;\n  }\n\n  if (options.isRowHeader) {\n    nativeProps.scope = 'row';\n  }\n\n  return nativeProps;\n}\n"]}
+{"version":3,"file":"table-role-helper.js","sourceRoot":"lib/default/","sources":["table/table-role/table-role-helper.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { TableRole } from './interfaces';\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 function getTableRoleProps(options: {\n  tableRole: TableRole;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  totalItemsCount?: number;\n  totalColumnsCount?: 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 === 'grid-default' ? 'grid' : options.tableRole;\n\n  nativeProps['aria-label'] = options.ariaLabel;\n  nativeProps['aria-labelledby'] = options.ariaLabelledBy;\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  if (options.tableRole === 'grid') {\n    nativeProps['aria-colcount'] = options.totalColumnsCount;\n  }\n\n  // Make table component programmatically focusable to attach focusin/focusout for keyboard navigation.\n  if (options.tableRole === 'grid') {\n    nativeProps.tabIndex = -1;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableWrapperRoleProps(options: { tableRole: TableRole; isScrollable: boolean; ariaLabel?: string }) {\n  const nativeProps: React.HTMLAttributes<HTMLDivElement> = {};\n\n  // When the table is scrollable, the wrapper is made focusable so that keyboard users can scroll it horizontally with arrow keys.\n  if (options.isScrollable) {\n    nativeProps.role = 'region';\n    nativeProps.tabIndex = 0;\n    nativeProps['aria-label'] = options.ariaLabel;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableHeaderRowRoleProps(options: { tableRole: TableRole }) {\n  const nativeProps: React.HTMLAttributes<HTMLTableRowElement> = {};\n\n  // For grids headers are treated similar to data rows and are indexed accordingly.\n  if (options.tableRole === 'grid' || options.tableRole === 'grid-default') {\n    nativeProps['aria-rowindex'] = 1;\n  }\n\n  return nativeProps;\n}\n\nexport function getTableRowRoleProps(options: { tableRole: TableRole; rowIndex: number; firstIndex?: number }) {\n  const nativeProps: React.HTMLAttributes<HTMLTableRowElement> = {};\n\n  // The data cell indices are incremented by 1 to account for the header cells.\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-rowindex'] = (options.firstIndex || 1) + options.rowIndex + 1;\n  }\n  // For tables indices are only added when the first index is not 0 (not the first page/frame).\n  else 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  tableRole: TableRole;\n  colIndex: number;\n  sortingStatus?: SortingStatus;\n}) {\n  const nativeProps: React.ThHTMLAttributes<HTMLTableCellElement> = {};\n\n  nativeProps.scope = 'col';\n\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-colindex'] = options.colIndex + 1;\n  }\n\n  if (options.sortingStatus) {\n    nativeProps['aria-sort'] = getAriaSort(options.sortingStatus);\n  }\n\n  return nativeProps;\n}\n\nexport function getTableCellRoleProps(options: { tableRole: TableRole; colIndex: number; isRowHeader?: boolean }) {\n  const nativeProps: React.TdHTMLAttributes<HTMLTableCellElement> = {};\n\n  if (options.tableRole === 'grid') {\n    nativeProps['aria-colindex'] = options.colIndex + 1;\n  }\n\n  if (options.isRowHeader) {\n    nativeProps.scope = 'row';\n  }\n\n  return nativeProps;\n}\n"]}

package/tabs/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_10qvl_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_10qvl_194",
-  "pagination-button": "awsui_pagination-button_14rmt_10qvl_211",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_10qvl_218",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_10qvl_221",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_10qvl_225",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_10qvl_228",
-  "tabs-tab": "awsui_tabs-tab_14rmt_10qvl_233",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_10qvl_245",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_10qvl_261",
-  "refresh": "awsui_refresh_14rmt_10qvl_280",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_10qvl_331",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_10qvl_366",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_10qvl_373",
-  "root": "awsui_root_14rmt_10qvl_377",
-  "tabs": "awsui_tabs_14rmt_10qvl_186",
-  "tabs-content": "awsui_tabs-content_14rmt_10qvl_418",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_10qvl_422",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_10qvl_435",
-  "with-paddings": "awsui_with-paddings_14rmt_10qvl_435",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_10qvl_440"
+  "tabs-header": "awsui_tabs-header_14rmt_8rna7_198",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_8rna7_206",
+  "pagination-button": "awsui_pagination-button_14rmt_8rna7_223",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_8rna7_230",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_8rna7_233",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_8rna7_237",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_8rna7_240",
+  "tabs-tab": "awsui_tabs-tab_14rmt_8rna7_245",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_8rna7_257",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_8rna7_273",
+  "refresh": "awsui_refresh_14rmt_8rna7_292",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_8rna7_343",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_8rna7_378",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_8rna7_385",
+  "root": "awsui_root_14rmt_8rna7_389",
+  "tabs": "awsui_tabs_14rmt_8rna7_198",
+  "tabs-content": "awsui_tabs-content_14rmt_8rna7_430",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_8rna7_434",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_8rna7_447",
+  "with-paddings": "awsui_with-paddings_14rmt_8rna7_447",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_8rna7_452"
 };