@baseline-ui/icons 0.5.0 → 0.5.1

package/License.md

@@ -0,0 +1,5 @@
+## PSPDFKit for Web License Agreement
+
+Please refer to our website to read our evaluation license terms and conditions for PSPDFKit for Web:
+
+https://pspdfkit.com/legal/License.pdf

package/dist/12/index.d.mts

@@ -0,0 +1,47 @@
+import { S as SVGRProps } from "../Icon.types-6dbe6c2c.js";
+import { SVGProps } from "react";
+
+declare const SvgCaretLeftIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCaretRightIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCheckmarkIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgEllipseIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgMinusIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgXIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+export {
+  SvgCaretLeftIcon as CaretLeftIcon,
+  SvgCaretRightIcon as CaretRightIcon,
+  SvgCheckmarkIcon as CheckmarkIcon,
+  SvgEllipseIcon as EllipseIcon,
+  SvgMinusIcon as MinusIcon,
+  SvgXIcon as XIcon,
+};

package/dist/12/index.d.ts

@@ -0,0 +1,47 @@
+import { S as SVGRProps } from "../Icon.types-6dbe6c2c.js";
+import { SVGProps } from "react";
+
+declare const SvgCaretLeftIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCaretRightIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCheckmarkIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgEllipseIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgMinusIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgXIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+export {
+  SvgCaretLeftIcon as CaretLeftIcon,
+  SvgCaretRightIcon as CaretRightIcon,
+  SvgCheckmarkIcon as CheckmarkIcon,
+  SvgEllipseIcon as EllipseIcon,
+  SvgMinusIcon as MinusIcon,
+  SvgXIcon as XIcon,
+};

package/dist/12/index.js

@@ -0,0 +1,224 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if ((from && typeof from === "object") || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, {
+          get: () => from[key],
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
+        });
+  }
+  return to;
+};
+var __toCommonJS = (mod) =>
+  __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/12/index.ts
+var __exports = {};
+__export(__exports, {
+  CaretLeftIcon: () => CaretLeftIcon_default,
+  CaretRightIcon: () => CaretRightIcon_default,
+  CheckmarkIcon: () => CheckmarkIcon_default,
+  EllipseIcon: () => EllipseIcon_default,
+  MinusIcon: () => MinusIcon_default,
+  XIcon: () => XIcon_default,
+});
+module.exports = __toCommonJS(__exports);
+
+// src/12/CaretLeftIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgCaretLeftIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M8.03 9.53a.75.75 0 0 0 0-1.06L5.56 6l2.47-2.47a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var CaretLeftIcon_default = SvgCaretLeftIcon;
+
+// src/12/CaretRightIcon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SvgCaretRightIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M3.97 2.47a.75.75 0 0 0 0 1.06L6.44 6 3.97 8.47a.75.75 0 0 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var CaretRightIcon_default = SvgCaretRightIcon;
+
+// src/12/CheckmarkIcon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SvgCheckmarkIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", {
+        clipPath: "url(#checkmark-icon_svg__a)",
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M11.03 2.845a.75.75 0 0 1 0 1.06l-6.53 6.53-3.53-3.53a.75.75 0 0 1 1.06-1.06l2.47 2.47 5.47-5.47a.75.75 0 0 1 1.06 0Z",
+          clipRule: "evenodd",
+        }),
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("clipPath", {
+          id: "checkmark-icon_svg__a",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", {
+            fill: "#fff",
+            d: "M0 0h12v12H0z",
+          }),
+        }),
+      }),
+    ],
+  });
+var CheckmarkIcon_default = SvgCheckmarkIcon;
+
+// src/12/EllipseIcon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SvgEllipseIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M6 10.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var EllipseIcon_default = SvgEllipseIcon;
+
+// src/12/MinusIcon.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var SvgMinusIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.75 6a.75.75 0 0 1-.75.75H1a.75.75 0 0 1 0-1.5h10a.75.75 0 0 1 .75.75Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var MinusIcon_default = SvgMinusIcon;
+
+// src/12/XIcon.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SvgXIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", {
+            id: titleId,
+            children: title,
+          })
+        : null,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M10.243 1.757a.75.75 0 0 1 0 1.061L7.061 6l3.182 3.182a.75.75 0 0 1-1.06 1.06L6 7.062l-3.182 3.182a.75.75 0 1 1-1.06-1.061L4.94 6 1.758 2.818a.75.75 0 1 1 1.06-1.06L6 4.938l3.182-3.182a.75.75 0 0 1 1.061 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var XIcon_default = SvgXIcon;
+// Annotate the CommonJS export names for ESM import in node:
+0 &&
+  (module.exports = {
+    CaretLeftIcon,
+    CaretRightIcon,
+    CheckmarkIcon,
+    EllipseIcon,
+    MinusIcon,
+    XIcon,
+  });

package/dist/12/index.mjs

@@ -0,0 +1,169 @@
+// src/12/CaretLeftIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SvgCaretLeftIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M8.03 9.53a.75.75 0 0 0 0-1.06L5.56 6l2.47-2.47a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var CaretLeftIcon_default = SvgCaretLeftIcon;
+
+// src/12/CaretRightIcon.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgCaretRightIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs2("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx2("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx2("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M3.97 2.47a.75.75 0 0 0 0 1.06L6.44 6 3.97 8.47a.75.75 0 0 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var CaretRightIcon_default = SvgCaretRightIcon;
+
+// src/12/CheckmarkIcon.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SvgCheckmarkIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs3("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx3("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx3("g", {
+        clipPath: "url(#checkmark-icon_svg__a)",
+        children: /* @__PURE__ */ jsx3("path", {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M11.03 2.845a.75.75 0 0 1 0 1.06l-6.53 6.53-3.53-3.53a.75.75 0 0 1 1.06-1.06l2.47 2.47 5.47-5.47a.75.75 0 0 1 1.06 0Z",
+          clipRule: "evenodd",
+        }),
+      }),
+      /* @__PURE__ */ jsx3("defs", {
+        children: /* @__PURE__ */ jsx3("clipPath", {
+          id: "checkmark-icon_svg__a",
+          children: /* @__PURE__ */ jsx3("path", {
+            fill: "#fff",
+            d: "M0 0h12v12H0z",
+          }),
+        }),
+      }),
+    ],
+  });
+var CheckmarkIcon_default = SvgCheckmarkIcon;
+
+// src/12/EllipseIcon.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SvgEllipseIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs4("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx4("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M6 10.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var EllipseIcon_default = SvgEllipseIcon;
+
+// src/12/MinusIcon.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var SvgMinusIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs5("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx5("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.75 6a.75.75 0 0 1-.75.75H1a.75.75 0 0 1 0-1.5h10a.75.75 0 0 1 .75.75Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var MinusIcon_default = SvgMinusIcon;
+
+// src/12/XIcon.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SvgXIcon = ({ title, titleId, ...props }) =>
+  /* @__PURE__ */ jsxs6("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.size || "1em",
+    height: props.size || "1em",
+    fill: "none",
+    viewBox: "0 0 12 12",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title
+        ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title })
+        : null,
+      /* @__PURE__ */ jsx6("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M10.243 1.757a.75.75 0 0 1 0 1.061L7.061 6l3.182 3.182a.75.75 0 0 1-1.06 1.06L6 7.062l-3.182 3.182a.75.75 0 1 1-1.06-1.061L4.94 6 1.758 2.818a.75.75 0 1 1 1.06-1.06L6 4.938l3.182-3.182a.75.75 0 0 1 1.061 0Z",
+        clipRule: "evenodd",
+      }),
+    ],
+  });
+var XIcon_default = SvgXIcon;
+export {
+  CaretLeftIcon_default as CaretLeftIcon,
+  CaretRightIcon_default as CaretRightIcon,
+  CheckmarkIcon_default as CheckmarkIcon,
+  EllipseIcon_default as EllipseIcon,
+  MinusIcon_default as MinusIcon,
+  XIcon_default as XIcon,
+};

package/dist/16/index.d.mts

@@ -0,0 +1,138 @@
+import { S as SVGRProps } from "../Icon.types-6dbe6c2c.js";
+import { SVGProps } from "react";
+
+declare const SvgAvatarIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCaretLeftIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCaretRightIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCheckFilledIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCheckmarkIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgCloseIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgEllipseIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgErrorAltFilledIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgErrorFilledIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgInfoFilledIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgMinusIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgNoneIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgPlusIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgReadOnlyIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgRedoIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgTrashIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgUndoIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgWarningFilledIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+declare const SvgXIcon: ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => any;
+
+export {
+  SvgAvatarIcon as AvatarIcon,
+  SvgCaretLeftIcon as CaretLeftIcon,
+  SvgCaretRightIcon as CaretRightIcon,
+  SvgCheckFilledIcon as CheckFilledIcon,
+  SvgCheckmarkIcon as CheckmarkIcon,
+  SvgCloseIcon as CloseIcon,
+  SvgEllipseIcon as EllipseIcon,
+  SvgErrorAltFilledIcon as ErrorAltFilledIcon,
+  SvgErrorFilledIcon as ErrorFilledIcon,
+  SvgInfoFilledIcon as InfoFilledIcon,
+  SvgMinusIcon as MinusIcon,
+  SvgNoneIcon as NoneIcon,
+  SvgPlusIcon as PlusIcon,
+  SvgReadOnlyIcon as ReadOnlyIcon,
+  SvgRedoIcon as RedoIcon,
+  SvgTrashIcon as TrashIcon,
+  SvgUndoIcon as UndoIcon,
+  SvgWarningFilledIcon as WarningFilledIcon,
+  SvgXIcon as XIcon,
+};