npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1331 → 3.0.1333 - Mend

@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

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 (224) 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_wxm64_1 {
+@keyframes awsui_drag-handle-entry_155yk_1djsk_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-z17rmd), var(--awsui-drag-handle-animation-block-offset-z17rmd));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-esndbs), var(--awsui-drag-handle-animation-block-offset-esndbs));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_wxm64_1 {
+@keyframes awsui_drag-handle-exit_155yk_1djsk_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-z17rmd), var(--awsui-drag-handle-animation-block-offset-z17rmd));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-esndbs), var(--awsui-drag-handle-animation-block-offset-esndbs));
   }
 }
-.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;
+.awsui_direction-button-wrapper_155yk_1djsk_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-esndbs: 0;
+  --awsui-drag-handle-animation-block-offset-esndbs: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_wxm64_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_1djsk_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_wxm64_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_1djsk_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_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) {
+.awsui_direction-button-wrapper-motion-enter_155yk_1djsk_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1djsk_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189:not(#\9) {
   pointer-events: none;
 }
-.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);
+.awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_1djsk_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_1djsk_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_wxm64_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.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) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.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;
+.awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_1djsk_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_1djsk_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_wxm64_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.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) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_1djsk_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1djsk_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1djsk_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_wxm64_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-z17rmd: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_1djsk_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-esndbs: 20px;
 }
-.awsui_direction-button-wrapper-block-end_155yk_wxm64_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-z17rmd: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_1djsk_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-esndbs: -20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_wxm64_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1djsk_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_wxm64_237:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1djsk_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-esndbs: 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-start_155yk_1djsk_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-esndbs: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1djsk_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_wxm64_248:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-z17rmd: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1djsk_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-esndbs: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_wxm64_248:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-z17rmd: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1djsk_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-esndbs: 20px;
 }
-.awsui_contents_155yk_wxm64_259:not(#\9) {
+.awsui_contents_155yk_1djsk_259:not(#\9) {
   display: contents;
 }
-.awsui_portal-overlay_155yk_wxm64_263:not(#\9) {
+.awsui_portal-overlay_155yk_1djsk_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_wxm64_271:not(#\9) {
+.awsui_portal-overlay-disabled_155yk_1djsk_271:not(#\9) {
   display: none;
 }
-.awsui_portal-overlay-contents_155yk_wxm64_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_1djsk_275:not(#\9) {
   pointer-events: auto;
 }
-.awsui_drag-handle_155yk_wxm64_279:not(#\9) {
+.awsui_drag-handle_155yk_1djsk_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
-.awsui_direction-button-wrapper_155yk_wxm64_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_1djsk_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_wxm64_292:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_1djsk_292:not(#\9) {
   display: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_wxm64_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_1djsk_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_wxm64_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_1djsk_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_wxm64_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1djsk_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_wxm64_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1djsk_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_wxm64_316:not(#\9) {
+.awsui_direction-button-wrapper-forced_155yk_1djsk_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_wxm64_320:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-0_155yk_1djsk_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_wxm64_324:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-1_155yk_1djsk_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_wxm64_328:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-2_155yk_1djsk_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_wxm64_332:not(#\9) {
+.awsui_direction-button-wrapper-forced-top-3_155yk_1djsk_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_wxm64_336:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-0_155yk_1djsk_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_wxm64_340:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-1_155yk_1djsk_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_wxm64_344:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-2_155yk_1djsk_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_wxm64_348:not(#\9) {
+.awsui_direction-button-wrapper-forced-bottom-3_155yk_1djsk_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_wxm64_169:not(#\9) {
+.awsui_direction-button_155yk_1djsk_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_wxm64_169:not(#\9):not(.awsui_direction-button-disabled_155yk_wxm64_371):hover {
+.awsui_direction-button_155yk_1djsk_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1djsk_371):hover {
   background-color: var(--color-background-direction-button-hover-v5bxfc, #414750);
 }
-.awsui_direction-button_155yk_wxm64_169:not(#\9):not(.awsui_direction-button-disabled_155yk_wxm64_371):active {
+.awsui_direction-button_155yk_1djsk_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1djsk_371):active {
   background-color: var(--color-background-direction-button-active-wn6s2j, #2a2e33);
 }
-.awsui_direction-button-disabled_155yk_wxm64_371:not(#\9) {
+.awsui_direction-button-disabled_155yk_1djsk_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_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"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1djsk_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1djsk_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1djsk_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1djsk_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1djsk_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1djsk_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1djsk_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1djsk_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1djsk_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1djsk_248",
+  "contents": "awsui_contents_155yk_1djsk_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1djsk_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1djsk_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1djsk_275",
+  "drag-handle": "awsui_drag-handle_155yk_1djsk_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1djsk_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1djsk_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1djsk_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1djsk_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1djsk_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1djsk_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1djsk_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1djsk_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1djsk_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1djsk_348",
+  "direction-button": "awsui_direction-button_155yk_1djsk_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1djsk_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_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"
+  "option": "awsui_option_1p2cx_1s1du_153",
+  "disabled": "awsui_disabled_1p2cx_1s1du_190",
+  "parent": "awsui_parent_1p2cx_1s1du_193",
+  "highlighted": "awsui_highlighted_1p2cx_1s1du_196",
+  "content": "awsui_content_1p2cx_1s1du_200",
+  "label-content": "awsui_label-content_1p2cx_1s1du_207",
+  "label": "awsui_label_1p2cx_1s1du_207",
+  "tag": "awsui_tag_1p2cx_1s1du_214",
+  "label-tag": "awsui_label-tag_1p2cx_1s1du_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1s1du_225",
+  "tags": "awsui_tags_1p2cx_1s1du_238",
+  "description": "awsui_description_1p2cx_1s1du_239",
+  "selected": "awsui_selected_1p2cx_1s1du_250",
+  "icon": "awsui_icon_1p2cx_1s1du_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1s1du_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1s1du_286",
+  "custom-content": "awsui_custom-content_1p2cx_1s1du_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_1c6rt_153:not(#\9) {
+.awsui_option_1p2cx_1s1du_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_1c6rt_153:not(#\9):not(.awsui_disabled_1p2cx_1c6rt_190) {
+.awsui_option_1p2cx_1s1du_153:not(#\9):not(.awsui_disabled_1p2cx_1s1du_190) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_1c6rt_153.awsui_parent_1p2cx_1c6rt_193:not(#\9) {
+.awsui_option_1p2cx_1s1du_153.awsui_parent_1p2cx_1s1du_193:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_option_1p2cx_1c6rt_153.awsui_parent_1p2cx_1c6rt_193:not(#\9):not(.awsui_disabled_1p2cx_1c6rt_190):not(.awsui_highlighted_1p2cx_1c6rt_196) {
+.awsui_option_1p2cx_1s1du_153.awsui_parent_1p2cx_1s1du_193:not(#\9):not(.awsui_disabled_1p2cx_1s1du_190):not(.awsui_highlighted_1p2cx_1s1du_196) {
   color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
 }
-.awsui_content_1p2cx_1c6rt_200:not(#\9) {
+.awsui_content_1p2cx_1s1du_200:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
-.awsui_label-content_1p2cx_1c6rt_207:not(#\9) {
+.awsui_label-content_1p2cx_1s1du_207:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.awsui_label_1p2cx_1c6rt_207:not(#\9),
-.awsui_tag_1p2cx_1c6rt_214:not(#\9),
-.awsui_label-tag_1p2cx_1c6rt_215:not(#\9) {
+.awsui_label_1p2cx_1s1du_207:not(#\9),
+.awsui_tag_1p2cx_1s1du_214:not(#\9),
+.awsui_label-tag_1p2cx_1s1du_215:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label_1p2cx_1c6rt_207:not(#\9),
-.awsui_tag_1p2cx_1c6rt_214:not(#\9) {
+.awsui_label_1p2cx_1s1du_207:not(#\9),
+.awsui_tag_1p2cx_1s1du_214:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_label-prefix_1p2cx_1c6rt_225:not(#\9) {
+.awsui_label-prefix_1p2cx_1s1du_225:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_label-tag_1p2cx_1c6rt_215:not(#\9) {
+.awsui_label-tag_1p2cx_1s1du_215:not(#\9) {
   padding-inline-start: var(--space-s-4a5hs8, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_1c6rt_215:not(#\9):empty {
+.awsui_label-tag_1p2cx_1s1du_215:not(#\9):empty {
   display: none;
 }
-.awsui_tags_1p2cx_1c6rt_238:not(#\9),
-.awsui_description_1p2cx_1c6rt_239:not(#\9) {
+.awsui_tags_1p2cx_1s1du_238:not(#\9),
+.awsui_description_1p2cx_1s1du_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_1c6rt_238.awsui_highlighted_1p2cx_1c6rt_196:not(#\9),
-.awsui_description_1p2cx_1c6rt_239.awsui_highlighted_1p2cx_1c6rt_196:not(#\9) {
+.awsui_tags_1p2cx_1s1du_238.awsui_highlighted_1p2cx_1s1du_196:not(#\9),
+.awsui_description_1p2cx_1s1du_239.awsui_highlighted_1p2cx_1s1du_196:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-p5zsls, #687078);
 }
-.awsui_tags_1p2cx_1c6rt_238.awsui_selected_1p2cx_1c6rt_250:not(#\9),
-.awsui_description_1p2cx_1c6rt_239.awsui_selected_1p2cx_1c6rt_250:not(#\9) {
+.awsui_tags_1p2cx_1s1du_238.awsui_selected_1p2cx_1s1du_250:not(#\9),
+.awsui_description_1p2cx_1s1du_239.awsui_selected_1p2cx_1s1du_250:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
 }
-.awsui_tags_1p2cx_1c6rt_238:not(#\9) {
+.awsui_tags_1p2cx_1s1du_238:not(#\9) {
   display: flex;
   align-items: stretch;
 }
-.awsui_tag_1p2cx_1c6rt_214:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1s1du_214:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
-.awsui_icon_1p2cx_1c6rt_264:not(#\9) {
+.awsui_icon_1p2cx_1s1du_264:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
-.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));
+.awsui_filtering-match-highlight_1p2cx_1s1du_271:not(#\9) {
+  background-color: var(--awsui-option-filter-match-background-esndbs, var(--color-background-dropdown-item-filter-match-eq1r00, #f1faff));
+  color: var(--awsui-option-filter-match-color-esndbs, var(--color-text-dropdown-item-filter-match-5ifrfz, #0073bb));
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_disabled_1p2cx_1c6rt_190:not(#\9) {
+.awsui_disabled_1p2cx_1s1du_190:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
   pointer-events: none;
 }
-.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) {
+.awsui_disabled_1p2cx_1s1du_190 > .awsui_content_1p2cx_1s1du_200 > .awsui_tags_1p2cx_1s1du_238:not(#\9),
+.awsui_disabled_1p2cx_1s1du_190 > .awsui_content_1p2cx_1s1du_200 > .awsui_description_1p2cx_1s1du_239:not(#\9) {
   color: currentColor;
 }
-.awsui_trigger-variant_1p2cx_1c6rt_286:not(#\9) {
+.awsui_trigger-variant_1p2cx_1s1du_286:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_custom-content_1p2cx_1c6rt_292:not(#\9) {
+.awsui_custom-content_1p2cx_1s1du_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_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"
+  "option": "awsui_option_1p2cx_1s1du_153",
+  "disabled": "awsui_disabled_1p2cx_1s1du_190",
+  "parent": "awsui_parent_1p2cx_1s1du_193",
+  "highlighted": "awsui_highlighted_1p2cx_1s1du_196",
+  "content": "awsui_content_1p2cx_1s1du_200",
+  "label-content": "awsui_label-content_1p2cx_1s1du_207",
+  "label": "awsui_label_1p2cx_1s1du_207",
+  "tag": "awsui_tag_1p2cx_1s1du_214",
+  "label-tag": "awsui_label-tag_1p2cx_1s1du_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1s1du_225",
+  "tags": "awsui_tags_1p2cx_1s1du_238",
+  "description": "awsui_description_1p2cx_1s1du_239",
+  "selected": "awsui_selected_1p2cx_1s1du_250",
+  "icon": "awsui_icon_1p2cx_1s1du_264",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1s1du_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1s1du_286",
+  "custom-content": "awsui_custom-content_1p2cx_1s1du_292"
 };

package/lib/internal/template/internal/components/radio-button/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "radio-control": "awsui_radio-control_1v1hk_1f3dm_145",
-  "outline": "awsui_outline_1v1hk_1f3dm_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1f3dm_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1f3dm_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1f3dm_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1f3dm_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1f3dm_201"
+  "radio-control": "awsui_radio-control_1v1hk_meyo0_145",
+  "outline": "awsui_outline_1v1hk_meyo0_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_meyo0_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_meyo0_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_meyo0_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_meyo0_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_meyo0_201"
 };