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

@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

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

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

@@ -178,7 +178,15 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_gxp9y_5skec_181:not(#\9) {
+.awsui_connector_gxp9y_m67w6_181:not(#\9) {
+  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
+}
+.awsui_connector_gxp9y_m67w6_181.awsui_connector-hidden_gxp9y_m67w6_185:not(#\9) {
+  background-color: transparent;
+}
+.awsui_root_gxp9y_m67w6_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -211,32 +219,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
   margin-block: 0;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227:not(#\9) {
   display: grid;
   grid-template-columns: var(--space-static-l-ig026c, 20px) 1fr;
   grid-template-rows: minmax(var(--space-static-l-ig026c, 20px), auto);
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_header_gxp9y_5skec_224:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_header_gxp9y_m67w6_232:not(#\9) {
   display: flex;
   gap: var(--space-xxs-jnczic, 4px);
   grid-row: 1;
   grid-column: 1/span 2;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_details_gxp9y_5skec_230:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_details_gxp9y_m67w6_238:not(#\9) {
   align-items: center;
   grid-row: 2;
   grid-column: 2;
   margin-block-end: var(--space-static-xs-4gq40t, 8px);
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_connector_gxp9y_5skec_236:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_connector_gxp9y_m67w6_181:not(#\9) {
   grid-row: 2;
   grid-column: 1;
-  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
   margin-block: 0;
   border-block: 0;
   border-inline: 0;
@@ -246,35 +253,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   inset-inline-end: var(--space-static-xxxs-zckw10, 2px);
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > :not(#\9):last-of-type > .awsui_connector_gxp9y_5skec_236 {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > :not(#\9):last-of-type > .awsui_connector_gxp9y_m67w6_181 {
   display: none;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214.awsui_custom_gxp9y_5skec_252 > .awsui_details_gxp9y_5skec_230:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222.awsui_custom_gxp9y_m67w6_259 > .awsui_details_gxp9y_m67w6_238:not(#\9) {
   margin-block-end: 0;
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222:not(#\9) {
   display: grid;
   align-items: flex-start;
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
   grid-auto-flow: column;
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227:not(#\9) {
   display: grid;
   grid-template-columns: var(--space-static-l-ig026c, 20px) 1fr;
   grid-template-rows: minmax(var(--space-static-l-ig026c, 20px), auto);
   align-items: center;
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_header_gxp9y_5skec_224:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_header_gxp9y_m67w6_232:not(#\9) {
   display: flex;
   grid-row: 1;
   grid-column: 1/span 2;
   align-items: center;
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_header_gxp9y_5skec_224 > .awsui_connector_gxp9y_5skec_236:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_header_gxp9y_m67w6_232 > .awsui_connector_gxp9y_m67w6_181:not(#\9) {
   display: block;
   flex: 1;
-  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
   margin-block: 0;
   border-block: 0;
   border-inline: 0;
@@ -285,31 +291,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-inline-size: var(--space-static-xs-4gq40t, 8px);
   margin-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_horizontal-header_gxp9y_5skec_288:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_horizontal-header_gxp9y_m67w6_294:not(#\9) {
   grid-row: 2;
   grid-column: 1/span 3;
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219 > .awsui_details_gxp9y_5skec_230:not(#\9) {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227 > .awsui_details_gxp9y_m67w6_238:not(#\9) {
   grid-row: 3;
   grid-column: 1/span 3;
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_horizontal_gxp9y_5skec_256 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219:not(#\9):last-child > .awsui_header_gxp9y_5skec_224 > .awsui_connector_gxp9y_5skec_236 {
+.awsui_horizontal_gxp9y_m67w6_263 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227:not(#\9):last-child > .awsui_header_gxp9y_m67w6_232 > .awsui_connector_gxp9y_m67w6_181 {
   display: none;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219.awsui_custom-vertical_gxp9y_5skec_302 > .awsui_rail_gxp9y_5skec_302:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227.awsui_custom-vertical_gxp9y_m67w6_308 > .awsui_rail_gxp9y_m67w6_308:not(#\9) {
   grid-column: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219.awsui_custom-vertical_gxp9y_5skec_302 > .awsui_rail_gxp9y_5skec_302 > .awsui_connector_gxp9y_5skec_236:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227.awsui_custom-vertical_gxp9y_m67w6_308 > .awsui_rail_gxp9y_m67w6_308 > .awsui_connector_gxp9y_m67w6_181:not(#\9) {
   grid-row: auto;
   grid-column: auto;
   flex: 1 1 auto;
-  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
   border-block: 0;
   border-inline: 0;
   inline-size: var(--border-divider-list-width-2qbfmz, 1px);
@@ -318,11 +323,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-end: 0;
   margin-block: var(--space-static-xxs-0cgyf1, 4px) 0;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219.awsui_custom-vertical_gxp9y_5skec_302 > .awsui_content_gxp9y_5skec_321:not(#\9) {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227.awsui_custom-vertical_gxp9y_m67w6_308 > .awsui_content_gxp9y_m67w6_326:not(#\9) {
   grid-column: 2;
   min-inline-size: 0;
 }
-.awsui_root_gxp9y_5skec_181 > .awsui_list_gxp9y_5skec_214 > .awsui_container_gxp9y_5skec_219.awsui_custom-vertical_gxp9y_5skec_302:not(#\9):last-of-type > .awsui_rail_gxp9y_5skec_302 > .awsui_connector_gxp9y_5skec_236 {
+.awsui_root_gxp9y_m67w6_189 > .awsui_list_gxp9y_m67w6_222 > .awsui_container_gxp9y_m67w6_227.awsui_custom-vertical_gxp9y_m67w6_308:not(#\9):last-of-type > .awsui_rail_gxp9y_m67w6_308 > .awsui_connector_gxp9y_m67w6_181 {
   display: none;
 }

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

@@ -2,17 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gxp9y_5skec_181",
-  "list": "awsui_list_gxp9y_5skec_214",
-  "container": "awsui_container_gxp9y_5skec_219",
-  "header": "awsui_header_gxp9y_5skec_224",
-  "details": "awsui_details_gxp9y_5skec_230",
-  "connector": "awsui_connector_gxp9y_5skec_236",
-  "custom": "awsui_custom_gxp9y_5skec_252",
-  "horizontal": "awsui_horizontal_gxp9y_5skec_256",
-  "horizontal-header": "awsui_horizontal-header_gxp9y_5skec_288",
-  "custom-vertical": "awsui_custom-vertical_gxp9y_5skec_302",
-  "rail": "awsui_rail_gxp9y_5skec_302",
-  "content": "awsui_content_gxp9y_5skec_321"
+  "connector": "awsui_connector_gxp9y_m67w6_181",
+  "connector-hidden": "awsui_connector-hidden_gxp9y_m67w6_185",
+  "root": "awsui_root_gxp9y_m67w6_189",
+  "list": "awsui_list_gxp9y_m67w6_222",
+  "container": "awsui_container_gxp9y_m67w6_227",
+  "header": "awsui_header_gxp9y_m67w6_232",
+  "details": "awsui_details_gxp9y_m67w6_238",
+  "custom": "awsui_custom_gxp9y_m67w6_259",
+  "horizontal": "awsui_horizontal_gxp9y_m67w6_263",
+  "horizontal-header": "awsui_horizontal-header_gxp9y_m67w6_294",
+  "custom-vertical": "awsui_custom-vertical_gxp9y_m67w6_308",
+  "rail": "awsui_rail_gxp9y_m67w6_308",
+  "content": "awsui_content_gxp9y_m67w6_326"
 };

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

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_52h41_154",
-  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_52h41_163",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_52h41_169",
-  "pagination-button": "awsui_pagination-button_14rmt_52h41_186",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_52h41_193",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_52h41_196",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_52h41_200",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_52h41_203",
-  "actions-container": "awsui_actions-container_14rmt_52h41_208",
-  "tabs-tab": "awsui_tabs-tab_14rmt_52h41_216",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_52h41_226",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_52h41_237",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_52h41_245",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_52h41_245",
-  "refresh": "awsui_refresh_14rmt_52h41_250",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_52h41_254",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_52h41_296",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_52h41_379",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_52h41_388",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_52h41_392",
-  "root": "awsui_root_14rmt_52h41_396",
-  "tabs": "awsui_tabs_14rmt_52h41_154",
-  "tabs-content": "awsui_tabs-content_14rmt_52h41_434",
-  "fit-height": "awsui_fit-height_14rmt_52h41_438",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_52h41_444",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_52h41_458",
-  "with-paddings": "awsui_with-paddings_14rmt_52h41_458",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_52h41_469",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_52h41_480",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_52h41_484"
+  "tabs-header": "awsui_tabs-header_14rmt_1y1tz_154",
+  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_1y1tz_163",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1y1tz_169",
+  "pagination-button": "awsui_pagination-button_14rmt_1y1tz_186",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1y1tz_193",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1y1tz_196",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1y1tz_200",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1y1tz_203",
+  "actions-container": "awsui_actions-container_14rmt_1y1tz_208",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1y1tz_216",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1y1tz_226",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1y1tz_237",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1y1tz_245",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1y1tz_245",
+  "refresh": "awsui_refresh_14rmt_1y1tz_250",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1y1tz_254",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1y1tz_296",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1y1tz_379",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1y1tz_388",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1y1tz_392",
+  "root": "awsui_root_14rmt_1y1tz_396",
+  "tabs": "awsui_tabs_14rmt_1y1tz_154",
+  "tabs-content": "awsui_tabs-content_14rmt_1y1tz_434",
+  "fit-height": "awsui_fit-height_14rmt_1y1tz_438",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1y1tz_444",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1y1tz_458",
+  "with-paddings": "awsui_with-paddings_14rmt_1y1tz_458",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1y1tz_469",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1y1tz_480",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1y1tz_484"
 };

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

@@ -151,7 +151,7 @@ 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_52h41_154:not(#\9) {
+.awsui_tabs-header_14rmt_1y1tz_154:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -160,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
-.awsui_tab-header-scroll-container_14rmt_52h41_163:not(#\9) {
+.awsui_tab-header-scroll-container_14rmt_1y1tz_163:not(#\9) {
   display: flex;
   flex-grow: 1;
   max-inline-size: 100%;
 }
-.awsui_tabs-header-list_14rmt_52h41_169:not(#\9) {
+.awsui_tabs-header-list_14rmt_1y1tz_169:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -179,33 +179,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-type: inline proximity;
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_52h41_169:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_1y1tz_169:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_52h41_186:not(#\9) {
+.awsui_pagination-button_14rmt_1y1tz_186:not(#\9) {
   margin-block: var(--space-scaled-s-gjhvjd, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-jnczic, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_52h41_193:not(#\9) {
+.awsui_pagination-button-left_14rmt_1y1tz_193:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_52h41_196:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1y1tz_196:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-ya1u83, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_52h41_200:not(#\9) {
+.awsui_pagination-button-right_14rmt_1y1tz_200:not(#\9) {
   border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_52h41_203:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1y1tz_203:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-ya1u83, #eaeded);
 }
-.awsui_actions-container_14rmt_52h41_208:not(#\9) {
+.awsui_actions-container_14rmt_1y1tz_208:not(#\9) {
   flex-shrink: 0;
   align-self: center;
   padding-block: var(--space-xs-kw7k3v, 8px);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: auto;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9) {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -223,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-align: start;
 }
-.awsui_tabs-tab-label_14rmt_52h41_226:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1y1tz_226:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-kw7k3v, 8px);
@@ -234,7 +234,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
@@ -242,58 +242,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_52h41_237 > .awsui_tabs-tab-dismiss_14rmt_52h41_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_52h41_237 > .awsui_tabs-tab-action_14rmt_52h41_245:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1y1tz_237 > .awsui_tabs-tab-dismiss_14rmt_1y1tz_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_1y1tz_237 > .awsui_tabs-tab-action_14rmt_1y1tz_245:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_52h41_237.awsui_refresh_14rmt_52h41_250 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_1y1tz_237.awsui_refresh_14rmt_1y1tz_250 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-sppte9, 8px));
 }
-.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254):after {
+.awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
   inline-size: calc(100% - 1px);
   inset-block-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
-  block-size: var(--awsui-style-tabs-active-indicator-width-z17rmd, var(--border-active-width-8f63o4, 2px));
-  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
-  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
-  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
-  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
-  background: var(--awsui-style-tabs-active-indicator-color-z17rmd, var(--color-border-tabs-underline-gpe7rp, #16191f));
+  block-size: var(--awsui-style-tabs-active-indicator-width-esndbs, var(--border-active-width-8f63o4, 2px));
+  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  background: var(--awsui-style-tabs-active-indicator-color-esndbs, var(--color-border-tabs-underline-gpe7rp, #16191f));
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
+.awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254).awsui_refresh_14rmt_1y1tz_250:after {
   transition: opacity var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-c-r5v2kx, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
+  .awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254).awsui_refresh_14rmt_1y1tz_250:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254).awsui_refresh_14rmt_1y1tz_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1y1tz_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254).awsui_refresh_14rmt_1y1tz_250:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1y1tz_237 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237:before {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1y1tz_237:before {
   content: "";
   position: absolute;
-  border-inline-end: var(--awsui-style-tabs-separator-width-z17rmd, var(--border-divider-section-width-dlkb8v, 1px)) solid var(--awsui-style-tabs-separator-color-z17rmd, var(--color-border-tabs-divider-uu65wu, #aab7b8));
+  border-inline-end: var(--awsui-style-tabs-separator-width-esndbs, var(--border-divider-section-width-dlkb8v, 1px)) solid var(--awsui-style-tabs-separator-color-esndbs, var(--color-border-tabs-divider-uu65wu, #aab7b8));
   inset: var(--space-scaled-s-gjhvjd, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237.awsui_refresh_14rmt_52h41_250:before {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1y1tz_237.awsui_refresh_14rmt_1y1tz_250:before {
   inset: calc(var(--space-static-s-8me5rn, 12px) - var(--border-active-width-8f63o4, 2px)) 0;
 }
-.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -303,40 +303,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: calc(var(--space-scaled-s-gjhvjd, 12px) - 1px);
   padding-inline: 0;
   margin-block-start: 1px;
-  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
-  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
+  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
+  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
   font-size: var(--font-size-tabs-3ipsq1, 14px);
   line-height: var(--line-height-tabs-gje4ax, 22px);
   font-weight: var(--font-weight-tabs-w2el4h, 700);
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-interactive-default-qwoe3g, #545b64));
-  background-color: var(--awsui-style-background-default-z17rmd, transparent);
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-interactive-default-qwoe3g, #545b64));
+  background-color: var(--awsui-style-background-default-esndbs, transparent);
   padding-inline-start: calc(var(--space-xxs-jnczic, 4px) - 1px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_tabs-tab-link_14rmt_52h41_296.awsui_refresh_14rmt_52h41_250:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1y1tz_296.awsui_refresh_14rmt_1y1tz_250:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):hover {
-  color: var(--awsui-style-color-hover-z17rmd, var(--color-text-accent-rvq171, #0073bb));
-  border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, transparent));
-  background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, transparent));
+.awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9):hover {
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-accent-rvq171, #0073bb));
+  border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, transparent));
+  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, transparent));
 }
-.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
-  --awsui-style-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-style-focus-ring-border-width-z17rmd, 2px) var(--awsui-style-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9):focus {
+  --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-7tqwip, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1y1tz_296:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -344,60 +344,60 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9
   inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
   inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-7tqwip, 0px) + var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
   block-size: calc(100% + var(--space-tabs-focus-outline-gutter-7tqwip, 0px) + var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
   z-index: 1;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):first-child {
   margin-inline-start: 1px;
   scroll-margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1y1tz_237 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) - 1px);
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):last-child {
   margin-inline-end: 1px;
   scroll-margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_52h41_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
+.awsui_tabs-tab_14rmt_1y1tz_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1y1tz_237 {
   padding-inline-end: calc(var(--space-xs-kw7k3v, 8px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_52h41_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_52h41_254:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1y1tz_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_1y1tz_254:not(#\9):hover {
   cursor: default;
-  color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
-  border-color: var(--awsui-style-border-color-disabled-z17rmd, transparent);
-  background-color: var(--awsui-style-background-disabled-z17rmd, transparent);
+  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
+  border-color: var(--awsui-style-border-color-disabled-esndbs, transparent);
+  background-color: var(--awsui-style-background-disabled-esndbs, transparent);
   font-weight: var(--font-weight-tabs-disabled-5li4ra, 400);
 }
-.awsui_tabs-tab-active_14rmt_52h41_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254) {
-  color: var(--awsui-style-color-active-z17rmd, var(--color-text-accent-rvq171, #0073bb));
-  border-color: var(--awsui-style-border-color-active-z17rmd, transparent);
-  background-color: var(--awsui-style-background-active-z17rmd, transparent);
+.awsui_tabs-tab-active_14rmt_1y1tz_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254) {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-accent-rvq171, #0073bb));
+  border-color: var(--awsui-style-border-color-active-esndbs, transparent);
+  background-color: var(--awsui-style-background-active-esndbs, transparent);
 }
-.awsui_tabs-tab-active_14rmt_52h41_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254):after {
+.awsui_tabs-tab-active_14rmt_1y1tz_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1y1tz_254):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_52h41_388:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_1y1tz_388:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-tabs-divider-uu65wu, #aab7b8);
 }
-.awsui_tabs-tab-focusable_14rmt_52h41_392:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_1y1tz_392:not(#\9) {
   /* used to manage focusable logic */
 }
-.awsui_root_14rmt_52h41_396:not(#\9) {
+.awsui_root_14rmt_1y1tz_396:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_52h41_154:not(#\9) {
+.awsui_tabs_14rmt_1y1tz_154:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -431,21 +431,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_52h41_434:not(#\9) {
+.awsui_tabs-content_14rmt_1y1tz_434:not(#\9) {
   display: none;
 }
-.awsui_fit-height_14rmt_52h41_438:not(#\9) {
+.awsui_fit-height_14rmt_1y1tz_438:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_tabs-content-active_14rmt_52h41_444:not(#\9) {
+.awsui_tabs-content-active_14rmt_1y1tz_444:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_52h41_444:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1y1tz_444:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
@@ -455,32 +455,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_52h41_444:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_52h41_458.awsui_with-paddings_14rmt_52h41_458 > .awsui_tabs-content_14rmt_52h41_434:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1y1tz_458.awsui_with-paddings_14rmt_1y1tz_458 > .awsui_tabs-content_14rmt_1y1tz_434:not(#\9) {
   padding-block: var(--space-scaled-m-sw9kcx, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_52h41_438 > .awsui_tabs-content-wrapper_14rmt_52h41_458:not(#\9) {
+.awsui_fit-height_14rmt_1y1tz_438 > .awsui_tabs-content-wrapper_14rmt_1y1tz_458:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.awsui_fit-height_14rmt_52h41_438 > .awsui_tabs-content-wrapper_14rmt_52h41_458 > .awsui_tabs-container-content-wrapper_14rmt_52h41_469:not(#\9) {
+.awsui_fit-height_14rmt_1y1tz_438 > .awsui_tabs-content-wrapper_14rmt_1y1tz_458 > .awsui_tabs-container-content-wrapper_14rmt_1y1tz_469:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_52h41_469.awsui_with-paddings_14rmt_52h41_458 > .awsui_tabs-content_14rmt_52h41_434:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1y1tz_469.awsui_with-paddings_14rmt_1y1tz_458 > .awsui_tabs-content_14rmt_1y1tz_434:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-i5vuz0, 16px);
   padding-block-end: var(--space-scaled-l-66n9sr, 20px);
   padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_disabled-reason-tooltip_14rmt_52h41_480:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_1y1tz_480:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs-tab-focused_14rmt_52h41_484:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_1y1tz_484:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }