npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.16 → 3.0.19 - Mend

@cloudscape-design/components-themeable 3.0.16 → 3.0.19

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

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

@@ -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_1k026_97:not(#\9) {
+.awsui_root_wih1l_2te74_97:not(#\9) {
   font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: 22px;
@@ -107,24 +107,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
-.awsui_tools_wih1l_1k026_106:not(#\9) {
+.awsui_tools_wih1l_2te74_106:not(#\9) {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   padding: 8px 0 4px;
   padding: var(--space-scaled-xs-6859qs, 8px) 0 var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_tools-filtering_wih1l_1k026_112:not(#\9) {
+.awsui_tools-filtering_wih1l_2te74_112:not(#\9) {
   flex: 1 1 0%;
   max-width: 100%;
   margin-right: 20px;
   margin-right: var(--space-l-4vl6xu, 20px);
 }
-.awsui_tools-align-right_wih1l_1k026_117:not(#\9) {
+.awsui_tools-align-right_wih1l_2te74_117:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_1k026_121 + .awsui_tools-preferences_wih1l_1k026_121:not(#\9) {
+.awsui_tools-pagination_wih1l_2te74_121 + .awsui_tools-preferences_wih1l_2te74_121:not(#\9) {
   border-left: 1px solid #eaeded;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   box-sizing: border-box;
@@ -133,24 +133,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-left: 8px;
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_tools-small_wih1l_1k026_127 > .awsui_tools-filtering_wih1l_1k026_112:not(#\9) {
+.awsui_tools-small_wih1l_2te74_127 > .awsui_tools-filtering_wih1l_2te74_112:not(#\9) {
   margin-right: 0;
   margin-bottom: 8px;
   margin-bottom: var(--space-scaled-xs-6859qs, 8px);
   flex-basis: 100%;
 }
-.awsui_table_wih1l_1k026_133:not(#\9) {
+.awsui_table_wih1l_2te74_133:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1k026_139:not(#\9) {
+.awsui_table-layout-fixed_wih1l_2te74_139:not(#\9) {
   table-layout: fixed;
 }
-.awsui_wrapper_wih1l_1k026_143:not(#\9) {
+.awsui_wrapper_wih1l_2te74_143:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -160,40 +160,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-bottom: var(--space-table-content-bottom-2l75ve, 0px);
   overflow-x: auto;
   border-top-right-radius: 0px;
-  border-top-right-radius: var(--border-container-radius-gcr27z, 0px);
+  border-top-right-radius: var(--border-radius-container-1aveko, 0px);
   border-top-left-radius: 0px;
-  border-top-left-radius: var(--border-container-radius-gcr27z, 0px);
+  border-top-left-radius: var(--border-radius-container-1aveko, 0px);
 }
-.awsui_wrapper_wih1l_1k026_143.awsui_variant-stacked_wih1l_1k026_153 > .awsui_table_wih1l_1k026_133:not(#\9), .awsui_wrapper_wih1l_1k026_143.awsui_variant-container_wih1l_1k026_153 > .awsui_table_wih1l_1k026_133:not(#\9) {
+.awsui_wrapper_wih1l_2te74_143.awsui_variant-stacked_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9), .awsui_wrapper_wih1l_2te74_143.awsui_variant-container_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9) {
   padding-left: 0px;
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: 0px;
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_wrapper_wih1l_1k026_143.awsui_variant-embedded_wih1l_1k026_157:not(#\9) {
+.awsui_wrapper_wih1l_2te74_143.awsui_variant-embedded_wih1l_2te74_157:not(#\9) {
   padding-bottom: 0px;
   padding-bottom: var(--space-table-embedded-content-bottom-7vc5vt, 0px);
 }
-.awsui_wrapper_wih1l_1k026_143.awsui_has-header_wih1l_1k026_160:not(#\9) {
+.awsui_wrapper_wih1l_2te74_143.awsui_has-header_wih1l_2te74_160:not(#\9) {
   padding-top: 0px;
 }
-.awsui_wrapper_wih1l_1k026_143.awsui_has-footer_wih1l_1k026_163:not(#\9) {
+.awsui_wrapper_wih1l_2te74_143.awsui_has-footer_wih1l_2te74_163:not(#\9) {
   padding-bottom: 0px;
 }
-.awsui_wrapper_wih1l_1k026_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_wrapper_wih1l_2te74_143[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: 0px;
-  border-radius: var(--border-container-radius-gcr27z, 0px);
+  border-radius: var(--border-radius-container-1aveko, 0px);
   box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_cell-merged_wih1l_1k026_173:not(#\9) {
+.awsui_cell-merged_wih1l_2te74_173:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged-content_wih1l_1k026_177:not(#\9) {
+.awsui_cell-merged-content_wih1l_2te74_177:not(#\9) {
   box-sizing: border-box;
   width: 100%;
   padding: 16px 20px 20px;
@@ -202,7 +202,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1k026_177:not(#\9) {
+  .awsui_cell-merged-content_wih1l_2te74_177:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * 0px);
@@ -210,30 +210,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
-.awsui_empty_wih1l_1k026_192:not(#\9) {
+.awsui_empty_wih1l_2te74_192:not(#\9) {
   color: #687078;
   color: var(--color-text-empty-izapdt, #687078);
 }
-.awsui_loading_wih1l_1k026_196:not(#\9) {
+.awsui_loading_wih1l_2te74_196:not(#\9) {
   /* used in test-utils */
 }
-.awsui_selection-control_wih1l_1k026_200:not(#\9) {
+.awsui_selection-control_wih1l_2te74_200:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 54px;
   max-width: 54px;
   min-width: 54px;
 }
-.awsui_selection-control_wih1l_1k026_200.awsui_selection-control-header_wih1l_1k026_207:not(#\9) {
+.awsui_selection-control_wih1l_2te74_200.awsui_selection-control-header_wih1l_2te74_207:not(#\9) {
   padding: 8px 20px;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px);
   border-left: 1px solid transparent;
   border-left: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_sticky-scrollbar_wih1l_1k026_212:not(#\9) {
+.awsui_sticky-scrollbar_wih1l_2te74_212:not(#\9) {
   height: 15px;
   position: fixed;
   display: none;
@@ -243,14 +243,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
   width: 100%;
 }
-.awsui_sticky-scrollbar-content_wih1l_1k026_222:not(#\9) {
+.awsui_sticky-scrollbar-content_wih1l_2te74_222:not(#\9) {
   height: 15px;
 }
-.awsui_sticky-scrollbar-visible_wih1l_1k026_225:not(#\9) {
+.awsui_sticky-scrollbar-visible_wih1l_2te74_225:not(#\9) {
   display: block;
 }
-.awsui_header-secondary_wih1l_1k026_229:not(#\9) {
+.awsui_header-secondary_wih1l_2te74_229:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none;
   /* Internet Explorer 10+ */
@@ -262,30 +262,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #fafafa;
   background: var(--color-background-table-header-mryayf, #fafafa);
 }
-.awsui_header-secondary_wih1l_1k026_229.awsui_variant-stacked_wih1l_1k026_153 > .awsui_table_wih1l_1k026_133:not(#\9), .awsui_header-secondary_wih1l_1k026_229.awsui_variant-container_wih1l_1k026_153 > .awsui_table_wih1l_1k026_133:not(#\9) {
+.awsui_header-secondary_wih1l_2te74_229.awsui_variant-stacked_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9), .awsui_header-secondary_wih1l_2te74_229.awsui_variant-container_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9) {
   padding-left: 0px;
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: 0px;
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_header-secondary_wih1l_1k026_229:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_2te74_229:not(#\9)::-webkit-scrollbar {
   display: none;
   /* Safari and Chrome */
 }
-.awsui_header-controls_wih1l_1k026_249:not(#\9) {
+.awsui_header-controls_wih1l_2te74_249:not(#\9) {
   padding-top: 12px;
   padding-top: var(--space-container-header-vertical-0bd19u, 12px);
   padding-bottom: 12px;
   padding-bottom: var(--space-container-header-vertical-0bd19u, 12px);
 }
-.awsui_header-controls_wih1l_1k026_249.awsui_variant-stacked_wih1l_1k026_153:not(#\9), .awsui_header-controls_wih1l_1k026_249.awsui_variant-container_wih1l_1k026_153:not(#\9) {
+.awsui_header-controls_wih1l_2te74_249.awsui_variant-stacked_wih1l_2te74_153:not(#\9), .awsui_header-controls_wih1l_2te74_249.awsui_variant-container_wih1l_2te74_153:not(#\9) {
   padding-left: calc(0px + 20px);
   padding-left: calc(var(--space-table-horizontal-njdbej, 0px) + var(--space-table-header-horizontal-4u689g, 20px));
   padding-right: calc(0px + 20px);
   padding-right: calc(var(--space-table-horizontal-njdbej, 0px) + var(--space-table-header-horizontal-4u689g, 20px));
 }
-.awsui_header-controls_wih1l_1k026_249.awsui_variant-embedded_wih1l_1k026_157:not(#\9) {
+.awsui_header-controls_wih1l_2te74_249.awsui_variant-embedded_wih1l_2te74_157:not(#\9) {
   padding-left: 20px;
   padding-left: var(--space-table-header-horizontal-4u689g, 20px);
   padding-right: 20px;
@@ -293,12 +293,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-top: 12px;
   padding-top: var(--space-table-embedded-header-top-1yxc8d, 12px);
 }
-.awsui_header-controls_wih1l_1k026_249 + .awsui_header-secondary_wih1l_1k026_229:not(#\9) {
+.awsui_header-controls_wih1l_2te74_249 + .awsui_header-secondary_wih1l_2te74_229:not(#\9) {
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
-.awsui_divider_wih1l_1k026_266:not(#\9) {
+.awsui_divider_wih1l_2te74_266:not(#\9) {
   border: none;
   margin: 0;
   height: 0;
@@ -306,20 +306,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_footer-wrapper_wih1l_1k026_273.awsui_variant-stacked_wih1l_1k026_153:not(#\9), .awsui_footer-wrapper_wih1l_1k026_273.awsui_variant-container_wih1l_1k026_153:not(#\9) {
+.awsui_footer-wrapper_wih1l_2te74_273.awsui_variant-stacked_wih1l_2te74_153:not(#\9), .awsui_footer-wrapper_wih1l_2te74_273.awsui_variant-container_wih1l_2te74_153:not(#\9) {
   padding-left: 0px;
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: 0px;
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_footer_wih1l_1k026_273:not(#\9) {
+.awsui_footer_wih1l_2te74_273:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-table-footer-horizontal-m6qo87, 20px);
 }
-.awsui_thead-active_wih1l_1k026_282:not(#\9),
-.awsui_row_wih1l_1k026_283:not(#\9),
-.awsui_row-selected_wih1l_1k026_284:not(#\9) {
+.awsui_thead-active_wih1l_2te74_282:not(#\9),
+.awsui_row_wih1l_2te74_283:not(#\9),
+.awsui_row-selected_wih1l_2te74_284:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_1k026_97",
-  "tools": "awsui_tools_wih1l_1k026_106",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1k026_112",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1k026_117",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1k026_121",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1k026_121",
-  "tools-small": "awsui_tools-small_wih1l_1k026_127",
-  "table": "awsui_table_wih1l_1k026_133",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1k026_139",
-  "wrapper": "awsui_wrapper_wih1l_1k026_143",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1k026_153",
-  "variant-container": "awsui_variant-container_wih1l_1k026_153",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1k026_157",
-  "has-header": "awsui_has-header_wih1l_1k026_160",
-  "has-footer": "awsui_has-footer_wih1l_1k026_163",
-  "cell-merged": "awsui_cell-merged_wih1l_1k026_173",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1k026_177",
-  "empty": "awsui_empty_wih1l_1k026_192",
-  "loading": "awsui_loading_wih1l_1k026_196",
-  "selection-control": "awsui_selection-control_wih1l_1k026_200",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1k026_207",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_1k026_212",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_1k026_222",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_1k026_225",
-  "header-secondary": "awsui_header-secondary_wih1l_1k026_229",
-  "header-controls": "awsui_header-controls_wih1l_1k026_249",
-  "divider": "awsui_divider_wih1l_1k026_266",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1k026_273",
-  "footer": "awsui_footer_wih1l_1k026_273",
-  "thead-active": "awsui_thead-active_wih1l_1k026_282",
-  "row": "awsui_row_wih1l_1k026_283",
-  "row-selected": "awsui_row-selected_wih1l_1k026_284"
+  "root": "awsui_root_wih1l_2te74_97",
+  "tools": "awsui_tools_wih1l_2te74_106",
+  "tools-filtering": "awsui_tools-filtering_wih1l_2te74_112",
+  "tools-align-right": "awsui_tools-align-right_wih1l_2te74_117",
+  "tools-pagination": "awsui_tools-pagination_wih1l_2te74_121",
+  "tools-preferences": "awsui_tools-preferences_wih1l_2te74_121",
+  "tools-small": "awsui_tools-small_wih1l_2te74_127",
+  "table": "awsui_table_wih1l_2te74_133",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_2te74_139",
+  "wrapper": "awsui_wrapper_wih1l_2te74_143",
+  "variant-stacked": "awsui_variant-stacked_wih1l_2te74_153",
+  "variant-container": "awsui_variant-container_wih1l_2te74_153",
+  "variant-embedded": "awsui_variant-embedded_wih1l_2te74_157",
+  "has-header": "awsui_has-header_wih1l_2te74_160",
+  "has-footer": "awsui_has-footer_wih1l_2te74_163",
+  "cell-merged": "awsui_cell-merged_wih1l_2te74_173",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_2te74_177",
+  "empty": "awsui_empty_wih1l_2te74_192",
+  "loading": "awsui_loading_wih1l_2te74_196",
+  "selection-control": "awsui_selection-control_wih1l_2te74_200",
+  "selection-control-header": "awsui_selection-control-header_wih1l_2te74_207",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_2te74_212",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_2te74_222",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_2te74_225",
+  "header-secondary": "awsui_header-secondary_wih1l_2te74_229",
+  "header-controls": "awsui_header-controls_wih1l_2te74_249",
+  "divider": "awsui_divider_wih1l_2te74_266",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_2te74_273",
+  "footer": "awsui_footer_wih1l_2te74_273",
+  "thead-active": "awsui_thead-active_wih1l_2te74_282",
+  "row": "awsui_row_wih1l_2te74_283",
+  "row-selected": "awsui_row-selected_wih1l_2te74_284"
 };

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_1sfab_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_1sfab_192",
-  "pagination-button": "awsui_pagination-button_14rmt_1sfab_209",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_1sfab_214",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1sfab_217",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_1sfab_221",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1sfab_224",
-  "tabs-tab": "awsui_tabs-tab_14rmt_1sfab_229",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1sfab_240",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1sfab_256",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1sfab_313",
-  "refresh": "awsui_refresh_14rmt_1sfab_330",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1sfab_344",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1sfab_351",
-  "root": "awsui_root_14rmt_1sfab_355",
-  "tabs": "awsui_tabs_14rmt_1sfab_186",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1sfab_372",
-  "with-paddings": "awsui_with-paddings_14rmt_1sfab_372",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1sfab_376",
-  "tabs-content": "awsui_tabs-content_14rmt_1sfab_372",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_1sfab_384"
+  "tabs-header": "awsui_tabs-header_14rmt_h6kh1_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_h6kh1_192",
+  "pagination-button": "awsui_pagination-button_14rmt_h6kh1_209",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_h6kh1_214",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_h6kh1_217",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_h6kh1_221",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_h6kh1_224",
+  "tabs-tab": "awsui_tabs-tab_14rmt_h6kh1_229",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_h6kh1_240",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_h6kh1_256",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_h6kh1_313",
+  "refresh": "awsui_refresh_14rmt_h6kh1_330",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_h6kh1_344",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_h6kh1_351",
+  "root": "awsui_root_14rmt_h6kh1_355",
+  "tabs": "awsui_tabs_14rmt_h6kh1_186",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_h6kh1_372",
+  "with-paddings": "awsui_with-paddings_14rmt_h6kh1_372",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_h6kh1_376",
+  "tabs-content": "awsui_tabs-content_14rmt_h6kh1_372",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_h6kh1_384"
 };

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

@@ -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_1sfab_186:not(#\9) {
+.awsui_tabs-header_14rmt_h6kh1_186:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_1sfab_192:not(#\9) {
+.awsui_tabs-header-list_14rmt_h6kh1_192:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
@@ -201,38 +201,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scrollbar-width: none;
   /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_1sfab_192:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_h6kh1_192:not(#\9)::-webkit-scrollbar {
   display: none;
   /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_1sfab_209:not(#\9) {
+.awsui_pagination-button_14rmt_h6kh1_209:not(#\9) {
   margin: 12px 0;
   margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   padding: 0 4px;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_1sfab_214:not(#\9) {
+.awsui_pagination-button-left_14rmt_h6kh1_214:not(#\9) {
   border-right: 1px solid #d5dbdb;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_1sfab_217:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_h6kh1_217:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px #eaeded, 1px 0px 0px 0px #eaeded;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-22eyu5, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-22eyu5, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_1sfab_221:not(#\9) {
+.awsui_pagination-button-right_14rmt_h6kh1_221:not(#\9) {
   border-left: 1px solid #d5dbdb;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_1sfab_224:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_h6kh1_224:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px #eaeded, -1px 0px 0px 0 #eaeded;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-22eyu5, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-22eyu5, #eaeded);
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9) {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9) {
   list-style: none;
   padding: 0;
   flex-shrink: 0;
@@ -240,11 +240,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: calc(90% - 20px);
   max-width: calc(90% - var(--space-l-4vl6xu, 20px));
 }
-.awsui_tabs-tab_14rmt_1sfab_229 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_h6kh1_229 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-label_14rmt_1sfab_240:not(#\9) {
+.awsui_tabs-tab-label_14rmt_h6kh1_240:not(#\9) {
   display: flex;
   align-items: center;
   padding: 4px 20px;
@@ -256,14 +256,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1sfab_240, .awsui_tabs-tab_14rmt_1sfab_229:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1sfab_240 {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_h6kh1_240, .awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_h6kh1_240 {
   margin-right: calc(-1 * 1px);
   margin-right: calc(-1 * var(--border-divider-section-width-5a4cv1, 1px));
   border-right: 1px solid #aab7b8;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-tabs-divider-lf9ugx, #aab7b8);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9) {
+.awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -283,23 +283,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #545b64;
   color: var(--color-text-interactive-default-9me1cm, #545b64);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):hover {
   color: #0073bb;
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):focus {
   outline: none;
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_h6kh1_256[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_h6kh1_256[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-th1z8v, 0px) - 1px);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_tabs-tab-link_14rmt_h6kh1_256[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -312,31 +312,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * 0px);
   height: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-th1z8v, 0px));
   border-radius: 2px;
-  border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
+  border-radius: var(--border-radius-control-focus-ring-default-o8r56c, 2px);
   box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1sfab_240, .awsui_tabs-tab-link_14rmt_1sfab_256[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1sfab_240 {
+.awsui_tabs-tab-link_14rmt_h6kh1_256[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_h6kh1_240, .awsui_tabs-tab-link_14rmt_h6kh1_256[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_h6kh1_240 {
   border-right-color: transparent;
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):first-child {
   margin-left: 1px;
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1sfab_240, .awsui_tabs-tab_14rmt_1sfab_229:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1sfab_240 {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_h6kh1_240, .awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_h6kh1_240 {
   padding-left: calc(20px - 1px);
   padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):last-child {
   margin-right: 1px;
 }
-.awsui_tabs-tab_14rmt_1sfab_229:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1sfab_240, .awsui_tabs-tab_14rmt_1sfab_229:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1sfab_240 {
+.awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_h6kh1_240, .awsui_tabs-tab_14rmt_h6kh1_229:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_h6kh1_240 {
   padding-right: calc(20px - 1px);
   padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_1sfab_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_1sfab_313:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_h6kh1_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_h6kh1_313:not(#\9):hover {
   cursor: default;
   color: #aab7b8;
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
@@ -344,7 +344,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-tabs-disabled-weight-0s5m6k, 400);
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313):after {
+.awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313):after {
   content: "";
   position: absolute;
   left: 0;
@@ -354,44 +354,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 2px;
   height: var(--border-active-width-bo43mb, 2px);
   border-radius: 0px;
-  border-radius: var(--border-active-radius-i81j0v, 0px);
+  border-radius: var(--border-radius-tabs-focus-ring-774qv9, 0px);
   background: #16191f;
   background: var(--color-border-tabs-underline-ba6hzi, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313).awsui_refresh_14rmt_1sfab_330:after {
+.awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313).awsui_refresh_14rmt_h6kh1_330:after {
   transition: opacity 165ms cubic-bezier(0.84, 0, 0.16, 1);
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313).awsui_refresh_14rmt_1sfab_330:after {
+  .awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313).awsui_refresh_14rmt_h6kh1_330:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313).awsui_refresh_14rmt_1sfab_330:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1sfab_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313).awsui_refresh_14rmt_1sfab_330:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313).awsui_refresh_14rmt_h6kh1_330:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_h6kh1_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313).awsui_refresh_14rmt_h6kh1_330:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab-active_14rmt_1sfab_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313) {
+.awsui_tabs-tab-active_14rmt_h6kh1_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313) {
   color: #0073bb;
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_1sfab_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1sfab_313):after {
+.awsui_tabs-tab-active_14rmt_h6kh1_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_h6kh1_313):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_1sfab_351:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_h6kh1_351:not(#\9) {
   border-bottom: 1px solid #aab7b8;
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-tabs-divider-lf9ugx, #aab7b8);
 }
-.awsui_root_14rmt_1sfab_355:not(#\9) {
+.awsui_root_14rmt_h6kh1_355:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_1sfab_186:not(#\9) {
+.awsui_tabs_14rmt_h6kh1_186:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -434,20 +434,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
-.awsui_tabs-content-wrapper_14rmt_1sfab_372.awsui_with-paddings_14rmt_1sfab_372:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_h6kh1_372.awsui_with-paddings_14rmt_h6kh1_372:not(#\9) {
   padding: 16px 0;
   padding: var(--space-scaled-m-pv0fmt, 16px) 0;
 }
-.awsui_tabs-container-content-wrapper_14rmt_1sfab_376.awsui_with-paddings_14rmt_1sfab_372:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_h6kh1_376.awsui_with-paddings_14rmt_h6kh1_372:not(#\9) {
   padding-top: 0px;
   padding-top: var(--space-tabs-content-top-5xrhx5, 0px);
 }
-.awsui_tabs-content_14rmt_1sfab_372:not(#\9) {
+.awsui_tabs-content_14rmt_h6kh1_372:not(#\9) {
   display: none;
 }
-.awsui_tabs-content-active_14rmt_1sfab_384:not(#\9) {
+.awsui_tabs-content-active_14rmt_h6kh1_384:not(#\9) {
   display: block;
 }