npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1303 → 3.0.1305 - Mend

@cloudscape-design/components-themeable 3.0.1303 → 3.0.1305

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 (236) hide show

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

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export 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_1jjv0_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1jjv0_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1jjv0_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1jjv0_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1jjv0_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1jjv0_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1jjv0_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1jjv0_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1jjv0_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1jjv0_248",
+  "contents": "awsui_contents_155yk_1jjv0_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1jjv0_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1jjv0_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1jjv0_275",
+  "drag-handle": "awsui_drag-handle_155yk_1jjv0_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1jjv0_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1jjv0_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1jjv0_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1jjv0_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1jjv0_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1jjv0_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1jjv0_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1jjv0_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1jjv0_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1jjv0_348",
+  "direction-button": "awsui_direction-button_155yk_1jjv0_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1jjv0_371"
 };

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_1jjv0_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-jsjyte), var(--awsui-drag-handle-animation-block-offset-jsjyte));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_1uvts_1 {
+@keyframes awsui_drag-handle-exit_155yk_1jjv0_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-jsjyte), var(--awsui-drag-handle-animation-block-offset-jsjyte));
   }
 }
-.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_1jjv0_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-jsjyte: 0;
+  --awsui-drag-handle-animation-block-offset-jsjyte: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_1uvts_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_1jjv0_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_1jjv0_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_1jjv0_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1jjv0_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1jjv0_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1jjv0_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_1jjv0_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_1jjv0_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_1jjv0_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_1jjv0_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_1jjv0_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1jjv0_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_1jjv0_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_1jjv0_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_1jjv0_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_1jjv0_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_1jjv0_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1jjv0_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_1jjv0_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_1jjv0_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1jjv0_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_1jjv0_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-jsjyte: 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_1jjv0_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-jsjyte: -20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_1uvts_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1jjv0_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_1jjv0_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-jsjyte: 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_1jjv0_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-jsjyte: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_1uvts_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1jjv0_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_1jjv0_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-jsjyte: -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_1jjv0_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-jsjyte: 20px;
 }
-.awsui_contents_155yk_1uvts_259:not(#\9) {
+.awsui_contents_155yk_1jjv0_259:not(#\9) {
   display: contents;
 }
-.awsui_portal-overlay_155yk_1uvts_263:not(#\9) {
+.awsui_portal-overlay_155yk_1jjv0_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_1jjv0_271:not(#\9) {
   display: none;
 }
-.awsui_portal-overlay-contents_155yk_1uvts_275:not(#\9) {
+.awsui_portal-overlay-contents_155yk_1jjv0_275:not(#\9) {
   pointer-events: auto;
 }
-.awsui_drag-handle_155yk_1uvts_279:not(#\9) {
+.awsui_drag-handle_155yk_1jjv0_279:not(#\9) {
   position: relative;
   display: inline-flex;
 }
-.awsui_direction-button-wrapper_155yk_1uvts_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_1jjv0_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_1jjv0_292:not(#\9) {
   display: none;
 }
-.awsui_direction-button-wrapper-block-start_155yk_1uvts_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_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_1jjv0_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1jjv0_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_1jjv0_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1jjv0_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_1jjv0_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_1jjv0_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1jjv0_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1jjv0_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1jjv0_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1jjv0_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1jjv0_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1jjv0_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1jjv0_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1jjv0_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1jjv0_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1jjv0_248",
+  "contents": "awsui_contents_155yk_1jjv0_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1jjv0_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1jjv0_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1jjv0_275",
+  "drag-handle": "awsui_drag-handle_155yk_1jjv0_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1jjv0_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1jjv0_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1jjv0_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1jjv0_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1jjv0_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1jjv0_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1jjv0_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1jjv0_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1jjv0_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1jjv0_348",
+  "direction-button": "awsui_direction-button_155yk_1jjv0_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1jjv0_371"
 };

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_1rp4y_145",
-  "outline": "awsui_outline_1v1hk_1rp4y_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1rp4y_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1rp4y_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1rp4y_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1rp4y_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1rp4y_201"
+  "radio-control": "awsui_radio-control_1v1hk_44fts_145",
+  "outline": "awsui_outline_1v1hk_44fts_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_44fts_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_44fts_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_44fts_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_44fts_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_44fts_201"
 };

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_radio-control_1v1hk_1rp4y_145:not(#\9) {
+.awsui_radio-control_1v1hk_44fts_145:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
-.awsui_outline_1v1hk_1rp4y_153:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_1v1hk_44fts_153:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-jsjyte: 0 0 0 var(--awsui-style-focus-ring-border-width-jsjyte, 2px) var(--awsui-style-focus-ring-border-color-jsjyte, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_1v1hk_1rp4y_153:not(#\9) {
+.awsui_outline_1v1hk_44fts_153:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_1rp4y_153:not(#\9)::before {
+.awsui_outline_1v1hk_44fts_153:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,46 +166,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-jsjyte);
 }
-.awsui_styled-circle-border_1v1hk_1rp4y_176:not(#\9) {
+.awsui_styled-circle-border_1v1hk_44fts_176:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
   fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_1rp4y_176.awsui_styled-circle-disabled_1v1hk_1rp4y_180:not(#\9), .awsui_styled-circle-border_1v1hk_1rp4y_176.awsui_styled-circle-readonly_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-border_1v1hk_44fts_176.awsui_styled-circle-disabled_1v1hk_44fts_180:not(#\9), .awsui_styled-circle-border_1v1hk_44fts_176.awsui_styled-circle-readonly_1v1hk_44fts_180:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_44fts_185:not(#\9) {
   stroke: var(--color-background-control-checked-se0x0e, #0073bb);
   fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_44fts_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_44fts_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_44fts_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-checked_1v1hk_1rp4y_201:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_44fts_185.awsui_styled-circle-checked_1v1hk_44fts_201:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-disabled_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_44fts_185.awsui_styled-circle-disabled_1v1hk_44fts_180:not(#\9) {
   fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-readonly_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_44fts_185.awsui_styled-circle-readonly_1v1hk_44fts_180:not(#\9) {
   fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "radio-control": "awsui_radio-control_1v1hk_1rp4y_145",
-  "outline": "awsui_outline_1v1hk_1rp4y_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1rp4y_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1rp4y_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1rp4y_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1rp4y_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1rp4y_201"
+  "radio-control": "awsui_radio-control_1v1hk_44fts_145",
+  "outline": "awsui_outline_1v1hk_44fts_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_44fts_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_44fts_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_44fts_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_44fts_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_44fts_201"
 };

package/lib/internal/template/internal/components/sortable-area/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,IAAI,EAAE,EACzC,KAAK,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,iBAAiB,CAAC,IAAI,CAAC,eAiFzB;~~AA+FD~~,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,CAAC,GACpD,iBAAiB,CAAC,mBAAmB,CAEvC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,IAAI,EAAE,EACzC,KAAK,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,iBAAiB,CAAC,IAAI,CAAC,eAiFzB;AAgGD,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,CAAC,GACpD,iBAAiB,CAAC,mBAAmB,CAEvC"}

package/lib/internal/template/internal/components/sortable-area/index.js CHANGED Viewed

@@ -105,6 +105,7 @@ function DraggableItem({ item, itemDefinition, dragHandleAriaLabel, showDirectio
         isDragGhost: false,
         dragHandleProps: {
             ...dragHandleListeners,
+            active: isDragging,
             ariaLabel: (_a = joinStrings(dragHandleAriaLabel, itemDefinition.label(item))) !== null && _a !== void 0 ? _a : '',
             ariaDescribedby: attributes['aria-describedby'],
             disabled: attributes['aria-disabled'],