@cloudscape-design/components-themeable 3.0.1138 → 3.0.1139

package/lib/internal/template/internal/components/drag-handle/hooks/use-drag-handle-interaction-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-handle-interaction-state.js","sourceRoot":"","sources":["../../../../../../src/internal/components/drag-handle/hooks/use-drag-handle-interaction-state.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport { useEffect, useReducer, useRef } from 'react';\n\nimport type {\n  Action,\n  DragHandleInteractionState,\n  StateTransitionCallbacks,\n  UseDragHandleInteractionStateProps,\n} from './interfaces';\n\nexport { UseDragHandleInteractionStateProps };\n\nexport function calculateNextState<T = void>(\n  state: DragHandleInteractionState<T>,\n  action: Action<T>\n): DragHandleInteractionState<T> {\n  switch (action.type) {\n    case 'POINTER_DOWN': {\n      const { nativeEvent, metadata } = action.payload;\n      return {\n        value: 'dnd-start',\n        eventData: nativeEvent,\n        metadata,\n      };\n    }\n\n    case 'POINTER_MOVE': {\n      const { nativeEvent } = action.payload;\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        return {\n          ...state,\n          value: 'dnd-active',\n          eventData: nativeEvent,\n        };\n      }\n      return state;\n    }\n\n    case 'POINTER_UP': {\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        const dndSubStateBeforeUp = state.value;\n        if (dndSubStateBeforeUp === 'dnd-start') {\n          return {\n            value: 'uap-action-start',\n            metadata: state.metadata, // Preserve metadata when transitioning from dnd-start to uap-action-start\n          };\n        } else {\n          return {\n            value: 'dnd-end',\n            eventData: state.eventData,\n          };\n        }\n      }\n      return state;\n    }\n\n    case 'POINTER_CANCEL': {\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        return {\n          value: 'dnd-end',\n        };\n      }\n      return state;\n    }\n\n    case 'KEY_DOWN': {\n      const { key, metadata } = action.payload;\n\n      if (key === 'Enter' || key === ' ') {\n        if (state.value === null || state.value === 'uap-action-end' || state.value === 'dnd-end') {\n          return {\n            value: 'uap-action-start',\n            metadata,\n          };\n        } else if (state.value === 'uap-action-start') {\n          return {\n            value: 'uap-action-end',\n          };\n        } else if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n          return {\n            value: 'uap-action-start',\n            metadata,\n          };\n        }\n      } else if (key === 'Escape') {\n        if (state.value === 'uap-action-start') {\n          return {\n            value: 'uap-action-end',\n          };\n        }\n      }\n      return state;\n    }\n\n    case 'FOCUS':\n      return state;\n\n    case 'BLUR':\n      if (state.value === 'uap-action-start') {\n        return {\n          value: 'uap-action-end',\n        };\n      }\n      return state;\n\n    default:\n      throw new Error(`Invariant violation: unexpected action type: \"${action.type}\".`);\n  }\n}\n\nexport function getCallbacksForTransition<T = void>(\n  prevState: DragHandleInteractionState<T>,\n  nextState: DragHandleInteractionState<T>\n): StateTransitionCallbacks<T>[] {\n  const callbacks: StateTransitionCallbacks<T>[] = [];\n\n  // Transitions from dnd-start or dnd-active to any other state\n  if (\n    (prevState.value === 'dnd-start' || prevState.value === 'dnd-active') &&\n    nextState.value !== 'dnd-start' &&\n    nextState.value !== 'dnd-active'\n  ) {\n    callbacks.push({ type: 'onDndEnd' });\n  }\n\n  // From uap-action-start to uap-action-end directly\n  if (prevState.value === 'uap-action-start' && nextState.value === 'uap-action-end') {\n    callbacks.push({ type: 'onUapActionEnd' });\n  }\n\n  // Transitions to dnd-start\n  if (nextState.value === 'dnd-start') {\n    callbacks.push({\n      type: 'onDndStart',\n      payload: nextState.eventData!,\n      metadata: nextState.metadata,\n    });\n  }\n\n  // Transitions to dnd-active\n  if (nextState.value === 'dnd-active' && prevState.value === 'dnd-start') {\n    callbacks.push({\n      type: 'onDndActive',\n      payload: nextState.eventData!,\n    });\n  }\n\n  // Transitions to uap-action-start\n  if (nextState.value === 'uap-action-start') {\n    callbacks.push({\n      type: 'onUapActionStart',\n      metadata: nextState.metadata,\n    });\n  }\n\n  return callbacks;\n}\n\nfunction interactionReducer<T = void>(\n  state: DragHandleInteractionState<T>,\n  action: Action<T>\n): DragHandleInteractionState<T> {\n  if (action.type === 'CLEAR_CALLBACKS') {\n    return {\n      ...state,\n      transitionCallbacks: undefined,\n    };\n  }\n\n  const nextState = calculateNextState(state, action);\n\n  // Special handling for POINTER_MOVE to always trigger onDndActive callback\n  if (action.type === 'POINTER_MOVE' && action.payload.nativeEvent) {\n    const transitionCallbacks = getCallbacksForTransition(state, nextState);\n    // Check if there's already an onDndActive callback from the transition\n    const hasOnDndActiveCallback = transitionCallbacks.some(callback => callback.type === 'onDndActive');\n    const callbacks = hasOnDndActiveCallback\n      ? transitionCallbacks\n      : [...transitionCallbacks, { type: 'onDndActive' as const, payload: action.payload.nativeEvent }];\n\n    return {\n      ...nextState,\n      transitionCallbacks: callbacks,\n    };\n  }\n\n  // Return current state if state didn't change\n  const isDndState = (state: DragHandleInteractionState<T>) => {\n    return state.value === 'dnd-start' || state.value === 'dnd-active' || state.value === 'dnd-end';\n  };\n  if (nextState.value === state.value) {\n    if (isDndState(nextState) && isDndState(state)) {\n      if (nextState.eventData === state.eventData) {\n        return state;\n      }\n    } else {\n      return state;\n    }\n  }\n\n  const callbacks = getCallbacksForTransition(state, nextState);\n  return {\n    ...nextState,\n    transitionCallbacks: callbacks.length > 0 ? callbacks : undefined,\n  };\n}\n\nfunction useStateLogger<T = void>(state: DragHandleInteractionState<T>, isEnabled: boolean) {\n  const prevStateRef = useRef<DragHandleInteractionState<T>>(state);\n  useEffect(() => {\n    if (state.value !== prevStateRef.current.value && isEnabled) {\n      console.log(`State transition: ${prevStateRef.current.value} -> ${state.value}`, {\n        prevState: prevStateRef.current,\n        nextState: state,\n      });\n    }\n    prevStateRef.current = state;\n  }, [state, isEnabled]);\n}\n\nfunction useCallbackHandler<T = void>(\n  pendingCallbacks: StateTransitionCallbacks<T>[] | undefined,\n  props: UseDragHandleInteractionStateProps<T>,\n  dispatch: React.Dispatch<Action<T>>\n) {\n  useEffect(() => {\n    if (!pendingCallbacks?.length) {\n      return;\n    }\n    pendingCallbacks.forEach(callback => {\n      switch (callback.type) {\n        case 'onDndStart':\n          props.onDndStartAction?.(callback.payload, callback.metadata);\n          break;\n        case 'onDndActive':\n          props.onDndActiveAction?.(callback.payload);\n          break;\n        case 'onDndEnd':\n          props.onDndEndAction?.();\n          break;\n        case 'onUapActionStart':\n          props.onUapActionStartAction?.(callback.metadata);\n          break;\n        case 'onUapActionEnd':\n          props.onUapActionEndAction?.();\n          break;\n      }\n    });\n\n    // Clean up callbacks to prevent re-execution on subsequent re-renders.\n    dispatch({ type: 'CLEAR_CALLBACKS' });\n  }, [pendingCallbacks, props, dispatch]);\n}\n\n/**\n * Manages interaction states for drag handle components.\n *\n * The hook implements a state machine for drag handles that supports:\n * - Pointer-based drag-and-drop (DnD) interactions\n * - Keyboard-based universal access pattern (UAP) interactions\n * - State transitions with appropriate callbacks\n * - Metadata passing between states\n *\n * States:\n * - null: Idle state with no active interaction\n * - dnd-start: Initial pointer down, beginning of potential drag\n * - dnd-active: Active dragging with pointer movement\n * - dnd-end: Completed drag operation\n * - uap-action-start: Keyboard/accessibility action initiated\n * - uap-action-end: Keyboard/accessibility action completed\n */\nexport default function useDragHandleInteractionState<T = void>(\n  props: UseDragHandleInteractionStateProps<T> = {},\n  options = { debug: false }\n) {\n  const propsRef = useRef<UseDragHandleInteractionStateProps<T>>(props);\n  propsRef.current = props;\n\n  const [interaction, dispatch] = useReducer(interactionReducer<T>, { value: null } as DragHandleInteractionState<T>);\n  useStateLogger(interaction, options.debug);\n  useCallbackHandler(interaction.transitionCallbacks, propsRef.current, dispatch);\n  return {\n    interaction,\n    processPointerDown: (event: PointerEvent, metadata?: T) => {\n      dispatch({\n        type: 'POINTER_DOWN',\n        payload: { nativeEvent: event, metadata },\n      });\n    },\n    processPointerMove: (event: PointerEvent) => {\n      dispatch({\n        type: 'POINTER_MOVE',\n        payload: { nativeEvent: event },\n      });\n    },\n    processPointerUp: (event: PointerEvent) => {\n      dispatch({\n        type: 'POINTER_UP',\n        payload: { nativeEvent: event },\n      });\n    },\n    processPointerCancel: () => {\n      dispatch({\n        type: 'POINTER_CANCEL',\n      });\n    },\n    processKeyDown: (event: React.KeyboardEvent<Element>, metadata?: T) => {\n      const key = event.key;\n      if (key === 'Enter' || key === 'Escape' || key === ' ') {\n        dispatch({\n          type: 'KEY_DOWN',\n          payload: { key, metadata },\n        });\n      }\n    },\n    processFocus: () => {\n      dispatch({ type: 'FOCUS' });\n    },\n    processBlur: () => {\n      dispatch({ type: 'BLUR' });\n    },\n  };\n}\n"]}
+{"version":3,"file":"use-drag-handle-interaction-state.js","sourceRoot":"","sources":["../../../../../../src/internal/components/drag-handle/hooks/use-drag-handle-interaction-state.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport { useEffect, useReducer, useRef } from 'react';\n\nimport type {\n  Action,\n  DragHandleInteractionState,\n  StateTransitionCallbacks,\n  UseDragHandleInteractionStateProps,\n} from './interfaces';\n\nexport { UseDragHandleInteractionStateProps };\n\nexport function calculateNextState<T = void>(\n  state: DragHandleInteractionState<T>,\n  action: Action<T>\n): DragHandleInteractionState<T> {\n  switch (action.type) {\n    case 'POINTER_DOWN': {\n      const { nativeEvent, metadata } = action.payload;\n      return {\n        value: 'dnd-start',\n        eventData: nativeEvent,\n        metadata,\n      };\n    }\n\n    case 'POINTER_MOVE': {\n      const { nativeEvent } = action.payload;\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        return {\n          ...state,\n          value: 'dnd-active',\n          eventData: nativeEvent,\n        };\n      }\n      return state;\n    }\n\n    case 'POINTER_UP': {\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        const dndSubStateBeforeUp = state.value;\n        if (dndSubStateBeforeUp === 'dnd-start') {\n          return {\n            value: 'uap-action-start',\n            metadata: state.metadata, // Preserve metadata when transitioning from dnd-start to uap-action-start\n          };\n        } else {\n          return {\n            value: 'dnd-end',\n            eventData: state.eventData,\n          };\n        }\n      }\n      return state;\n    }\n\n    case 'POINTER_CANCEL': {\n      if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n        return {\n          value: 'dnd-end',\n        };\n      }\n      return state;\n    }\n\n    case 'KEY_DOWN': {\n      const { key, metadata } = action.payload;\n\n      if (key === 'Enter' || key === ' ') {\n        if (state.value === null || state.value === 'uap-action-end' || state.value === 'dnd-end') {\n          return {\n            value: 'uap-action-start',\n            metadata,\n          };\n        } else if (state.value === 'uap-action-start') {\n          return {\n            value: 'uap-action-end',\n          };\n        } else if (state.value === 'dnd-start' || state.value === 'dnd-active') {\n          return {\n            value: 'uap-action-start',\n            metadata,\n          };\n        }\n      } else if (key === 'Escape') {\n        if (state.value === 'uap-action-start') {\n          return {\n            value: 'uap-action-end',\n          };\n        }\n      }\n      return state;\n    }\n\n    case 'FOCUS':\n      return state;\n\n    case 'BLUR':\n      if (state.value === 'uap-action-start') {\n        return {\n          value: 'uap-action-end',\n        };\n      }\n      return state;\n\n    default:\n      throw new Error(`Invariant violation: unexpected action type: \"${action.type}\".`);\n  }\n}\n\nexport function getCallbacksForTransition<T = void>(\n  prevState: DragHandleInteractionState<T>,\n  nextState: DragHandleInteractionState<T>\n): StateTransitionCallbacks<T>[] {\n  const callbacks: StateTransitionCallbacks<T>[] = [];\n\n  // Transitions from dnd-start or dnd-active to any other state\n  if (\n    (prevState.value === 'dnd-start' || prevState.value === 'dnd-active') &&\n    nextState.value !== 'dnd-start' &&\n    nextState.value !== 'dnd-active'\n  ) {\n    callbacks.push({ type: 'onDndEnd' });\n  }\n\n  // From uap-action-start to uap-action-end directly\n  if (prevState.value === 'uap-action-start' && nextState.value === 'uap-action-end') {\n    callbacks.push({ type: 'onUapActionEnd' });\n  }\n\n  // Transitions to dnd-start\n  if (nextState.value === 'dnd-start') {\n    callbacks.push({\n      type: 'onDndStart',\n      payload: nextState.eventData!,\n      metadata: nextState.metadata,\n    });\n  }\n\n  // Transitions to dnd-active\n  if (nextState.value === 'dnd-active' && prevState.value === 'dnd-start') {\n    callbacks.push({\n      type: 'onDndActive',\n      payload: nextState.eventData!,\n    });\n  }\n\n  // Transitions to uap-action-start\n  if (nextState.value === 'uap-action-start') {\n    callbacks.push({\n      type: 'onUapActionStart',\n      metadata: nextState.metadata,\n    });\n  }\n\n  return callbacks;\n}\n\nfunction interactionReducer<T = void>(\n  state: DragHandleInteractionState<T>,\n  action: Action<T>\n): DragHandleInteractionState<T> {\n  if (action.type === 'CLEAR_CALLBACKS') {\n    return {\n      ...state,\n      transitionCallbacks: undefined,\n    };\n  }\n\n  const nextState = calculateNextState(state, action);\n\n  // Special handling for POINTER_MOVE to always trigger onDndActive callback\n  if (action.type === 'POINTER_MOVE' && action.payload.nativeEvent) {\n    const transitionCallbacks = getCallbacksForTransition(state, nextState);\n    // Check if there's already an onDndActive callback from the transition\n    const hasOnDndActiveCallback = transitionCallbacks.some(callback => callback.type === 'onDndActive');\n    const callbacks = hasOnDndActiveCallback\n      ? transitionCallbacks\n      : [...transitionCallbacks, { type: 'onDndActive' as const, payload: action.payload.nativeEvent }];\n\n    return {\n      ...nextState,\n      transitionCallbacks: callbacks,\n    };\n  }\n\n  // Return current state if state didn't change\n  const isDndState = (state: DragHandleInteractionState<T>) => {\n    return state.value === 'dnd-start' || state.value === 'dnd-active' || state.value === 'dnd-end';\n  };\n  if (nextState.value === state.value) {\n    if (isDndState(nextState) && isDndState(state)) {\n      if (nextState.eventData === state.eventData) {\n        return state;\n      }\n    } else {\n      return state;\n    }\n  }\n\n  const callbacks = getCallbacksForTransition(state, nextState);\n  return {\n    ...nextState,\n    transitionCallbacks: callbacks.length > 0 ? callbacks : undefined,\n  };\n}\n\nfunction useStateLogger<T = void>(state: DragHandleInteractionState<T>, isEnabled: boolean) {\n  const prevStateRef = useRef<DragHandleInteractionState<T>>(state);\n  useEffect(() => {\n    if (state.value !== prevStateRef.current.value && isEnabled) {\n      console.log(`State transition: ${prevStateRef.current.value} -> ${state.value}`, {\n        prevState: prevStateRef.current,\n        nextState: state,\n      });\n    }\n    prevStateRef.current = state;\n  }, [state, isEnabled]);\n}\n\nfunction useCallbackHandler<T = void>(\n  pendingCallbacks: StateTransitionCallbacks<T>[] | undefined,\n  props: UseDragHandleInteractionStateProps<T>,\n  dispatch: React.Dispatch<Action<T>>\n) {\n  useEffect(() => {\n    if (!pendingCallbacks?.length) {\n      return;\n    }\n    pendingCallbacks.forEach(callback => {\n      switch (callback.type) {\n        case 'onDndStart':\n          props.onDndStartAction?.(callback.payload, callback.metadata);\n          break;\n        case 'onDndActive':\n          props.onDndActiveAction?.(callback.payload);\n          break;\n        case 'onDndEnd':\n          props.onDndEndAction?.();\n          break;\n        case 'onUapActionStart':\n          props.onUapActionStartAction?.(callback.metadata);\n          break;\n        case 'onUapActionEnd':\n          props.onUapActionEndAction?.();\n          break;\n      }\n    });\n\n    // Clean up callbacks to prevent re-execution on subsequent re-renders.\n    dispatch({ type: 'CLEAR_CALLBACKS' });\n  }, [pendingCallbacks, props, dispatch]);\n}\n\n/**\n * Manages interaction states for drag handle components.\n *\n * The hook implements a state machine for drag handles that supports:\n * - Pointer-based drag-and-drop (DnD) interactions\n * - Keyboard-based universal access pattern (UAP) interactions\n * - State transitions with appropriate callbacks\n * - Metadata passing between states\n *\n * States:\n * - null: Idle state with no active interaction\n * - dnd-start: Initial pointer down, beginning of potential drag\n * - dnd-active: Active dragging with pointer movement\n * - dnd-end: Completed drag operation\n * - uap-action-start: Keyboard/accessibility action initiated\n * - uap-action-end: Keyboard/accessibility action completed\n */\nexport default function useDragHandleInteractionState<T = void>(\n  props: UseDragHandleInteractionStateProps<T> = {},\n  options = { debug: false }\n) {\n  const propsRef = useRef<UseDragHandleInteractionStateProps<T>>(props);\n  propsRef.current = props;\n\n  const [interaction, dispatch] = useReducer(interactionReducer<T>, { value: null } as DragHandleInteractionState<T>);\n  useStateLogger(interaction, options.debug);\n  useCallbackHandler(interaction.transitionCallbacks, propsRef.current, dispatch);\n  return {\n    interaction,\n    processPointerDown: (event: PointerEvent, metadata?: T) => {\n      dispatch({\n        type: 'POINTER_DOWN',\n        payload: { nativeEvent: event, metadata },\n      });\n    },\n    processPointerMove: (event: PointerEvent) => {\n      dispatch({\n        type: 'POINTER_MOVE',\n        payload: { nativeEvent: event },\n      });\n    },\n    processPointerUp: (event: PointerEvent) => {\n      dispatch({\n        type: 'POINTER_UP',\n        payload: { nativeEvent: event },\n      });\n    },\n    processPointerCancel: () => {\n      dispatch({\n        type: 'POINTER_CANCEL',\n      });\n    },\n    processKeyDown: (event: React.KeyboardEvent<Element>, metadata?: T) => {\n      const key = event.key;\n      if (key === 'Enter' || key === 'Escape' || key === ' ') {\n        dispatch({\n          type: 'KEY_DOWN',\n          payload: { key, metadata },\n        });\n      }\n    },\n    processFocus: () => {\n      dispatch({ type: 'FOCUS' });\n    },\n    processBlur: () => {\n      dispatch({ type: 'BLUR' });\n    },\n  };\n}\n"]}

package/lib/internal/template/internal/components/drag-handle/index.js

@@ -1,12 +1,10 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { forwardRef } from 'react';
 import { getBaseProps } from '../../base-component';
 import DragHandleWrapper from '../drag-handle-wrapper';
 import DragHandleButton from './button';
-const InternalDragHandle = forwardRef((_a, ref) => {
-    var { variant, size, ariaLabel, ariaLabelledBy, ariaDescribedby, tooltipText, ariaValue, disabled, directions = {}, onPointerDown, onClick, onKeyDown, onDirectionClick, triggerMode, initialShowButtons, controlledShowButtons, hideButtonsOnDrag = false, clickDragThreshold = 3, active } = _a, rest = __rest(_a, ["variant", "size", "ariaLabel", "ariaLabelledBy", "ariaDescribedby", "tooltipText", "ariaValue", "disabled", "directions", "onPointerDown", "onClick", "onKeyDown", "onDirectionClick", "triggerMode", "initialShowButtons", "controlledShowButtons", "hideButtonsOnDrag", "clickDragThreshold", "active"]);
+const InternalDragHandle = forwardRef(({ variant, size, ariaLabel, ariaLabelledBy, ariaDescribedby, tooltipText, ariaValue, disabled, directions = {}, onPointerDown, onClick, onKeyDown, onDirectionClick, triggerMode, initialShowButtons, controlledShowButtons, hideButtonsOnDrag = false, clickDragThreshold = 3, active, ...rest }, ref) => {
     const baseProps = getBaseProps(rest);
     return (React.createElement(DragHandleWrapper, { directions: !disabled ? directions : {}, tooltipText: tooltipText, onDirectionClick: onDirectionClick, triggerMode: triggerMode, initialShowButtons: initialShowButtons, controlledShowButtons: controlledShowButtons, hideButtonsOnDrag: hideButtonsOnDrag, clickDragThreshold: clickDragThreshold },
         React.createElement(DragHandleButton, { ref: ref, className: baseProps.className, variant: variant, size: size, ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedby: ariaDescribedby, ariaValue: ariaValue, disabled: disabled, active: active, onPointerDown: onPointerDown, onClick: onClick, onKeyDown: onKeyDown })));

package/lib/internal/template/internal/components/drag-handle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,UAAU,CAAC;AAKxC,MAAM,kBAAkB,GAAG,UAAU,CACnC,CACE,EAqBkB,EAClB,GAAuB,EACvB,EAAE;QAvBF,EACE,OAAO,EACP,IAAI,EACJ,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,aAAa,EACb,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,CAAC,EACtB,MAAM,OAEU,EADb,IAAI,cApBT,2SAqBC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,iBAAiB,IAChB,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACvC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB;QAEtC,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\n\nimport { getBaseProps } from '../../base-component';\nimport DragHandleWrapper from '../drag-handle-wrapper';\nimport DragHandleButton from './button';\nimport { DragHandleProps } from './interfaces';\n\nexport { DragHandleProps };\n\nconst InternalDragHandle = forwardRef(\n  (\n    {\n      variant,\n      size,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      tooltipText,\n      ariaValue,\n      disabled,\n      directions = {},\n      onPointerDown,\n      onClick,\n      onKeyDown,\n      onDirectionClick,\n      triggerMode,\n      initialShowButtons,\n      controlledShowButtons,\n      hideButtonsOnDrag = false,\n      clickDragThreshold = 3,\n      active,\n      ...rest\n    }: DragHandleProps,\n    ref: React.Ref<Element>\n  ) => {\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <DragHandleWrapper\n        directions={!disabled ? directions : {}}\n        tooltipText={tooltipText}\n        onDirectionClick={onDirectionClick}\n        triggerMode={triggerMode}\n        initialShowButtons={initialShowButtons}\n        controlledShowButtons={controlledShowButtons}\n        hideButtonsOnDrag={hideButtonsOnDrag}\n        clickDragThreshold={clickDragThreshold}\n      >\n        <DragHandleButton\n          ref={ref}\n          className={baseProps.className}\n          variant={variant}\n          size={size}\n          ariaLabel={ariaLabel}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedby={ariaDescribedby}\n          ariaValue={ariaValue}\n          disabled={disabled}\n          active={active}\n          onPointerDown={onPointerDown}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n        />\n      </DragHandleWrapper>\n    );\n  }\n);\n\nexport default InternalDragHandle;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,UAAU,CAAC;AAKxC,MAAM,kBAAkB,GAAG,UAAU,CACnC,CACE,EACE,OAAO,EACP,IAAI,EACJ,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,aAAa,EACb,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,CAAC,EACtB,MAAM,EACN,GAAG,IAAI,EACS,EAClB,GAAuB,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,iBAAiB,IAChB,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACvC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB;QAEtC,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\n\nimport { getBaseProps } from '../../base-component';\nimport DragHandleWrapper from '../drag-handle-wrapper';\nimport DragHandleButton from './button';\nimport { DragHandleProps } from './interfaces';\n\nexport { DragHandleProps };\n\nconst InternalDragHandle = forwardRef(\n  (\n    {\n      variant,\n      size,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      tooltipText,\n      ariaValue,\n      disabled,\n      directions = {},\n      onPointerDown,\n      onClick,\n      onKeyDown,\n      onDirectionClick,\n      triggerMode,\n      initialShowButtons,\n      controlledShowButtons,\n      hideButtonsOnDrag = false,\n      clickDragThreshold = 3,\n      active,\n      ...rest\n    }: DragHandleProps,\n    ref: React.Ref<Element>\n  ) => {\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <DragHandleWrapper\n        directions={!disabled ? directions : {}}\n        tooltipText={tooltipText}\n        onDirectionClick={onDirectionClick}\n        triggerMode={triggerMode}\n        initialShowButtons={initialShowButtons}\n        controlledShowButtons={controlledShowButtons}\n        hideButtonsOnDrag={hideButtonsOnDrag}\n        clickDragThreshold={clickDragThreshold}\n      >\n        <DragHandleButton\n          ref={ref}\n          className={baseProps.className}\n          variant={variant}\n          size={size}\n          ariaLabel={ariaLabel}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedby={ariaDescribedby}\n          ariaValue={ariaValue}\n          disabled={disabled}\n          active={active}\n          onPointerDown={onPointerDown}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n        />\n      </DragHandleWrapper>\n    );\n  }\n);\n\nexport default InternalDragHandle;\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_81rul_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_81rul_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_81rul_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_81rul_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_81rul_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_81rul_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_81rul_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_81rul_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_81rul_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_81rul_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_81rul_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_81rul_248",
-  "contents": "awsui_contents_155yk_81rul_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_81rul_263",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_81rul_271",
-  "drag-handle": "awsui_drag-handle_155yk_81rul_275",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_81rul_288",
-  "direction-button": "awsui_direction-button_155yk_81rul_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_81rul_331"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1g07a_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1g07a_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1g07a_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1g07a_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1g07a_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1g07a_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1g07a_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1g07a_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1g07a_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1g07a_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1g07a_248",
+  "contents": "awsui_contents_155yk_1g07a_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1g07a_263",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1g07a_271",
+  "drag-handle": "awsui_drag-handle_155yk_1g07a_275",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1g07a_288",
+  "direction-button": "awsui_direction-button_155yk_1g07a_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1g07a_331"
 };
   

package/lib/internal/template/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_81rul_1 {
+@keyframes awsui_drag-handle-entry_155yk_1g07a_1 {
   from {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-9t5olz), var(--awsui-drag-handle-animation-block-offset-9t5olz));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-d43v8n), var(--awsui-drag-handle-animation-block-offset-d43v8n));
   }
   to {
     transform: translate(0, 0);
   }
 }
-@keyframes awsui_drag-handle-exit_155yk_81rul_1 {
+@keyframes awsui_drag-handle-exit_155yk_1g07a_1 {
   from {
     transform: translate(0, 0);
   }
   to {
-    transform: translate(var(--awsui-drag-handle-animation-inline-offset-9t5olz), var(--awsui-drag-handle-animation-block-offset-9t5olz));
+    transform: translate(var(--awsui-drag-handle-animation-inline-offset-d43v8n), var(--awsui-drag-handle-animation-block-offset-d43v8n));
   }
 }
-.awsui_direction-button-wrapper_155yk_81rul_169:not(#\9) {
-  --awsui-drag-handle-animation-inline-offset-9t5olz: 0;
-  --awsui-drag-handle-animation-block-offset-9t5olz: 0;
+.awsui_direction-button-wrapper_155yk_1g07a_169:not(#\9) {
+  --awsui-drag-handle-animation-inline-offset-d43v8n: 0;
+  --awsui-drag-handle-animation-block-offset-d43v8n: 0;
 }
-@keyframes awsui_awsui-motion-fade-in_155yk_81rul_1 {
+@keyframes awsui_awsui-motion-fade-in_155yk_1g07a_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_81rul_1 {
+@keyframes awsui_awsui-motion-fade-out-0_155yk_1g07a_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_81rul_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_81rul_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_81rul_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189:not(#\9) {
+.awsui_direction-button-wrapper-motion-enter_155yk_1g07a_189:not(#\9), .awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189:not(#\9), .awsui_direction-button-wrapper-motion-exit_155yk_1g07a_189:not(#\9), .awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189:not(#\9) {
   pointer-events: none;
 }
-.awsui_direction-button-wrapper-motion-entering_155yk_81rul_189:not(#\9) {
-  animation: awsui_drag-handle-entry_155yk_81rul_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_81rul_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out);
+.awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189:not(#\9) {
+  animation: awsui_drag-handle-entry_155yk_1g07a_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out), awsui_awsui-motion-fade-in_155yk_1g07a_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_81rul_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_81rul_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_81rul_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189:not(#\9) {
-  animation: awsui_drag-handle-exit_155yk_81rul_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_81rul_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards;
+.awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189:not(#\9) {
+  animation: awsui_drag-handle-exit_155yk_1g07a_1 var(--motion-duration-complex-hv88cf, 270ms) var(--motion-easing-responsive-dxkfpl, ease-out) forwards, awsui_awsui-motion-fade-out-0_155yk_1g07a_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_81rul_189:not(#\9) {
+  .awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_direction-button-wrapper_155yk_81rul_169:not(#\9) {
+  .awsui_direction-button-wrapper_155yk_1g07a_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_81rul_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_81rul_169:not(#\9) {
+.awsui-motion-disabled .awsui_direction-button-wrapper_155yk_1g07a_169:not(#\9), .awsui-mode-entering .awsui_direction-button-wrapper_155yk_1g07a_169:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_81rul_229:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-9t5olz: 20px;
+.awsui_direction-button-wrapper-block-start_155yk_1g07a_229:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-d43v8n: 20px;
 }
 
-.awsui_direction-button-wrapper-block-end_155yk_81rul_233:not(#\9) {
-  --awsui-drag-handle-animation-block-offset-9t5olz: -20px;
+.awsui_direction-button-wrapper-block-end_155yk_1g07a_233:not(#\9) {
+  --awsui-drag-handle-animation-block-offset-d43v8n: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-start_155yk_81rul_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1g07a_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_81rul_237:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-9t5olz: 20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1g07a_237:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-d43v8n: 20px;
 }
-.awsui_direction-button-wrapper-inline-start_155yk_81rul_237:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-9t5olz: -20px;
+.awsui_direction-button-wrapper-inline-start_155yk_1g07a_237:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-d43v8n: -20px;
 }
 
-.awsui_direction-button-wrapper-inline-end_155yk_81rul_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1g07a_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_81rul_248:not(#\9):dir(ltr) {
-  --awsui-drag-handle-animation-inline-offset-9t5olz: -20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1g07a_248:not(#\9):dir(ltr) {
+  --awsui-drag-handle-animation-inline-offset-d43v8n: -20px;
 }
-.awsui_direction-button-wrapper-inline-end_155yk_81rul_248:not(#\9):dir(rtl) {
-  --awsui-drag-handle-animation-inline-offset-9t5olz: 20px;
+.awsui_direction-button-wrapper-inline-end_155yk_1g07a_248:not(#\9):dir(rtl) {
+  --awsui-drag-handle-animation-inline-offset-d43v8n: 20px;
 }
 
-.awsui_contents_155yk_81rul_259:not(#\9) {
+.awsui_contents_155yk_1g07a_259:not(#\9) {
   display: contents;
 }
 
-.awsui_portal-overlay_155yk_81rul_263:not(#\9) {
+.awsui_portal-overlay_155yk_1g07a_263:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -268,16 +268,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 7000;
 }
 
-.awsui_portal-overlay-contents_155yk_81rul_271:not(#\9) {
+.awsui_portal-overlay-contents_155yk_1g07a_271:not(#\9) {
   pointer-events: auto;
 }
 
-.awsui_drag-handle_155yk_81rul_275:not(#\9) {
+.awsui_drag-handle_155yk_1g07a_275:not(#\9) {
   position: relative;
   display: inline-flex;
 }
 
-.awsui_direction-button-wrapper_155yk_81rul_169:not(#\9) {
+.awsui_direction-button-wrapper_155yk_1g07a_169:not(#\9) {
   position: absolute;
   block-size: var(--space-static-xl-pek4x1, 24px);
   inline-size: var(--space-static-xl-pek4x1, 24px);
@@ -285,31 +285,31 @@ 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_81rul_288:not(#\9) {
+.awsui_direction-button-wrapper-hidden_155yk_1g07a_288:not(#\9) {
   display: none;
 }
 
-.awsui_direction-button-wrapper-block-start_155yk_81rul_229:not(#\9) {
+.awsui_direction-button-wrapper-block-start_155yk_1g07a_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_81rul_233:not(#\9) {
+.awsui_direction-button-wrapper-block-end_155yk_1g07a_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_81rul_237:not(#\9) {
+.awsui_direction-button-wrapper-inline-start_155yk_1g07a_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_81rul_248:not(#\9) {
+.awsui_direction-button-wrapper-inline-end_155yk_1g07a_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_155yk_81rul_169:not(#\9) {
+.awsui_direction-button_155yk_1g07a_169:not(#\9) {
   position: absolute;
   border-width: 0;
   cursor: pointer;
@@ -328,14 +328,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_81rul_169:not(#\9):not(.awsui_direction-button-disabled_155yk_81rul_331):hover {
+.awsui_direction-button_155yk_1g07a_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1g07a_331):hover {
   background-color: var(--color-background-direction-button-hover-v5bxfc, #414750);
 }
-.awsui_direction-button_155yk_81rul_169:not(#\9):not(.awsui_direction-button-disabled_155yk_81rul_331):active {
+.awsui_direction-button_155yk_1g07a_169:not(#\9):not(.awsui_direction-button-disabled_155yk_1g07a_331):active {
   background-color: var(--color-background-direction-button-active-wn6s2j, #2a2e33);
 }
 
-.awsui_direction-button-disabled_155yk_81rul_331:not(#\9) {
+.awsui_direction-button-disabled_155yk_1g07a_331: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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_81rul_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_81rul_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_81rul_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_81rul_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_81rul_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_81rul_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_81rul_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_81rul_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_81rul_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_81rul_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_81rul_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_81rul_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_81rul_248",
-  "contents": "awsui_contents_155yk_81rul_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_81rul_263",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_81rul_271",
-  "drag-handle": "awsui_drag-handle_155yk_81rul_275",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_81rul_288",
-  "direction-button": "awsui_direction-button_155yk_81rul_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_81rul_331"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1g07a_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1g07a_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1g07a_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1g07a_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1g07a_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1g07a_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1g07a_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1g07a_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1g07a_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1g07a_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1g07a_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1g07a_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1g07a_248",
+  "contents": "awsui_contents_155yk_1g07a_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1g07a_263",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1g07a_271",
+  "drag-handle": "awsui_drag-handle_155yk_1g07a_275",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1g07a_288",
+  "direction-button": "awsui_direction-button_155yk_1g07a_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1g07a_331"
 };
   

package/lib/internal/template/internal/components/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1rjg3_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1rjg3_1",
-  "refresh": "awsui_refresh_qwoo0_1rjg3_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1rjg3_1",
-  "root": "awsui_root_qwoo0_1rjg3_199",
-  "interior": "awsui_interior_qwoo0_1rjg3_232",
-  "dropdown": "awsui_dropdown_qwoo0_1rjg3_153",
-  "use-portal": "awsui_use-portal_qwoo0_1rjg3_242",
-  "is-empty": "awsui_is-empty_qwoo0_1rjg3_288",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1rjg3_295",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1rjg3_299",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1rjg3_302",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1rjg3_305",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1rjg3_308",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1rjg3_311",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1rjg3_318",
-  "open": "awsui_open_qwoo0_1rjg3_327",
-  "nowrap": "awsui_nowrap_qwoo0_1rjg3_336",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1rjg3_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1rjg3_347"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_o7rfg_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_o7rfg_1",
+  "refresh": "awsui_refresh_qwoo0_o7rfg_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_o7rfg_1",
+  "root": "awsui_root_qwoo0_o7rfg_199",
+  "interior": "awsui_interior_qwoo0_o7rfg_232",
+  "dropdown": "awsui_dropdown_qwoo0_o7rfg_153",
+  "use-portal": "awsui_use-portal_qwoo0_o7rfg_242",
+  "is-empty": "awsui_is-empty_qwoo0_o7rfg_288",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_o7rfg_295",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_o7rfg_299",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_o7rfg_302",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_o7rfg_305",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_o7rfg_308",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_o7rfg_311",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_o7rfg_318",
+  "open": "awsui_open_qwoo0_o7rfg_327",
+  "nowrap": "awsui_nowrap_qwoo0_o7rfg_336",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_o7rfg_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_o7rfg_347"
 };