npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.549 → 3.0.550 - Mend

@cloudscape-design/components-themeable 3.0.549 → 3.0.550

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 (365) hide show

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

@@ -1,40 +1,40 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1odj8_97",
-  "tools": "awsui_tools_wih1l_1odj8_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1odj8_116",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1odj8_130",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1odj8_134",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1odj8_134",
-  "tools-small": "awsui_tools-small_wih1l_1odj8_140",
-  "table": "awsui_table_wih1l_1odj8_146",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1odj8_152",
-  "wrapper": "awsui_wrapper_wih1l_1odj8_156",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1odj8_163",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1odj8_163",
-  "variant-container": "awsui_variant-container_wih1l_1odj8_163",
-  "has-footer": "awsui_has-footer_wih1l_1odj8_166",
-  "has-header": "awsui_has-header_wih1l_1odj8_169",
-  "cell-merged": "awsui_cell-merged_wih1l_1odj8_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1odj8_198",
-  "empty": "awsui_empty_wih1l_1odj8_216",
-  "loading": "awsui_loading_wih1l_1odj8_220",
-  "selection-control": "awsui_selection-control_wih1l_1odj8_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1odj8_236",
-  "dark-header": "awsui_dark-header_wih1l_1odj8_246",
-  "header-secondary": "awsui_header-secondary_wih1l_1odj8_251",
-  "table-has-header": "awsui_table-has-header_wih1l_1odj8_269",
-  "header-controls": "awsui_header-controls_wih1l_1odj8_273",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1odj8_276",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1odj8_282",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1odj8_282",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1odj8_287",
-  "footer": "awsui_footer_wih1l_1odj8_287",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1odj8_295",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1odj8_303",
-  "thead-active": "awsui_thead-active_wih1l_1odj8_307",
-  "row": "awsui_row_wih1l_1odj8_308",
-  "row-selected": "awsui_row-selected_wih1l_1odj8_309"
+  "root": "awsui_root_wih1l_1wmnw_103",
+  "tools": "awsui_tools_wih1l_1wmnw_114",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1wmnw_122",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1wmnw_136",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1wmnw_140",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1wmnw_140",
+  "tools-small": "awsui_tools-small_wih1l_1wmnw_146",
+  "table": "awsui_table_wih1l_1wmnw_152",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1wmnw_158",
+  "wrapper": "awsui_wrapper_wih1l_1wmnw_162",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1wmnw_169",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1wmnw_169",
+  "variant-container": "awsui_variant-container_wih1l_1wmnw_169",
+  "has-footer": "awsui_has-footer_wih1l_1wmnw_172",
+  "has-header": "awsui_has-header_wih1l_1wmnw_175",
+  "cell-merged": "awsui_cell-merged_wih1l_1wmnw_192",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1wmnw_204",
+  "empty": "awsui_empty_wih1l_1wmnw_222",
+  "loading": "awsui_loading_wih1l_1wmnw_226",
+  "selection-control": "awsui_selection-control_wih1l_1wmnw_235",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1wmnw_242",
+  "dark-header": "awsui_dark-header_wih1l_1wmnw_252",
+  "header-secondary": "awsui_header-secondary_wih1l_1wmnw_257",
+  "table-has-header": "awsui_table-has-header_wih1l_1wmnw_275",
+  "header-controls": "awsui_header-controls_wih1l_1wmnw_279",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1wmnw_282",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1wmnw_288",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1wmnw_288",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1wmnw_293",
+  "footer": "awsui_footer_wih1l_1wmnw_293",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1wmnw_301",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1wmnw_309",
+  "thead-active": "awsui_thead-active_wih1l_1wmnw_313",
+  "row": "awsui_row_wih1l_1wmnw_314",
+  "row-selected": "awsui_row-selected_wih1l_1wmnw_315"
 };

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

@@ -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_1odj8_97:not(#\9) {
+.awsui_root_wih1l_1wmnw_103:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -105,7 +111,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
-.awsui_tools_wih1l_1odj8_108:not(#\9) {
+.awsui_tools_wih1l_1wmnw_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-8i4ihz, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_1odj8_116:not(#\9) {
+.awsui_tools-filtering_wih1l_1wmnw_122:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: var(--space-l-xu1x80, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1odj8_116:not(#\9) {
+  .awsui_tools-filtering_wih1l_1wmnw_122:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1odj8_116:not(#\9) {
+  .awsui_tools-filtering_wih1l_1wmnw_122:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1odj8_130:not(#\9) {
+.awsui_tools-align-right_wih1l_1wmnw_136:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_1odj8_134 + .awsui_tools-preferences_wih1l_1odj8_134:not(#\9) {
+.awsui_tools-pagination_wih1l_1wmnw_140 + .awsui_tools-preferences_wih1l_1wmnw_140:not(#\9) {
   border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-xf5ch3, 8px);
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_tools-small_wih1l_1odj8_140 > .awsui_tools-filtering_wih1l_1odj8_116:not(#\9) {
+.awsui_tools-small_wih1l_1wmnw_146 > .awsui_tools-filtering_wih1l_1wmnw_122:not(#\9) {
   margin-inline-end: 0;
   margin-block-end: var(--space-scaled-xs-x91h81, 8px);
   flex-basis: 100%;
 }
-.awsui_table_wih1l_1odj8_146:not(#\9) {
+.awsui_table_wih1l_1wmnw_152:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1odj8_152:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1wmnw_158:not(#\9) {
   table-layout: fixed;
 }
-.awsui_wrapper_wih1l_1odj8_156:not(#\9) {
+.awsui_wrapper_wih1l_1wmnw_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_1odj8_156.awsui_variant-stacked_wih1l_1odj8_163 > .awsui_table_wih1l_1odj8_146:not(#\9), .awsui_wrapper_wih1l_1odj8_156.awsui_variant-stacked_wih1l_1odj8_163 > .awsui_wrapper-content-measure_wih1l_1odj8_163:not(#\9), .awsui_wrapper_wih1l_1odj8_156.awsui_variant-container_wih1l_1odj8_163 > .awsui_table_wih1l_1odj8_146:not(#\9), .awsui_wrapper_wih1l_1odj8_156.awsui_variant-container_wih1l_1odj8_163 > .awsui_wrapper-content-measure_wih1l_1odj8_163:not(#\9) {
+.awsui_wrapper_wih1l_1wmnw_162.awsui_variant-stacked_wih1l_1wmnw_169 > .awsui_table_wih1l_1wmnw_152:not(#\9), .awsui_wrapper_wih1l_1wmnw_162.awsui_variant-stacked_wih1l_1wmnw_169 > .awsui_wrapper-content-measure_wih1l_1wmnw_169:not(#\9), .awsui_wrapper_wih1l_1wmnw_162.awsui_variant-container_wih1l_1wmnw_169 > .awsui_table_wih1l_1wmnw_152:not(#\9), .awsui_wrapper_wih1l_1wmnw_162.awsui_variant-container_wih1l_1wmnw_169 > .awsui_wrapper-content-measure_wih1l_1wmnw_169:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_wrapper_wih1l_1odj8_156.awsui_variant-container_wih1l_1odj8_163:not(#\9):not(.awsui_has-footer_wih1l_1odj8_166) {
+.awsui_wrapper_wih1l_1wmnw_162.awsui_variant-container_wih1l_1wmnw_169:not(#\9):not(.awsui_has-footer_wih1l_1wmnw_172) {
   padding-block-end: var(--space-table-content-bottom-r9l1c2, 0px);
 }
-.awsui_wrapper_wih1l_1odj8_156:not(#\9):not(.awsui_has-header_wih1l_1odj8_169) {
+.awsui_wrapper_wih1l_1wmnw_162:not(#\9):not(.awsui_has-header_wih1l_1wmnw_175) {
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_wrapper_wih1l_1odj8_156:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1wmnw_162:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1odj8_156:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1wmnw_162:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
@@ -183,19 +189,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1odj8_156:not(#\9):focu
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_cell-merged_wih1l_1odj8_186:not(#\9) {
+.awsui_cell-merged_wih1l_1wmnw_192:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_1odj8_186.awsui_has-footer_wih1l_1odj8_166:not(#\9) {
+.awsui_cell-merged_wih1l_1wmnw_192.awsui_has-footer_wih1l_1wmnw_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-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_1odj8_198:not(#\9) {
+.awsui_cell-merged-content_wih1l_1wmnw_204:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-er48cl, 16px);
@@ -205,7 +211,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1odj8_156:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1odj8_198:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1wmnw_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_1odj8_156:not(#\9):focu
   }
 }
-.awsui_empty_wih1l_1odj8_216:not(#\9) {
+.awsui_empty_wih1l_1wmnw_222:not(#\9) {
   color: var(--color-text-empty-jskpnv, #687078);
 }
-.awsui_loading_wih1l_1odj8_220:not(#\9) {
+.awsui_loading_wih1l_1wmnw_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_1odj8_229:not(#\9) {
+.awsui_selection-control_wih1l_1wmnw_235:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   min-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
 }
-.awsui_selection-control_wih1l_1odj8_229.awsui_selection-control-header_wih1l_1odj8_236:not(#\9) {
+.awsui_selection-control_wih1l_1wmnw_235.awsui_selection-control-header_wih1l_1wmnw_242:not(#\9) {
   padding-block: var(--space-scaled-xs-x91h81, 8px);
   padding-inline: var(--space-scaled-l-08jb88, 20px);
   border-inline-start: var(--border-item-width-0zxiwv, 1px) 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_1odj8_246:not(#\9) {
+.awsui_dark-header_wih1l_1wmnw_252:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_header-secondary_wih1l_1odj8_251:not(#\9) {
+.awsui_header-secondary_wih1l_1wmnw_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-ly5ewp, #fafafa);
 }
-.awsui_header-secondary_wih1l_1odj8_251.awsui_variant-stacked_wih1l_1odj8_163 > .awsui_table_wih1l_1odj8_146:not(#\9), .awsui_header-secondary_wih1l_1odj8_251.awsui_variant-container_wih1l_1odj8_163 > .awsui_table_wih1l_1odj8_146:not(#\9) {
+.awsui_header-secondary_wih1l_1wmnw_257.awsui_variant-stacked_wih1l_1wmnw_169 > .awsui_table_wih1l_1wmnw_152:not(#\9), .awsui_header-secondary_wih1l_1wmnw_257.awsui_variant-container_wih1l_1wmnw_169 > .awsui_table_wih1l_1wmnw_152:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-secondary_wih1l_1odj8_251:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1wmnw_257:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1odj8_251.awsui_table-has-header_wih1l_1odj8_269:not(#\9) {
+.awsui_header-secondary_wih1l_1wmnw_257.awsui_table-has-header_wih1l_1wmnw_275:not(#\9) {
   border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
-.awsui_header-controls_wih1l_1odj8_273:not(#\9) {
+.awsui_header-controls_wih1l_1wmnw_279:not(#\9) {
   padding-block: var(--space-container-header-top-bomjbu, 12px) var(--space-container-header-bottom-qqnwwz, 12px);
 }
-.awsui_header-controls_wih1l_1odj8_273.awsui_variant-full-page_wih1l_1odj8_276:not(#\9) {
+.awsui_header-controls_wih1l_1wmnw_279.awsui_variant-full-page_wih1l_1wmnw_282:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-qqnwwz, 12px) + var(--space-table-header-tools-full-page-bottom-dmyrgq, 4px));
 }
-.awsui_header-controls_wih1l_1odj8_273.awsui_variant-stacked_wih1l_1odj8_163:not(#\9), .awsui_header-controls_wih1l_1odj8_273.awsui_variant-container_wih1l_1odj8_163:not(#\9) {
+.awsui_header-controls_wih1l_1wmnw_279.awsui_variant-stacked_wih1l_1wmnw_169:not(#\9), .awsui_header-controls_wih1l_1wmnw_279.awsui_variant-container_wih1l_1wmnw_169:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-ciak0s, 0px) + var(--space-table-header-horizontal-vhrx2d, 20px));
 }
-.awsui_header-controls_wih1l_1odj8_273.awsui_variant-embedded_wih1l_1odj8_282:not(#\9), .awsui_header-controls_wih1l_1odj8_273.awsui_variant-borderless_wih1l_1odj8_282:not(#\9) {
+.awsui_header-controls_wih1l_1wmnw_279.awsui_variant-embedded_wih1l_1wmnw_288:not(#\9), .awsui_header-controls_wih1l_1wmnw_279.awsui_variant-borderless_wih1l_1wmnw_288:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-vhrx2d, 20px);
   padding-block-start: var(--space-table-embedded-header-top-u7x1ax, 12px);
 }
-.awsui_footer-wrapper_wih1l_1odj8_287.awsui_variant-stacked_wih1l_1odj8_163:not(#\9), .awsui_footer-wrapper_wih1l_1odj8_287.awsui_variant-container_wih1l_1odj8_163:not(#\9) {
+.awsui_footer-wrapper_wih1l_1wmnw_293.awsui_variant-stacked_wih1l_1wmnw_169:not(#\9), .awsui_footer-wrapper_wih1l_1wmnw_293.awsui_variant-container_wih1l_1wmnw_169:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_footer_wih1l_1odj8_287:not(#\9) {
+.awsui_footer_wih1l_1wmnw_293:not(#\9) {
   padding-block: var(--space-scaled-s-9q8n2q, 12px);
   padding-inline: var(--space-table-footer-horizontal-t5rbr4, 20px);
 }
-.awsui_footer-with-pagination_wih1l_1odj8_295:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1wmnw_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-9q8n2q, 12px);
 }
-.awsui_footer-pagination_wih1l_1odj8_303:not(#\9) {
+.awsui_footer-pagination_wih1l_1wmnw_309:not(#\9) {
   margin-inline-start: auto;
 }
-.awsui_thead-active_wih1l_1odj8_307:not(#\9),
-.awsui_row_wih1l_1odj8_308:not(#\9),
-.awsui_row-selected_wih1l_1odj8_309:not(#\9) {
+.awsui_thead-active_wih1l_1wmnw_313:not(#\9),
+.awsui_row_wih1l_1wmnw_314:not(#\9),
+.awsui_row-selected_wih1l_1wmnw_315:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,40 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1odj8_97",
-  "tools": "awsui_tools_wih1l_1odj8_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1odj8_116",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1odj8_130",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1odj8_134",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1odj8_134",
-  "tools-small": "awsui_tools-small_wih1l_1odj8_140",
-  "table": "awsui_table_wih1l_1odj8_146",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1odj8_152",
-  "wrapper": "awsui_wrapper_wih1l_1odj8_156",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1odj8_163",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1odj8_163",
-  "variant-container": "awsui_variant-container_wih1l_1odj8_163",
-  "has-footer": "awsui_has-footer_wih1l_1odj8_166",
-  "has-header": "awsui_has-header_wih1l_1odj8_169",
-  "cell-merged": "awsui_cell-merged_wih1l_1odj8_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1odj8_198",
-  "empty": "awsui_empty_wih1l_1odj8_216",
-  "loading": "awsui_loading_wih1l_1odj8_220",
-  "selection-control": "awsui_selection-control_wih1l_1odj8_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1odj8_236",
-  "dark-header": "awsui_dark-header_wih1l_1odj8_246",
-  "header-secondary": "awsui_header-secondary_wih1l_1odj8_251",
-  "table-has-header": "awsui_table-has-header_wih1l_1odj8_269",
-  "header-controls": "awsui_header-controls_wih1l_1odj8_273",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1odj8_276",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1odj8_282",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1odj8_282",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1odj8_287",
-  "footer": "awsui_footer_wih1l_1odj8_287",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1odj8_295",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1odj8_303",
-  "thead-active": "awsui_thead-active_wih1l_1odj8_307",
-  "row": "awsui_row_wih1l_1odj8_308",
-  "row-selected": "awsui_row-selected_wih1l_1odj8_309"
+  "root": "awsui_root_wih1l_1wmnw_103",
+  "tools": "awsui_tools_wih1l_1wmnw_114",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1wmnw_122",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1wmnw_136",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1wmnw_140",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1wmnw_140",
+  "tools-small": "awsui_tools-small_wih1l_1wmnw_146",
+  "table": "awsui_table_wih1l_1wmnw_152",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1wmnw_158",
+  "wrapper": "awsui_wrapper_wih1l_1wmnw_162",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1wmnw_169",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1wmnw_169",
+  "variant-container": "awsui_variant-container_wih1l_1wmnw_169",
+  "has-footer": "awsui_has-footer_wih1l_1wmnw_172",
+  "has-header": "awsui_has-header_wih1l_1wmnw_175",
+  "cell-merged": "awsui_cell-merged_wih1l_1wmnw_192",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1wmnw_204",
+  "empty": "awsui_empty_wih1l_1wmnw_222",
+  "loading": "awsui_loading_wih1l_1wmnw_226",
+  "selection-control": "awsui_selection-control_wih1l_1wmnw_235",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1wmnw_242",
+  "dark-header": "awsui_dark-header_wih1l_1wmnw_252",
+  "header-secondary": "awsui_header-secondary_wih1l_1wmnw_257",
+  "table-has-header": "awsui_table-has-header_wih1l_1wmnw_275",
+  "header-controls": "awsui_header-controls_wih1l_1wmnw_279",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1wmnw_282",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1wmnw_288",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1wmnw_288",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1wmnw_293",
+  "footer": "awsui_footer_wih1l_1wmnw_293",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1wmnw_301",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1wmnw_309",
+  "thead-active": "awsui_thead-active_wih1l_1wmnw_313",
+  "row": "awsui_row_wih1l_1wmnw_314",
+  "row-selected": "awsui_row-selected_wih1l_1wmnw_315"
 };

package/lib/internal/template/table/table-role/table-role-helper.js CHANGED Viewed

@@ -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/lib/internal/template/table/table-role/table-role-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
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;AAMtC,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;AAEnF,mGAAmG;AACnG,8GAA8G;AAC9G,uFAAuF;AAEvF,MAAM,UAAU,iBAAiB,CAAC,OAMjC;IACC,MAAM,WAAW,GAAgD,EAAE,CAAC;IAEpE,sFAAsF;IACtF,qFAAqF;IACrF,WAAW,CAAC,IAAI,GAAG,OAAO,CAAC,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC;IAErF,WAAW,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;IAC9C,WAAW,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC;IAExD,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,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC;KAC1D;IAED,sGAAsG;IACtG,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAC3B;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,OAA4E;IACnH,MAAM,WAAW,GAAyC,EAAE,CAAC;IAE7D,iIAAiI;IACjI,IAAI,OAAO,CAAC,YAAY,~~IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,~~EAAE;~~QACxD~~,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC5B,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAC;QACzB,WAAW,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;KAC/C;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,OAAiC;IAC1E,MAAM,WAAW,GAA8C,EAAE,CAAC;IAElE,kFAAkF;IAClF,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,IAAI,OAAO,CAAC,SAAS,KAAK,cAAc,EAAE;QACxE,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;KAClC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAwE;IAC3G,MAAM,WAAW,GAA8C,EAAE,CAAC;IAElE,8EAA8E;IAC9E,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjF;IACD,8FAA8F;SACzF,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE;QACzC,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,OAI1C;IACC,MAAM,WAAW,GAAiD,EAAE,CAAC;IAErE,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;KACrD;IAED,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,OAA0E;IAC9G,MAAM,WAAW,GAAiD,EAAE,CAAC;IAErE,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM,EAAE;QAChC,WAAW,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;KACrD;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\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"]}
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) {\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/lib/internal/template/tabs/styles.css.js CHANGED Viewed

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_mz2h2_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_mz2h2_194",
-  "pagination-button": "awsui_pagination-button_14rmt_mz2h2_211",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_mz2h2_218",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_mz2h2_221",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_mz2h2_225",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_mz2h2_228",
-  "tabs-tab": "awsui_tabs-tab_14rmt_mz2h2_233",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_mz2h2_245",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_mz2h2_261",
-  "refresh": "awsui_refresh_14rmt_mz2h2_280",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_mz2h2_331",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_mz2h2_366",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_mz2h2_373",
-  "root": "awsui_root_14rmt_mz2h2_377",
-  "tabs": "awsui_tabs_14rmt_mz2h2_186",
-  "tabs-content": "awsui_tabs-content_14rmt_mz2h2_418",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_mz2h2_422",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_mz2h2_435",
-  "with-paddings": "awsui_with-paddings_14rmt_mz2h2_435",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_mz2h2_440"
+  "tabs-header": "awsui_tabs-header_14rmt_m4sl0_198",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_m4sl0_206",
+  "pagination-button": "awsui_pagination-button_14rmt_m4sl0_223",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_m4sl0_230",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_m4sl0_233",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_m4sl0_237",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_m4sl0_240",
+  "tabs-tab": "awsui_tabs-tab_14rmt_m4sl0_245",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_m4sl0_257",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_m4sl0_273",
+  "refresh": "awsui_refresh_14rmt_m4sl0_292",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_m4sl0_343",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_m4sl0_378",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_m4sl0_385",
+  "root": "awsui_root_14rmt_m4sl0_389",
+  "tabs": "awsui_tabs_14rmt_m4sl0_198",
+  "tabs-content": "awsui_tabs-content_14rmt_m4sl0_430",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_m4sl0_434",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_m4sl0_447",
+  "with-paddings": "awsui_with-paddings_14rmt_m4sl0_447",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_m4sl0_452"
 };