@cloudscape-design/board-components 3.0.111 → 3.0.112

package/internal/item-container/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/internal/item-container/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAgC,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAIhH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC,CAAC,mDAAmD;AACvG,OAAO,EAAE,oBAAoB,EAAc,MAAM,GAAG,CAAC;AAWrD,MAAM,UAAU,mBAAmB,CAAC,WAA8B,EAAE,YAAqB;IACvF,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5B,OAAO,QAAQ,CAAC;KACjB;IACD,OAAO,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC7C,CAAC;AAUD;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,SAAS,EACT,IAAI,EACJ,UAAU,EACV,KAAK,GAC2B;IAIhC,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,IAAI,aAA0B,CAAC;IAC/B,IAAI,iBAAiB,GAAuB,IAAI,CAAC;IAEjD,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,iEAAiE;QACjE,aAAa,GAAG,IAAI,WAAW,CAAC;YAC9B,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,cAAc;YAChC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,aAAa;SAChC,CAAC,CAAC;QAEH,mEAAmE;QACnE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;QAC7C,iBAAiB,GAAG,IAAI,WAAW,CAAC;YAClC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,QAAQ;YACvC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS;SACxC,CAAC,CAAC;KACJ;SAAM;QACL,2DAA2D;QAC3D,aAAa,GAAG,IAAI,WAAW,CAAC;YAC9B,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,gBAAgB;YAClC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,eAAe;SAClC,CAAC,CAAC;KACJ;IAED,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,KAAmB,EACnB,eAAqD,EACrD,YAAoB,oBAAoB;IAExC,IAAI,CAAC,eAAe,EAAE;QACpB,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CACL,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS;QAC7C,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS;QAC7C,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS;QAC7C,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAC9C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EACzC,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GACgB;IAC/B,IAAI,cAAc,IAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,MAAK,eAAe,IAAI,oBAAoB,KAAK,WAAW,EAAE;QAC9G,OAAO,SAAS,CAAC;KAClB;SAAM,IACL,cAAc;QACd,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,MAAK,eAAe;QAChD,oBAAoB,KAAK,kBAAkB,EAC3C;QACA,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getLogicalBoundingClientRect, getLogicalClientX } from \"@cloudscape-design/component-toolkit/internal\";\nimport { InteractionState } from \"@cloudscape-design/components/internal/components/drag-handle/hooks/interfaces\";\n\nimport { Operation } from \"../dnd-controller/controller\"; // Adjust this path\nimport { Coordinates } from \"../utils/coordinates\"; // Adjust this path based on your project structure\nimport { CLICK_DRAG_THRESHOLD, Transition } from \".\";\n\nexport type HandleActiveState = null | \"pointer\" | \"uap\";\n\nexport interface DetermineHandleActiveStateArgs {\n  isHandleActive: boolean;\n  currentTransition: Transition | null;\n  interactionHookValue: InteractionState;\n  targetOperation: Operation;\n}\n\nexport function getDndOperationType(uiOperation: \"drag\" | \"resize\", isItemPlaced: boolean): Operation {\n  if (uiOperation === \"resize\") {\n    return \"resize\";\n  }\n  return isItemPlaced ? \"reorder\" : \"insert\";\n}\n\ninterface CalculateInitialPointerDataArgs {\n  event: PointerEvent;\n  operation: \"drag\" | \"resize\";\n  rect: ReturnType<typeof getLogicalBoundingClientRect>;\n  getMinSize: () => { minWidth: number; minHeight: number };\n  isRtl: boolean;\n}\n\n/**\n * Calculates the initial pointer offset and boundaries for a drag or resize interaction\n * to help determine how the item's movement or resizing behaves relative to the pointer.\n */\nexport function calculateInitialPointerData({\n  event,\n  operation,\n  rect,\n  getMinSize,\n  isRtl,\n}: CalculateInitialPointerDataArgs): {\n  pointerOffset: Coordinates;\n  pointerBoundaries: Coordinates | null;\n} {\n  const clientX = getLogicalClientX(event, isRtl);\n  const clientY = event.clientY;\n\n  let pointerOffset: Coordinates;\n  let pointerBoundaries: Coordinates | null = null;\n\n  if (operation === \"resize\") {\n    // For resize, offset is calculated from the bottom-right corner.\n    pointerOffset = new Coordinates({\n      x: clientX - rect.insetInlineEnd,\n      y: clientY - rect.insetBlockEnd,\n    });\n\n    // Boundaries to ensure resize doesn't go below minimum dimensions.\n    const { minWidth, minHeight } = getMinSize();\n    pointerBoundaries = new Coordinates({\n      x: clientX - rect.inlineSize + minWidth,\n      y: clientY - rect.blockSize + minHeight,\n    });\n  } else {\n    // For drag, offset is calculated from the top-left corner.\n    pointerOffset = new Coordinates({\n      x: clientX - rect.insetInlineStart,\n      y: clientY - rect.insetBlockStart,\n    });\n  }\n\n  return { pointerOffset, pointerBoundaries };\n}\n\nexport function hasPointerMovedBeyondThreshold(\n  event: PointerEvent,\n  initialPosition: { x: number; y: number } | undefined,\n  threshold: number = CLICK_DRAG_THRESHOLD,\n): boolean {\n  if (!initialPosition) {\n    return false;\n  }\n  return (\n    event.clientX > initialPosition.x + threshold ||\n    event.clientX < initialPosition.x - threshold ||\n    event.clientY > initialPosition.y + threshold ||\n    event.clientY < initialPosition.y - threshold\n  );\n}\n\nexport function determineHandleActiveState({\n  isHandleActive,\n  currentTransition,\n  interactionHookValue,\n  targetOperation,\n}: DetermineHandleActiveStateArgs): HandleActiveState {\n  if (isHandleActive && currentTransition?.operation === targetOperation && interactionHookValue === \"dnd-start\") {\n    return \"pointer\";\n  } else if (\n    isHandleActive &&\n    currentTransition?.operation === targetOperation &&\n    interactionHookValue === \"uap-action-start\"\n  ) {\n    return \"uap\";\n  }\n  return null;\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "af44212e7861f4e6bab17d70c8bcf4df2c29ed99"
+  "commit": "af05dce2fd7907230b48740ff88eb4d20aef2dbb"
 }

package/internal/resize-handle/index.d.ts

@@ -1,9 +1,13 @@
 import { KeyboardEvent, PointerEvent } from "react";
+import { InternalDragHandleProps } from "@cloudscape-design/components/internal/do-not-use/drag-handle";
+import { HandleActiveState } from "../item-container";
 export interface ResizeHandleProps {
     ariaLabelledBy: string;
     ariaDescribedBy: string;
     onPointerDown: (event: PointerEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
-    isActive: boolean;
+    activeState: HandleActiveState;
+    onDirectionClick: InternalDragHandleProps["onDirectionClick"];
+    resizeHandleTooltipText?: string;
 }
-export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown, isActive, }: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown, activeState, onDirectionClick, resizeHandleTooltipText, }: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;

package/internal/resize-handle/index.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import Icon from "@cloudscape-design/components/icon";
-import Handle from "../handle";
+import { InternalDragHandle, } from "@cloudscape-design/components/internal/do-not-use/drag-handle";
+import { CLICK_DRAG_THRESHOLD } from "../item-container";
 import styles from "./styles.css.js";
-export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown, isActive, }) {
-    return (_jsx(Handle, { className: clsx(styles.handle, isActive && styles.active), "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(Icon, { name: "resize-area" }) }));
+import testUtilsStyles from "./test-classes/styles.css.js";
+export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown, activeState, onDirectionClick, resizeHandleTooltipText, }) {
+    return (_jsx(InternalDragHandle, { className: clsx(styles.handle, activeState === "pointer" && styles.active, activeState === "uap" && testUtilsStyles["active-uap"]), ariaLabelledBy: ariaLabelledBy, ariaDescribedby: ariaDescribedBy, variant: "resize-area", tooltipText: resizeHandleTooltipText, onKeyDown: onKeyDown, onPointerDown: onPointerDown, directions: {
+            "block-start": "active",
+            "block-end": "active",
+            "inline-start": "active",
+            "inline-end": "active",
+        }, triggerMode: "keyboard-activate", onDirectionClick: onDirectionClick, hideButtonsOnDrag: true, clickDragThreshold: CLICK_DRAG_THRESHOLD }));
 }
 //# sourceMappingURL=index.js.map

package/internal/resize-handle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/resize-handle/index.tsx"],"names":[],"mappings":";AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,IAAI,MAAM,oCAAoC,CAAC;AAEtD,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,eAAe,EACf,aAAa,EACb,SAAS,EACT,QAAQ,GACU;IAClB,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,qBACxC,cAAc,sBACb,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,YAEpB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACpB,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyboardEvent, PointerEvent } from \"react\";\nimport clsx from \"clsx\";\n\nimport Icon from \"@cloudscape-design/components/icon\";\n\nimport Handle from \"../handle\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface ResizeHandleProps {\n  ariaLabelledBy: string;\n  ariaDescribedBy: string;\n  onPointerDown: (event: PointerEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n  isActive: boolean;\n}\n\nexport default function ResizeHandle({\n  ariaLabelledBy,\n  ariaDescribedBy,\n  onPointerDown,\n  onKeyDown,\n  isActive,\n}: ResizeHandleProps) {\n  return (\n    <Handle\n      className={clsx(styles.handle, isActive && styles.active)}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n    >\n      <Icon name=\"resize-area\" />\n    </Handle>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/resize-handle/index.tsx"],"names":[],"mappings":";AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,kBAAkB,GAEnB,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAqB,MAAM,mBAAmB,CAAC;AAE5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAY3D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,eAAe,EACf,aAAa,EACb,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,uBAAuB,GACL;IAClB,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,WAAW,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,EAC1C,WAAW,KAAK,KAAK,IAAI,eAAe,CAAC,YAAY,CAAC,CACvD,EACD,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAC,aAAa,EACrB,WAAW,EAAE,uBAAuB,EACpC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE;YACV,aAAa,EAAE,QAAQ;YACvB,WAAW,EAAE,QAAQ;YACrB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,QAAQ;SACvB,EACD,WAAW,EAAC,mBAAmB,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,IAAI,EACvB,kBAAkB,EAAE,oBAAoB,GACxC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyboardEvent, PointerEvent } from \"react\";\nimport clsx from \"clsx\";\n\nimport {\n  InternalDragHandle,\n  InternalDragHandleProps,\n} from \"@cloudscape-design/components/internal/do-not-use/drag-handle\";\n\nimport { CLICK_DRAG_THRESHOLD, HandleActiveState } from \"../item-container\";\n\nimport styles from \"./styles.css.js\";\nimport testUtilsStyles from \"./test-classes/styles.css.js\";\n\nexport interface ResizeHandleProps {\n  ariaLabelledBy: string;\n  ariaDescribedBy: string;\n  onPointerDown: (event: PointerEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n  activeState: HandleActiveState;\n  onDirectionClick: InternalDragHandleProps[\"onDirectionClick\"];\n  resizeHandleTooltipText?: string;\n}\n\nexport default function ResizeHandle({\n  ariaLabelledBy,\n  ariaDescribedBy,\n  onPointerDown,\n  onKeyDown,\n  activeState,\n  onDirectionClick,\n  resizeHandleTooltipText,\n}: ResizeHandleProps) {\n  return (\n    <InternalDragHandle\n      className={clsx(\n        styles.handle,\n        activeState === \"pointer\" && styles.active,\n        activeState === \"uap\" && testUtilsStyles[\"active-uap\"],\n      )}\n      ariaLabelledBy={ariaLabelledBy}\n      ariaDescribedby={ariaDescribedBy}\n      variant=\"resize-area\"\n      tooltipText={resizeHandleTooltipText}\n      onKeyDown={onKeyDown}\n      onPointerDown={onPointerDown}\n      directions={{\n        \"block-start\": \"active\",\n        \"block-end\": \"active\",\n        \"inline-start\": \"active\",\n        \"inline-end\": \"active\",\n      }}\n      triggerMode=\"keyboard-activate\"\n      onDirectionClick={onDirectionClick}\n      hideButtonsOnDrag={true}\n      clickDragThreshold={CLICK_DRAG_THRESHOLD}\n    />\n  );\n}\n"]}

package/internal/resize-handle/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "handle": "awsui_handle_19hnz_8g3od_9",
-  "active": "awsui_active_19hnz_8g3od_16"
+  "handle": "awsui_handle_19hnz_1atim_9",
+  "active": "awsui_active_19hnz_1atim_26"
 };
   

package/internal/resize-handle/styles.scoped.css

@@ -6,32 +6,23 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_handle_19hnz_8g3od_9:not(#\9) {
+.awsui_handle_19hnz_1atim_9:not(#\9) {
   cursor: nwse-resize;
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-inline: var(--space-scaled-xxs-pfm1nx, 4px);
+  block-size: auto;
+  color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_handle_19hnz_8g3od_9:not(#\9):dir(rtl) {
-  cursor: nesw-resize;
-}
-
-.awsui_handle_19hnz_8g3od_9:not(#\9):not(.awsui_active_19hnz_8g3od_16):focus-visible {
-  position: relative;
-  box-sizing: border-box;
-  outline: 2px dotted transparent;
-  outline-offset: 3px;
+.awsui_handle_19hnz_1atim_9:not(#\9):hover {
+  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_handle_19hnz_8g3od_9:not(#\9):not(.awsui_active_19hnz_8g3od_16):focus-visible::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  box-sizing: border-box;
-  inset-inline-start: calc(-1 * 4px);
-  inset-block-start: calc(-1 * 4px);
-  inline-size: calc(100% + 2 * 4px);
-  block-size: calc(100% + 2 * 4px);
-  border-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border: 2px solid var(--color-border-item-focused-uk47pl, #006ce0);
+.awsui_handle_19hnz_1atim_9:not(#\9):dir(rtl) {
+  cursor: nesw-resize;
 }
 
-.awsui_active_19hnz_8g3od_16:not(#\9) {
+.awsui_active_19hnz_1atim_26:not(#\9) {
   outline: none;
 }

package/internal/resize-handle/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "handle": "awsui_handle_19hnz_8g3od_9",
-  "active": "awsui_active_19hnz_8g3od_16"
+  "handle": "awsui_handle_19hnz_1atim_9",
+  "active": "awsui_active_19hnz_1atim_26"
 };
   

package/internal/resize-handle/test-classes/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "active-uap": "awsui_active-uap_12jti_1lr5y_5"
+};
+  

package/internal/resize-handle/test-classes/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_active-uap_12jti_1lr5y_5:not(#\9) {
+  /* used in test-utils */
+}

package/internal/resize-handle/test-classes/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "active-uap": "awsui_active-uap_12jti_1lr5y_5"
+};
+  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/board-components",
-  "version": "3.0.111",
+  "version": "3.0.112",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/board-components.git"

package/internal/handle/index.d.ts

@@ -1,3 +0,0 @@
-import { ButtonHTMLAttributes } from "react";
-declare const _default: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-export default _default;

package/internal/handle/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { forwardRef } from "react";
-import clsx from "clsx";
-import styles from "./styles.css.js";
-function Handle(props, ref) {
-    function handlePointerDown(event) {
-        var _a;
-        if (event.button !== 0) {
-            return;
-        }
-        (_a = props.onPointerDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    }
-    return (_jsx("button", { ...props, onPointerDown: handlePointerDown, className: clsx(styles.handle, props.className), ref: ref }));
-}
-export default forwardRef(Handle);
-//# sourceMappingURL=index.js.map

package/internal/handle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/handle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAsC,UAAU,EAAgB,MAAM,OAAO,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,SAAS,MAAM,CAAC,KAA8C,EAAE,GAAoC;IAClG,SAAS,iBAAiB,CAAC,KAAsC;;QAC/D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO;SACR;QACD,MAAA,KAAK,CAAC,aAAa,sDAAG,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,oBAAY,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CACnH,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonHTMLAttributes, ForwardedRef, forwardRef, PointerEvent } from \"react\";\nimport clsx from \"clsx\";\n\nimport styles from \"./styles.css.js\";\n\nfunction Handle(props: ButtonHTMLAttributes<HTMLButtonElement>, ref: ForwardedRef<HTMLButtonElement>) {\n  function handlePointerDown(event: PointerEvent<HTMLButtonElement>) {\n    if (event.button !== 0) {\n      return;\n    }\n    props.onPointerDown?.(event);\n  }\n\n  return (\n    <button {...props} onPointerDown={handlePointerDown} className={clsx(styles.handle, props.className)} ref={ref} />\n  );\n}\n\nexport default forwardRef(Handle);\n"]}

package/internal/handle/styles.scoped.css

@@ -1,15 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_handle_cc1pu_hbgxa_5:not(#\9) {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
-  padding-inline: var(--space-scaled-xxs-pfm1nx, 4px);
-  color: var(--color-text-interactive-default-ugh9wp, #424650);
-}
-.awsui_handle_cc1pu_hbgxa_5:not(#\9):hover {
-  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
-}