@cloudscape-design/components 3.0.301 → 3.0.303

package/table/resizer/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1ojjf_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1ojjf_93",
-  "resizer": "awsui_resizer_x7peu_1ojjf_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1ojjf_114",
-  "has-focus": "awsui_has-focus_x7peu_1ojjf_126",
-  "tracker": "awsui_tracker_x7peu_1ojjf_149"
+  "resize-active": "awsui_resize-active_x7peu_18l4k_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_18l4k_93",
+  "resizer": "awsui_resizer_x7peu_18l4k_98",
+  "resizer-active": "awsui_resizer-active_x7peu_18l4k_114",
+  "has-focus": "awsui_has-focus_x7peu_18l4k_126",
+  "tracker": "awsui_tracker_x7peu_18l4k_149"
 };
   

package/table/selection-control/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ut8b_euybh_93",
-  "label": "awsui_label_1ut8b_euybh_97",
-  "stud": "awsui_stud_1ut8b_euybh_111"
+  "root": "awsui_root_1ut8b_i97ok_93",
+  "label": "awsui_label_1ut8b_i97ok_97",
+  "stud": "awsui_stud_1ut8b_i97ok_111"
 };
   

package/table/selection-control/styles.scoped.css

@@ -90,16 +90,16 @@ 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_1ut8b_euybh_93:not(#\9) {
+.awsui_root_1ut8b_i97ok_93:not(#\9) {
   /* used in test-utils and in the use-selection hook */
 }
 
-.awsui_label_1ut8b_euybh_97:not(#\9) {
+.awsui_label_1ut8b_i97ok_97:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
-  padding-bottom: var(--space-xxs-a6783b, 4px);
+  padding-bottom: var(--space-xxs-ja5cp8, 4px);
   height: 100%;
   top: 0;
   width: 100%;
@@ -108,6 +108,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-right: 1px solid transparent;
 }
 
-.awsui_stud_1ut8b_euybh_111:not(#\9) {
+.awsui_stud_1ut8b_i97ok_111:not(#\9) {
   visibility: hidden;
 }

package/table/selection-control/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1ut8b_euybh_93",
-  "label": "awsui_label_1ut8b_euybh_97",
-  "stud": "awsui_stud_1ut8b_euybh_111"
+  "root": "awsui_root_1ut8b_i97ok_93",
+  "label": "awsui_label_1ut8b_i97ok_97",
+  "stud": "awsui_stud_1ut8b_i97ok_111"
 };
   

package/table/styles.css.js

@@ -1,41 +1,41 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_nmxp4_97",
-  "tools": "awsui_tools_wih1l_nmxp4_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_nmxp4_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_nmxp4_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_nmxp4_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_nmxp4_132",
-  "tools-small": "awsui_tools-small_wih1l_nmxp4_138",
-  "table": "awsui_table_wih1l_nmxp4_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_nmxp4_150",
-  "wrapper": "awsui_wrapper_wih1l_nmxp4_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_nmxp4_163",
-  "variant-container": "awsui_variant-container_wih1l_nmxp4_163",
-  "variant-embedded": "awsui_variant-embedded_wih1l_nmxp4_167",
-  "variant-borderless": "awsui_variant-borderless_wih1l_nmxp4_167",
-  "has-header": "awsui_has-header_wih1l_nmxp4_170",
-  "has-footer": "awsui_has-footer_wih1l_nmxp4_173",
-  "cell-merged": "awsui_cell-merged_wih1l_nmxp4_190",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_nmxp4_201",
-  "empty": "awsui_empty_wih1l_nmxp4_216",
-  "loading": "awsui_loading_wih1l_nmxp4_220",
-  "selection-control": "awsui_selection-control_wih1l_nmxp4_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_nmxp4_236",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_nmxp4_241",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_nmxp4_250",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_nmxp4_253",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_nmxp4_256",
-  "dark-header": "awsui_dark-header_wih1l_nmxp4_264",
-  "header-secondary": "awsui_header-secondary_wih1l_nmxp4_269",
-  "table-has-header": "awsui_table-has-header_wih1l_nmxp4_285",
-  "header-controls": "awsui_header-controls_wih1l_nmxp4_289",
-  "variant-full-page": "awsui_variant-full-page_wih1l_nmxp4_293",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_nmxp4_306",
-  "footer": "awsui_footer_wih1l_nmxp4_306",
-  "thead-active": "awsui_thead-active_wih1l_nmxp4_315",
-  "row": "awsui_row_wih1l_nmxp4_316",
-  "row-selected": "awsui_row-selected_wih1l_nmxp4_317"
+  "root": "awsui_root_wih1l_4eja5_97",
+  "tools": "awsui_tools_wih1l_4eja5_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_4eja5_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_4eja5_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_4eja5_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_4eja5_132",
+  "tools-small": "awsui_tools-small_wih1l_4eja5_138",
+  "table": "awsui_table_wih1l_4eja5_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_4eja5_150",
+  "wrapper": "awsui_wrapper_wih1l_4eja5_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_4eja5_163",
+  "variant-container": "awsui_variant-container_wih1l_4eja5_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_4eja5_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_4eja5_167",
+  "has-header": "awsui_has-header_wih1l_4eja5_170",
+  "has-footer": "awsui_has-footer_wih1l_4eja5_173",
+  "cell-merged": "awsui_cell-merged_wih1l_4eja5_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_4eja5_201",
+  "empty": "awsui_empty_wih1l_4eja5_216",
+  "loading": "awsui_loading_wih1l_4eja5_220",
+  "selection-control": "awsui_selection-control_wih1l_4eja5_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_4eja5_236",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_4eja5_241",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_4eja5_250",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_4eja5_253",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_4eja5_256",
+  "dark-header": "awsui_dark-header_wih1l_4eja5_264",
+  "header-secondary": "awsui_header-secondary_wih1l_4eja5_269",
+  "table-has-header": "awsui_table-has-header_wih1l_4eja5_285",
+  "header-controls": "awsui_header-controls_wih1l_4eja5_289",
+  "variant-full-page": "awsui_variant-full-page_wih1l_4eja5_293",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_4eja5_306",
+  "footer": "awsui_footer_wih1l_4eja5_306",
+  "thead-active": "awsui_thead-active_wih1l_4eja5_315",
+  "row": "awsui_row_wih1l_4eja5_316",
+  "row-selected": "awsui_row-selected_wih1l_4eja5_317"
 };
   

package/table/styles.scoped.css

@@ -94,130 +94,130 @@ 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_nmxp4_97:not(#\9) {
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+.awsui_root_wih1l_4eja5_97:not(#\9) {
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   width: 100%;
 }
 
-.awsui_tools_wih1l_nmxp4_108:not(#\9) {
+.awsui_tools_wih1l_4eja5_108:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
-  padding: var(--space-scaled-xs-u0e7ft, 8px) 0 var(--space-scaled-xxs-ugy2pw, 4px);
+  padding: var(--space-scaled-xs-wbfgrv, 8px) 0 var(--space-scaled-xxs-t2t62i, 4px);
 }
-.awsui_tools-filtering_wih1l_nmxp4_114:not(#\9) {
+.awsui_tools-filtering_wih1l_4eja5_114:not(#\9) {
   max-width: 100%;
-  margin-right: var(--space-l-ds615y, 20px);
+  margin-right: var(--space-l-f4l5gr, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_nmxp4_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_4eja5_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_nmxp4_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_4eja5_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_nmxp4_128:not(#\9) {
+.awsui_tools-align-right_wih1l_4eja5_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_nmxp4_132 + .awsui_tools-preferences_wih1l_nmxp4_132:not(#\9) {
-  border-left: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_tools-pagination_wih1l_4eja5_132 + .awsui_tools-preferences_wih1l_4eja5_132:not(#\9) {
+  border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
   box-sizing: border-box;
-  margin-left: var(--space-xs-inub5w, 8px);
-  padding-left: var(--space-xs-inub5w, 8px);
+  margin-left: var(--space-xs-edba2s, 8px);
+  padding-left: var(--space-xs-edba2s, 8px);
 }
-.awsui_tools-small_wih1l_nmxp4_138 > .awsui_tools-filtering_wih1l_nmxp4_114:not(#\9) {
+.awsui_tools-small_wih1l_4eja5_138 > .awsui_tools-filtering_wih1l_4eja5_114:not(#\9) {
   margin-right: 0;
-  margin-bottom: var(--space-scaled-xs-u0e7ft, 8px);
+  margin-bottom: var(--space-scaled-xs-wbfgrv, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_nmxp4_144:not(#\9) {
+.awsui_table_wih1l_4eja5_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_nmxp4_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_4eja5_150:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_nmxp4_154:not(#\9) {
+.awsui_wrapper_wih1l_4eja5_154:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
-  padding-top: var(--space-table-content-top-byyxhv, 12px);
-  padding-bottom: var(--space-table-content-bottom-5ikgmo, 4px);
+  padding-top: var(--space-table-content-top-7kuusn, 12px);
+  padding-bottom: var(--space-table-content-bottom-xssi3v, 4px);
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_nmxp4_154.awsui_variant-stacked_wih1l_nmxp4_163 > .awsui_table_wih1l_nmxp4_144:not(#\9), .awsui_wrapper_wih1l_nmxp4_154.awsui_variant-container_wih1l_nmxp4_163 > .awsui_table_wih1l_nmxp4_144:not(#\9) {
-  padding-left: var(--space-table-horizontal-nhrpfz, 20px);
-  padding-right: var(--space-table-horizontal-nhrpfz, 20px);
+.awsui_wrapper_wih1l_4eja5_154.awsui_variant-stacked_wih1l_4eja5_163 > .awsui_table_wih1l_4eja5_144:not(#\9), .awsui_wrapper_wih1l_4eja5_154.awsui_variant-container_wih1l_4eja5_163 > .awsui_table_wih1l_4eja5_144:not(#\9) {
+  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
+  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
 }
-.awsui_wrapper_wih1l_nmxp4_154.awsui_variant-embedded_wih1l_nmxp4_167:not(#\9), .awsui_wrapper_wih1l_nmxp4_154.awsui_variant-borderless_wih1l_nmxp4_167:not(#\9) {
-  padding-bottom: var(--space-table-embedded-content-bottom-cw037k, 0px);
+.awsui_wrapper_wih1l_4eja5_154.awsui_variant-embedded_wih1l_4eja5_167:not(#\9), .awsui_wrapper_wih1l_4eja5_154.awsui_variant-borderless_wih1l_4eja5_167:not(#\9) {
+  padding-bottom: var(--space-table-embedded-content-bottom-6xvajo, 0px);
 }
-.awsui_wrapper_wih1l_nmxp4_154.awsui_has-header_wih1l_nmxp4_170:not(#\9) {
+.awsui_wrapper_wih1l_4eja5_154.awsui_has-header_wih1l_4eja5_170:not(#\9) {
   padding-top: 0px;
 }
-.awsui_wrapper_wih1l_nmxp4_154.awsui_has-footer_wih1l_nmxp4_173:not(#\9) {
+.awsui_wrapper_wih1l_4eja5_154.awsui_has-footer_wih1l_4eja5_173:not(#\9) {
   padding-bottom: 0px;
 }
-.awsui_wrapper_wih1l_nmxp4_154:not(#\9):not(.awsui_has-header_wih1l_nmxp4_170) {
-  border-top-right-radius: var(--border-radius-container-b3z48i, 16px);
-  border-top-left-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_wrapper_wih1l_4eja5_154:not(#\9):not(.awsui_has-header_wih1l_4eja5_170) {
+  border-top-right-radius: var(--border-radius-container-pmtq2d, 16px);
+  border-top-left-radius: var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_wrapper_wih1l_nmxp4_154:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_4eja5_154:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_nmxp4_154:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_4eja5_154:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-container-b3z48i, 16px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_cell-merged_wih1l_nmxp4_190:not(#\9) {
+.awsui_cell-merged_wih1l_4eja5_190:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_nmxp4_190.awsui_has-footer_wih1l_nmxp4_173:not(#\9) {
+.awsui_cell-merged_wih1l_4eja5_190.awsui_has-footer_wih1l_4eja5_173: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-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+  border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-.awsui_cell-merged-content_wih1l_nmxp4_201:not(#\9) {
+.awsui_cell-merged-content_wih1l_4eja5_201:not(#\9) {
   box-sizing: border-box;
   width: 100%;
-  padding: var(--space-scaled-m-9q5ipc, 16px) var(--space-l-ds615y, 20px) var(--space-scaled-l-x5pubp, 20px);
+  padding: var(--space-scaled-m-gxhdpl, 16px) var(--space-l-f4l5gr, 20px) var(--space-scaled-l-2rs0gk, 20px);
   /* stylelint-disable plugin/no-unsupported-browser-features */
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_nmxp4_201:not(#\9) {
+  .awsui_cell-merged-content_wih1l_4eja5_201:not(#\9) {
     position: sticky;
     left: 0;
-    margin: 0 calc(-2 * var(--space-table-horizontal-nhrpfz, 20px));
+    margin: 0 calc(-2 * var(--space-table-horizontal-8ca8r3, 20px));
   }
 }
 
-.awsui_empty_wih1l_nmxp4_216:not(#\9) {
-  color: var(--color-text-empty-qnnj2s, #5f6b7a);
+.awsui_empty_wih1l_4eja5_216:not(#\9) {
+  color: var(--color-text-empty-v5xueo, #5f6b7a);
 }
 
-.awsui_loading_wih1l_nmxp4_220:not(#\9) {
+.awsui_loading_wih1l_4eja5_220:not(#\9) {
   /* used in test-utils */
 }
 
@@ -226,19 +226,19 @@ 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_nmxp4_229:not(#\9) {
+.awsui_selection-control_wih1l_4eja5_229:not(#\9) {
   box-sizing: border-box;
-  max-width: var(--size-table-selection-horizontal-dshi7g, 40px);
-  min-width: var(--size-table-selection-horizontal-dshi7g, 40px);
+  max-width: var(--size-table-selection-horizontal-jcyaue, 40px);
+  min-width: var(--size-table-selection-horizontal-jcyaue, 40px);
   position: relative;
-  width: var(--size-table-selection-horizontal-dshi7g, 40px);
+  width: var(--size-table-selection-horizontal-jcyaue, 40px);
 }
-.awsui_selection-control_wih1l_nmxp4_229.awsui_selection-control-header_wih1l_nmxp4_236:not(#\9) {
-  padding: var(--space-scaled-xs-u0e7ft, 8px) var(--space-scaled-l-x5pubp, 20px);
-  border-left: var(--border-item-width-4pi0dw, 2px) solid transparent;
+.awsui_selection-control_wih1l_4eja5_229.awsui_selection-control-header_wih1l_4eja5_236:not(#\9) {
+  padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px);
+  border-left: var(--border-item-width-y36svo, 2px) solid transparent;
 }
 
-.awsui_sticky-scrollbar_wih1l_nmxp4_241:not(#\9) {
+.awsui_sticky-scrollbar_wih1l_4eja5_241:not(#\9) {
   height: 15px;
   position: sticky;
   display: none;
@@ -247,13 +247,13 @@ filter search icon.
   bottom: 0;
   width: 100%;
 }
-.awsui_sticky-scrollbar-content_wih1l_nmxp4_250:not(#\9) {
+.awsui_sticky-scrollbar-content_wih1l_4eja5_250:not(#\9) {
   height: 15px;
 }
-.awsui_sticky-scrollbar-visible_wih1l_nmxp4_253:not(#\9) {
+.awsui_sticky-scrollbar-visible_wih1l_4eja5_253:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_wih1l_nmxp4_256:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_wih1l_4eja5_256:not(#\9) {
   margin-top: -15px;
 }
 
@@ -261,59 +261,59 @@ 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_nmxp4_264:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
-  color: var(--color-text-body-default-01bwmw, #000716);
+.awsui_dark-header_wih1l_4eja5_264:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
 
-.awsui_header-secondary_wih1l_nmxp4_269:not(#\9) {
+.awsui_header-secondary_wih1l_4eja5_269:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
   width: 100%;
   border-radius: 0;
-  background: var(--color-background-table-header-shne10, #ffffff);
+  background: var(--color-background-table-header-oc36ue, #ffffff);
 }
-.awsui_header-secondary_wih1l_nmxp4_269.awsui_variant-stacked_wih1l_nmxp4_163 > .awsui_table_wih1l_nmxp4_144:not(#\9), .awsui_header-secondary_wih1l_nmxp4_269.awsui_variant-container_wih1l_nmxp4_163 > .awsui_table_wih1l_nmxp4_144:not(#\9) {
-  padding-left: var(--space-table-horizontal-nhrpfz, 20px);
-  padding-right: var(--space-table-horizontal-nhrpfz, 20px);
+.awsui_header-secondary_wih1l_4eja5_269.awsui_variant-stacked_wih1l_4eja5_163 > .awsui_table_wih1l_4eja5_144:not(#\9), .awsui_header-secondary_wih1l_4eja5_269.awsui_variant-container_wih1l_4eja5_163 > .awsui_table_wih1l_4eja5_144:not(#\9) {
+  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
+  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
 }
-.awsui_header-secondary_wih1l_nmxp4_269:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_4eja5_269:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_nmxp4_269.awsui_table-has-header_wih1l_nmxp4_285:not(#\9) {
-  border-top: var(--border-divider-list-width-fsy9j8, 1px) solid var(--color-border-container-divider-qsuvq6, transparent);
+.awsui_header-secondary_wih1l_4eja5_269.awsui_table-has-header_wih1l_4eja5_285:not(#\9) {
+  border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-container-divider-tildlh, transparent);
 }
 
-.awsui_header-controls_wih1l_nmxp4_289:not(#\9) {
-  padding-top: var(--space-container-header-vertical-gho8eg, 12px);
-  padding-bottom: var(--space-container-header-vertical-gho8eg, 12px);
+.awsui_header-controls_wih1l_4eja5_289:not(#\9) {
+  padding-top: var(--space-container-header-vertical-di96ce, 12px);
+  padding-bottom: var(--space-container-header-vertical-di96ce, 12px);
 }
-.awsui_header-controls_wih1l_nmxp4_289.awsui_variant-full-page_wih1l_nmxp4_293:not(#\9) {
+.awsui_header-controls_wih1l_4eja5_289.awsui_variant-full-page_wih1l_4eja5_293:not(#\9) {
   padding-top: 0;
 }
-.awsui_header-controls_wih1l_nmxp4_289.awsui_variant-stacked_wih1l_nmxp4_163:not(#\9), .awsui_header-controls_wih1l_nmxp4_289.awsui_variant-container_wih1l_nmxp4_163:not(#\9) {
-  padding-left: calc(var(--space-table-horizontal-nhrpfz, 20px) + var(--space-table-header-horizontal-jj2vbh, 0px));
-  padding-right: calc(var(--space-table-horizontal-nhrpfz, 20px) + var(--space-table-header-horizontal-jj2vbh, 0px));
+.awsui_header-controls_wih1l_4eja5_289.awsui_variant-stacked_wih1l_4eja5_163:not(#\9), .awsui_header-controls_wih1l_4eja5_289.awsui_variant-container_wih1l_4eja5_163:not(#\9) {
+  padding-left: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
+  padding-right: calc(var(--space-table-horizontal-8ca8r3, 20px) + var(--space-table-header-horizontal-gb3iyt, 0px));
 }
-.awsui_header-controls_wih1l_nmxp4_289.awsui_variant-embedded_wih1l_nmxp4_167:not(#\9), .awsui_header-controls_wih1l_nmxp4_289.awsui_variant-borderless_wih1l_nmxp4_167:not(#\9) {
-  padding-left: var(--space-table-header-horizontal-jj2vbh, 0px);
-  padding-right: var(--space-table-header-horizontal-jj2vbh, 0px);
-  padding-top: var(--space-table-embedded-header-top-8tml9f, 0px);
+.awsui_header-controls_wih1l_4eja5_289.awsui_variant-embedded_wih1l_4eja5_167:not(#\9), .awsui_header-controls_wih1l_4eja5_289.awsui_variant-borderless_wih1l_4eja5_167:not(#\9) {
+  padding-left: var(--space-table-header-horizontal-gb3iyt, 0px);
+  padding-right: var(--space-table-header-horizontal-gb3iyt, 0px);
+  padding-top: var(--space-table-embedded-header-top-mtzve4, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_nmxp4_306.awsui_variant-stacked_wih1l_nmxp4_163:not(#\9), .awsui_footer-wrapper_wih1l_nmxp4_306.awsui_variant-container_wih1l_nmxp4_163:not(#\9) {
-  padding-left: var(--space-table-horizontal-nhrpfz, 20px);
-  padding-right: var(--space-table-horizontal-nhrpfz, 20px);
+.awsui_footer-wrapper_wih1l_4eja5_306.awsui_variant-stacked_wih1l_4eja5_163:not(#\9), .awsui_footer-wrapper_wih1l_4eja5_306.awsui_variant-container_wih1l_4eja5_163:not(#\9) {
+  padding-left: var(--space-table-horizontal-8ca8r3, 20px);
+  padding-right: var(--space-table-horizontal-8ca8r3, 20px);
 }
 
-.awsui_footer_wih1l_nmxp4_306:not(#\9) {
-  padding: var(--space-scaled-s-gczsk7, 12px) var(--space-table-footer-horizontal-ezw6u7, 0px);
+.awsui_footer_wih1l_4eja5_306:not(#\9) {
+  padding: var(--space-scaled-s-913kwi, 12px) var(--space-table-footer-horizontal-u2o8yq, 0px);
 }
 
-.awsui_thead-active_wih1l_nmxp4_315:not(#\9),
-.awsui_row_wih1l_nmxp4_316:not(#\9),
-.awsui_row-selected_wih1l_nmxp4_317:not(#\9) {
+.awsui_thead-active_wih1l_4eja5_315:not(#\9),
+.awsui_row_wih1l_4eja5_316:not(#\9),
+.awsui_row-selected_wih1l_4eja5_317:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,41 +2,41 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_nmxp4_97",
-  "tools": "awsui_tools_wih1l_nmxp4_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_nmxp4_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_nmxp4_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_nmxp4_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_nmxp4_132",
-  "tools-small": "awsui_tools-small_wih1l_nmxp4_138",
-  "table": "awsui_table_wih1l_nmxp4_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_nmxp4_150",
-  "wrapper": "awsui_wrapper_wih1l_nmxp4_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_nmxp4_163",
-  "variant-container": "awsui_variant-container_wih1l_nmxp4_163",
-  "variant-embedded": "awsui_variant-embedded_wih1l_nmxp4_167",
-  "variant-borderless": "awsui_variant-borderless_wih1l_nmxp4_167",
-  "has-header": "awsui_has-header_wih1l_nmxp4_170",
-  "has-footer": "awsui_has-footer_wih1l_nmxp4_173",
-  "cell-merged": "awsui_cell-merged_wih1l_nmxp4_190",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_nmxp4_201",
-  "empty": "awsui_empty_wih1l_nmxp4_216",
-  "loading": "awsui_loading_wih1l_nmxp4_220",
-  "selection-control": "awsui_selection-control_wih1l_nmxp4_229",
-  "selection-control-header": "awsui_selection-control-header_wih1l_nmxp4_236",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_nmxp4_241",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_nmxp4_250",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_nmxp4_253",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_nmxp4_256",
-  "dark-header": "awsui_dark-header_wih1l_nmxp4_264",
-  "header-secondary": "awsui_header-secondary_wih1l_nmxp4_269",
-  "table-has-header": "awsui_table-has-header_wih1l_nmxp4_285",
-  "header-controls": "awsui_header-controls_wih1l_nmxp4_289",
-  "variant-full-page": "awsui_variant-full-page_wih1l_nmxp4_293",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_nmxp4_306",
-  "footer": "awsui_footer_wih1l_nmxp4_306",
-  "thead-active": "awsui_thead-active_wih1l_nmxp4_315",
-  "row": "awsui_row_wih1l_nmxp4_316",
-  "row-selected": "awsui_row-selected_wih1l_nmxp4_317"
+  "root": "awsui_root_wih1l_4eja5_97",
+  "tools": "awsui_tools_wih1l_4eja5_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_4eja5_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_4eja5_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_4eja5_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_4eja5_132",
+  "tools-small": "awsui_tools-small_wih1l_4eja5_138",
+  "table": "awsui_table_wih1l_4eja5_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_4eja5_150",
+  "wrapper": "awsui_wrapper_wih1l_4eja5_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_4eja5_163",
+  "variant-container": "awsui_variant-container_wih1l_4eja5_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_4eja5_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_4eja5_167",
+  "has-header": "awsui_has-header_wih1l_4eja5_170",
+  "has-footer": "awsui_has-footer_wih1l_4eja5_173",
+  "cell-merged": "awsui_cell-merged_wih1l_4eja5_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_4eja5_201",
+  "empty": "awsui_empty_wih1l_4eja5_216",
+  "loading": "awsui_loading_wih1l_4eja5_220",
+  "selection-control": "awsui_selection-control_wih1l_4eja5_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_4eja5_236",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_4eja5_241",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_4eja5_250",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_4eja5_253",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_4eja5_256",
+  "dark-header": "awsui_dark-header_wih1l_4eja5_264",
+  "header-secondary": "awsui_header-secondary_wih1l_4eja5_269",
+  "table-has-header": "awsui_table-has-header_wih1l_4eja5_285",
+  "header-controls": "awsui_header-controls_wih1l_4eja5_289",
+  "variant-full-page": "awsui_variant-full-page_wih1l_4eja5_293",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_4eja5_306",
+  "footer": "awsui_footer_wih1l_4eja5_306",
+  "thead-active": "awsui_thead-active_wih1l_4eja5_315",
+  "row": "awsui_row_wih1l_4eja5_316",
+  "row-selected": "awsui_row-selected_wih1l_4eja5_317"
 };
   

package/tabs/interfaces.d.ts

@@ -52,6 +52,7 @@ export interface TabsProps extends BaseComponentProps {
     disableContentPaddings?: boolean;
     /**
      * An object containing all the necessary localized strings required by the component.
+     * @i18n
      */
     i18nStrings?: TabsProps.I18nStrings;
 }

package/tabs/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B;;WAEG;QACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B;;WAEG;QACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B;CACF"}

package/tabs/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n  /**\n   * Specifies the tabs to display. Each tab object has the following properties:\n   *\n   * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n   * - `label` (ReactNode) - Tab label shown in the UI.\n   * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n   * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n   * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n   *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n   *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n   *    if your application routing can handle such deep links. You can manually update routing on the current page\n   *    using the `activeTabHref` property of the `change` event's detail.\n   */\n  tabs: ReadonlyArray<TabsProps.Tab>;\n\n  /**\n   * The possible visual variants of tabs are the following:\n   * * `default` - Use in any context.\n   * * `container` - Use this variant to have the tabs displayed within a container header.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: TabsProps.Variant;\n\n  /**\n   * Called whenever the user selects a different tab.\n   * The event's `detail` contains the new `activeTabId`.\n   */\n  onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n  /**\n   * The `id` of the currently active tab.\n   * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n   * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n   */\n  activeTabId?: string;\n\n  /**\n   * Provides an `aria-label` to the tab container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets the `aria-labelledby` property on the tab container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   */\n  i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n  export type Variant = 'default' | 'container' | 'stacked';\n\n  export interface Tab {\n    /**\n     * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n     */\n    id: string;\n    /**\n     * Tab label shown in the UI.\n     */\n    label: React.ReactNode;\n    /**\n     * Tab content to render in the container.\n     */\n    content?: React.ReactNode;\n    /**\n     * Whether this tab is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * You can use this parameter to change the default `href` of the internal tab anchor. The\n     * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n     * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n     * when the routing can handle such deep links. You can manually update routing on the current page\n     * using the `activeTabHref` property of the `change` event's detail.\n     */\n    href?: string;\n  }\n\n  export interface ChangeDetail {\n    /**\n     * The ID of the clicked tab.\n     */\n    activeTabId: string;\n    /**\n     * The `href` attribute of the clicked tab, if defined.\n     */\n    activeTabHref?: string;\n  }\n\n  export interface I18nStrings {\n    /**\n     * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n     */\n    scrollLeftAriaLabel?: string;\n    /**\n     * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n     */\n    scrollRightAriaLabel?: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n  /**\n   * Specifies the tabs to display. Each tab object has the following properties:\n   *\n   * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n   * - `label` (ReactNode) - Tab label shown in the UI.\n   * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n   * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n   * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n   *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n   *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n   *    if your application routing can handle such deep links. You can manually update routing on the current page\n   *    using the `activeTabHref` property of the `change` event's detail.\n   */\n  tabs: ReadonlyArray<TabsProps.Tab>;\n\n  /**\n   * The possible visual variants of tabs are the following:\n   * * `default` - Use in any context.\n   * * `container` - Use this variant to have the tabs displayed within a container header.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: TabsProps.Variant;\n\n  /**\n   * Called whenever the user selects a different tab.\n   * The event's `detail` contains the new `activeTabId`.\n   */\n  onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n  /**\n   * The `id` of the currently active tab.\n   * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n   * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n   */\n  activeTabId?: string;\n\n  /**\n   * Provides an `aria-label` to the tab container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets the `aria-labelledby` property on the tab container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n  export type Variant = 'default' | 'container' | 'stacked';\n\n  export interface Tab {\n    /**\n     * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n     */\n    id: string;\n    /**\n     * Tab label shown in the UI.\n     */\n    label: React.ReactNode;\n    /**\n     * Tab content to render in the container.\n     */\n    content?: React.ReactNode;\n    /**\n     * Whether this tab is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * You can use this parameter to change the default `href` of the internal tab anchor. The\n     * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n     * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n     * when the routing can handle such deep links. You can manually update routing on the current page\n     * using the `activeTabHref` property of the `change` event's detail.\n     */\n    href?: string;\n  }\n\n  export interface ChangeDetail {\n    /**\n     * The ID of the clicked tab.\n     */\n    activeTabId: string;\n    /**\n     * The `href` attribute of the clicked tab, if defined.\n     */\n    activeTabHref?: string;\n  }\n\n  export interface I18nStrings {\n    /**\n     * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n     */\n    scrollLeftAriaLabel?: string;\n    /**\n     * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n     */\n    scrollRightAriaLabel?: string;\n  }\n}\n"]}