@cloudscape-design/components 3.0.924 → 3.0.925

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

@@ -0,0 +1,508 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+@keyframes awsui_awsui-motion-fade-in_155yk_1x7ys_1 {
+  from {
+    opacity: 0.2;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper_155yk_1x7ys_170:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1x7ys_170:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1x7ys_170:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_direction-button-wrapper-motion-enter_155yk_1x7ys_180:not(#\9),
+.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9),
+.awsui_direction-button-wrapper-motion-exit_155yk_1x7ys_182:not(#\9),
+.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-motion-enter_155yk_1x7ys_180:not(#\9),
+  .awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9),
+  .awsui_direction-button-wrapper-motion-exit_155yk_1x7ys_182:not(#\9),
+  .awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-enter_155yk_1x7ys_180:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-enter_155yk_1x7ys_180:not(#\9), .awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exit_155yk_1x7ys_182:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exit_155yk_1x7ys_182:not(#\9), .awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-up_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-up-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-block-start_155yk_1x7ys_206.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-down_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-down-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-block-end_155yk_1x7ys_233.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-left_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-right_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-left-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-right-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-right_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: awsui_slide-left_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-right-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: awsui_slide-left-exit_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-out-0_155yk_1x7ys_1 var(--motion-duration-complex-vy4sma, 250ms) var(--motion-easing-responsive-vbn2t8, cubic-bezier(0, 0, 0, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313.awsui_direction-button-wrapper-rtl_155yk_1x7ys_273.awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+@keyframes awsui_slide-up_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, 20px);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@keyframes awsui_slide-up-exit_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(0, 20px);
+  }
+}
+@keyframes awsui_slide-down_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, -20px);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@keyframes awsui_slide-down-exit_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(0, -20px);
+  }
+}
+@keyframes awsui_slide-left_155yk_1x7ys_1 {
+  0% {
+    transform: translate(20px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@keyframes awsui_slide-left-exit_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(20px, 0);
+  }
+}
+@keyframes awsui_slide-right_155yk_1x7ys_1 {
+  0% {
+    transform: translate(-20px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@keyframes awsui_slide-right-exit_155yk_1x7ys_1 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(-20px, 0);
+  }
+}
+.awsui_drag-handle-wrapper_155yk_1x7ys_430:not(#\9) {
+  position: relative;
+  display: inline-block;
+}
+
+.awsui_portal-overlay_155yk_1x7ys_435:not(#\9) {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  pointer-events: none;
+  z-index: 7000;
+}
+
+.awsui_portal-overlay-contents_155yk_1x7ys_443:not(#\9) {
+  pointer-events: auto;
+}
+
+.awsui_drag-handle_155yk_1x7ys_430:not(#\9) {
+  position: relative;
+  display: flex;
+}
+
+.awsui_direction-button-wrapper_155yk_1x7ys_170:not(#\9) {
+  position: absolute;
+  block-size: var(--space-static-xl-qalw6z, 24px);
+  inline-size: var(--space-static-xl-qalw6z, 24px);
+  padding-block: var(--space-static-xxs-82cdfi, 4px);
+  padding-inline: var(--space-static-xxs-82cdfi, 4px);
+}
+
+.awsui_direction-button-wrapper-hidden_155yk_1x7ys_460:not(#\9) {
+  display: none;
+}
+
+.awsui_direction-button-wrapper-block-start_155yk_1x7ys_206:not(#\9) {
+  inset-block-start: calc(-1 * (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)));
+  inset-inline-start: calc(50% - (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)) / 2);
+}
+
+.awsui_direction-button-wrapper-block-end_155yk_1x7ys_233:not(#\9) {
+  inset-block-end: calc(-1 * (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)));
+  inset-inline-start: calc(50% - (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)) / 2);
+}
+
+.awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260:not(#\9) {
+  inset-inline-start: calc(-1 * (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)));
+  inset-block-start: calc(50% - (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)) / 2);
+}
+
+.awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313:not(#\9) {
+  inset-inline-end: calc(-1 * (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)));
+  inset-block-start: calc(50% - (var(--space-static-xl-qalw6z, 24px) + 2 * var(--space-static-xxs-82cdfi, 4px)) / 2);
+}
+
+.awsui_direction-button_155yk_1x7ys_170:not(#\9) {
+  position: absolute;
+  border-width: 0;
+  cursor: pointer;
+  display: inline-block;
+  box-sizing: border-box;
+  touch-action: manipulation;
+  inline-size: var(--space-static-xl-qalw6z, 24px);
+  block-size: var(--space-static-xl-qalw6z, 24px);
+  padding-block: var(--space-xxs-p8yyaw, 4px);
+  padding-inline: var(--space-xxs-p8yyaw, 4px);
+  border-start-start-radius: 50%;
+  border-start-end-radius: 50%;
+  border-end-start-radius: 50%;
+  border-end-end-radius: 50%;
+  background-color: var(--color-background-direction-button-default-0p1y3c, #424650);
+  color: var(--color-text-direction-button-default-554zrt, #ffffff);
+  box-shadow: var(--shadow-dropdown-e5guvm, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+}
+.awsui_direction-button_155yk_1x7ys_170:not(#\9):not(.awsui_direction-button-disabled_155yk_1x7ys_503):hover {
+  background-color: var(--color-background-direction-button-hover-pwck9a, #333843);
+}
+.awsui_direction-button_155yk_1x7ys_170:not(#\9):not(.awsui_direction-button-disabled_155yk_1x7ys_503):active {
+  background-color: var(--color-background-direction-button-active-hvd0pc, #232b37);
+}
+
+.awsui_direction-button-disabled_155yk_1x7ys_503:not(#\9) {
+  cursor: default;
+  background-color: var(--color-background-direction-button-disabled-54epp1, #ebebf0);
+  color: var(--color-text-direction-button-disabled-ok08o0, #b4b4bb);
+}

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

@@ -0,0 +1,33 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1x7ys_170",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1x7ys_180",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1x7ys_181",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1x7ys_182",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1x7ys_183",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1x7ys_206",
+  "slide-up": "awsui_slide-up_155yk_1x7ys_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1x7ys_1",
+  "slide-up-exit": "awsui_slide-up-exit_155yk_1x7ys_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1x7ys_1",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1x7ys_233",
+  "slide-down": "awsui_slide-down_155yk_1x7ys_1",
+  "slide-down-exit": "awsui_slide-down-exit_155yk_1x7ys_1",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1x7ys_260",
+  "slide-left": "awsui_slide-left_155yk_1x7ys_1",
+  "direction-button-wrapper-rtl": "awsui_direction-button-wrapper-rtl_155yk_1x7ys_273",
+  "slide-right": "awsui_slide-right_155yk_1x7ys_1",
+  "slide-left-exit": "awsui_slide-left-exit_155yk_1x7ys_1",
+  "slide-right-exit": "awsui_slide-right-exit_155yk_1x7ys_1",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1x7ys_313",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_155yk_1x7ys_430",
+  "portal-overlay": "awsui_portal-overlay_155yk_1x7ys_435",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1x7ys_443",
+  "drag-handle": "awsui_drag-handle_155yk_1x7ys_430",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1x7ys_460",
+  "direction-button": "awsui_direction-button_155yk_1x7ys_170",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1x7ys_503"
+};
+  

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (9f361a13)";
+export var PACKAGE_VERSION = "3.0.0 (7ff86dc1)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (9f361a13)",
+  "PACKAGE_VERSION": "3.0.0 (7ff86dc1)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/generated/styles/tokens.d.ts

@@ -243,6 +243,12 @@ export const colorBackgroundButtonPrimaryActive: string;
 export const colorBackgroundButtonPrimaryDefault: string;
 export const colorBackgroundButtonPrimaryDisabled: string;
 export const colorBackgroundButtonPrimaryHover: string;
+export const colorBackgroundDirectionButtonActive: string;
+export const colorBackgroundDirectionButtonDefault: string;
+export const colorBackgroundDirectionButtonDisabled: string;
+export const colorBackgroundDirectionButtonHover: string;
+export const colorTextDirectionButtonDefault: string;
+export const colorTextDirectionButtonDisabled: string;
 export const colorBackgroundCalendarCurrentDate: string;
 export const colorBackgroundCellShaded: string;
 export const colorBackgroundCodeEditorGutterActiveLineDefault: string;

package/internal/generated/styles/tokens.js

@@ -243,6 +243,12 @@ export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-p
 export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-15m72j, #006ce0)";
 export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-l4i17m, #ebebf0)";
 export var colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-0qidjj, #002b66)";
+export var colorBackgroundDirectionButtonActive = "var(--color-background-direction-button-active-hvd0pc, #232b37)";
+export var colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default-0p1y3c, #424650)";
+export var colorBackgroundDirectionButtonDisabled = "var(--color-background-direction-button-disabled-54epp1, #ebebf0)";
+export var colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover-pwck9a, #333843)";
+export var colorTextDirectionButtonDefault = "var(--color-text-direction-button-default-554zrt, #ffffff)";
+export var colorTextDirectionButtonDisabled = "var(--color-text-direction-button-disabled-ok08o0, #b4b4bb)";
 export var colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date-a6ucrp, #f3f3f7)";
 export var colorBackgroundCellShaded = "var(--color-background-cell-shaded-sc089k, #f6f6f9)";
 export var colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default-v8is2q, #656871)";