@nstc-design/icons 0.0.1

package/dist/react/icons/IconTiktokColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconTiktokColor = forwardRef(function IconTiktokColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M928 310.4v148.8c-8 0-17.6 1.6-27.2 1.6-72 0-139.2-27.2-190.4-70.4v316.8c0 64-20.8 124.8-57.6 172.8-51.2 68.8-134.4 115.2-228.8 115.2-102.4 0-192-54.4-241.6-134.4 51.2 48 120 78.4 195.2 78.4 92.8 0 176-44.8 227.2-115.2 35.2-48 57.6-107.2 57.6-172.8V332.8c51.2 44.8 116.8 70.4 190.4 70.4 9.6 0 17.6 0 27.2-1.6v-96c14.4 3.2 27.2 4.8 41.6 4.8z", "fill": originColor ? "#ff004f" : "currentColor" }), createElement("path", { "d": "M464 420.8v164.8c-11.2-3.2-24-4.8-35.2-4.8-70.4 0-128 59.2-128 131.2 0 16 3.2 30.4 8 44.8-32-24-54.4-62.4-54.4-105.6 0-72 57.6-131.2 128-131.2 12.8 0 24 1.6 35.2 4.8V419.2h9.6c12.8 0 25.6 0 36.8 1.6M734.4 192c-28.8-25.6-49.6-60.8-60.8-97.6H712v22.4c3.2 25.6 11.2 51.2 22.4 75.2", "fill": originColor ? "#ff004f" : "currentColor" }), createElement("path", { "d": "M881.6 307.2v96c-8 1.6-17.6 1.6-27.2 1.6-72 0-139.2-27.2-190.4-70.4v316.8c0 64-20.8 124.8-57.6 172.8-52.8 70.4-134.4 115.2-227.2 115.2-75.2 0-144-30.4-195.2-78.4-27.2-44.8-43.2-96-43.2-152 0-155.2 123.2-281.6 276.8-286.4V528c-11.2-3.2-24-4.8-35.2-4.8-70.4 0-128 59.2-128 131.2 0 43.2 20.8 83.2 54.4 105.6 17.6 49.6 65.6 86.4 120 86.4 70.4 0 128-59.2 128-131.2V94.4h116.8c11.2 38.4 32 72 60.8 97.6 28.8 57.6 83.2 100.8 147.2 115.2" }), createElement("path", { "d": "M417.6 364.8v54.4C264 424 140.8 550.4 140.8 705.6c0 56 16 107.2 43.2 152-54.4-52.8-88-126.4-88-209.6 0-158.4 128-286.4 284.8-286.4 12.8 0 25.6 1.6 36.8 3.2", "fill": originColor ? "#00f7ef" : "currentColor" }), createElement("path", { "d": "M673.6 94.4H556.8V712c0 72-57.6 131.2-128 131.2-56 0-102.4-35.2-120-86.4 20.8 14.4 46.4 24 73.6 24 70.4 0 128-57.6 128-129.6V32h155.2v3.2c0 6.4 0 12.8 1.6 19.2 0 12.8 3.2 27.2 6.4 40m208 153.6v57.6c-64-12.8-118.4-56-148.8-113.6 40 36.8 91.2 57.6 148.8 56", "fill": originColor ? "#00f7ef" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconTwitterCircleFill.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconTwitterCircleFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconTwitterCircleFill.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconTwitterCircleFill = forwardRef(function IconTwitterCircleFill(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M24 1C11.297 1 1 11.297 1 24s10.297 23 23 23 23-10.297 23-23S36.703 1 24 1m11.698 18.592c-.13 9.818-6.408 16.542-15.78 16.965-3.864.176-6.664-1.072-9.1-2.62 2.855.456 6.397-.686 8.292-2.307-2.8-.273-4.458-1.698-5.233-3.991.808.14 1.66.103 2.43-.06-2.527-.846-4.331-2.407-4.424-5.68.709.323 1.448.626 2.43.686-1.891-1.075-3.29-5.007-1.688-7.607 2.806 3.076 6.182 5.586 11.724 5.926-1.391-5.949 6.492-9.175 9.791-5.177 1.395-.27 2.53-.799 3.622-1.374-.45 1.381-1.315 2.347-2.37 3.119 1.158-.157 2.184-.44 3.06-.872-.544 1.128-1.732 2.14-2.754 2.992", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconWeiboCircleFill.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconWeiboCircleFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconWeiboCircleFill.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconWeiboCircleFill = forwardRef(function IconWeiboCircleFill(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M24 47a23 23 0 1 1 23-23 22.99 22.99 0 0 1-23 23m1.276-26.994c-.544.063-2.259 1.171-1.297-1.108C25 15 20.235 15.293 17.874 16.16A23.78 23.78 0 0 0 7.649 27.283c-2.007 6.419 5.018 10.329 10.246 11.123 5.227.795 13.068-.502 16.622-4.85 2.635-3.179 3.137-7.507-1.84-8.761-1.651-.398-.69-1.088-.271-2.259a2.775 2.775 0 0 0-2.175-3.24 2 2 0 0 0-.335-.042 12.5 12.5 0 0 0-4.62.752m7.004-3.889a2.33 2.33 0 0 0-1.903.544c-.377.339-.418 1.338.962 1.652q.688.032 1.36.188a1.836 1.836 0 0 1 1.233 2.07c-.21 1.924.878 2.237 1.652 1.714a1.65 1.65 0 0 0 .627-1.338 4.117 4.117 0 0 0-3.325-4.767c-.042-.008-.61-.063-.606-.063m7.423.084a8.41 8.41 0 0 0-6.838-4.6c-1.129-.126-3.512-.397-3.784 1.15a1.17 1.17 0 0 0 .857 1.4c.042 0 .084.022.126.022q.786.03 1.568-.063a6.48 6.48 0 0 1 6.524 6.44q0 .45-.063.9c-.063.355-.105.71-.147 1.066A1.277 1.277 0 0 0 38.93 24a1.255 1.255 0 0 0 1.338-.648c.71-2.373.501-4.926-.585-7.151zM21.616 36.44c-5.457.69-10.245-1.673-10.684-5.27-.44-3.595 3.575-7.066 9.033-7.756s10.245 1.672 10.705 5.269c.46 3.596-3.617 7.088-9.074 7.757zm-1.484-10.266a5.18 5.18 0 0 0-5.353 4.913 4.66 4.66 0 0 0 4.935 4.391q.21-.005.418-.042a5.503 5.503 0 0 0 5.185-5.143 4.47 4.47 0 0 0-4.746-4.182zm1.003 4.244a.67.67 0 0 1-.773-.544v-.083a.76.76 0 0 1 .774-.711.64.64 0 0 1 .731.544.08.08 0 0 1 .021.062.81.81 0 0 1-.753.732m-2.78 2.781a1.65 1.65 0 0 1-1.861-1.422.3.3 0 0 1-.021-.125 1.844 1.844 0 0 1 1.882-1.736 1.56 1.56 0 0 1 1.819 1.297.5.5 0 0 1 .02.167 1.96 1.96 0 0 1-1.84 1.819", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconXiguaColor.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconXiguaColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconXiguaColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconXiguaColor = forwardRef(function IconXiguaColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M381.968 38.684c-202.85 54.614-351.085 232.757-371.89 446.01C-.326 590.018 28.281 630.328 140.108 668.037c104.026 33.808 176.843 101.425 209.351 189.846 40.31 115.729 44.211 122.23 91.023 144.336 40.31 19.504 58.514 19.504 131.332 7.802 211.951-36.41 362.788-171.642 416.101-374.492C1059.434 368.965 882.59 90.697 605.623 32.183 517.2 13.978 470.39 15.279 381.968 38.684m176.843 322.48c158.64 74.117 201.55 158.638 119.63 237.957-102.725 97.524-240.56 136.534-291.271 80.62-20.806-23.406-24.707-48.112-24.707-161.24s3.901-137.833 24.707-161.239c32.507-36.409 88.421-35.108 171.641 3.901", "fill": originColor ? "#fe163e" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/index.d.ts

@@ -0,0 +1,40 @@
+export { IconBytedanceColor } from "./icons/IconBytedanceColor.js";
+export { IconCheck } from "./icons/IconCheck.js";
+export { IconCheckCircle } from "./icons/IconCheckCircle.js";
+export { IconCheckSquare } from "./icons/IconCheckSquare.js";
+export { IconClockCircle } from "./icons/IconClockCircle.js";
+export { IconClose } from "./icons/IconClose.js";
+export { IconCloseCircle } from "./icons/IconCloseCircle.js";
+/** @deprecated */
+export { IconDemoDownload } from "./icons/IconDemoDownload.js";
+export { IconDemoHome } from "./icons/IconDemoHome.js";
+export { IconDemoSearch } from "./icons/IconDemoSearch.js";
+export { IconDemoSettings } from "./icons/IconDemoSettings.js";
+export { IconDemoUpload } from "./icons/IconDemoUpload.js";
+export { IconDemoUser } from "./icons/IconDemoUser.js";
+export { IconExclamation } from "./icons/IconExclamation.js";
+export { IconExclamationCircle } from "./icons/IconExclamationCircle.js";
+export { IconFaceBookCircleFill } from "./icons/IconFaceBookCircleFill.js";
+export { IconFacebookSquareFill } from "./icons/IconFacebookSquareFill.js";
+export { IconFileExcelColor } from "./icons/IconFileExcelColor.js";
+export { IconFileImageColor } from "./icons/IconFileImageColor.js";
+export { IconFilePdfColor } from "./icons/IconFilePdfColor.js";
+export { IconFileUnknownColor } from "./icons/IconFileUnknownColor.js";
+export { IconFileWordColor } from "./icons/IconFileWordColor.js";
+export { IconFileZipColor } from "./icons/IconFileZipColor.js";
+export { IconGoogleCircleFill } from "./icons/IconGoogleCircleFill.js";
+export { IconInfo } from "./icons/IconInfo.js";
+export { IconInfoCircle } from "./icons/IconInfoCircle.js";
+export { IconLarkColor } from "./icons/IconLarkColor.js";
+export { IconMinus } from "./icons/IconMinus.js";
+export { IconMinusCircle } from "./icons/IconMinusCircle.js";
+export { IconPlus } from "./icons/IconPlus.js";
+export { IconPlusCircle } from "./icons/IconPlusCircle.js";
+export { IconQqCircleFill } from "./icons/IconQqCircleFill.js";
+export { IconQuestion } from "./icons/IconQuestion.js";
+export { IconQuestionCircle } from "./icons/IconQuestionCircle.js";
+export { IconStop } from "./icons/IconStop.js";
+export { IconTiktokColor } from "./icons/IconTiktokColor.js";
+export { IconTwitterCircleFill } from "./icons/IconTwitterCircleFill.js";
+export { IconWeiboCircleFill } from "./icons/IconWeiboCircleFill.js";
+export { IconXiguaColor } from "./icons/IconXiguaColor.js";

package/dist/react/index.js

@@ -0,0 +1,41 @@
+import "../style.css";
+export { IconBytedanceColor } from "./icons/IconBytedanceColor.js";
+export { IconCheck } from "./icons/IconCheck.js";
+export { IconCheckCircle } from "./icons/IconCheckCircle.js";
+export { IconCheckSquare } from "./icons/IconCheckSquare.js";
+export { IconClockCircle } from "./icons/IconClockCircle.js";
+export { IconClose } from "./icons/IconClose.js";
+export { IconCloseCircle } from "./icons/IconCloseCircle.js";
+/** @deprecated */
+export { IconDemoDownload } from "./icons/IconDemoDownload.js";
+export { IconDemoHome } from "./icons/IconDemoHome.js";
+export { IconDemoSearch } from "./icons/IconDemoSearch.js";
+export { IconDemoSettings } from "./icons/IconDemoSettings.js";
+export { IconDemoUpload } from "./icons/IconDemoUpload.js";
+export { IconDemoUser } from "./icons/IconDemoUser.js";
+export { IconExclamation } from "./icons/IconExclamation.js";
+export { IconExclamationCircle } from "./icons/IconExclamationCircle.js";
+export { IconFaceBookCircleFill } from "./icons/IconFaceBookCircleFill.js";
+export { IconFacebookSquareFill } from "./icons/IconFacebookSquareFill.js";
+export { IconFileExcelColor } from "./icons/IconFileExcelColor.js";
+export { IconFileImageColor } from "./icons/IconFileImageColor.js";
+export { IconFilePdfColor } from "./icons/IconFilePdfColor.js";
+export { IconFileUnknownColor } from "./icons/IconFileUnknownColor.js";
+export { IconFileWordColor } from "./icons/IconFileWordColor.js";
+export { IconFileZipColor } from "./icons/IconFileZipColor.js";
+export { IconGoogleCircleFill } from "./icons/IconGoogleCircleFill.js";
+export { IconInfo } from "./icons/IconInfo.js";
+export { IconInfoCircle } from "./icons/IconInfoCircle.js";
+export { IconLarkColor } from "./icons/IconLarkColor.js";
+export { IconMinus } from "./icons/IconMinus.js";
+export { IconMinusCircle } from "./icons/IconMinusCircle.js";
+export { IconPlus } from "./icons/IconPlus.js";
+export { IconPlusCircle } from "./icons/IconPlusCircle.js";
+export { IconQqCircleFill } from "./icons/IconQqCircleFill.js";
+export { IconQuestion } from "./icons/IconQuestion.js";
+export { IconQuestionCircle } from "./icons/IconQuestionCircle.js";
+export { IconStop } from "./icons/IconStop.js";
+export { IconTiktokColor } from "./icons/IconTiktokColor.js";
+export { IconTwitterCircleFill } from "./icons/IconTwitterCircleFill.js";
+export { IconWeiboCircleFill } from "./icons/IconWeiboCircleFill.js";
+export { IconXiguaColor } from "./icons/IconXiguaColor.js";

package/dist/style.css

@@ -0,0 +1 @@
+.nstc-icon-button{appearance:none;border:0;margin:0;padding:var(--nstc-icon-button-padding,6px);min-width:32px;min-height:32px;border-radius:var(--nstc-icon-button-radius,6px);background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--nstc-icon-button-duration,150ms),color var(--nstc-icon-button-duration,150ms)}.nstc-icon-button:hover>svg{opacity:var(--nstc-icon-button-hover-opacity,.8)}.nstc-icon-button:active>svg{opacity:var(--nstc-icon-button-active-opacity,.65)}.nstc-icon-button--background:hover{background:var(--nstc-icon-button-hover-background,color-mix(in srgb,currentColor 8%,transparent))}.nstc-icon-button--background:active{background:var(--nstc-icon-button-active-background,color-mix(in srgb,currentColor 14%,transparent))}.nstc-icon-button:focus-visible{outline:var(--nstc-icon-button-focus-ring-width,2px) solid var(--nstc-icon-button-focus-ring,currentColor);outline-offset:2px}.nstc-icon-button:disabled{cursor:default;opacity:.5}.nstc-icon-button:disabled>svg{opacity:1}

package/dist/vue/icons/IconBytedanceColor.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconBytedanceColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconBytedanceColor.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconBytedanceColor = defineComponent({
+  name: "IconBytedanceColor",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M280.416 794.112 128 829.952v-636.32l152.416 35.84z", "fill": originColor ? "#325ab4" : "currentColor" }), h("path", { "d": "M928 828.48 800 864V160l128 35.52z", "fill": originColor ? "#78e6dc" : "currentColor" }), h("path", { "d": "M480 798.304 352 832V480l128 33.696z", "fill": originColor ? "#3c8cff" : "currentColor" }), h("path", { "d": "M576 449.696 704 416v352l-128-33.696z", "fill": originColor ? "#00c8d2" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconCheck.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconCheck: DefineComponent<IconProps>;

package/dist/vue/icons/IconCheck.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheck = defineComponent({
+  name: "IconCheck",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M41.678 11.05 19.05 33.678 6.322 20.95" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconCheckCircle.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconCheckCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconCheckCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheckCircle = defineComponent({
+  name: "IconCheckCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "m15 22 7 7 11.5-11.5M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconCheckSquare.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconCheckSquare: DefineComponent<IconProps>;

package/dist/vue/icons/IconCheckSquare.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheckSquare = defineComponent({
+  name: "IconCheckSquare",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M34.603 16.672 21.168 30.107l-7.778-7.779M8 41h32a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1Z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconClockCircle.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconClockCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconClockCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconClockCircle = defineComponent({
+  name: "IconClockCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconClose.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconClose: DefineComponent<IconProps>;

package/dist/vue/icons/IconClose.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconClose = defineComponent({
+  name: "IconClose",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconCloseCircle.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const IconCloseCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconCloseCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCloseCircle = defineComponent({
+  name: "IconCloseCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "m17.643 17.643 6.364 6.364m0 0 6.364 6.364m-6.364-6.364 6.364-6.364m-6.364 6.364-6.364 6.364M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconDemoDownload.d.ts

@@ -0,0 +1,11 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+/** @deprecated */
+export declare const IconDemoDownload: DefineComponent<IconProps>;