@cerberus-design/react
Version:
The Cerberus Design React component library.
100 lines (97 loc) • 2.44 kB
JavaScript
'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
function CheckmarkIcon() {
return /* @__PURE__ */ jsx(
"svg",
{
"aria-hidden": "true",
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
role: "img",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ jsx(
"path",
{
fill: "currentColor",
d: "M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z"
}
)
}
);
}
function IndeterminateIcon() {
return /* @__PURE__ */ jsx(
"svg",
{
"aria-hidden": "true",
xmlns: "http://www.w3.org/2000/svg",
role: "img",
fill: "none",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
}
);
}
function AnimatedCheckmarkIcon() {
return /* @__PURE__ */ jsx(
"svg",
{
"aria-hidden": "true",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
children: /* @__PURE__ */ jsx(
"path",
{
fill: "none",
stroke: "currentColor",
strokeDasharray: 24,
strokeDashoffset: 24,
strokeLinejoin: "round",
strokeWidth: 2,
d: "M5 11l6 6l10 -10",
children: /* @__PURE__ */ jsx(
"animate",
{
fill: "freeze",
attributeName: "stroke-dashoffset",
dur: "0.28s",
values: "24;0"
}
)
}
)
}
);
}
function CopyIcon() {
return /* @__PURE__ */ jsxs(
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
"aria-hidden": "true",
role: "img",
viewBox: "0 0 32 32",
children: [
/* @__PURE__ */ jsx("title", { children: "copy" }),
/* @__PURE__ */ jsx(
"path",
{
d: "M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2",
fill: "currentColor"
}
),
/* @__PURE__ */ jsx("path", { d: "M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z", fill: "currentColor" }),
/* @__PURE__ */ jsx(
"path",
{
fill: "none",
d: "M0 0h32v32H0z",
"data-name": "<Transparent Rectangle>"
}
)
]
}
);
}
export { AnimatedCheckmarkIcon, CheckmarkIcon, CopyIcon, IndeterminateIcon };