@cloudscape-design/board-components 3.0.8 → 3.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  // SPDX-License-Identifier: Apache-2.0
4
+ import { Icon } from "@cloudscape-design/components";
4
5
  import { forwardRef } from "react";
5
6
  import Handle from "../handle";
6
- import DragHandleIcon from "./icon";
7
7
  import styles from "./styles.css.js";
8
8
  function DragHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown }, ref) {
9
- return (_jsx(Handle, { ref: ref, className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(DragHandleIcon, {}) }));
9
+ return (_jsx(Handle, { ref: ref, className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(Icon, { name: "drag-indicator" }) }));
10
10
  }
11
11
  export default forwardRef(DragHandle);
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "board-components";
2
- export var PACKAGE_VERSION = "3.0.0 (31b6099a)";
2
+ export var PACKAGE_VERSION = "3.0.0 (d7b7a1cf)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "31b6099a5011c31b47bbe5a8ef4e71f19b1ad827"
2
+ "commit": "d7b7a1cf21b47243ecc9d552fc84f09cf70bf951"
3
3
  }
@@ -1,7 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ // SPDX-License-Identifier: Apache-2.0
4
+ import { Icon } from "@cloudscape-design/components";
2
5
  import Handle from "../handle";
3
- import { ResizeHandleIcon } from "./icon";
4
6
  import styles from "./styles.css.js";
5
7
  export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown }) {
6
- return (_jsx(Handle, { className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(ResizeHandleIcon, {}) }));
8
+ return (_jsx(Handle, { className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(Icon, { name: "resize-area" }) }));
7
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/board-components",
3
- "version": "3.0.8",
3
+ "version": "3.0.9",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/cloudscape-design/board-components.git"
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare function DragHandleIcon(): JSX.Element;
3
- declare const _default: import("react").MemoExoticComponent<typeof DragHandleIcon>;
4
- export default _default;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
- // SPDX-License-Identifier: Apache-2.0
4
- import Icon from "@cloudscape-design/components/icon";
5
- import { memo } from "react";
6
- function DragHandleIcon() {
7
- return _jsx(Icon, { svg: _jsx(SVG, {}) });
8
- }
9
- function SVG() {
10
- return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "5.5", cy: "2.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "5.5", cy: "13.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "5.5", cy: "8", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "2.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "13.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "8", r: "0.5", className: "filled", strokeWidth: "2" })] }));
11
- }
12
- export default memo(DragHandleIcon);
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function ResizeHandleIcon(): JSX.Element;
3
- declare const _default: import("react").MemoExoticComponent<typeof ResizeHandleIcon>;
4
- export default _default;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
- // SPDX-License-Identifier: Apache-2.0
4
- import Icon from "@cloudscape-design/components/icon";
5
- import { memo } from "react";
6
- export function ResizeHandleIcon() {
7
- return _jsx(Icon, { svg: _jsx(SVG, {}) });
8
- }
9
- function SVG() {
10
- return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M9.5 14.5L14.5 9.5", strokeWidth: "2" }), _jsx("path", { d: "M4 14.5L14.5 4", strokeWidth: "2" })] }));
11
- }
12
- export default memo(ResizeHandleIcon);