tmp/webapp-docs/frontend/components/manage/icons.js

import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
/**
 * Small (15px) monochrome icons for the Manage tree — caret, gear, edit, refresh, restore, trash.
 * @module gui/components/manage/icons
 */

const ico = {
  width: 15,
  height: 15,
  viewBox: "0 0 24 24",
  fill: "none",
  stroke: "currentColor",
  strokeWidth: 2,
  strokeLinecap: "round",
  strokeLinejoin: "round"
};
export const Caret = ({
  open
}) => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  width: 13,
  height: 13,
  style: {
    transform: open ? "rotate(90deg)" : "none"
  },
  "aria-hidden": "true",
  children: /*#__PURE__*/_jsxDEV("polyline", {
    points: "9 6 15 12 9 18"
  }, void 0, false)
}, void 0, false);
export const GearIcon = () => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  "aria-hidden": "true",
  children: [/*#__PURE__*/_jsxDEV("circle", {
    cx: "12",
    cy: "12",
    r: "3"
  }, void 0, false), /*#__PURE__*/_jsxDEV("path", {
    d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"
  }, void 0, false)]
}, void 0, true);
export const EditIcon = () => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  "aria-hidden": "true",
  children: [/*#__PURE__*/_jsxDEV("path", {
    d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
  }, void 0, false), /*#__PURE__*/_jsxDEV("path", {
    d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4z"
  }, void 0, false)]
}, void 0, true);
export const RefreshIcon = () => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  "aria-hidden": "true",
  children: [/*#__PURE__*/_jsxDEV("polyline", {
    points: "23 4 23 10 17 10"
  }, void 0, false), /*#__PURE__*/_jsxDEV("polyline", {
    points: "1 20 1 14 7 14"
  }, void 0, false), /*#__PURE__*/_jsxDEV("path", {
    d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"
  }, void 0, false)]
}, void 0, true);
export const RestoreIcon = () => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  "aria-hidden": "true",
  children: [/*#__PURE__*/_jsxDEV("path", {
    d: "M21 12a9 9 0 1 1-3-6.7L21 8"
  }, void 0, false), /*#__PURE__*/_jsxDEV("polyline", {
    points: "21 3 21 8 16 8"
  }, void 0, false)]
}, void 0, true);
export const TrashIcon = () => /*#__PURE__*/_jsxDEV("svg", {
  ...ico,
  "aria-hidden": "true",
  children: [/*#__PURE__*/_jsxDEV("polyline", {
    points: "3 6 5 6 21 6"
  }, void 0, false), /*#__PURE__*/_jsxDEV("path", {
    d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
  }, void 0, false)]
}, void 0, true);