@cloudscape-design/components 3.0.295 → 3.0.296

package/table/styles.css.js

@@ -1,39 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_6njvm_97",
-  "tools": "awsui_tools_wih1l_6njvm_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_6njvm_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_6njvm_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_6njvm_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_6njvm_132",
-  "tools-small": "awsui_tools-small_wih1l_6njvm_138",
-  "table": "awsui_table_wih1l_6njvm_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_6njvm_150",
-  "wrapper": "awsui_wrapper_wih1l_6njvm_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_6njvm_162",
-  "variant-container": "awsui_variant-container_wih1l_6njvm_162",
-  "variant-embedded": "awsui_variant-embedded_wih1l_6njvm_166",
-  "variant-borderless": "awsui_variant-borderless_wih1l_6njvm_166",
-  "has-header": "awsui_has-header_wih1l_6njvm_169",
-  "has-footer": "awsui_has-footer_wih1l_6njvm_172",
-  "cell-merged": "awsui_cell-merged_wih1l_6njvm_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_6njvm_197",
-  "empty": "awsui_empty_wih1l_6njvm_212",
-  "loading": "awsui_loading_wih1l_6njvm_216",
-  "selection-control": "awsui_selection-control_wih1l_6njvm_225",
-  "selection-control-header": "awsui_selection-control-header_wih1l_6njvm_232",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_6njvm_237",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_6njvm_247",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_6njvm_250",
-  "dark-header": "awsui_dark-header_wih1l_6njvm_258",
-  "header-secondary": "awsui_header-secondary_wih1l_6njvm_263",
-  "table-has-header": "awsui_table-has-header_wih1l_6njvm_279",
-  "header-controls": "awsui_header-controls_wih1l_6njvm_283",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_6njvm_297",
-  "footer": "awsui_footer_wih1l_6njvm_297",
-  "thead-active": "awsui_thead-active_wih1l_6njvm_306",
-  "row": "awsui_row_wih1l_6njvm_307",
-  "row-selected": "awsui_row-selected_wih1l_6njvm_308"
+  "root": "awsui_root_wih1l_16d38_97",
+  "tools": "awsui_tools_wih1l_16d38_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_16d38_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_16d38_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_16d38_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_16d38_132",
+  "tools-small": "awsui_tools-small_wih1l_16d38_138",
+  "table": "awsui_table_wih1l_16d38_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_16d38_150",
+  "wrapper": "awsui_wrapper_wih1l_16d38_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_16d38_163",
+  "variant-container": "awsui_variant-container_wih1l_16d38_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_16d38_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_16d38_167",
+  "has-header": "awsui_has-header_wih1l_16d38_170",
+  "has-footer": "awsui_has-footer_wih1l_16d38_173",
+  "cell-merged": "awsui_cell-merged_wih1l_16d38_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_16d38_201",
+  "empty": "awsui_empty_wih1l_16d38_216",
+  "loading": "awsui_loading_wih1l_16d38_220",
+  "selection-control": "awsui_selection-control_wih1l_16d38_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_16d38_236",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_16d38_241",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_16d38_250",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_16d38_253",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_16d38_256",
+  "dark-header": "awsui_dark-header_wih1l_16d38_264",
+  "header-secondary": "awsui_header-secondary_wih1l_16d38_269",
+  "table-has-header": "awsui_table-has-header_wih1l_16d38_285",
+  "header-controls": "awsui_header-controls_wih1l_16d38_289",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_16d38_303",
+  "footer": "awsui_footer_wih1l_16d38_303",
+  "thead-active": "awsui_thead-active_wih1l_16d38_312",
+  "row": "awsui_row_wih1l_16d38_313",
+  "row-selected": "awsui_row-selected_wih1l_16d38_314"
 };
   

package/table/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_wih1l_6njvm_97:not(#\9) {
+.awsui_root_wih1l_16d38_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);
@@ -105,96 +105,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 
-.awsui_tools_wih1l_6njvm_108:not(#\9) {
+.awsui_tools_wih1l_16d38_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);
 }
-.awsui_tools-filtering_wih1l_6njvm_114:not(#\9) {
+.awsui_tools-filtering_wih1l_16d38_114:not(#\9) {
   max-width: 100%;
   margin-right: var(--space-l-ds615y, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_6njvm_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_16d38_114:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_6njvm_114:not(#\9) {
+  .awsui_tools-filtering_wih1l_16d38_114:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_6njvm_128:not(#\9) {
+.awsui_tools-align-right_wih1l_16d38_128:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_6njvm_132 + .awsui_tools-preferences_wih1l_6njvm_132:not(#\9) {
+.awsui_tools-pagination_wih1l_16d38_132 + .awsui_tools-preferences_wih1l_16d38_132:not(#\9) {
   border-left: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-xs-inub5w, 8px);
   padding-left: var(--space-xs-inub5w, 8px);
 }
-.awsui_tools-small_wih1l_6njvm_138 > .awsui_tools-filtering_wih1l_6njvm_114:not(#\9) {
+.awsui_tools-small_wih1l_16d38_138 > .awsui_tools-filtering_wih1l_16d38_114:not(#\9) {
   margin-right: 0;
   margin-bottom: var(--space-scaled-xs-u0e7ft, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_6njvm_144:not(#\9) {
+.awsui_table_wih1l_16d38_144:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_6njvm_150:not(#\9) {
+.awsui_table-layout-fixed_wih1l_16d38_150:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_6njvm_154:not(#\9) {
+.awsui_wrapper_wih1l_16d38_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);
   overflow-x: auto;
+  scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_6njvm_154.awsui_variant-stacked_wih1l_6njvm_162 > .awsui_table_wih1l_6njvm_144:not(#\9), .awsui_wrapper_wih1l_6njvm_154.awsui_variant-container_wih1l_6njvm_162 > .awsui_table_wih1l_6njvm_144:not(#\9) {
+.awsui_wrapper_wih1l_16d38_154.awsui_variant-stacked_wih1l_16d38_163 > .awsui_table_wih1l_16d38_144:not(#\9), .awsui_wrapper_wih1l_16d38_154.awsui_variant-container_wih1l_16d38_163 > .awsui_table_wih1l_16d38_144:not(#\9) {
   padding-left: var(--space-table-horizontal-nhrpfz, 20px);
   padding-right: var(--space-table-horizontal-nhrpfz, 20px);
 }
-.awsui_wrapper_wih1l_6njvm_154.awsui_variant-embedded_wih1l_6njvm_166:not(#\9), .awsui_wrapper_wih1l_6njvm_154.awsui_variant-borderless_wih1l_6njvm_166:not(#\9) {
+.awsui_wrapper_wih1l_16d38_154.awsui_variant-embedded_wih1l_16d38_167:not(#\9), .awsui_wrapper_wih1l_16d38_154.awsui_variant-borderless_wih1l_16d38_167:not(#\9) {
   padding-bottom: var(--space-table-embedded-content-bottom-cw037k, 0px);
 }
-.awsui_wrapper_wih1l_6njvm_154.awsui_has-header_wih1l_6njvm_169:not(#\9) {
+.awsui_wrapper_wih1l_16d38_154.awsui_has-header_wih1l_16d38_170:not(#\9) {
   padding-top: 0px;
 }
-.awsui_wrapper_wih1l_6njvm_154.awsui_has-footer_wih1l_6njvm_172:not(#\9) {
+.awsui_wrapper_wih1l_16d38_154.awsui_has-footer_wih1l_16d38_173:not(#\9) {
   padding-bottom: 0px;
 }
-.awsui_wrapper_wih1l_6njvm_154:not(#\9):not(.awsui_has-header_wih1l_6njvm_169) {
+.awsui_wrapper_wih1l_16d38_154:not(#\9):not(.awsui_has-header_wih1l_16d38_170) {
   border-top-right-radius: var(--border-radius-container-b3z48i, 16px);
   border-top-left-radius: var(--border-radius-container-b3z48i, 16px);
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_6njvm_154:not(#\9):focus {
+.awsui_wrapper_wih1l_16d38_154:not(#\9)::-webkit-scrollbar {
+  display: none; /* Hide scrollbar in Safari and Chrome */
+}
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_16d38_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);
 }
 
-.awsui_cell-merged_wih1l_6njvm_186:not(#\9) {
+.awsui_cell-merged_wih1l_16d38_190:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged_wih1l_6njvm_186.awsui_has-footer_wih1l_6njvm_172:not(#\9) {
+.awsui_cell-merged_wih1l_16d38_190.awsui_has-footer_wih1l_16d38_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);
 }
-.awsui_cell-merged-content_wih1l_6njvm_197:not(#\9) {
+.awsui_cell-merged-content_wih1l_16d38_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);
@@ -202,18 +206,18 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_6njvm_154:not(#\9):focu
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_6njvm_197:not(#\9) {
+  .awsui_cell-merged-content_wih1l_16d38_201:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * var(--space-table-horizontal-nhrpfz, 20px));
   }
 }
 
-.awsui_empty_wih1l_6njvm_212:not(#\9) {
+.awsui_empty_wih1l_16d38_216:not(#\9) {
   color: var(--color-text-empty-qnnj2s, #5f6b7a);
 }
 
-.awsui_loading_wih1l_6njvm_216:not(#\9) {
+.awsui_loading_wih1l_16d38_220:not(#\9) {
   /* used in test-utils */
 }
 
@@ -222,45 +226,47 @@ 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_6njvm_225:not(#\9) {
+.awsui_selection-control_wih1l_16d38_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);
   position: relative;
   width: var(--size-table-selection-horizontal-dshi7g, 40px);
 }
-.awsui_selection-control_wih1l_6njvm_225.awsui_selection-control-header_wih1l_6njvm_232:not(#\9) {
+.awsui_selection-control_wih1l_16d38_229.awsui_selection-control-header_wih1l_16d38_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_sticky-scrollbar_wih1l_6njvm_237:not(#\9) {
+.awsui_sticky-scrollbar_wih1l_16d38_241:not(#\9) {
   height: 15px;
-  position: fixed;
+  position: sticky;
   display: none;
   overflow-x: auto;
   overflow-y: hidden;
-  margin-top: -15px;
   bottom: 0;
   width: 100%;
 }
-.awsui_sticky-scrollbar-content_wih1l_6njvm_247:not(#\9) {
+.awsui_sticky-scrollbar-content_wih1l_16d38_250:not(#\9) {
   height: 15px;
 }
-.awsui_sticky-scrollbar-visible_wih1l_6njvm_250:not(#\9) {
+.awsui_sticky-scrollbar-visible_wih1l_16d38_253:not(#\9) {
   display: block;
 }
+.awsui_sticky-scrollbar-native-invisible_wih1l_16d38_256:not(#\9) {
+  margin-top: -15px;
+}
 
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_wih1l_6njvm_258:not(#\9) {
+.awsui_dark-header_wih1l_16d38_264:not(#\9) {
   background-color: var(--color-background-layout-main-iz43sl, #ffffff);
   color: var(--color-text-body-default-01bwmw, #000716);
 }
 
-.awsui_header-secondary_wih1l_6njvm_263:not(#\9) {
+.awsui_header-secondary_wih1l_16d38_269:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -269,42 +275,42 @@ the default white background of the container component.
   border-radius: 0;
   background: var(--color-background-table-header-shne10, #ffffff);
 }
-.awsui_header-secondary_wih1l_6njvm_263.awsui_variant-stacked_wih1l_6njvm_162 > .awsui_table_wih1l_6njvm_144:not(#\9), .awsui_header-secondary_wih1l_6njvm_263.awsui_variant-container_wih1l_6njvm_162 > .awsui_table_wih1l_6njvm_144:not(#\9) {
+.awsui_header-secondary_wih1l_16d38_269.awsui_variant-stacked_wih1l_16d38_163 > .awsui_table_wih1l_16d38_144:not(#\9), .awsui_header-secondary_wih1l_16d38_269.awsui_variant-container_wih1l_16d38_163 > .awsui_table_wih1l_16d38_144:not(#\9) {
   padding-left: var(--space-table-horizontal-nhrpfz, 20px);
   padding-right: var(--space-table-horizontal-nhrpfz, 20px);
 }
-.awsui_header-secondary_wih1l_6njvm_263:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_16d38_269:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_6njvm_263.awsui_table-has-header_wih1l_6njvm_279:not(#\9) {
+.awsui_header-secondary_wih1l_16d38_269.awsui_table-has-header_wih1l_16d38_285:not(#\9) {
   border-top: var(--border-divider-list-width-fsy9j8, 1px) solid var(--color-border-container-divider-qsuvq6, transparent);
 }
 
-.awsui_header-controls_wih1l_6njvm_283:not(#\9) {
+.awsui_header-controls_wih1l_16d38_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_6njvm_283.awsui_variant-stacked_wih1l_6njvm_162:not(#\9), .awsui_header-controls_wih1l_6njvm_283.awsui_variant-container_wih1l_6njvm_162:not(#\9) {
+.awsui_header-controls_wih1l_16d38_289.awsui_variant-stacked_wih1l_16d38_163:not(#\9), .awsui_header-controls_wih1l_16d38_289.awsui_variant-container_wih1l_16d38_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_6njvm_283.awsui_variant-embedded_wih1l_6njvm_166:not(#\9), .awsui_header-controls_wih1l_6njvm_283.awsui_variant-borderless_wih1l_6njvm_166:not(#\9) {
+.awsui_header-controls_wih1l_16d38_289.awsui_variant-embedded_wih1l_16d38_167:not(#\9), .awsui_header-controls_wih1l_16d38_289.awsui_variant-borderless_wih1l_16d38_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_footer-wrapper_wih1l_6njvm_297.awsui_variant-stacked_wih1l_6njvm_162:not(#\9), .awsui_footer-wrapper_wih1l_6njvm_297.awsui_variant-container_wih1l_6njvm_162:not(#\9) {
+.awsui_footer-wrapper_wih1l_16d38_303.awsui_variant-stacked_wih1l_16d38_163:not(#\9), .awsui_footer-wrapper_wih1l_16d38_303.awsui_variant-container_wih1l_16d38_163:not(#\9) {
   padding-left: var(--space-table-horizontal-nhrpfz, 20px);
   padding-right: var(--space-table-horizontal-nhrpfz, 20px);
 }
 
-.awsui_footer_wih1l_6njvm_297:not(#\9) {
+.awsui_footer_wih1l_16d38_303:not(#\9) {
   padding: var(--space-scaled-s-gczsk7, 12px) var(--space-table-footer-horizontal-ezw6u7, 0px);
 }
 
-.awsui_thead-active_wih1l_6njvm_306:not(#\9),
-.awsui_row_wih1l_6njvm_307:not(#\9),
-.awsui_row-selected_wih1l_6njvm_308:not(#\9) {
+.awsui_thead-active_wih1l_16d38_312:not(#\9),
+.awsui_row_wih1l_16d38_313:not(#\9),
+.awsui_row-selected_wih1l_16d38_314:not(#\9) {
   /* used in test-utils */
 }

package/table/styles.selectors.js

@@ -2,39 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_6njvm_97",
-  "tools": "awsui_tools_wih1l_6njvm_108",
-  "tools-filtering": "awsui_tools-filtering_wih1l_6njvm_114",
-  "tools-align-right": "awsui_tools-align-right_wih1l_6njvm_128",
-  "tools-pagination": "awsui_tools-pagination_wih1l_6njvm_132",
-  "tools-preferences": "awsui_tools-preferences_wih1l_6njvm_132",
-  "tools-small": "awsui_tools-small_wih1l_6njvm_138",
-  "table": "awsui_table_wih1l_6njvm_144",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_6njvm_150",
-  "wrapper": "awsui_wrapper_wih1l_6njvm_154",
-  "variant-stacked": "awsui_variant-stacked_wih1l_6njvm_162",
-  "variant-container": "awsui_variant-container_wih1l_6njvm_162",
-  "variant-embedded": "awsui_variant-embedded_wih1l_6njvm_166",
-  "variant-borderless": "awsui_variant-borderless_wih1l_6njvm_166",
-  "has-header": "awsui_has-header_wih1l_6njvm_169",
-  "has-footer": "awsui_has-footer_wih1l_6njvm_172",
-  "cell-merged": "awsui_cell-merged_wih1l_6njvm_186",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_6njvm_197",
-  "empty": "awsui_empty_wih1l_6njvm_212",
-  "loading": "awsui_loading_wih1l_6njvm_216",
-  "selection-control": "awsui_selection-control_wih1l_6njvm_225",
-  "selection-control-header": "awsui_selection-control-header_wih1l_6njvm_232",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_6njvm_237",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_6njvm_247",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_6njvm_250",
-  "dark-header": "awsui_dark-header_wih1l_6njvm_258",
-  "header-secondary": "awsui_header-secondary_wih1l_6njvm_263",
-  "table-has-header": "awsui_table-has-header_wih1l_6njvm_279",
-  "header-controls": "awsui_header-controls_wih1l_6njvm_283",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_6njvm_297",
-  "footer": "awsui_footer_wih1l_6njvm_297",
-  "thead-active": "awsui_thead-active_wih1l_6njvm_306",
-  "row": "awsui_row_wih1l_6njvm_307",
-  "row-selected": "awsui_row-selected_wih1l_6njvm_308"
+  "root": "awsui_root_wih1l_16d38_97",
+  "tools": "awsui_tools_wih1l_16d38_108",
+  "tools-filtering": "awsui_tools-filtering_wih1l_16d38_114",
+  "tools-align-right": "awsui_tools-align-right_wih1l_16d38_128",
+  "tools-pagination": "awsui_tools-pagination_wih1l_16d38_132",
+  "tools-preferences": "awsui_tools-preferences_wih1l_16d38_132",
+  "tools-small": "awsui_tools-small_wih1l_16d38_138",
+  "table": "awsui_table_wih1l_16d38_144",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_16d38_150",
+  "wrapper": "awsui_wrapper_wih1l_16d38_154",
+  "variant-stacked": "awsui_variant-stacked_wih1l_16d38_163",
+  "variant-container": "awsui_variant-container_wih1l_16d38_163",
+  "variant-embedded": "awsui_variant-embedded_wih1l_16d38_167",
+  "variant-borderless": "awsui_variant-borderless_wih1l_16d38_167",
+  "has-header": "awsui_has-header_wih1l_16d38_170",
+  "has-footer": "awsui_has-footer_wih1l_16d38_173",
+  "cell-merged": "awsui_cell-merged_wih1l_16d38_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_16d38_201",
+  "empty": "awsui_empty_wih1l_16d38_216",
+  "loading": "awsui_loading_wih1l_16d38_220",
+  "selection-control": "awsui_selection-control_wih1l_16d38_229",
+  "selection-control-header": "awsui_selection-control-header_wih1l_16d38_236",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_16d38_241",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_16d38_250",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_16d38_253",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_wih1l_16d38_256",
+  "dark-header": "awsui_dark-header_wih1l_16d38_264",
+  "header-secondary": "awsui_header-secondary_wih1l_16d38_269",
+  "table-has-header": "awsui_table-has-header_wih1l_16d38_285",
+  "header-controls": "awsui_header-controls_wih1l_16d38_289",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_16d38_303",
+  "footer": "awsui_footer_wih1l_16d38_303",
+  "thead-active": "awsui_thead-active_wih1l_16d38_312",
+  "row": "awsui_row_wih1l_16d38_313",
+  "row-selected": "awsui_row-selected_wih1l_16d38_314"
 };
   

package/table/use-sticky-scrollbar.d.ts

@@ -1,3 +1,4 @@
 import { RefObject } from 'react';
+export declare const updatePosition: (tableEl: HTMLElement | null, wrapperEl: HTMLElement | null, scrollbarEl: HTMLElement | null, scrollbarContentEl: HTMLElement | null, hasContainingBlock: boolean, consideredFooterHeight: number) => void;
 export declare function useStickyScrollbar(scrollbarRef: RefObject<HTMLDivElement>, scrollbarContentRef: RefObject<HTMLDivElement>, tableRef: RefObject<HTMLTableElement>, wrapperRef: RefObject<HTMLDivElement>, footerHeight: number): void;
 //# sourceMappingURL=use-sticky-scrollbar.d.ts.map

package/table/use-sticky-scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-scrollbar.d.ts","sourceRoot":"lib/default/","sources":["table/use-sticky-scrollbar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AA6EvD,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,EACvC,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,EAC9C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,EACrC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,EACrC,YAAY,EAAE,MAAM,QAqFrB"}
+{"version":3,"file":"use-sticky-scrollbar.d.ts","sourceRoot":"lib/default/","sources":["table/use-sticky-scrollbar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAOvD,eAAO,MAAM,cAAc,YAChB,WAAW,GAAG,IAAI,aAChB,WAAW,GAAG,IAAI,eAChB,WAAW,GAAG,IAAI,sBACX,WAAW,GAAG,IAAI,sBAClB,OAAO,0BACH,MAAM,SA8C/B,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,EACvC,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,EAC9C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,EACrC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,EACrC,YAAY,EAAE,MAAM,QAiErB"}

package/table/use-sticky-scrollbar.js

@@ -3,33 +3,19 @@
 import { ResizeObserver } from '@juggle/resize-observer';
 import { useEffect, useState } from 'react';
 import styles from './styles.css.js';
-import { getOverflowParentDimensions, getOverflowParents } from '../internal/utils/scrollable-containers';
+import { getOverflowParents } from '../internal/utils/scrollable-containers';
 import { browserScrollbarSize } from '../internal/utils/browser-scrollbar-size';
 import { supportsStickyPosition, getContainingBlock } from '../internal/utils/dom';
-const updatePosition = (tableEl, wrapperEl, scrollbarEl, scrollbarContentEl, hasContainingBlock, consideredFooterHeight) => {
+export const updatePosition = (tableEl, wrapperEl, scrollbarEl, scrollbarContentEl, hasContainingBlock, consideredFooterHeight) => {
     if (!tableEl || !scrollbarEl || !wrapperEl) {
         return;
     }
-    // parent is either some container or document itself
-    const parent = getOverflowParentDimensions(wrapperEl)[0];
-    const parentBottom = parent.top + parent.height;
-    // table bottom is visible when
-    // 1. table bottom reached end of the window
-    // 2. table bottom is not overlapped by footer
-    const { top: tableTop, bottom: tableBottom, width: tableWidth } = tableEl.getBoundingClientRect();
+    const { width: tableWidth } = tableEl.getBoundingClientRect();
     const { width: wrapperWidth } = wrapperEl.getBoundingClientRect();
-    //scrollbar correction is needed for
-    // #1 when scrollbars are constantly visible,
-    // we want no visible break when switching between fake and real scrollbars
-    // #2 when scrollbars are visible only on scrolling and half transparent (on mac)
-    // we want to avoid any overlap between fake and real scrollbar
     // using 15 px as a height of transparent scrollbar on mac
     const scrollbarHeight = browserScrollbarSize().height;
-    const scrollBarCorrection = scrollbarHeight > 0 ? scrollbarHeight : -15 / 2;
-    const tableBottomIsVisible = parentBottom - consideredFooterHeight >= tableBottom + scrollBarCorrection;
-    const tableTopIsHidden = tableTop >= parentBottom - consideredFooterHeight - scrollBarCorrection;
     const areaIsScrollable = tableWidth > wrapperWidth;
-    if (tableBottomIsVisible || tableTopIsHidden || !areaIsScrollable) {
+    if (!areaIsScrollable) {
         scrollbarEl.classList.remove(styles['sticky-scrollbar-visible']);
     }
     else {
@@ -41,23 +27,23 @@ const updatePosition = (tableEl, wrapperEl, scrollbarEl, scrollbarContentEl, has
             });
         }
         scrollbarEl.classList.add(styles['sticky-scrollbar-visible']);
+        if (!scrollbarHeight) {
+            /* istanbul ignore next: covered by screenshot tests */
+            scrollbarEl.classList.add(styles['sticky-scrollbar-native-invisible']);
+        }
     }
     if (scrollbarHeight && scrollbarEl && scrollbarContentEl) {
         scrollbarEl.style.height = `${scrollbarHeight}px`;
         scrollbarContentEl.style.height = `${scrollbarHeight}px`;
     }
     if (tableEl && wrapperEl && scrollbarContentEl && scrollbarEl) {
-        const parent = getOverflowParentDimensions(wrapperEl)[0];
         const wrapperElRect = wrapperEl.getBoundingClientRect();
         const tableElRect = tableEl.getBoundingClientRect();
         scrollbarEl.style.width = `${wrapperElRect.width}px`;
         scrollbarContentEl.style.width = `${tableElRect.width}px`;
         // when using sticky scrollbars in containers
         // we agreed to ignore dynamic bottom calculations for footer overlap
-        scrollbarEl.style.left = hasContainingBlock ? '0px' : `${wrapperElRect.left}px`;
-        scrollbarEl.style.top = hasContainingBlock
-            ? '0px'
-            : `${Math.min(parent.top + parent.height, window.innerHeight - consideredFooterHeight)}px`;
+        scrollbarEl.style.bottom = hasContainingBlock ? '0px' : `${consideredFooterHeight}px`;
     }
 };
 export function useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, footerHeight) {
@@ -70,19 +56,6 @@ export function useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef,
     // Because in this case, we think the footer is outside the overflow parent.
     const [hasOverflowParent, setHasOverflowParent] = useState(false);
     const consideredFooterHeight = hasContainingBlock || hasOverflowParent ? 0 : footerHeight;
-    // Update scrollbar position on window scroll.
-    useEffect(() => {
-        if (supportsStickyPosition()) {
-            const scrollHandler = () => {
-                updatePosition(tableRef.current, wrapperRef.current, scrollbarRef.current, scrollbarContentRef.current, hasContainingBlock, consideredFooterHeight);
-            };
-            scrollHandler();
-            window.addEventListener('scroll', scrollHandler, true);
-            return () => {
-                window.removeEventListener('scroll', scrollHandler, true);
-            };
-        }
-    }, [scrollbarRef, tableRef, wrapperRef, consideredFooterHeight, scrollbarContentRef, hasContainingBlock]);
     const wrapperEl = wrapperRef.current;
     useEffect(() => {
         if (wrapperEl && supportsStickyPosition()) {
@@ -113,6 +86,7 @@ export function useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef,
             const resizeHandler = () => {
                 updatePosition(tableRef.current, wrapperRef.current, scrollbarRef.current, scrollbarContentRef.current, hasContainingBlock, consideredFooterHeight);
             };
+            resizeHandler();
             window.addEventListener('resize', resizeHandler);
             return () => {
                 window.removeEventListener('resize', resizeHandler);

package/table/use-sticky-scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-scrollbar.js","sourceRoot":"lib/default/","sources":["table/use-sticky-scrollbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ResizeObserver } from '@juggle/resize-observer';\nimport { RefObject, useEffect, useState } from 'react';\nimport styles from './styles.css.js';\n\nimport { getOverflowParentDimensions, getOverflowParents } from '../internal/utils/scrollable-containers';\nimport { browserScrollbarSize } from '../internal/utils/browser-scrollbar-size';\nimport { supportsStickyPosition, getContainingBlock } from '../internal/utils/dom';\n\nconst updatePosition = (\n  tableEl: HTMLElement | null,\n  wrapperEl: HTMLElement | null,\n  scrollbarEl: HTMLElement | null,\n  scrollbarContentEl: HTMLElement | null,\n  hasContainingBlock: boolean,\n  consideredFooterHeight: number\n) => {\n  if (!tableEl || !scrollbarEl || !wrapperEl) {\n    return;\n  }\n\n  // parent is either some container or document itself\n  const parent = getOverflowParentDimensions(wrapperEl)[0];\n  const parentBottom = parent.top + parent.height;\n\n  // table bottom is visible when\n  // 1. table bottom reached end of the window\n  // 2. table bottom is not overlapped by footer\n  const { top: tableTop, bottom: tableBottom, width: tableWidth } = tableEl.getBoundingClientRect();\n  const { width: wrapperWidth } = wrapperEl.getBoundingClientRect();\n\n  //scrollbar correction is needed for\n  // #1 when scrollbars are constantly visible,\n  // we want no visible break when switching between fake and real scrollbars\n  // #2 when scrollbars are visible only on scrolling and half transparent (on mac)\n  // we want to avoid any overlap between fake and real scrollbar\n  // using 15 px as a height of transparent scrollbar on mac\n  const scrollbarHeight = browserScrollbarSize().height;\n  const scrollBarCorrection = scrollbarHeight > 0 ? scrollbarHeight : -15 / 2;\n  const tableBottomIsVisible = parentBottom - consideredFooterHeight >= tableBottom + scrollBarCorrection;\n  const tableTopIsHidden = tableTop >= parentBottom - consideredFooterHeight - scrollBarCorrection;\n  const areaIsScrollable = tableWidth > wrapperWidth;\n\n  if (tableBottomIsVisible || tableTopIsHidden || !areaIsScrollable) {\n    scrollbarEl.classList.remove(styles['sticky-scrollbar-visible']);\n  } else {\n    // when scrollbar is not displayed scrollLeft property cannot be set by useScrollSync\n    // that's why syncing it separately\n    if (!scrollbarEl.classList.contains(styles['sticky-scrollbar-visible'])) {\n      requestAnimationFrame(() => {\n        scrollbarEl.scrollLeft = wrapperEl.scrollLeft;\n      });\n    }\n\n    scrollbarEl.classList.add(styles['sticky-scrollbar-visible']);\n  }\n\n  if (scrollbarHeight && scrollbarEl && scrollbarContentEl) {\n    scrollbarEl.style.height = `${scrollbarHeight}px`;\n    scrollbarContentEl.style.height = `${scrollbarHeight}px`;\n  }\n\n  if (tableEl && wrapperEl && scrollbarContentEl && scrollbarEl) {\n    const parent = getOverflowParentDimensions(wrapperEl)[0];\n\n    const wrapperElRect = wrapperEl.getBoundingClientRect();\n    const tableElRect = tableEl.getBoundingClientRect();\n    scrollbarEl.style.width = `${wrapperElRect.width}px`;\n    scrollbarContentEl.style.width = `${tableElRect.width}px`;\n\n    // when using sticky scrollbars in containers\n    // we agreed to ignore dynamic bottom calculations for footer overlap\n    scrollbarEl.style.left = hasContainingBlock ? '0px' : `${wrapperElRect.left}px`;\n    scrollbarEl.style.top = hasContainingBlock\n      ? '0px'\n      : `${Math.min(parent.top + parent.height, window.innerHeight - consideredFooterHeight)}px`;\n  }\n};\n\nexport function useStickyScrollbar(\n  scrollbarRef: RefObject<HTMLDivElement>,\n  scrollbarContentRef: RefObject<HTMLDivElement>,\n  tableRef: RefObject<HTMLTableElement>,\n  wrapperRef: RefObject<HTMLDivElement>,\n  footerHeight: number\n) {\n  // We don't take into account containing-block calculations because that would\n  // unnecessarily overcomplicate the position logic. For now, we assume that a\n  // containing block, if present, is below the app layout and above the overflow\n  // parent, which is a pretty safe assumption.\n  const [hasContainingBlock, setHasContainingBlock] = useState(false);\n  // We don't take into account footer height when the overflow parent is child of document body.\n  // Because in this case, we think the footer is outside the overflow parent.\n  const [hasOverflowParent, setHasOverflowParent] = useState(false);\n  const consideredFooterHeight = hasContainingBlock || hasOverflowParent ? 0 : footerHeight;\n\n  // Update scrollbar position on window scroll.\n  useEffect(() => {\n    if (supportsStickyPosition()) {\n      const scrollHandler = () => {\n        updatePosition(\n          tableRef.current,\n          wrapperRef.current,\n          scrollbarRef.current,\n          scrollbarContentRef.current,\n          hasContainingBlock,\n          consideredFooterHeight\n        );\n      };\n      scrollHandler();\n      window.addEventListener('scroll', scrollHandler, true);\n      return () => {\n        window.removeEventListener('scroll', scrollHandler, true);\n      };\n    }\n  }, [scrollbarRef, tableRef, wrapperRef, consideredFooterHeight, scrollbarContentRef, hasContainingBlock]);\n\n  const wrapperEl = wrapperRef.current;\n  useEffect(() => {\n    if (wrapperEl && supportsStickyPosition()) {\n      setHasContainingBlock(!!getContainingBlock(wrapperEl));\n      setHasOverflowParent(!!getOverflowParents(wrapperEl)[0]);\n    }\n  }, [wrapperEl]);\n\n  // Update scrollbar position wrapper or table size change.\n  useEffect(() => {\n    if (supportsStickyPosition() && wrapperRef.current && tableRef.current) {\n      const observer = new ResizeObserver(() => {\n        if (scrollbarContentRef.current) {\n          updatePosition(\n            tableRef.current,\n            wrapperRef.current,\n            scrollbarRef.current,\n            scrollbarContentRef.current,\n            hasContainingBlock,\n            consideredFooterHeight\n          );\n        }\n      });\n      // Scrollbar width must be in sync with wrapper width.\n      observer.observe(wrapperRef.current);\n      // Scrollbar content width must be in sync with table width.\n      observer.observe(tableRef.current);\n      return () => {\n        observer.disconnect();\n      };\n    }\n  }, [scrollbarContentRef, scrollbarRef, tableRef, wrapperRef, consideredFooterHeight, hasContainingBlock]);\n\n  // Update scrollbar position when window resizes (vertically).\n  useEffect(() => {\n    if (supportsStickyPosition()) {\n      const resizeHandler = () => {\n        updatePosition(\n          tableRef.current,\n          wrapperRef.current,\n          scrollbarRef.current,\n          scrollbarContentRef.current,\n          hasContainingBlock,\n          consideredFooterHeight\n        );\n      };\n      window.addEventListener('resize', resizeHandler);\n      return () => {\n        window.removeEventListener('resize', resizeHandler);\n      };\n    }\n  }, [tableRef, wrapperRef, scrollbarRef, scrollbarContentRef, hasContainingBlock, consideredFooterHeight]);\n}\n"]}
+{"version":3,"file":"use-sticky-scrollbar.js","sourceRoot":"lib/default/","sources":["table/use-sticky-scrollbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ResizeObserver } from '@juggle/resize-observer';\nimport { RefObject, useEffect, useState } from 'react';\nimport styles from './styles.css.js';\n\nimport { getOverflowParents } from '../internal/utils/scrollable-containers';\nimport { browserScrollbarSize } from '../internal/utils/browser-scrollbar-size';\nimport { supportsStickyPosition, getContainingBlock } from '../internal/utils/dom';\n\nexport const updatePosition = (\n  tableEl: HTMLElement | null,\n  wrapperEl: HTMLElement | null,\n  scrollbarEl: HTMLElement | null,\n  scrollbarContentEl: HTMLElement | null,\n  hasContainingBlock: boolean,\n  consideredFooterHeight: number\n) => {\n  if (!tableEl || !scrollbarEl || !wrapperEl) {\n    return;\n  }\n\n  const { width: tableWidth } = tableEl.getBoundingClientRect();\n  const { width: wrapperWidth } = wrapperEl.getBoundingClientRect();\n\n  // using 15 px as a height of transparent scrollbar on mac\n  const scrollbarHeight = browserScrollbarSize().height;\n  const areaIsScrollable = tableWidth > wrapperWidth;\n\n  if (!areaIsScrollable) {\n    scrollbarEl.classList.remove(styles['sticky-scrollbar-visible']);\n  } else {\n    // when scrollbar is not displayed scrollLeft property cannot be set by useScrollSync\n    // that's why syncing it separately\n    if (!scrollbarEl.classList.contains(styles['sticky-scrollbar-visible'])) {\n      requestAnimationFrame(() => {\n        scrollbarEl.scrollLeft = wrapperEl.scrollLeft;\n      });\n    }\n\n    scrollbarEl.classList.add(styles['sticky-scrollbar-visible']);\n    if (!scrollbarHeight) {\n      /* istanbul ignore next: covered by screenshot tests */\n      scrollbarEl.classList.add(styles['sticky-scrollbar-native-invisible']);\n    }\n  }\n\n  if (scrollbarHeight && scrollbarEl && scrollbarContentEl) {\n    scrollbarEl.style.height = `${scrollbarHeight}px`;\n    scrollbarContentEl.style.height = `${scrollbarHeight}px`;\n  }\n\n  if (tableEl && wrapperEl && scrollbarContentEl && scrollbarEl) {\n    const wrapperElRect = wrapperEl.getBoundingClientRect();\n    const tableElRect = tableEl.getBoundingClientRect();\n    scrollbarEl.style.width = `${wrapperElRect.width}px`;\n    scrollbarContentEl.style.width = `${tableElRect.width}px`;\n\n    // when using sticky scrollbars in containers\n    // we agreed to ignore dynamic bottom calculations for footer overlap\n    scrollbarEl.style.bottom = hasContainingBlock ? '0px' : `${consideredFooterHeight}px`;\n  }\n};\n\nexport function useStickyScrollbar(\n  scrollbarRef: RefObject<HTMLDivElement>,\n  scrollbarContentRef: RefObject<HTMLDivElement>,\n  tableRef: RefObject<HTMLTableElement>,\n  wrapperRef: RefObject<HTMLDivElement>,\n  footerHeight: number\n) {\n  // We don't take into account containing-block calculations because that would\n  // unnecessarily overcomplicate the position logic. For now, we assume that a\n  // containing block, if present, is below the app layout and above the overflow\n  // parent, which is a pretty safe assumption.\n  const [hasContainingBlock, setHasContainingBlock] = useState(false);\n  // We don't take into account footer height when the overflow parent is child of document body.\n  // Because in this case, we think the footer is outside the overflow parent.\n  const [hasOverflowParent, setHasOverflowParent] = useState(false);\n  const consideredFooterHeight = hasContainingBlock || hasOverflowParent ? 0 : footerHeight;\n\n  const wrapperEl = wrapperRef.current;\n  useEffect(() => {\n    if (wrapperEl && supportsStickyPosition()) {\n      setHasContainingBlock(!!getContainingBlock(wrapperEl));\n      setHasOverflowParent(!!getOverflowParents(wrapperEl)[0]);\n    }\n  }, [wrapperEl]);\n\n  // Update scrollbar position wrapper or table size change.\n  useEffect(() => {\n    if (supportsStickyPosition() && wrapperRef.current && tableRef.current) {\n      const observer = new ResizeObserver(() => {\n        if (scrollbarContentRef.current) {\n          updatePosition(\n            tableRef.current,\n            wrapperRef.current,\n            scrollbarRef.current,\n            scrollbarContentRef.current,\n            hasContainingBlock,\n            consideredFooterHeight\n          );\n        }\n      });\n      // Scrollbar width must be in sync with wrapper width.\n      observer.observe(wrapperRef.current);\n      // Scrollbar content width must be in sync with table width.\n      observer.observe(tableRef.current);\n      return () => {\n        observer.disconnect();\n      };\n    }\n  }, [scrollbarContentRef, scrollbarRef, tableRef, wrapperRef, consideredFooterHeight, hasContainingBlock]);\n\n  // Update scrollbar position when window resizes (vertically).\n  useEffect(() => {\n    if (supportsStickyPosition()) {\n      const resizeHandler = () => {\n        updatePosition(\n          tableRef.current,\n          wrapperRef.current,\n          scrollbarRef.current,\n          scrollbarContentRef.current,\n          hasContainingBlock,\n          consideredFooterHeight\n        );\n      };\n      resizeHandler();\n      window.addEventListener('resize', resizeHandler);\n      return () => {\n        window.removeEventListener('resize', resizeHandler);\n      };\n    }\n  }, [tableRef, wrapperRef, scrollbarRef, scrollbarContentRef, hasContainingBlock, consideredFooterHeight]);\n}\n"]}

package/tabs/interfaces.d.ts

@@ -97,11 +97,11 @@ export declare namespace TabsProps {
         /**
          * ARIA label for the scroll left button that appears when the tab header is wider than the container.
          */
-        scrollLeftAriaLabel: string;
+        scrollLeftAriaLabel?: string;
         /**
          * ARIA label for the scroll right button that appears when the tab header is wider than the container.
          */
-        scrollRightAriaLabel: string;
+        scrollRightAriaLabel?: string;
     }
 }
 //# sourceMappingURL=interfaces.d.ts.map

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,EAAE,MAAM,CAAC;QAC5B;;WAEG;QACH,oBAAoB,EAAE,MAAM,CAAC;KAC9B;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;;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"}