@cloudscape-design/components 3.0.274 → 3.0.276

package/collection-preferences/styles.scoped.css

@@ -182,14 +182,14 @@ 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_visible-content_tc96w_1m6re_185:not(#\9),
-.awsui_visible-content-toggle_tc96w_1m6re_186:not(#\9),
-.awsui_visible-content-groups_tc96w_1m6re_187:not(#\9),
-.awsui_visible-content-group_tc96w_1m6re_187:not(#\9) {
+.awsui_visible-content_tc96w_rxrhz_185:not(#\9),
+.awsui_visible-content-toggle_tc96w_rxrhz_186:not(#\9),
+.awsui_visible-content-groups_tc96w_rxrhz_187:not(#\9),
+.awsui_visible-content-group_tc96w_rxrhz_187:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_1m6re_192:not(#\9) {
+.awsui_visible-content-title_tc96w_rxrhz_192:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
@@ -198,24 +198,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_visible-content-group-label_tc96w_1m6re_201:not(#\9) {
+.awsui_visible-content-group-label_tc96w_rxrhz_201:not(#\9) {
   color: var(--color-text-group-label-w9to2i, #414d5c);
   padding-bottom: var(--space-xs-rsr2qu, 8px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_visible-content-option_tc96w_1m6re_207:not(#\9) {
+.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_visible-content-option_tc96w_1m6re_207:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9):last-child {
   border-bottom: none;
 }
 
-.awsui_visible-content-option-label_tc96w_1m6re_218:not(#\9) {
+.awsui_visible-content-option-label_tc96w_rxrhz_218:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: var(--space-l-4vl6xu, 20px);
@@ -406,81 +406,107 @@ 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_sortable-item-toggle_tc96w_1m6re_409:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_rxrhz_409:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_sortable-item_tc96w_1m6re_409:not(#\9) {
-  position: relative;
-}
-
-.awsui_sortable-item-placeholder_tc96w_1m6re_417:not(#\9) {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: var(--color-drag-placeholder-hover-3ohnz1, #d3e7f9);
-  border-radius: var(--border-radius-item-u2ibpi, 8px);
-}
-
-.awsui_sortable-item-content_tc96w_1m6re_427:not(#\9) {
-  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+.awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
   align-items: flex-start;
-  padding-top: var(--space-xs-rsr2qu, 8px);
-  padding-bottom: var(--space-xs-rsr2qu, 8px);
-  padding-right: 0;
-}
-.awsui_sortable-item-content_tc96w_1m6re_427:not(#\9):not(.awsui_draggable_tc96w_1m6re_437) {
-  padding-left: var(--space-scaled-l-t03y3z, 20px);
-}
-.awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9) {
-  padding-left: 0;
-  padding-right: var(--space-scaled-xs-6859qs, 8px);
+  padding: var(--space-xs-rsr2qu, 8px) var(--space-scaled-xs-6859qs, 8px) var(--space-xs-rsr2qu, 8px) 0;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
-  z-index: 1;
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9) {
+
+.awsui_content-display-option_tc96w_rxrhz_409:not(#\9) {
+  list-style: none;
   position: relative;
-  z-index: 2;
-  box-shadow: var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
-  border-radius: var(--border-radius-item-u2ibpi, 8px);
+  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9):not(.awsui_active_tc96w_1m6re_446).awsui_sorting_tc96w_1m6re_452 {
+.awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
   transition: transform var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+  z-index: 1;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9):not(.awsui_active_tc96w_1m6re_446).awsui_sorting_tc96w_1m6re_452 {
+  .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9):not(.awsui_active_tc96w_1m6re_446).awsui_sorting_tc96w_1m6re_452, .awsui-mode-entering .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437:not(#\9):not(.awsui_active_tc96w_1m6re_446).awsui_sorting_tc96w_1m6re_452 {
+.awsui-motion-disabled .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436, .awsui-mode-entering .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9) {
-  transition: transform var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
   position: relative;
 }
-@media (prefers-reduced-motion: reduce) {
-  body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9) {
-    animation: none;
-    transition: none;
-  }
+.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9):after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: var(--color-drag-placeholder-hover-3ohnz1, #d3e7f9);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui-motion-disabled body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9), .awsui-mode-entering body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9) {
-  animation: none;
-  transition: none;
+
+.awsui_content-display-option-label_tc96w_rxrhz_464:not(#\9) {
+  flex-grow: 1;
+  min-width: 0;
+  -ms-word-break: break-all;
+  word-break: break-word;
+  padding-right: var(--space-l-4vl6xu, 20px);
+}
+
+.awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
+  box-shadow: var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427.awsui_draggable_tc96w_1m6re_437.awsui_active_tc96w_1m6re_446:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -488,23 +514,15 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
   top: calc(-1 * 0px);
   width: calc(100% + 2 * 0px);
   height: calc(100% + 2 * 0px);
-  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
+  border-radius: var(--border-radius-item-u2ibpi, 8px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_sortable-item-label_tc96w_1m6re_495:not(#\9) {
-  padding-right: var(--space-l-4vl6xu, 20px);
-  flex-grow: 1;
-}
-
-.awsui_content-display_tc96w_1m6re_500:not(#\9),
-.awsui_content-display-groups_tc96w_1m6re_501:not(#\9),
-.awsui_content-display-group_tc96w_1m6re_501:not(#\9),
-.awsui_content-display-option_tc96w_1m6re_503:not(#\9) {
+.awsui_content-display_tc96w_rxrhz_409:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_tc96w_1m6re_507:not(#\9) {
+.awsui_content-display-title_tc96w_rxrhz_499:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
@@ -512,7 +530,7 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
   margin: 0;
 }
 
-.awsui_content-display-description_tc96w_1m6re_515:not(#\9) {
+.awsui_content-display-description_tc96w_rxrhz_507:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
@@ -520,30 +538,30 @@ body[data-awsui-focus-visible=true] .awsui_sortable-item-content_tc96w_1m6re_427
   margin-top: var(--space-scaled-xxxs-lo883m, 2px);
 }
 
-.awsui_content-display-option-list_tc96w_1m6re_523:not(#\9) {
+.awsui_content-display-option-list_tc96w_rxrhz_515:not(#\9) {
   position: relative;
   list-style: none;
   padding: 0;
 }
 
-.awsui_root_tc96w_1m6re_529:not(#\9),
-.awsui_modal-root_tc96w_1m6re_530:not(#\9),
-.awsui_trigger-button_tc96w_1m6re_531:not(#\9),
-.awsui_cancel-button_tc96w_1m6re_532:not(#\9),
-.awsui_confirm-button_tc96w_1m6re_533:not(#\9),
-.awsui_custom_tc96w_1m6re_534:not(#\9) {
+.awsui_root_tc96w_rxrhz_521:not(#\9),
+.awsui_modal-root_tc96w_rxrhz_522:not(#\9),
+.awsui_trigger-button_tc96w_rxrhz_523:not(#\9),
+.awsui_cancel-button_tc96w_rxrhz_524:not(#\9),
+.awsui_confirm-button_tc96w_rxrhz_525:not(#\9),
+.awsui_custom_tc96w_rxrhz_526:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_1m6re_538:not(#\9) {
+.awsui_second-column-small_tc96w_rxrhz_530:not(#\9) {
   padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
 }
 
-.awsui_wrap-lines_tc96w_1m6re_542:not(#\9),
-.awsui_striped-rows_tc96w_1m6re_543:not(#\9),
-.awsui_content-density_tc96w_1m6re_544:not(#\9),
-.awsui_page-size_tc96w_1m6re_545:not(#\9),
-.awsui_page-size-form-field_tc96w_1m6re_546:not(#\9),
-.awsui_page-size-radio-group_tc96w_1m6re_547:not(#\9) {
+.awsui_wrap-lines_tc96w_rxrhz_534:not(#\9),
+.awsui_striped-rows_tc96w_rxrhz_535:not(#\9),
+.awsui_content-density_tc96w_rxrhz_536:not(#\9),
+.awsui_page-size_tc96w_rxrhz_537:not(#\9),
+.awsui_page-size-form-field_tc96w_rxrhz_538:not(#\9),
+.awsui_page-size-radio-group_tc96w_rxrhz_539:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js

@@ -2,41 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_1m6re_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1m6re_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1m6re_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1m6re_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1m6re_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1m6re_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1m6re_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1m6re_218",
-  "sortable-item-toggle": "awsui_sortable-item-toggle_tc96w_1m6re_409",
-  "sortable-item": "awsui_sortable-item_tc96w_1m6re_409",
-  "sortable-item-placeholder": "awsui_sortable-item-placeholder_tc96w_1m6re_417",
-  "sortable-item-content": "awsui_sortable-item-content_tc96w_1m6re_427",
-  "draggable": "awsui_draggable_tc96w_1m6re_437",
-  "active": "awsui_active_tc96w_1m6re_446",
-  "sorting": "awsui_sorting_tc96w_1m6re_452",
-  "sortable-item-label": "awsui_sortable-item-label_tc96w_1m6re_495",
-  "content-display": "awsui_content-display_tc96w_1m6re_500",
-  "content-display-groups": "awsui_content-display-groups_tc96w_1m6re_501",
-  "content-display-group": "awsui_content-display-group_tc96w_1m6re_501",
-  "content-display-option": "awsui_content-display-option_tc96w_1m6re_503",
-  "content-display-title": "awsui_content-display-title_tc96w_1m6re_507",
-  "content-display-description": "awsui_content-display-description_tc96w_1m6re_515",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_1m6re_523",
-  "root": "awsui_root_tc96w_1m6re_529",
-  "modal-root": "awsui_modal-root_tc96w_1m6re_530",
-  "trigger-button": "awsui_trigger-button_tc96w_1m6re_531",
-  "cancel-button": "awsui_cancel-button_tc96w_1m6re_532",
-  "confirm-button": "awsui_confirm-button_tc96w_1m6re_533",
-  "custom": "awsui_custom_tc96w_1m6re_534",
-  "second-column-small": "awsui_second-column-small_tc96w_1m6re_538",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1m6re_542",
-  "striped-rows": "awsui_striped-rows_tc96w_1m6re_543",
-  "content-density": "awsui_content-density_tc96w_1m6re_544",
-  "page-size": "awsui_page-size_tc96w_1m6re_545",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1m6re_546",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1m6re_547"
+  "visible-content": "awsui_visible-content_tc96w_rxrhz_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_rxrhz_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_rxrhz_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_rxrhz_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_rxrhz_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_rxrhz_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_rxrhz_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_rxrhz_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_rxrhz_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_rxrhz_413",
+  "content-display-option": "awsui_content-display-option_tc96w_rxrhz_409",
+  "placeholder": "awsui_placeholder_tc96w_rxrhz_436",
+  "sorting": "awsui_sorting_tc96w_rxrhz_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_rxrhz_464",
+  "drag-overlay": "awsui_drag-overlay_tc96w_rxrhz_472",
+  "content-display": "awsui_content-display_tc96w_rxrhz_409",
+  "content-display-title": "awsui_content-display-title_tc96w_rxrhz_499",
+  "content-display-description": "awsui_content-display-description_tc96w_rxrhz_507",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_rxrhz_515",
+  "root": "awsui_root_tc96w_rxrhz_521",
+  "modal-root": "awsui_modal-root_tc96w_rxrhz_522",
+  "trigger-button": "awsui_trigger-button_tc96w_rxrhz_523",
+  "cancel-button": "awsui_cancel-button_tc96w_rxrhz_524",
+  "confirm-button": "awsui_confirm-button_tc96w_rxrhz_525",
+  "custom": "awsui_custom_tc96w_rxrhz_526",
+  "second-column-small": "awsui_second-column-small_tc96w_rxrhz_530",
+  "wrap-lines": "awsui_wrap-lines_tc96w_rxrhz_534",
+  "striped-rows": "awsui_striped-rows_tc96w_rxrhz_535",
+  "content-density": "awsui_content-density_tc96w_rxrhz_536",
+  "page-size": "awsui_page-size_tc96w_rxrhz_537",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_rxrhz_538",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_rxrhz_539"
 };
   

package/internal/components/options-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}

package/internal/components/options-list/index.js

@@ -8,6 +8,7 @@ import { getBaseProps } from '../../base-component';
 import { fireNonCancelableEvent, fireKeyboardEvent, } from '../../events';
 import { findUpUntil } from '../../utils/dom';
 import styles from './styles.css.js';
+import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
 const BOTTOM_TRIGGER_OFFSET = 80;
 const getItemIndex = (containerRef, event) => {
     const target = findUpUntil(event.target, element => element === containerRef.current || !!element.dataset.mouseTarget);
@@ -18,7 +19,7 @@ const OptionsList = (_a, ref) => {
     var { open, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', decreaseTopMargin = false, ariaLabelledby, ariaDescribedby } = _a, restProps = __rest(_a, ["open", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseTopMargin", "ariaLabelledby", "ariaDescribedby"]);
     const baseProps = getBaseProps(restProps);
     const menuRef = useRef(null);
-    const handleScroll = () => {
+    const handleScroll = useStableEventHandler(() => {
         const scrollContainer = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
         if (scrollContainer) {
             const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;
@@ -27,13 +28,13 @@ const OptionsList = (_a, ref) => {
                 fireNonCancelableEvent(onLoadMore);
             }
         }
-    };
+    });
     useEffect(() => {
         if (!open) {
             return;
         }
         handleScroll();
-    });
+    }, [open, handleScroll]);
     const className = clsx(styles['options-list'], {
         [styles['decrease-top-margin']]: decreaseTopMargin,
     });

package/internal/components/options-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"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 clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n  const target = findUpUntil(\n    event.target as HTMLElement,\n    element => element === containerRef.current || !!element.dataset.mouseTarget\n  );\n  const mouseTarget = target?.dataset.mouseTarget;\n  return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n  {\n    open,\n    children,\n    nativeAttributes = {},\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onLoadMore,\n    onMouseUp,\n    onMouseMove,\n    position = 'relative',\n    role = 'listbox',\n    decreaseTopMargin = false,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = () => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    handleScroll();\n  });\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"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 clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { useStableEventHandler } from '../../hooks/use-stable-event-handler';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n  const target = findUpUntil(\n    event.target as HTMLElement,\n    element => element === containerRef.current || !!element.dataset.mouseTarget\n  );\n  const mouseTarget = target?.dataset.mouseTarget;\n  return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n  {\n    open,\n    children,\n    nativeAttributes = {},\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onLoadMore,\n    onMouseUp,\n    onMouseMove,\n    position = 'relative',\n    role = 'listbox',\n    decreaseTopMargin = false,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = useStableEventHandler(() => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    handleScroll();\n  }, [open, handleScroll]);\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (78d0b88)';
+    export var PACKAGE_VERSION = '3.0.0 (d8d70af)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/hooks/use-scroll-sync/index.d.ts

@@ -1,6 +1,6 @@
 import React, { RefObject } from 'react';
 /**
- * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
+ * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.
  *
  * For example
  *    const handleScroll = useScrollSync([ref1, ref2]);

package/internal/hooks/use-scroll-sync/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAAQ,YAEhD,aAAa,uBAqBvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAGjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAA4B,YAEpE,aAAa,uBAqBvC"}

package/internal/hooks/use-scroll-sync/index.js

@@ -1,15 +1,16 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useRef } from 'react';
+import { supportsStickyPosition } from '../../utils/dom';
 /**
- * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
+ * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.
  *
  * For example
  *    const handleScroll = useScrollSync([ref1, ref2]);
  *    <div ref={ref1} onScroll={handleScroll}/>
  *    <div ref={ref2} onScroll={handleScroll}/>
  */
-export function useScrollSync(refs, disabled = false) {
+export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
     const activeElement = useRef(null);
     const onScroll = (event) => {
         const targetElement = event.target;

package/internal/hooks/use-scroll-sync/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,KAAK;IACzE,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = false) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "78d0b886f9223de8848764a977321d74bb072d16"
+  "commit": "d8d70af91b9365e695cf3efa5541d7a881abeb2c"
 }

package/package.json

@@ -109,7 +109,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.274",
+  "version": "3.0.276",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAoC/D,QAAA,MAAM,aAAa,qBA4ZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAoC/D,QAAA,MAAM,aAAa,qBAyZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/table/internal.js

@@ -58,7 +58,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
             cancelEdit: () => setCurrentEditCell(null),
         });
     }, []);
-    const handleScroll = useScrollSync([wrapperRefObject, scrollbarRef, secondaryWrapperRef], !supportsStickyPosition());
+    const handleScroll = useScrollSync([wrapperRefObject, scrollbarRef, secondaryWrapperRef]);
     const { moveFocusDown, moveFocusUp, moveFocus } = useFocusMove(selectionType, items.length);
     const { onRowClickHandler, onRowContextMenuHandler } = useRowEvents({ onRowClick, onRowContextMenu });
     const visibleColumnDefinitions = getVisibleColumnDefinitions({