@cloudscape-design/components 3.0.996 → 3.0.998

package/internal/components/drag-handle/hooks/interfaces.d.ts

@@ -2,65 +2,64 @@ export type UapActionInteractionStateValue = 'uap-action-start' | 'uap-action-en
 export type DndInteractionStateValue = 'dnd-start' | 'dnd-active' | 'dnd-end';
 export type InteractionState = null | UapActionInteractionStateValue | DndInteractionStateValue;
 export type StateTransitionCallbacks<T = void> = {
-    type: 'onDndStart';
-    payload: PointerEvent;
-    metadata?: T;
+  type: 'onDndStart';
+  payload: PointerEvent;
+  metadata?: T;
 } | {
-    type: 'onDndActive';
-    payload: PointerEvent;
+  type: 'onDndActive';
+  payload: PointerEvent;
 } | {
-    type: 'onDndEnd';
+  type: 'onDndEnd';
 } | {
-    type: 'onUapActionStart';
-    metadata?: T;
+  type: 'onUapActionStart';
+  metadata?: T;
 } | {
-    type: 'onUapActionEnd';
+  type: 'onUapActionEnd';
 };
 export interface DragHandleInteractionState<T = void> {
-    value: InteractionState;
-    eventData?: PointerEvent;
-    metadata?: T;
-    transitionCallbacks?: StateTransitionCallbacks<T>[];
+  value: InteractionState;
+  eventData?: PointerEvent;
+  metadata?: T;
+  transitionCallbacks?: StateTransitionCallbacks<T>[];
 }
 export interface UseDragHandleInteractionStateProps<T = void> {
-    onDndStartAction?: (event: PointerEvent, metadata?: T) => void;
-    onDndActiveAction?: (event: PointerEvent) => void;
-    onDndEndAction?: () => void;
-    onUapActionStartAction?: (metadata?: T) => void;
-    onUapActionEndAction?: () => void;
+  onDndStartAction?: (event: PointerEvent, metadata?: T) => void;
+  onDndActiveAction?: (event: PointerEvent) => void;
+  onDndEndAction?: () => void;
+  onUapActionStartAction?: (metadata?: T) => void;
+  onUapActionEndAction?: () => void;
 }
 interface DefaultActionPayload {
-    nativeEvent: PointerEvent;
+  nativeEvent: PointerEvent;
 }
 interface PointerDownActionPayload<T = void> extends DefaultActionPayload {
-    metadata?: T;
+  metadata?: T;
 }
 interface KeyDownActionPayload<T = void> {
-    key: string;
-    metadata?: T;
+  key: string;
+  metadata?: T;
 }
 export type Action<T = void> = {
-    type: 'POINTER_DOWN';
-    payload: PointerDownActionPayload<T>;
+  type: 'POINTER_DOWN';
+  payload: PointerDownActionPayload<T>;
 } | {
-    type: 'POINTER_MOVE';
-    payload: DefaultActionPayload;
+  type: 'POINTER_MOVE';
+  payload: DefaultActionPayload;
 } | {
-    type: 'POINTER_UP';
-    payload: DefaultActionPayload;
+  type: 'POINTER_UP';
+  payload: DefaultActionPayload;
 } | {
-    type: 'POINTER_CANCEL';
+  type: 'POINTER_CANCEL';
 } | {
-    type: 'KEY_DOWN';
-    payload: KeyDownActionPayload<T>;
+  type: 'KEY_DOWN';
+  payload: KeyDownActionPayload<T>;
 } | {
-    type: 'FOCUS';
+  type: 'FOCUS';
 } | {
-    type: 'BLUR';
+  type: 'BLUR';
 } | {
-    type: 'RESET_TO_IDLE';
+  type: 'RESET_TO_IDLE';
 } | {
-    type: 'CLEAR_CALLBACKS';
+  type: 'CLEAR_CALLBACKS';
 };
-export {};
-//# sourceMappingURL=interfaces.d.ts.map
+export {};

package/internal/components/drag-handle/hooks/use-drag-handle-interaction-state.d.ts

@@ -21,15 +21,14 @@ export declare function getCallbacksForTransition<T = void>(prevState: DragHandl
  * - uap-action-end: Keyboard/accessibility action completed
  */
 export default function useDragHandleInteractionState<T = void>(props?: UseDragHandleInteractionStateProps<T>, options?: {
-    debug: boolean;
+  debug: boolean;
 }): {
-    interaction: DragHandleInteractionState<T>;
-    processPointerDown: (event: PointerEvent, metadata?: T) => void;
-    processPointerMove: (event: PointerEvent) => void;
-    processPointerUp: (event: PointerEvent) => void;
-    processPointerCancel: () => void;
-    processKeyDown: (event: React.KeyboardEvent<Element>, metadata?: T) => void;
-    processFocus: () => void;
-    processBlur: () => void;
-};
-//# sourceMappingURL=use-drag-handle-interaction-state.d.ts.map
+  interaction: DragHandleInteractionState<T>;
+  processPointerDown: (event: PointerEvent, metadata?: T) => void;
+  processPointerMove: (event: PointerEvent) => void;
+  processPointerUp: (event: PointerEvent) => void;
+  processPointerCancel: () => void;
+  processKeyDown: (event: React.KeyboardEvent<Element>, metadata?: T) => void;
+  processFocus: () => void;
+  processBlur: () => void;
+};

package/internal/components/drag-handle/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { DragHandleProps } from './interfaces';
 export { DragHandleProps };
 declare const InternalDragHandle: React.ForwardRefExoticComponent<DragHandleProps & React.RefAttributes<Element>>;
-export default InternalDragHandle;
-//# sourceMappingURL=index.d.ts.map
+export default InternalDragHandle;

package/internal/components/drag-handle/interfaces.d.ts

@@ -1,40 +1,39 @@
 /// <reference types="react" />
 import { Direction as WrapperDirection, DirectionState as WrapperDirectionState, TriggerMode } from '../drag-handle-wrapper/interfaces';
 export interface DragHandleProps {
-    variant?: DragHandleProps.Variant;
-    size?: DragHandleProps.Size;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedby?: string;
-    ariaValue?: DragHandleProps.AriaValue;
-    disabled?: boolean;
-    className?: string;
-    onPointerDown?: React.PointerEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-    tooltipText?: string;
-    directions?: Partial<Record<DragHandleProps.Direction, DragHandleProps.DirectionState>>;
-    onDirectionClick?: (direction: DragHandleProps.Direction) => void;
-    triggerMode?: TriggerMode;
-    initialShowButtons?: boolean;
-    /**
-     * Hide the UAP buttons when dragging is active.
-     */
-    hideButtonsOnDrag?: boolean;
-    /**
-     * Max cursor movement (in pixels) that still counts as a press rather than
-     * a drag. Small threshold needed for usability.
-     */
-    clickDragThreshold?: number;
+  variant?: DragHandleProps.Variant;
+  size?: DragHandleProps.Size;
+  ariaLabel?: string;
+  ariaLabelledBy?: string;
+  ariaDescribedby?: string;
+  ariaValue?: DragHandleProps.AriaValue;
+  disabled?: boolean;
+  className?: string;
+  onPointerDown?: React.PointerEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  tooltipText?: string;
+  directions?: Partial<Record<DragHandleProps.Direction, DragHandleProps.DirectionState>>;
+  onDirectionClick?: (direction: DragHandleProps.Direction) => void;
+  triggerMode?: TriggerMode;
+  initialShowButtons?: boolean;
+  /**
+   * Hide the UAP buttons when dragging is active.
+   */
+  hideButtonsOnDrag?: boolean;
+  /**
+   * Max cursor movement (in pixels) that still counts as a press rather than
+   * a drag. Small threshold needed for usability.
+   */
+  clickDragThreshold?: number;
 }
 export declare namespace DragHandleProps {
-    type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';
-    type Direction = WrapperDirection;
-    type DirectionState = WrapperDirectionState;
-    type Size = 'small' | 'normal';
-    interface AriaValue {
-        valueMin: number;
-        valueMax: number;
-        valueNow: number;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';
+  type Direction = WrapperDirection;
+  type DirectionState = WrapperDirectionState;
+  type Size = 'small' | 'normal';
+  interface AriaValue {
+    valueMin: number;
+    valueMax: number;
+    valueNow: number;
+  }
+}

package/internal/components/drag-handle/resize-icon.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 interface ResizeIconProps {
-    variant: 'horizontal' | 'vertical';
+  variant: 'horizontal' | 'vertical';
 }
-export declare function ResizeIcon({ variant }: ResizeIconProps): JSX.Element;
-export {};
-//# sourceMappingURL=resize-icon.d.ts.map
+export declare function ResizeIcon({
+  variant
+}: ResizeIconProps): JSX.Element;
+export {};

package/internal/components/drag-handle-wrapper/direction-button.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import { Direction, DirectionState } from './interfaces';
 interface DirectionButtonProps {
-    direction: Direction;
-    state: DirectionState;
-    onClick: React.MouseEventHandler;
-    show: boolean;
+  direction: Direction;
+  state: DirectionState;
+  onClick: React.MouseEventHandler;
+  show: boolean;
 }
-export default function DirectionButton({ direction, state, show, onClick }: DirectionButtonProps): JSX.Element;
-export {};
-//# sourceMappingURL=direction-button.d.ts.map
+export default function DirectionButton({
+  direction,
+  state,
+  show,
+  onClick
+}: DirectionButtonProps): JSX.Element;
+export {};

package/internal/components/drag-handle-wrapper/index.d.ts

@@ -1,4 +1,12 @@
 /// <reference types="react" />
 import { DragHandleWrapperProps } from './interfaces';
-export default function DragHandleWrapper({ directions, tooltipText, children, onDirectionClick, triggerMode, initialShowButtons, hideButtonsOnDrag, clickDragThreshold, }: DragHandleWrapperProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function DragHandleWrapper({
+  directions,
+  tooltipText,
+  children,
+  onDirectionClick,
+  triggerMode,
+  initialShowButtons,
+  hideButtonsOnDrag,
+  clickDragThreshold
+}: DragHandleWrapperProps): JSX.Element;

package/internal/components/drag-handle-wrapper/interfaces.d.ts

@@ -3,13 +3,12 @@ export type Direction = 'block-start' | 'block-end' | 'inline-start' | 'inline-e
 export type DirectionState = 'active' | 'disabled';
 export type TriggerMode = 'focus' | 'keyboard-activate';
 export interface DragHandleWrapperProps {
-    directions: Partial<Record<Direction, DirectionState>>;
-    onDirectionClick?: (direction: Direction) => void;
-    tooltipText?: string;
-    children: React.ReactNode;
-    triggerMode?: TriggerMode;
-    initialShowButtons?: boolean;
-    hideButtonsOnDrag: boolean;
-    clickDragThreshold: number;
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  directions: Partial<Record<Direction, DirectionState>>;
+  onDirectionClick?: (direction: Direction) => void;
+  tooltipText?: string;
+  children: React.ReactNode;
+  triggerMode?: TriggerMode;
+  initialShowButtons?: boolean;
+  hideButtonsOnDrag: boolean;
+  clickDragThreshold: number;
+}

package/internal/components/drag-handle-wrapper/portal-overlay.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-export default function PortalOverlay({ track, isDisabled, children, }: {
-    track: React.RefObject<HTMLElement | null>;
-    isDisabled: boolean;
-    children: React.ReactNode;
-}): JSX.Element;
-//# sourceMappingURL=portal-overlay.d.ts.map
+export default function PortalOverlay({
+  track,
+  isDisabled,
+  children
+}: {
+  track: React.RefObject<HTMLElement | null>;
+  isDisabled: boolean;
+  children: React.ReactNode;
+}): JSX.Element;

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

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_15qqi_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_15qqi_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_15qqi_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_15qqi_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_15qqi_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_15qqi_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_15qqi_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_15qqi_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_15qqi_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_15qqi_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_15qqi_238",
-  "direction-button-wrapper-rtl": "awsui_direction-button-wrapper-rtl_155yk_15qqi_238",
-  "drag-handle-wrapper": "awsui_drag-handle-wrapper_155yk_15qqi_247",
-  "portal-overlay": "awsui_portal-overlay_155yk_15qqi_252",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_15qqi_260",
-  "drag-handle": "awsui_drag-handle_155yk_15qqi_247",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_15qqi_277",
-  "direction-button": "awsui_direction-button_155yk_15qqi_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_15qqi_320"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_8a0ow_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_8a0ow_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_8a0ow_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_8a0ow_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_8a0ow_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_8a0ow_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_8a0ow_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_8a0ow_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_8a0ow_238",
+  "direction-button-wrapper-rtl": "awsui_direction-button-wrapper-rtl_155yk_8a0ow_238",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_155yk_8a0ow_247",
+  "portal-overlay": "awsui_portal-overlay_155yk_8a0ow_252",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_8a0ow_260",
+  "drag-handle": "awsui_drag-handle_155yk_8a0ow_247",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_8a0ow_277",
+  "direction-button": "awsui_direction-button_155yk_8a0ow_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_8a0ow_320"
 };
   

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

@@ -150,27 +150,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@keyframes awsui_drag-handle-entry_155yk_15qqi_1 {
+@keyframes awsui_drag-handle-entry_155yk_8a0ow_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-xgujsu), var(--awsui-drag-handle-animation-block-offset-xgujsu));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-kcc2gu), var(--awsui-drag-handle-animation-block-offset-kcc2gu));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_15qqi_1 {
+@keyframes awsui_drag-handle-exit_155yk_8a0ow_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-xgujsu), var(--awsui-drag-handle-animation-block-offset-xgujsu));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-kcc2gu), var(--awsui-drag-handle-animation-block-offset-kcc2gu));
   }
 }
-.awsui_direction-button-wrapper_155yk_15qqi_169:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-xgujsu: 0;
-  --awsui-drag-handle-animation-block-offset-xgujsu: 0;
+.awsui_direction-button-wrapper_155yk_8a0ow_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-kcc2gu: 0;
+  --awsui-drag-handle-animation-block-offset-kcc2gu: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_15qqi_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_8a0ow_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_15qqi_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_8a0ow_1 {
   from {
     opacity: 1;
   }
@@ -186,70 +186,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 0;
   }
 }
-.awsui_direction-button-wrapper-motion-enter_155yk_15qqi_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_15qqi_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_8a0ow_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_8a0ow_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_15qqi_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_15qqi_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
+.awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_8a0ow_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), awsui_awsui-motion-fade-in_155yk_8a0ow_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_15qqi_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_15qqi_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_8a0ow_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards, awsui_awsui-motion-fade-out-0_155yk_8a0ow_1 var(--motion-duration-complex-tbdo30, 250ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)) forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_15qqi_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_8a0ow_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_15qqi_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_15qqi_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_8a0ow_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_8a0ow_169:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_15qqi_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-xgujsu: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_8a0ow_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-kcc2gu: 20px;
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_15qqi_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-xgujsu: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_8a0ow_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-kcc2gu: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_15qqi_237:not(#\9),
-.awsui_direction-button-wrapper-inline-end_155yk_15qqi_238.awsui_direction-button-wrapper-rtl_155yk_15qqi_238:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-xgujsu: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_8a0ow_237:not(#\9),
+.awsui_direction-button-wrapper-inline-end_155yk_8a0ow_238.awsui_direction-button-wrapper-rtl_155yk_8a0ow_238:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-kcc2gu: 20px;
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_15qqi_238:not(#\9),
-.awsui_direction-button-wrapper-inline-start_155yk_15qqi_237.awsui_direction-button-wrapper-rtl_155yk_15qqi_238:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-xgujsu: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_8a0ow_238:not(#\9),
+.awsui_direction-button-wrapper-inline-start_155yk_8a0ow_237.awsui_direction-button-wrapper-rtl_155yk_8a0ow_238:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-kcc2gu: -20px;
 }
 
-.awsui_drag-handle-wrapper_155yk_15qqi_247:not(#\9) {
+.awsui_drag-handle-wrapper_155yk_8a0ow_247:not(#\9) {
   position: relative;
   display: inline-block;
 }
 
-.awsui_portal-overlay_155yk_15qqi_252:not(#\9) {
+.awsui_portal-overlay_155yk_8a0ow_252:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -257,16 +257,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
 
-.awsui_portal-overlay-contents_155yk_15qqi_260:not(#\9) {
+.awsui_portal-overlay-contents_155yk_8a0ow_260:not(#\9) {
   pointer-events: auto;
 }
 
-.awsui_drag-handle_155yk_15qqi_247:not(#\9) {
+.awsui_drag-handle_155yk_8a0ow_247:not(#\9) {
   position: relative;
   display: flex;
 }
 
-.awsui_direction-button-wrapper_155yk_15qqi_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_8a0ow_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-4tedi6, 24px);
   inline-size: var(--space-static-xl-4tedi6, 24px);
@@ -274,31 +274,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-static-xxs-ns94dp, 4px);
 }
 
-.awsui_direction-button-wrapper-hidden_155yk_15qqi_277:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_8a0ow_277:not(#\9) {
   display: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_15qqi_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_8a0ow_229:not(#\9) {
   inset-block-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_15qqi_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_8a0ow_233:not(#\9) {
   inset-block-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-inline-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_15qqi_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_8a0ow_237:not(#\9) {
   inset-inline-start: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_15qqi_238:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_8a0ow_238:not(#\9) {
   inset-inline-end: calc(-1 * (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)));
   inset-block-start: calc(50% - (var(--space-static-xl-4tedi6, 24px) + 2 * var(--space-static-xxs-ns94dp, 4px)) / 2);
 }
 
-.awsui_direction-button_155yk_15qqi_169:not(#\9) {
+.awsui_direction-button_155yk_8a0ow_169:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
@@ -317,14 +317,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-direction-button-default-p88lvb, #ffffff);
   box-shadow: var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_direction-button_155yk_15qqi_169:not(#\9):not(.awsui_direction-button-disabled_155yk_15qqi_320):hover {
+.awsui_direction-button_155yk_8a0ow_169:not(#\9):not(.awsui_direction-button-disabled_155yk_8a0ow_320):hover {
   background-color: var(--color-background-direction-button-hover-74n5o1, #333843);
 }
-.awsui_direction-button_155yk_15qqi_169:not(#\9):not(.awsui_direction-button-disabled_155yk_15qqi_320):active {
+.awsui_direction-button_155yk_8a0ow_169:not(#\9):not(.awsui_direction-button-disabled_155yk_8a0ow_320):active {
   background-color: var(--color-background-direction-button-active-lvo0dy, #232b37);
 }
 
-.awsui_direction-button-disabled_155yk_15qqi_320:not(#\9) {
+.awsui_direction-button-disabled_155yk_8a0ow_320:not(#\9) {
   cursor: default;
   background-color: var(--color-background-direction-button-disabled-s9x4zq, #ebebf0);
   color: var(--color-text-direction-button-disabled-2jds36, #b4b4bb);

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_15qqi_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_15qqi_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_15qqi_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_15qqi_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_15qqi_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_15qqi_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_15qqi_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_15qqi_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_15qqi_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_15qqi_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_15qqi_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_15qqi_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_15qqi_238",
-  "direction-button-wrapper-rtl": "awsui_direction-button-wrapper-rtl_155yk_15qqi_238",
-  "drag-handle-wrapper": "awsui_drag-handle-wrapper_155yk_15qqi_247",
-  "portal-overlay": "awsui_portal-overlay_155yk_15qqi_252",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_15qqi_260",
-  "drag-handle": "awsui_drag-handle_155yk_15qqi_247",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_15qqi_277",
-  "direction-button": "awsui_direction-button_155yk_15qqi_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_15qqi_320"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_8a0ow_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_8a0ow_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_8a0ow_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_8a0ow_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_8a0ow_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_8a0ow_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_8a0ow_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_8a0ow_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_8a0ow_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_8a0ow_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_8a0ow_238",
+  "direction-button-wrapper-rtl": "awsui_direction-button-wrapper-rtl_155yk_8a0ow_238",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_155yk_8a0ow_247",
+  "portal-overlay": "awsui_portal-overlay_155yk_8a0ow_252",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_8a0ow_260",
+  "drag-handle": "awsui_drag-handle_155yk_8a0ow_247",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_8a0ow_277",
+  "direction-button": "awsui_direction-button_155yk_8a0ow_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_8a0ow_320"
 };