npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1329 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1329

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css CHANGED Viewed

@@ -150,27 +150,27 @@ 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
 */
-@keyframes awsui_drag-handle-entry_155yk_1uvts_1 {
+@keyframes awsui_drag-handle-entry_155yk_wxm64_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-6b9ypa), var(--awsui-drag-handle-animation-block-offset-6b9ypa));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-z17rmd), var(--awsui-drag-handle-animation-block-offset-z17rmd));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_1uvts_1 {
+@keyframes awsui_drag-handle-exit_155yk_wxm64_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-6b9ypa), var(--awsui-drag-handle-animation-block-offset-6b9ypa));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-z17rmd), var(--awsui-drag-handle-animation-block-offset-z17rmd));
   }
 }
-.awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 0;
-  --awsui-drag-handle-animation-block-offset-6b9ypa: 0;
+.awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: 0;
+  --awsui-drag-handle-animation-block-offset-z17rmd: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_1uvts_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_wxm64_1 {
   from {
     opacity: 0.2;
   }
@@ -178,7 +178,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-fade-out-0_155yk_1uvts_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_wxm64_1 {
   from {
     opacity: 1;
   }
@@ -186,81 +186,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 0;
   }
 }
-.awsui_direction-button-wrapper-motion-enter_155yk_1uvts_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1uvts_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_wxm64_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_wxm64_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_1uvts_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_1uvts_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out);
+.awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_wxm64_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_wxm64_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_1uvts_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_1uvts_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_wxm64_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_wxm64_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_1uvts_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_wxm64_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-z17rmd: 20px;
 }
-.awsui_direction-button-wrapper-block-end_155yk_1uvts_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_wxm64_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-z17rmd: -20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1uvts_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_wxm64_237:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1uvts_237:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_wxm64_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1uvts_237:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-inline-start_155yk_wxm64_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1uvts_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1uvts_248:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1uvts_248:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
 }
-.awsui_contents_155yk_1uvts_259:not(#\9) {
+.awsui_contents_155yk_wxm64_259:not(#\9) {
   display: contents;
 }
-.awsui_portal-overlay_155yk_1uvts_263:not(#\9) {
+.awsui_portal-overlay_155yk_wxm64_263:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -268,20 +268,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
-.awsui_portal-overlay-disabled_155yk_1uvts_271:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_wxm64_271:not(#\9) {
   display: none;
 }
-.awsui_portal-overlay-contents_155yk_1uvts_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_wxm64_275:not(#\9) {
   pointer-events: auto;
 }
-.awsui_drag-handle_155yk_1uvts_279:not(#\9) {
+.awsui_drag-handle_155yk_wxm64_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
-.awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-pek4x1, 24px);
   inline-size: var(--space-static-xl-pek4x1, 24px);
@@ -289,67 +289,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_direction-button-wrapper-hidden_155yk_1uvts_292:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_wxm64_292:not(#\9) {
   display: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_1uvts_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_wxm64_229:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-block-end_155yk_1uvts_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_wxm64_233:not(#\9) {
   inset-block-end: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1uvts_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_wxm64_237:not(#\9) {
   inset-inline-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1uvts_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9) {
   inset-inline-end: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-forced_155yk_1uvts_316:not(#\9) {
+.awsui_direction-button-wrapper-forced_155yk_wxm64_316:not(#\9) {
   inset-inline-start: calc(50% - (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)) / 2);
 }
-.awsui_direction-button-wrapper-forced-top-0_155yk_1uvts_320:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-0_155yk_wxm64_320:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-1_155yk_1uvts_324:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-1_155yk_wxm64_324:not(#\9) {
   inset-block-start: calc(-2 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-2_155yk_1uvts_328:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-2_155yk_wxm64_328:not(#\9) {
   inset-block-start: calc(-3 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-top-3_155yk_1uvts_332:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-3_155yk_wxm64_332:not(#\9) {
   inset-block-start: calc(-4 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-0_155yk_1uvts_336:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_wxm64_336:not(#\9) {
   inset-block-start: calc(1 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-1_155yk_1uvts_340:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_wxm64_340:not(#\9) {
   inset-block-start: calc(2 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-2_155yk_1uvts_344:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_wxm64_344:not(#\9) {
   inset-block-start: calc(3 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button-wrapper-forced-bottom-3_155yk_1uvts_348:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_wxm64_348:not(#\9) {
   inset-block-start: calc(4 * (var(--space-static-xl-pek4x1, 24px) + 2 * var(--space-static-xxs-0cgyf1, 4px)));
 }
-.awsui_direction-button_155yk_1uvts_169:not(#\9) {
+.awsui_direction-button_155yk_wxm64_169:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
@@ -368,14 +368,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-direction-button-default-dkices, #ffffff);
   box-shadow: var(--shadow-dropdown-skxpuu, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_direction-button_155yk_1uvts_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1uvts_371):hover {
+.awsui_direction-button_155yk_wxm64_169:not(#\9):not(.awsui_direction-button-disabled_155yk_wxm64_371):hover {
   background-color: var(--color-background-direction-button-hover-v5bxfc, #414750);
 }
-.awsui_direction-button_155yk_1uvts_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1uvts_371):active {
+.awsui_direction-button_155yk_wxm64_169:not(#\9):not(.awsui_direction-button-disabled_155yk_wxm64_371):active {
   background-color: var(--color-background-direction-button-active-wn6s2j, #2a2e33);
 }
-.awsui_direction-button-disabled_155yk_1uvts_371:not(#\9) {
+.awsui_direction-button-disabled_155yk_wxm64_371:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-rcznmi, #eaeded);
   color: var(--color-text-direction-button-disabled-596cgx, #aab7b8);

package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1uvts_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1uvts_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1uvts_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1uvts_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1uvts_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1uvts_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1uvts_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1uvts_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1uvts_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1uvts_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1uvts_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1uvts_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1uvts_248",
-  "contents": "awsui_contents_155yk_1uvts_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1uvts_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1uvts_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1uvts_275",
-  "drag-handle": "awsui_drag-handle_155yk_1uvts_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1uvts_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1uvts_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1uvts_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1uvts_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1uvts_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1uvts_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1uvts_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1uvts_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1uvts_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1uvts_348",
-  "direction-button": "awsui_direction-button_155yk_1uvts_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1uvts_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_wxm64_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_wxm64_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_wxm64_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_wxm64_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_wxm64_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_wxm64_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_wxm64_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_wxm64_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_wxm64_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_wxm64_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_wxm64_248",
+  "contents": "awsui_contents_155yk_wxm64_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_wxm64_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_wxm64_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_wxm64_275",
+  "drag-handle": "awsui_drag-handle_155yk_wxm64_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_wxm64_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_wxm64_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_wxm64_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_wxm64_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_wxm64_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_wxm64_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_wxm64_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_wxm64_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_wxm64_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_wxm64_348",
+  "direction-button": "awsui_direction-button_155yk_wxm64_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_wxm64_371"
 };

package/lib/internal/template/internal/components/option/styles.css.js CHANGED Viewed

@@ -1,22 +1,22 @@
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_bi4jo_153",
-  "disabled": "awsui_disabled_1p2cx_bi4jo_190",
-  "parent": "awsui_parent_1p2cx_bi4jo_193",
-  "highlighted": "awsui_highlighted_1p2cx_bi4jo_196",
-  "content": "awsui_content_1p2cx_bi4jo_200",
-  "label-content": "awsui_label-content_1p2cx_bi4jo_207",
-  "label": "awsui_label_1p2cx_bi4jo_207",
-  "tag": "awsui_tag_1p2cx_bi4jo_214",
-  "label-tag": "awsui_label-tag_1p2cx_bi4jo_215",
-  "label-prefix": "awsui_label-prefix_1p2cx_bi4jo_225",
-  "tags": "awsui_tags_1p2cx_bi4jo_238",
-  "description": "awsui_description_1p2cx_bi4jo_239",
-  "selected": "awsui_selected_1p2cx_bi4jo_250",
-  "icon": "awsui_icon_1p2cx_bi4jo_264",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_bi4jo_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_bi4jo_286",
-  "custom-content": "awsui_custom-content_1p2cx_bi4jo_292"
+  "option": "awsui_option_1p2cx_1c6rt_153",
+  "disabled": "awsui_disabled_1p2cx_1c6rt_190",
+  "parent": "awsui_parent_1p2cx_1c6rt_193",
+  "highlighted": "awsui_highlighted_1p2cx_1c6rt_196",
+  "content": "awsui_content_1p2cx_1c6rt_200",
+  "label-content": "awsui_label-content_1p2cx_1c6rt_207",
+  "label": "awsui_label_1p2cx_1c6rt_207",
+  "tag": "awsui_tag_1p2cx_1c6rt_214",
+  "label-tag": "awsui_label-tag_1p2cx_1c6rt_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1c6rt_225",
+  "tags": "awsui_tags_1p2cx_1c6rt_238",
+  "description": "awsui_description_1p2cx_1c6rt_239",
+  "selected": "awsui_selected_1p2cx_1c6rt_250",
+  "icon": "awsui_icon_1p2cx_1c6rt_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1c6rt_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1c6rt_286",
+  "custom-content": "awsui_custom-content_1p2cx_1c6rt_292"
 };

package/lib/internal/template/internal/components/option/styles.scoped.css CHANGED Viewed

@@ -150,7 +150,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_option_1p2cx_bi4jo_153:not(#\9) {
+.awsui_option_1p2cx_1c6rt_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,108 +187,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_bi4jo_153:not(#\9):not(.awsui_disabled_1p2cx_bi4jo_190) {
+.awsui_option_1p2cx_1c6rt_153:not(#\9):not(.awsui_disabled_1p2cx_1c6rt_190) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_bi4jo_153.awsui_parent_1p2cx_bi4jo_193:not(#\9) {
+.awsui_option_1p2cx_1c6rt_153.awsui_parent_1p2cx_1c6rt_193:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_option_1p2cx_bi4jo_153.awsui_parent_1p2cx_bi4jo_193:not(#\9):not(.awsui_disabled_1p2cx_bi4jo_190):not(.awsui_highlighted_1p2cx_bi4jo_196) {
+.awsui_option_1p2cx_1c6rt_153.awsui_parent_1p2cx_1c6rt_193:not(#\9):not(.awsui_disabled_1p2cx_1c6rt_190):not(.awsui_highlighted_1p2cx_1c6rt_196) {
   color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
 }
-.awsui_content_1p2cx_bi4jo_200:not(#\9) {
+.awsui_content_1p2cx_1c6rt_200:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
-.awsui_label-content_1p2cx_bi4jo_207:not(#\9) {
+.awsui_label-content_1p2cx_1c6rt_207:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.awsui_label_1p2cx_bi4jo_207:not(#\9),
-.awsui_tag_1p2cx_bi4jo_214:not(#\9),
-.awsui_label-tag_1p2cx_bi4jo_215:not(#\9) {
+.awsui_label_1p2cx_1c6rt_207:not(#\9),
+.awsui_tag_1p2cx_1c6rt_214:not(#\9),
+.awsui_label-tag_1p2cx_1c6rt_215:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label_1p2cx_bi4jo_207:not(#\9),
-.awsui_tag_1p2cx_bi4jo_214:not(#\9) {
+.awsui_label_1p2cx_1c6rt_207:not(#\9),
+.awsui_tag_1p2cx_1c6rt_214:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_label-prefix_1p2cx_bi4jo_225:not(#\9) {
+.awsui_label-prefix_1p2cx_1c6rt_225:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_label-tag_1p2cx_bi4jo_215:not(#\9) {
+.awsui_label-tag_1p2cx_1c6rt_215:not(#\9) {
   padding-inline-start: var(--space-s-4a5hs8, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_bi4jo_215:not(#\9):empty {
+.awsui_label-tag_1p2cx_1c6rt_215:not(#\9):empty {
   display: none;
 }
-.awsui_tags_1p2cx_bi4jo_238:not(#\9),
-.awsui_description_1p2cx_bi4jo_239:not(#\9) {
+.awsui_tags_1p2cx_1c6rt_238:not(#\9),
+.awsui_description_1p2cx_1c6rt_239:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_bi4jo_238.awsui_highlighted_1p2cx_bi4jo_196:not(#\9),
-.awsui_description_1p2cx_bi4jo_239.awsui_highlighted_1p2cx_bi4jo_196:not(#\9) {
+.awsui_tags_1p2cx_1c6rt_238.awsui_highlighted_1p2cx_1c6rt_196:not(#\9),
+.awsui_description_1p2cx_1c6rt_239.awsui_highlighted_1p2cx_1c6rt_196:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-p5zsls, #687078);
 }
-.awsui_tags_1p2cx_bi4jo_238.awsui_selected_1p2cx_bi4jo_250:not(#\9),
-.awsui_description_1p2cx_bi4jo_239.awsui_selected_1p2cx_bi4jo_250:not(#\9) {
+.awsui_tags_1p2cx_1c6rt_238.awsui_selected_1p2cx_1c6rt_250:not(#\9),
+.awsui_description_1p2cx_1c6rt_239.awsui_selected_1p2cx_1c6rt_250:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
 }
-.awsui_tags_1p2cx_bi4jo_238:not(#\9) {
+.awsui_tags_1p2cx_1c6rt_238:not(#\9) {
   display: flex;
   align-items: stretch;
 }
-.awsui_tag_1p2cx_bi4jo_214:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1c6rt_214:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
-.awsui_icon_1p2cx_bi4jo_264:not(#\9) {
+.awsui_icon_1p2cx_1c6rt_264:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_filtering-match-highlight_1p2cx_bi4jo_271:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-eq1r00, #f1faff);
-  color: var(--color-text-dropdown-item-filter-match-5ifrfz, #0073bb);
+.awsui_filtering-match-highlight_1p2cx_1c6rt_271:not(#\9) {
+  background-color: var(--awsui-option-filter-match-background-z17rmd, var(--color-background-dropdown-item-filter-match-eq1r00, #f1faff));
+  color: var(--awsui-option-filter-match-color-z17rmd, var(--color-text-dropdown-item-filter-match-5ifrfz, #0073bb));
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_disabled_1p2cx_bi4jo_190:not(#\9) {
+.awsui_disabled_1p2cx_1c6rt_190:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_bi4jo_190 > .awsui_content_1p2cx_bi4jo_200 > .awsui_tags_1p2cx_bi4jo_238:not(#\9),
-.awsui_disabled_1p2cx_bi4jo_190 > .awsui_content_1p2cx_bi4jo_200 > .awsui_description_1p2cx_bi4jo_239:not(#\9) {
+.awsui_disabled_1p2cx_1c6rt_190 > .awsui_content_1p2cx_1c6rt_200 > .awsui_tags_1p2cx_1c6rt_238:not(#\9),
+.awsui_disabled_1p2cx_1c6rt_190 > .awsui_content_1p2cx_1c6rt_200 > .awsui_description_1p2cx_1c6rt_239:not(#\9) {
   color: currentColor;
 }
-.awsui_trigger-variant_1p2cx_bi4jo_286:not(#\9) {
+.awsui_trigger-variant_1p2cx_1c6rt_286:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_custom-content_1p2cx_bi4jo_292:not(#\9) {
+.awsui_custom-content_1p2cx_1c6rt_292:not(#\9) {
   inline-size: 100%;
 }

package/lib/internal/template/internal/components/option/styles.selectors.js CHANGED Viewed

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_bi4jo_153",
-  "disabled": "awsui_disabled_1p2cx_bi4jo_190",
-  "parent": "awsui_parent_1p2cx_bi4jo_193",
-  "highlighted": "awsui_highlighted_1p2cx_bi4jo_196",
-  "content": "awsui_content_1p2cx_bi4jo_200",
-  "label-content": "awsui_label-content_1p2cx_bi4jo_207",
-  "label": "awsui_label_1p2cx_bi4jo_207",
-  "tag": "awsui_tag_1p2cx_bi4jo_214",
-  "label-tag": "awsui_label-tag_1p2cx_bi4jo_215",
-  "label-prefix": "awsui_label-prefix_1p2cx_bi4jo_225",
-  "tags": "awsui_tags_1p2cx_bi4jo_238",
-  "description": "awsui_description_1p2cx_bi4jo_239",
-  "selected": "awsui_selected_1p2cx_bi4jo_250",
-  "icon": "awsui_icon_1p2cx_bi4jo_264",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_bi4jo_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_bi4jo_286",
-  "custom-content": "awsui_custom-content_1p2cx_bi4jo_292"
+  "option": "awsui_option_1p2cx_1c6rt_153",
+  "disabled": "awsui_disabled_1p2cx_1c6rt_190",
+  "parent": "awsui_parent_1p2cx_1c6rt_193",
+  "highlighted": "awsui_highlighted_1p2cx_1c6rt_196",
+  "content": "awsui_content_1p2cx_1c6rt_200",
+  "label-content": "awsui_label-content_1p2cx_1c6rt_207",
+  "label": "awsui_label_1p2cx_1c6rt_207",
+  "tag": "awsui_tag_1p2cx_1c6rt_214",
+  "label-tag": "awsui_label-tag_1p2cx_1c6rt_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1c6rt_225",
+  "tags": "awsui_tags_1p2cx_1c6rt_238",
+  "description": "awsui_description_1p2cx_1c6rt_239",
+  "selected": "awsui_selected_1p2cx_1c6rt_250",
+  "icon": "awsui_icon_1p2cx_1c6rt_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1c6rt_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1c6rt_286",
+  "custom-content": "awsui_custom-content_1p2cx_1c6rt_292"
 };

package/lib/internal/template/internal/components/options-list/index.d.ts CHANGED Viewed

@@ -32,6 +32,8 @@ export interface OptionsListProps extends BaseComponentProps {
     embedded?: boolean;
     stickyItemBlockSize?: number | null;
     isMultiSelect?: boolean;
+    /** Internal: custom CSS properties set on the list root; inherited by the option rows. */
+    customProperties?: React.CSSProperties;
 }
 declare const _default: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/lib/internal/template/internal/components/options-list/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAMzG,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;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,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;~~CACzB~~;;~~AA6FD~~,wBAA6C"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAMzG,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;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,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACxC;;AA8FD,wBAA6C"}

package/lib/internal/template/internal/components/options-list/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ const getItemIndex = (containerRef, event) => {
     const mouseTarget = target === null || target === void 0 ? void 0 : target.dataset.mouseTarget;
     return mouseTarget ? parseInt(mouseTarget) : -1;
 };
-const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', tagOverride: Tag = 'div', decreaseBlockMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby, ariaRequired, embedded, stickyItemBlockSize, isMultiSelect, ...restProps }, ref) => {
+const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', tagOverride: Tag = 'div', decreaseBlockMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby, ariaRequired, embedded, stickyItemBlockSize, isMultiSelect, customProperties, ...restProps }, ref) => {
     const baseProps = getBaseProps(restProps);
     const menuRef = useRef(null);
     const handleScroll = useStableCallback(() => {
@@ -36,7 +36,7 @@ const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyD
         [styles['options-list-embedded']]: embedded,
     });
     const mergedRef = useMergeRefs(ref, menuRef);
-    return (React.createElement(Tag, { ...baseProps, ...nativeAttributes, className: className, ref: mergedRef, style: { position, scrollPaddingBlockStart: stickyItemBlockSize !== null && stickyItemBlockSize !== void 0 ? stickyItemBlockSize : undefined }, role: role, onScroll: handleScroll, onKeyDown: event => fireKeyboardEvent(onKeyDown, event), onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)), onMouseUp: event => onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)), onBlur: event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }), onFocus: () => fireNonCancelableEvent(onFocus), tabIndex: embedded ? 0 : -1, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-multiselectable": role === 'listbox' && isMultiSelect ? true : undefined, "aria-required": ariaRequired }, open && children));
+    return (React.createElement(Tag, { ...baseProps, ...nativeAttributes, className: className, ref: mergedRef, style: { ...customProperties, position, scrollPaddingBlockStart: stickyItemBlockSize !== null && stickyItemBlockSize !== void 0 ? stickyItemBlockSize : undefined }, role: role, onScroll: handleScroll, onKeyDown: event => fireKeyboardEvent(onKeyDown, event), onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)), onMouseUp: event => onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)), onBlur: event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }), onFocus: () => fireNonCancelableEvent(onFocus), tabIndex: embedded ? 0 : -1, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-multiselectable": role === 'listbox' && isMultiSelect ? true : undefined, "aria-required": ariaRequired }, open && children));
 };
 export default React.forwardRef(OptionsList);
 //# sourceMappingURL=index.js.map