@cloudscape-design/components 3.0.361 → 3.0.362

package/table/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_wih1l_1csi5_97:not(#\9) {
+.awsui_root_wih1l_v4054_97:not(#\9) {
   font-size: var(--font-body-m-size-dhtyxm, 14px);
   line-height: var(--font-body-m-line-height-5wv9x1, 20px);
   color: var(--color-text-body-default-2sxhhn, #000716);
@@ -105,92 +105,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 
-.awsui_tools_wih1l_1csi5_108:not(#\9) {
+.awsui_tools_wih1l_v4054_108:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   padding: var(--space-scaled-xs-26e2du, 8px) 0 var(--space-table-header-tools-bottom-25ubsj, 0px);
 }
-.awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
+.awsui_tools-filtering_wih1l_v4054_114:not(#\9) {
   max-width: 100%;
   margin-right: var(--space-l-t419sm, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_v4054_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_v4054_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1csi5_128:not(#\9) {
+.awsui_tools-align-right_wih1l_v4054_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_1csi5_132 + .awsui_tools-preferences_wih1l_1csi5_132:not(#\9) {
-  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+.awsui_tools-pagination_wih1l_v4054_132 + .awsui_tools-preferences_wih1l_v4054_132:not(#\9) {
+  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-xs-zb16t3, 8px);
   padding-left: var(--space-xs-zb16t3, 8px);
 }
-.awsui_tools-small_wih1l_1csi5_138 > .awsui_tools-filtering_wih1l_1csi5_114:not(#\9) {
+.awsui_tools-small_wih1l_v4054_138 > .awsui_tools-filtering_wih1l_v4054_114:not(#\9) {
   margin-right: 0;
   margin-bottom: var(--space-scaled-xs-26e2du, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_1csi5_144:not(#\9) {
+.awsui_table_wih1l_v4054_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1csi5_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_v4054_150:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_1csi5_154:not(#\9) {
+.awsui_wrapper_wih1l_v4054_154:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_1csi5_154.awsui_variant-stacked_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9), .awsui_wrapper_wih1l_1csi5_154.awsui_variant-container_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9) {
+.awsui_wrapper_wih1l_v4054_154.awsui_variant-stacked_wih1l_v4054_161 > .awsui_table_wih1l_v4054_144:not(#\9), .awsui_wrapper_wih1l_v4054_154.awsui_variant-container_wih1l_v4054_161 > .awsui_table_wih1l_v4054_144:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_wrapper_wih1l_1csi5_154.awsui_variant-container_wih1l_1csi5_161:not(#\9):not(.awsui_has-footer_wih1l_1csi5_165) {
+.awsui_wrapper_wih1l_v4054_154.awsui_variant-container_wih1l_v4054_161:not(#\9):not(.awsui_has-footer_wih1l_v4054_165) {
   padding-bottom: var(--space-table-content-bottom-9yr834, 4px);
 }
-.awsui_wrapper_wih1l_1csi5_154:not(#\9):not(.awsui_has-header_wih1l_1csi5_168) {
+.awsui_wrapper_wih1l_v4054_154:not(#\9):not(.awsui_has-header_wih1l_v4054_168) {
   border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
   border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_wrapper_wih1l_1csi5_154:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_v4054_154:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1csi5_154:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_v4054_154:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_cell-merged_wih1l_1csi5_182:not(#\9) {
+.awsui_cell-merged_wih1l_v4054_182:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_1csi5_182.awsui_has-footer_wih1l_1csi5_165:not(#\9) {
+.awsui_cell-merged_wih1l_v4054_182.awsui_has-footer_wih1l_v4054_165:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the 
   table and the footer
   */
-  border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
-.awsui_cell-merged-content_wih1l_1csi5_193:not(#\9) {
+.awsui_cell-merged-content_wih1l_v4054_193:not(#\9) {
   box-sizing: border-box;
   width: 100%;
   padding: var(--space-scaled-m-mo5yse, 16px) var(--space-l-t419sm, 20px) var(--space-scaled-l-0hpmd7, 20px);
@@ -198,18 +198,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1csi5_154:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1csi5_193:not(#\9) {
+  .awsui_cell-merged-content_wih1l_v4054_193:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * var(--space-table-horizontal-8davlm, 20px));
   }
 }
 
-.awsui_empty_wih1l_1csi5_208:not(#\9) {
+.awsui_empty_wih1l_v4054_208:not(#\9) {
   color: var(--color-text-empty-2wfcyr, #5f6b7a);
 }
 
-.awsui_loading_wih1l_1csi5_212:not(#\9) {
+.awsui_loading_wih1l_v4054_212:not(#\9) {
   /* used in test-utils */
 }
 
@@ -218,14 +218,14 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_1csi5_221:not(#\9) {
+.awsui_selection-control_wih1l_v4054_221:not(#\9) {
   box-sizing: border-box;
   max-width: var(--size-table-selection-horizontal-oqvl1b, 40px);
   min-width: var(--size-table-selection-horizontal-oqvl1b, 40px);
   position: relative;
   width: var(--size-table-selection-horizontal-oqvl1b, 40px);
 }
-.awsui_selection-control_wih1l_1csi5_221.awsui_selection-control-header_wih1l_1csi5_228:not(#\9) {
+.awsui_selection-control_wih1l_v4054_221.awsui_selection-control-header_wih1l_v4054_228:not(#\9) {
   padding: var(--space-scaled-xs-26e2du, 8px) var(--space-scaled-l-0hpmd7, 20px);
   border-left: var(--border-item-width-yel47s, 2px) solid transparent;
 }
@@ -234,12 +234,12 @@ filter search icon.
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_wih1l_1csi5_237:not(#\9) {
+.awsui_dark-header_wih1l_v4054_237:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   color: var(--color-text-body-default-2sxhhn, #000716);
 }
 
-.awsui_header-secondary_wih1l_1csi5_242:not(#\9) {
+.awsui_header-secondary_wih1l_v4054_242:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -248,44 +248,44 @@ the default white background of the container component.
   border-radius: 0;
   background: var(--color-background-table-header-82ew8p, #ffffff);
 }
-.awsui_header-secondary_wih1l_1csi5_242.awsui_variant-stacked_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9), .awsui_header-secondary_wih1l_1csi5_242.awsui_variant-container_wih1l_1csi5_161 > .awsui_table_wih1l_1csi5_144:not(#\9) {
+.awsui_header-secondary_wih1l_v4054_242.awsui_variant-stacked_wih1l_v4054_161 > .awsui_table_wih1l_v4054_144:not(#\9), .awsui_header-secondary_wih1l_v4054_242.awsui_variant-container_wih1l_v4054_161 > .awsui_table_wih1l_v4054_144:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-secondary_wih1l_1csi5_242:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_v4054_242:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1csi5_242.awsui_table-has-header_wih1l_1csi5_258:not(#\9) {
+.awsui_header-secondary_wih1l_v4054_242.awsui_table-has-header_wih1l_v4054_258:not(#\9) {
   border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
 
-.awsui_header-controls_wih1l_1csi5_262:not(#\9) {
+.awsui_header-controls_wih1l_v4054_262:not(#\9) {
   padding-top: var(--space-container-header-top-5qav00, 12px);
   padding-bottom: var(--space-container-header-bottom-vj01hn, 8px);
 }
-.awsui_header-controls_wih1l_1csi5_262.awsui_variant-full-page_wih1l_1csi5_266:not(#\9) {
+.awsui_header-controls_wih1l_v4054_262.awsui_variant-full-page_wih1l_v4054_266:not(#\9) {
   padding-top: 0;
   padding-bottom: calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
 }
-.awsui_header-controls_wih1l_1csi5_262.awsui_variant-stacked_wih1l_1csi5_161:not(#\9), .awsui_header-controls_wih1l_1csi5_262.awsui_variant-container_wih1l_1csi5_161:not(#\9) {
+.awsui_header-controls_wih1l_v4054_262.awsui_variant-stacked_wih1l_v4054_161:not(#\9), .awsui_header-controls_wih1l_v4054_262.awsui_variant-container_wih1l_v4054_161:not(#\9) {
   padding-left: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
   padding-right: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
 }
-.awsui_header-controls_wih1l_1csi5_262.awsui_variant-embedded_wih1l_1csi5_274:not(#\9), .awsui_header-controls_wih1l_1csi5_262.awsui_variant-borderless_wih1l_1csi5_274:not(#\9) {
+.awsui_header-controls_wih1l_v4054_262.awsui_variant-embedded_wih1l_v4054_274:not(#\9), .awsui_header-controls_wih1l_v4054_262.awsui_variant-borderless_wih1l_v4054_274:not(#\9) {
   padding-left: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-right: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-top: var(--space-table-embedded-header-top-bfjeam, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_1csi5_280.awsui_variant-stacked_wih1l_1csi5_161:not(#\9), .awsui_footer-wrapper_wih1l_1csi5_280.awsui_variant-container_wih1l_1csi5_161:not(#\9) {
+.awsui_footer-wrapper_wih1l_v4054_280.awsui_variant-stacked_wih1l_v4054_161:not(#\9), .awsui_footer-wrapper_wih1l_v4054_280.awsui_variant-container_wih1l_v4054_161:not(#\9) {
   padding-left: var(--space-table-horizontal-8davlm, 20px);
   padding-right: var(--space-table-horizontal-8davlm, 20px);
 }
 
-.awsui_footer_wih1l_1csi5_280:not(#\9) {
+.awsui_footer_wih1l_v4054_280:not(#\9) {
   padding: var(--space-scaled-s-aqzyko, 12px) var(--space-table-footer-horizontal-ptapb9, 0px);
 }
-.awsui_footer-with-pagination_wih1l_1csi5_288:not(#\9) {
+.awsui_footer-with-pagination_wih1l_v4054_288:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -293,12 +293,12 @@ the default white background of the container component.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_footer-pagination_wih1l_1csi5_296:not(#\9) {
+.awsui_footer-pagination_wih1l_v4054_296:not(#\9) {
   margin-left: auto;
 }
 
-.awsui_thead-active_wih1l_1csi5_300:not(#\9),
-.awsui_row_wih1l_1csi5_301:not(#\9),
-.awsui_row-selected_wih1l_1csi5_302:not(#\9) {
+.awsui_thead-active_wih1l_v4054_300:not(#\9),
+.awsui_row_wih1l_v4054_301:not(#\9),
+.awsui_row-selected_wih1l_v4054_302:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1csi5_97",
-  "tools": "awsui_tools_wih1l_1csi5_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1csi5_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1csi5_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1csi5_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1csi5_132",
-  "tools-small": "awsui_tools-small_wih1l_1csi5_138",
-  "table": "awsui_table_wih1l_1csi5_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1csi5_150",
-  "wrapper": "awsui_wrapper_wih1l_1csi5_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1csi5_161",
-  "variant-container": "awsui_variant-container_wih1l_1csi5_161",
-  "has-footer": "awsui_has-footer_wih1l_1csi5_165",
-  "has-header": "awsui_has-header_wih1l_1csi5_168",
-  "cell-merged": "awsui_cell-merged_wih1l_1csi5_182",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1csi5_193",
-  "empty": "awsui_empty_wih1l_1csi5_208",
-  "loading": "awsui_loading_wih1l_1csi5_212",
-  "selection-control": "awsui_selection-control_wih1l_1csi5_221",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1csi5_228",
-  "dark-header": "awsui_dark-header_wih1l_1csi5_237",
-  "header-secondary": "awsui_header-secondary_wih1l_1csi5_242",
-  "table-has-header": "awsui_table-has-header_wih1l_1csi5_258",
-  "header-controls": "awsui_header-controls_wih1l_1csi5_262",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1csi5_266",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1csi5_274",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1csi5_274",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1csi5_280",
-  "footer": "awsui_footer_wih1l_1csi5_280",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1csi5_288",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1csi5_296",
-  "thead-active": "awsui_thead-active_wih1l_1csi5_300",
-  "row": "awsui_row_wih1l_1csi5_301",
-  "row-selected": "awsui_row-selected_wih1l_1csi5_302"
+  "root": "awsui_root_wih1l_v4054_97",
+  "tools": "awsui_tools_wih1l_v4054_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_v4054_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_v4054_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_v4054_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_v4054_132",
+  "tools-small": "awsui_tools-small_wih1l_v4054_138",
+  "table": "awsui_table_wih1l_v4054_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_v4054_150",
+  "wrapper": "awsui_wrapper_wih1l_v4054_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_v4054_161",
+  "variant-container": "awsui_variant-container_wih1l_v4054_161",
+  "has-footer": "awsui_has-footer_wih1l_v4054_165",
+  "has-header": "awsui_has-header_wih1l_v4054_168",
+  "cell-merged": "awsui_cell-merged_wih1l_v4054_182",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_v4054_193",
+  "empty": "awsui_empty_wih1l_v4054_208",
+  "loading": "awsui_loading_wih1l_v4054_212",
+  "selection-control": "awsui_selection-control_wih1l_v4054_221",
+  "selection-control-header": "awsui_selection-control-header_wih1l_v4054_228",
+  "dark-header": "awsui_dark-header_wih1l_v4054_237",
+  "header-secondary": "awsui_header-secondary_wih1l_v4054_242",
+  "table-has-header": "awsui_table-has-header_wih1l_v4054_258",
+  "header-controls": "awsui_header-controls_wih1l_v4054_262",
+  "variant-full-page": "awsui_variant-full-page_wih1l_v4054_266",
+  "variant-embedded": "awsui_variant-embedded_wih1l_v4054_274",
+  "variant-borderless": "awsui_variant-borderless_wih1l_v4054_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_v4054_280",
+  "footer": "awsui_footer_wih1l_v4054_280",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_v4054_288",
+  "footer-pagination": "awsui_footer-pagination_wih1l_v4054_296",
+  "thead-active": "awsui_thead-active_wih1l_v4054_300",
+  "row": "awsui_row_wih1l_v4054_301",
+  "row-selected": "awsui_row-selected_wih1l_v4054_302"
 };
   

package/tabs/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_vp804_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_vp804_192",
-  "pagination-button": "awsui_pagination-button_14rmt_vp804_207",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_vp804_212",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_vp804_215",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_vp804_219",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_vp804_222",
-  "tabs-tab": "awsui_tabs-tab_14rmt_vp804_227",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_vp804_238",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_vp804_254",
-  "refresh": "awsui_refresh_14rmt_vp804_270",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_vp804_316",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_vp804_348",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_vp804_355",
-  "root": "awsui_root_14rmt_vp804_359",
-  "tabs": "awsui_tabs_14rmt_vp804_186",
-  "tabs-content": "awsui_tabs-content_14rmt_vp804_378",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_vp804_382",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_vp804_392",
-  "with-paddings": "awsui_with-paddings_14rmt_vp804_392",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_vp804_396"
+  "tabs-header": "awsui_tabs-header_14rmt_1qjuc_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1qjuc_192",
+  "pagination-button": "awsui_pagination-button_14rmt_1qjuc_207",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1qjuc_212",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1qjuc_215",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1qjuc_219",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1qjuc_222",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1qjuc_227",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1qjuc_238",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1qjuc_254",
+  "refresh": "awsui_refresh_14rmt_1qjuc_270",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1qjuc_316",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1qjuc_348",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1qjuc_355",
+  "root": "awsui_root_14rmt_1qjuc_359",
+  "tabs": "awsui_tabs_14rmt_1qjuc_186",
+  "tabs-content": "awsui_tabs-content_14rmt_1qjuc_378",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1qjuc_382",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1qjuc_392",
+  "with-paddings": "awsui_with-paddings_14rmt_1qjuc_392",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1qjuc_396"
 };
   

package/tabs/styles.scoped.css

@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_vp804_186:not(#\9) {
+.awsui_tabs-header_14rmt_1qjuc_186:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
 }
 
-.awsui_tabs-header-list_14rmt_vp804_192:not(#\9) {
+.awsui_tabs-header-list_14rmt_1qjuc_192:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
@@ -200,42 +200,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_vp804_192:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_1qjuc_192:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_vp804_207:not(#\9) {
+.awsui_pagination-button_14rmt_1qjuc_207:not(#\9) {
   margin: var(--space-scaled-s-aqzyko, 12px) 0;
   padding: 0 var(--space-xxs-p8yyaw, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_vp804_212:not(#\9) {
-  border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
+.awsui_pagination-button-left_14rmt_1qjuc_212:not(#\9) {
+  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
 }
-.awsui_pagination-button-left-scrollable_14rmt_vp804_215:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1qjuc_215:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12));
 }
-.awsui_pagination-button-right_14rmt_vp804_219:not(#\9) {
-  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
+.awsui_pagination-button-right_14rmt_1qjuc_219:not(#\9) {
+  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-control-disabled-bv2kkn, #d1d5db);
 }
-.awsui_pagination-button-right-scrollable_14rmt_vp804_222:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1qjuc_222:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-w5xpb4, rgba(0, 7, 22, 0.12));
 }
 
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9) {
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9) {
   list-style: none;
   padding: 0;
   flex-shrink: 0;
   display: flex;
   max-width: calc(90% - var(--space-l-t419sm, 20px));
 }
-.awsui_tabs-tab_14rmt_vp804_227 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_1qjuc_227 > button:not(#\9) {
   background-color: transparent;
 }
 
-.awsui_tabs-tab-label_14rmt_vp804_238:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1qjuc_238:not(#\9) {
   display: flex;
   align-items: center;
   padding: var(--space-scaled-2x-xxs-7v8ivz, 4px) var(--space-l-t419sm, 20px);
@@ -246,12 +246,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_vp804_238, .awsui_tabs-tab_14rmt_vp804_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_vp804_238 {
-  margin-right: calc(-1 * var(--border-divider-section-width-4ax5o2, 2px));
-  border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-tabs-divider-as2avh, #e9ebed);
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1qjuc_238, .awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1qjuc_238 {
+  margin-right: calc(-1 * var(--border-divider-section-width-8a5uu9, 2px));
+  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-tabs-divider-as2avh, #e9ebed);
 }
 
-.awsui_tabs-tab-link_14rmt_vp804_254:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -259,7 +259,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   padding: calc(var(--space-scaled-s-aqzyko, 12px) - 1px) 0 var(--space-scaled-s-aqzyko, 12px) 0;
   margin-top: 1px;
-  border: var(--border-divider-section-width-4ax5o2, 2px) solid transparent;
+  border: var(--border-divider-section-width-8a5uu9, 2px) solid transparent;
   font-size: var(--font-tabs-size-8zzqp2, 16px);
   line-height: var(--font-tabs-line-height-dzo7k3, 20px);
   font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
@@ -267,24 +267,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_tabs-tab-link_14rmt_vp804_254.awsui_refresh_14rmt_vp804_270:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1qjuc_254.awsui_refresh_14rmt_1qjuc_270:not(#\9) {
   padding: calc(var(--space-static-xs-7sfb63, 8px) - 1px) 0 var(--space-static-xs-7sfb63, 8px) 0;
 }
-.awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):hover {
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
-.awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -295,72 +295,72 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_vp804_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_vp804_238 {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1qjuc_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1qjuc_238 {
   border-right-color: transparent;
 }
 
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):first-child {
   margin-left: 1px;
 }
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_vp804_238, .awsui_tabs-tab_14rmt_vp804_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_vp804_238 {
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1qjuc_238, .awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1qjuc_238 {
   padding-left: calc(var(--space-l-t419sm, 20px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):last-child {
   margin-right: 1px;
 }
-.awsui_tabs-tab_14rmt_vp804_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_vp804_238, .awsui_tabs-tab_14rmt_vp804_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_vp804_238 {
+.awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1qjuc_238, .awsui_tabs-tab_14rmt_1qjuc_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1qjuc_238 {
   padding-right: calc(var(--space-l-t419sm, 20px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_vp804_316:not(#\9), .awsui_tabs-tab-disabled_14rmt_vp804_316:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1qjuc_316:not(#\9), .awsui_tabs-tab-disabled_14rmt_1qjuc_316:not(#\9):hover {
   pointer-events: none;
   cursor: default;
   color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
   font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
 }
 
-.awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316):after {
+.awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316):after {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
-  bottom: calc(-1 * var(--border-divider-section-width-4ax5o2, 2px));
+  bottom: calc(-1 * var(--border-divider-section-width-8a5uu9, 2px));
   height: var(--border-active-width-9dmqf4, 4px);
   border-radius: var(--border-radius-tabs-focus-ring-1q0rjo, 20px);
   background: var(--color-border-tabs-underline-f1qo5r, #0972d3);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316).awsui_refresh_14rmt_vp804_270:after {
+.awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316).awsui_refresh_14rmt_1qjuc_270:after {
   transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316).awsui_refresh_14rmt_vp804_270:after {
+  .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316).awsui_refresh_14rmt_1qjuc_270:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316).awsui_refresh_14rmt_vp804_270:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316).awsui_refresh_14rmt_vp804_270:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316).awsui_refresh_14rmt_1qjuc_270:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1qjuc_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316).awsui_refresh_14rmt_1qjuc_270:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab-active_14rmt_vp804_348:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316) {
+.awsui_tabs-tab-active_14rmt_1qjuc_348:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316) {
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
-.awsui_tabs-tab-active_14rmt_vp804_348:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vp804_316):after {
+.awsui_tabs-tab-active_14rmt_1qjuc_348:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1qjuc_316):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_vp804_355:not(#\9) {
-  border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-tabs-divider-as2avh, #e9ebed);
+.awsui_tabs-header-with-divider_14rmt_1qjuc_355:not(#\9) {
+  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-tabs-divider-as2avh, #e9ebed);
 }
 
-.awsui_root_14rmt_vp804_359:not(#\9) {
+.awsui_root_14rmt_1qjuc_359:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_vp804_186:not(#\9) {
+.awsui_tabs_14rmt_1qjuc_186:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -401,24 +401,24 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vp804_254:not(#\9
   width: 100%;
 }
 
-.awsui_tabs-content_14rmt_vp804_378:not(#\9) {
+.awsui_tabs-content_14rmt_1qjuc_378:not(#\9) {
   display: none;
 }
 
-.awsui_tabs-content-active_14rmt_vp804_382:not(#\9) {
+.awsui_tabs-content-active_14rmt_1qjuc_382:not(#\9) {
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_vp804_382:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1qjuc_382:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_tabs-content-wrapper_14rmt_vp804_392.awsui_with-paddings_14rmt_vp804_392 > .awsui_tabs-content_14rmt_vp804_378:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1qjuc_392.awsui_with-paddings_14rmt_1qjuc_392 > .awsui_tabs-content_14rmt_1qjuc_378:not(#\9) {
   padding: var(--space-scaled-m-mo5yse, 16px) 0;
 }
 
-.awsui_tabs-container-content-wrapper_14rmt_vp804_396.awsui_with-paddings_14rmt_vp804_392 > .awsui_tabs-content_14rmt_vp804_378:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1qjuc_396.awsui_with-paddings_14rmt_1qjuc_392 > .awsui_tabs-content_14rmt_1qjuc_378:not(#\9) {
   padding: var(--space-tabs-content-top-dedu0k, 12px) var(--space-container-horizontal-wfukh3, 20px) var(--space-scaled-l-0hpmd7, 20px);
 }