@cloudscape-design/components 3.0.1328 → 3.0.1330

package/internal/components/drag-handle-wrapper/styles.scoped.css

@@ -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_1rpq3_1 {
+@keyframes awsui_drag-handle-entry_155yk_1mxd4_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_1rpq3_1 {
+@keyframes awsui_drag-handle-exit_155yk_1mxd4_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_1rpq3_169:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 0;
-  --awsui-drag-handle-animation-block-offset-6b9ypa: 0;
+.awsui_direction-button-wrapper_155yk_1mxd4_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_1rpq3_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_1mxd4_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_1rpq3_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_1mxd4_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_1rpq3_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1rpq3_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_1mxd4_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1mxd4_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_1rpq3_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1rpq3_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
+.awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_1mxd4_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1mxd4_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_1rpq3_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_1rpq3_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_1mxd4_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_1mxd4_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_1rpq3_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_1mxd4_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1rpq3_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1rpq3_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1mxd4_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1mxd4_169:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_1rpq3_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_1mxd4_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-z17rmd: 20px;
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_1rpq3_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_1mxd4_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-z17rmd: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_1rpq3_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1mxd4_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_1rpq3_237:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1rpq3_237:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_1rpq3_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1mxd4_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_1rpq3_248:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1rpq3_248:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-6b9ypa: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
 }
 
-.awsui_contents_155yk_1rpq3_259:not(#\9) {
+.awsui_contents_155yk_1mxd4_259:not(#\9) {
   display: contents;
 }
 
-.awsui_portal-overlay_155yk_1rpq3_263:not(#\9) {
+.awsui_portal-overlay_155yk_1mxd4_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_1rpq3_271:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_1mxd4_271:not(#\9) {
   display: none;
 }
 
-.awsui_portal-overlay-contents_155yk_1rpq3_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_1mxd4_275:not(#\9) {
   pointer-events: auto;
 }
 
-.awsui_drag-handle_155yk_1rpq3_279:not(#\9) {
+.awsui_drag-handle_155yk_1mxd4_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
 
-.awsui_direction-button-wrapper_155yk_1rpq3_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_1mxd4_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-4tedi6, 24px);
   inline-size: var(--space-static-xl-4tedi6, 24px);
@@ -289,67 +289,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-xxs-ns94dp, 4px);
 }
 
-.awsui_direction-button-wrapper-hidden_155yk_1rpq3_292:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_1mxd4_292:not(#\9) {
   display: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_1rpq3_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_1mxd4_229:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_1rpq3_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_1mxd4_233:not(#\9) {
   inset-block-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_1rpq3_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237:not(#\9) {
   inset-inline-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_1rpq3_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248:not(#\9) {
   inset-inline-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-forced_155yk_1rpq3_316:not(#\9) {
+.awsui_direction-button-wrapper-forced_155yk_1mxd4_316:not(#\9) {
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-forced-top-0_155yk_1rpq3_320:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-0_155yk_1mxd4_320:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-1_155yk_1rpq3_324:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-1_155yk_1mxd4_324:not(#\9) {
   inset-block-start: calc(-2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-2_155yk_1rpq3_328:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-2_155yk_1mxd4_328:not(#\9) {
   inset-block-start: calc(-3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-top-3_155yk_1rpq3_332:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-3_155yk_1mxd4_332:not(#\9) {
   inset-block-start: calc(-4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-0_155yk_1rpq3_336:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_1mxd4_336:not(#\9) {
   inset-block-start: calc(1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-1_155yk_1rpq3_340:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_1mxd4_340:not(#\9) {
   inset-block-start: calc(2 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-2_155yk_1rpq3_344:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_1mxd4_344:not(#\9) {
   inset-block-start: calc(3 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button-wrapper-forced-bottom-3_155yk_1rpq3_348:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_1mxd4_348:not(#\9) {
   inset-block-start: calc(4 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
 }
 
-.awsui_direction-button_155yk_1rpq3_169:not(#\9) {
+.awsui_direction-button_155yk_1mxd4_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-p88lvb, #ffffff);
   box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_direction-button_155yk_1rpq3_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1rpq3_371):hover {
+.awsui_direction-button_155yk_1mxd4_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1mxd4_371):hover {
   background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
 }
-.awsui_direction-button_155yk_1rpq3_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1rpq3_371):active {
+.awsui_direction-button_155yk_1mxd4_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1mxd4_371):active {
   background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
 }
 
-.awsui_direction-button-disabled_155yk_1rpq3_371:not(#\9) {
+.awsui_direction-button-disabled_155yk_1mxd4_371:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-s9x4zq, #ebebf0);
   color: var(--color-text-direction-button-disabled-2jds36, #b4b4bb);

package/internal/components/drag-handle-wrapper/styles.selectors.js

@@ -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_1rpq3_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1rpq3_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1rpq3_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1rpq3_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1rpq3_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1rpq3_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1rpq3_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1rpq3_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1rpq3_248",
-  "contents": "awsui_contents_155yk_1rpq3_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1rpq3_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1rpq3_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1rpq3_275",
-  "drag-handle": "awsui_drag-handle_155yk_1rpq3_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1rpq3_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1rpq3_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1rpq3_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1rpq3_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1rpq3_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1rpq3_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1rpq3_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1rpq3_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1rpq3_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1rpq3_348",
-  "direction-button": "awsui_direction-button_155yk_1rpq3_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1rpq3_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1mxd4_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1mxd4_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1mxd4_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1mxd4_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1mxd4_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1mxd4_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1mxd4_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1mxd4_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1mxd4_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248",
+  "contents": "awsui_contents_155yk_1mxd4_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1mxd4_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1mxd4_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1mxd4_275",
+  "drag-handle": "awsui_drag-handle_155yk_1mxd4_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1mxd4_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1mxd4_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1mxd4_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1mxd4_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1mxd4_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1mxd4_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1mxd4_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1mxd4_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1mxd4_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1mxd4_348",
+  "direction-button": "awsui_direction-button_155yk_1mxd4_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1mxd4_371"
 };
   

package/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_kx9n7_153",
-  "disabled": "awsui_disabled_1p2cx_kx9n7_190",
-  "parent": "awsui_parent_1p2cx_kx9n7_193",
-  "highlighted": "awsui_highlighted_1p2cx_kx9n7_196",
-  "content": "awsui_content_1p2cx_kx9n7_200",
-  "label-content": "awsui_label-content_1p2cx_kx9n7_207",
-  "label": "awsui_label_1p2cx_kx9n7_207",
-  "tag": "awsui_tag_1p2cx_kx9n7_214",
-  "label-tag": "awsui_label-tag_1p2cx_kx9n7_215",
-  "label-prefix": "awsui_label-prefix_1p2cx_kx9n7_225",
-  "tags": "awsui_tags_1p2cx_kx9n7_238",
-  "description": "awsui_description_1p2cx_kx9n7_239",
-  "selected": "awsui_selected_1p2cx_kx9n7_250",
-  "icon": "awsui_icon_1p2cx_kx9n7_264",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_kx9n7_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_kx9n7_286",
-  "custom-content": "awsui_custom-content_1p2cx_kx9n7_292"
+  "option": "awsui_option_1p2cx_ll770_153",
+  "disabled": "awsui_disabled_1p2cx_ll770_190",
+  "parent": "awsui_parent_1p2cx_ll770_193",
+  "highlighted": "awsui_highlighted_1p2cx_ll770_196",
+  "content": "awsui_content_1p2cx_ll770_200",
+  "label-content": "awsui_label-content_1p2cx_ll770_207",
+  "label": "awsui_label_1p2cx_ll770_207",
+  "tag": "awsui_tag_1p2cx_ll770_214",
+  "label-tag": "awsui_label-tag_1p2cx_ll770_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_ll770_225",
+  "tags": "awsui_tags_1p2cx_ll770_238",
+  "description": "awsui_description_1p2cx_ll770_239",
+  "selected": "awsui_selected_1p2cx_ll770_250",
+  "icon": "awsui_icon_1p2cx_ll770_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ll770_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_ll770_286",
+  "custom-content": "awsui_custom-content_1p2cx_ll770_292"
 };
   

package/internal/components/option/styles.scoped.css

@@ -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_kx9n7_153:not(#\9) {
+.awsui_option_1p2cx_ll770_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_kx9n7_153:not(#\9):not(.awsui_disabled_1p2cx_kx9n7_190) {
+.awsui_option_1p2cx_ll770_153:not(#\9):not(.awsui_disabled_1p2cx_ll770_190) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_kx9n7_153.awsui_parent_1p2cx_kx9n7_193:not(#\9) {
+.awsui_option_1p2cx_ll770_153.awsui_parent_1p2cx_ll770_193:not(#\9) {
   font-weight: var(--font-weight-bold-fo1afg, 700);
 }
-.awsui_option_1p2cx_kx9n7_153.awsui_parent_1p2cx_kx9n7_193:not(#\9):not(.awsui_disabled_1p2cx_kx9n7_190):not(.awsui_highlighted_1p2cx_kx9n7_196) {
+.awsui_option_1p2cx_ll770_153.awsui_parent_1p2cx_ll770_193:not(#\9):not(.awsui_disabled_1p2cx_ll770_190):not(.awsui_highlighted_1p2cx_ll770_196) {
   color: var(--color-text-dropdown-group-label-2tmyik, #424650);
 }
 
-.awsui_content_1p2cx_kx9n7_200:not(#\9) {
+.awsui_content_1p2cx_ll770_200:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_kx9n7_207:not(#\9) {
+.awsui_label-content_1p2cx_ll770_207:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_kx9n7_207:not(#\9),
-.awsui_tag_1p2cx_kx9n7_214:not(#\9),
-.awsui_label-tag_1p2cx_kx9n7_215:not(#\9) {
+.awsui_label_1p2cx_ll770_207:not(#\9),
+.awsui_tag_1p2cx_ll770_214:not(#\9),
+.awsui_label-tag_1p2cx_ll770_215:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_kx9n7_207:not(#\9),
-.awsui_tag_1p2cx_kx9n7_214:not(#\9) {
+.awsui_label_1p2cx_ll770_207:not(#\9),
+.awsui_tag_1p2cx_ll770_214:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_kx9n7_225:not(#\9) {
+.awsui_label-prefix_1p2cx_ll770_225:not(#\9) {
   font-weight: var(--font-weight-bold-fo1afg, 700);
 }
 
-.awsui_label-tag_1p2cx_kx9n7_215:not(#\9) {
+.awsui_label-tag_1p2cx_ll770_215:not(#\9) {
   padding-inline-start: var(--space-s-tvghoh, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_kx9n7_215:not(#\9):empty {
+.awsui_label-tag_1p2cx_ll770_215:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_kx9n7_238:not(#\9),
-.awsui_description_1p2cx_kx9n7_239:not(#\9) {
+.awsui_tags_1p2cx_ll770_238:not(#\9),
+.awsui_description_1p2cx_ll770_239:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   color: var(--color-text-dropdown-item-secondary-v12lfh, #656871);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_kx9n7_238.awsui_highlighted_1p2cx_kx9n7_196:not(#\9),
-.awsui_description_1p2cx_kx9n7_239.awsui_highlighted_1p2cx_kx9n7_196:not(#\9) {
+.awsui_tags_1p2cx_ll770_238.awsui_highlighted_1p2cx_ll770_196:not(#\9),
+.awsui_description_1p2cx_ll770_239.awsui_highlighted_1p2cx_ll770_196:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-de15wb, #656871);
 }
-.awsui_tags_1p2cx_kx9n7_238.awsui_selected_1p2cx_kx9n7_250:not(#\9),
-.awsui_description_1p2cx_kx9n7_239.awsui_selected_1p2cx_kx9n7_250:not(#\9) {
+.awsui_tags_1p2cx_ll770_238.awsui_selected_1p2cx_ll770_250:not(#\9),
+.awsui_description_1p2cx_ll770_239.awsui_selected_1p2cx_ll770_250:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-v12lfh, #656871);
 }
 
-.awsui_tags_1p2cx_kx9n7_238:not(#\9) {
+.awsui_tags_1p2cx_ll770_238:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_kx9n7_214:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_ll770_214:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-dsumyt, 16px);
 }
 
-.awsui_icon_1p2cx_kx9n7_264:not(#\9) {
+.awsui_icon_1p2cx_ll770_264:not(#\9) {
   padding-inline-end: var(--space-xs-ymlm0b, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_filtering-match-highlight_1p2cx_kx9n7_271:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-49b5vt, #f0fbff);
-  color: var(--color-text-dropdown-item-filter-match-ebhvct, #006ce0);
+.awsui_filtering-match-highlight_1p2cx_ll770_271:not(#\9) {
+  background-color: var(--awsui-option-filter-match-background-z17rmd, var(--color-background-dropdown-item-filter-match-49b5vt, #f0fbff));
+  color: var(--awsui-option-filter-match-color-z17rmd, var(--color-text-dropdown-item-filter-match-ebhvct, #006ce0));
   font-weight: var(--font-weight-bold-fo1afg, 700);
 }
 
-.awsui_disabled_1p2cx_kx9n7_190:not(#\9) {
+.awsui_disabled_1p2cx_ll770_190:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_kx9n7_190 > .awsui_content_1p2cx_kx9n7_200 > .awsui_tags_1p2cx_kx9n7_238:not(#\9),
-.awsui_disabled_1p2cx_kx9n7_190 > .awsui_content_1p2cx_kx9n7_200 > .awsui_description_1p2cx_kx9n7_239:not(#\9) {
+.awsui_disabled_1p2cx_ll770_190 > .awsui_content_1p2cx_ll770_200 > .awsui_tags_1p2cx_ll770_238:not(#\9),
+.awsui_disabled_1p2cx_ll770_190 > .awsui_content_1p2cx_ll770_200 > .awsui_description_1p2cx_ll770_239:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_kx9n7_286:not(#\9) {
+.awsui_trigger-variant_1p2cx_ll770_286:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_custom-content_1p2cx_kx9n7_292:not(#\9) {
+.awsui_custom-content_1p2cx_ll770_292:not(#\9) {
   inline-size: 100%;
 }

package/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_kx9n7_153",
-  "disabled": "awsui_disabled_1p2cx_kx9n7_190",
-  "parent": "awsui_parent_1p2cx_kx9n7_193",
-  "highlighted": "awsui_highlighted_1p2cx_kx9n7_196",
-  "content": "awsui_content_1p2cx_kx9n7_200",
-  "label-content": "awsui_label-content_1p2cx_kx9n7_207",
-  "label": "awsui_label_1p2cx_kx9n7_207",
-  "tag": "awsui_tag_1p2cx_kx9n7_214",
-  "label-tag": "awsui_label-tag_1p2cx_kx9n7_215",
-  "label-prefix": "awsui_label-prefix_1p2cx_kx9n7_225",
-  "tags": "awsui_tags_1p2cx_kx9n7_238",
-  "description": "awsui_description_1p2cx_kx9n7_239",
-  "selected": "awsui_selected_1p2cx_kx9n7_250",
-  "icon": "awsui_icon_1p2cx_kx9n7_264",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_kx9n7_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_kx9n7_286",
-  "custom-content": "awsui_custom-content_1p2cx_kx9n7_292"
+  "option": "awsui_option_1p2cx_ll770_153",
+  "disabled": "awsui_disabled_1p2cx_ll770_190",
+  "parent": "awsui_parent_1p2cx_ll770_193",
+  "highlighted": "awsui_highlighted_1p2cx_ll770_196",
+  "content": "awsui_content_1p2cx_ll770_200",
+  "label-content": "awsui_label-content_1p2cx_ll770_207",
+  "label": "awsui_label_1p2cx_ll770_207",
+  "tag": "awsui_tag_1p2cx_ll770_214",
+  "label-tag": "awsui_label-tag_1p2cx_ll770_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_ll770_225",
+  "tags": "awsui_tags_1p2cx_ll770_238",
+  "description": "awsui_description_1p2cx_ll770_239",
+  "selected": "awsui_selected_1p2cx_ll770_250",
+  "icon": "awsui_icon_1p2cx_ll770_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ll770_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_ll770_286",
+  "custom-content": "awsui_custom-content_1p2cx_ll770_292"
 };
   

package/internal/components/option/utils/filter-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-options.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/filter-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,YAAY,MAAM,EAAE,gBAAgB,OAAO,KAAG,OAMtG,CAAC;AAkBF,eAAO,MAAM,aAAa,GACxB,SAAS,aAAa,CAAC,cAAc,CAAC,EACtC,YAAY,MAAM,EAClB,wBAAsB,KACrB,aAAa,CAAC,cAAc,CAgC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,cAAc,YAA6D,CAAC;AAEnH,eAAO,MAAM,kBAAkB,GAAI,SAAS,cAAc,YAAiC,CAAC;AAE5F,eAAO,MAAM,OAAO,GAAI,SAAS,gBAAgB,GAAG,WAAW,KAAG,MAAM,IAAI,WAG3E,CAAC"}
+{"version":3,"file":"filter-options.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/filter-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,YAAY,MAAM,EAAE,gBAAgB,OAAO,KAAG,OAMtG,CAAC;AAaF,eAAO,MAAM,aAAa,GACxB,SAAS,aAAa,CAAC,cAAc,CAAC,EACtC,YAAY,MAAM,EAClB,wBAAsB,KACrB,aAAa,CAAC,cAAc,CAiC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,cAAc,YAA6D,CAAC;AAEnH,eAAO,MAAM,kBAAkB,GAAI,SAAS,cAAc,YAAiC,CAAC;AAE5F,eAAO,MAAM,OAAO,GAAI,SAAS,gBAAgB,GAAG,WAAW,KAAG,MAAM,IAAI,WAG3E,CAAC"}

package/internal/components/option/utils/filter-options.js

@@ -1,4 +1,6 @@
 const searchableFields = ['value', 'label', 'description', 'labelTag'];
+const searchableTagFieldsStrict = ['tags'];
+const searchableTagFieldsNonStrict = ['tags', 'filteringTags'];
 export const matchesString = (value, searchText, strictMatching) => {
     if (!value) {
         return false;
@@ -6,28 +8,25 @@ export const matchesString = (value, searchText, strictMatching) => {
     const index = value.toLowerCase().indexOf(searchText);
     return strictMatching ? index === 0 : index > -1;
 };
-const matchesSingleOption = (dropdownOption, text, strictMatching) => {
-    const searchText = text.toLowerCase();
+const matchesSingleOption = (dropdownOption, searchText, strictMatching) => {
     const option = dropdownOption.option;
     const searchStrFields = (attr) => matchesString(option[attr], searchText, strictMatching);
     const searchTagsFields = (attr) => { var _a; return (_a = option[attr]) === null || _a === void 0 ? void 0 : _a.some(value => matchesString(value, searchText, strictMatching)); };
-    const searchableTagFields = ['tags'];
-    if (!strictMatching) {
-        searchableTagFields.push('filteringTags');
-    }
+    const searchableTagFields = strictMatching ? searchableTagFieldsStrict : searchableTagFieldsNonStrict;
     return searchableFields.some(searchStrFields) || searchableTagFields.some(searchTagsFields);
 };
 export const filterOptions = (options, searchText, strictMatching = false) => {
     if (searchText === '') {
         return options;
     }
+    const normalizedSearchText = searchText.toLowerCase();
     let currentGroup = null;
     let parentMatched = false;
     return options.reduce((acc, option) => {
         if (option.type === 'parent') {
             parentMatched = false;
             currentGroup = option;
-            if (matchesSingleOption(option, searchText, strictMatching)) {
+            if (matchesSingleOption(option, normalizedSearchText, strictMatching)) {
                 parentMatched = true;
                 acc.push(currentGroup);
             }
@@ -40,7 +39,7 @@ export const filterOptions = (options, searchText, strictMatching = false) => {
         if (parentMatched) {
             acc.push(option);
         }
-        else if (matchesSingleOption(option, searchText, strictMatching)) {
+        else if (matchesSingleOption(option, normalizedSearchText, strictMatching)) {
             if (currentGroup) {
                 acc.push(currentGroup);
                 currentGroup = null;