@nstc-design/icons 0.0.1

package/dist/vue/icons/IconDemoDownload.js

@@ -0,0 +1,36 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+/** @deprecated */
+export const IconDemoDownload = defineComponent({
+  name: "IconDemoDownload",
+  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 = { "viewBox": "0 0 24 24" };
+      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": "M12 3v12m-5-5 5 5 5-5M4 21h16" })]);
+      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/IconDemoHome.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 IconDemoHome: DefineComponent<IconProps>;

package/dist/vue/icons/IconDemoHome.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 IconDemoHome = defineComponent({
+  name: "IconDemoHome",
+  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 = { "viewBox": "0 0 24 24" };
+      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": "m3 11 9-8 9 8v10h-6v-6H9v6H3Z" })]);
+      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/IconDemoSearch.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 IconDemoSearch: DefineComponent<IconProps>;

package/dist/vue/icons/IconDemoSearch.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 IconDemoSearch = defineComponent({
+  name: "IconDemoSearch",
+  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 = { "viewBox": "0 0 24 24" };
+      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("circle", { "cx": "10", "cy": "10", "r": "6" }), h("path", { "d": "m15 15 6 6" })]);
+      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/IconDemoSettings.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 IconDemoSettings: DefineComponent<IconProps>;

package/dist/vue/icons/IconDemoSettings.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 IconDemoSettings = defineComponent({
+  name: "IconDemoSettings",
+  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 = { "viewBox": "0 0 24 24" };
+      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("circle", { "cx": "12", "cy": "12", "r": "3" }), h("path", { "d": "M12 2v4m0 12v4M2 12h4m12 0h4M5 5l3 3m8 8 3 3m0-14-3 3m-8 8-3 3" })]);
+      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/IconDemoUpload.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 IconDemoUpload: DefineComponent<IconProps>;

package/dist/vue/icons/IconDemoUpload.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 IconDemoUpload = defineComponent({
+  name: "IconDemoUpload",
+  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 = { "viewBox": "0 0 24 24" };
+      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": "M12 17V5m-5 5 5-5 5 5M4 21h16" })]);
+      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/IconDemoUser.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 IconDemoUser: DefineComponent<IconProps>;

package/dist/vue/icons/IconDemoUser.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 IconDemoUser = defineComponent({
+  name: "IconDemoUser",
+  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 = { "viewBox": "0 0 24 24" };
+      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("circle", { "cx": "12", "cy": "8", "r": "4" }), h("path", { "d": "M4 22a8 8 0 0 1 16 0" })]);
+      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/IconExclamation.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 IconExclamation: DefineComponent<IconProps>;

package/dist/vue/icons/IconExclamation.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 IconExclamation = defineComponent({
+  name: "IconExclamation",
+  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": "M23 9h2v21h-2z" }), h("path", { "d": "M23 9h2v21h-2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }), h("path", { "d": "M23 37h2v2h-2z" }), h("path", { "d": "M23 37h2v2h-2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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/IconExclamationCircle.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 IconExclamationCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconExclamationCircle.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 IconExclamationCircle = defineComponent({
+  name: "IconExclamationCircle",
+  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 28V14m0 16v4M6 24c0-9.941 8.059-18 18-18s18 8.059 18 18-8.059 18-18 18S6 33.941 6 24Z" })]);
+      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/IconFaceBookCircleFill.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 IconFaceBookCircleFill: DefineComponent<IconProps>;

package/dist/vue/icons/IconFaceBookCircleFill.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 IconFaceBookCircleFill = defineComponent({
+  name: "IconFaceBookCircleFill",
+  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 1C11.29 1 1 11.29 1 24s10.29 23 23 23 23-10.29 23-23S36.71 1 24 1m6.172 22.88H26.18v14.404h-5.931V23.88H17.22v-4.962h3.027V15.89c0-3.993 1.695-6.414 6.414-6.414h3.993v4.962h-2.421c-1.815 0-1.936.727-1.936 1.936v2.421h4.478l-.605 5.084z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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/IconFacebookSquareFill.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 IconFacebookSquareFill: DefineComponent<IconProps>;

package/dist/vue/icons/IconFacebookSquareFill.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 IconFacebookSquareFill = defineComponent({
+  name: "IconFacebookSquareFill",
+  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": "M43.125 2.475c.6 0 1.2.225 1.688.713.524.487.75 1.012.75 1.612v38.363c0 .6-.263 1.2-.75 1.612-.526.488-1.088.713-1.688.713H32.138V28.913h5.625l.825-6.563h-6.45v-4.275c0-2.137 1.087-3.225 3.3-3.225h3.374V9.263c-1.2-.225-2.85-.338-5.024-.338-2.513 0-4.5.75-6.038 2.25s-2.288 3.675-2.288 6.375v4.8h-5.625v6.563h5.625v16.575h-20.7c-.6 0-1.2-.225-1.612-.713-.487-.487-.712-1.012-.712-1.612V4.8c0-.6.224-1.2.712-1.612.488-.488 1.012-.713 1.613-.713z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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/IconFileExcelColor.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 IconFileExcelColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconFileExcelColor.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 IconFileExcelColor = defineComponent({
+  name: "IconFileExcelColor",
+  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 = { "fill": "none", "viewBox": "0 0 36 36", "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("g", { "clip-path": "url(#file-excel-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#00a98b" : "currentColor" }), h("mask", { "height": "34", "id": "file-excel-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-excel-color_svg__b)" }, [h("g", { "filter": "url(#file-excel-color_svg__c)" }, [h("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#10ceac" : "currentColor" })]), h("path", { "d": "M24.3 22.677 22.677 24.3 11.7 13.324l1.623-1.624zm-8.438-4.168 1.628 1.628-4.162 4.163-1.628-1.628zm8.438-5.181L20.126 17.5 18.5 15.874l4.174-4.174z", "fill": originColor ? "#fff" : "currentColor" })]), h("defs", {  }, [h("clipPath", { "id": "file-excel-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.867", "id": "file-excel-color_svg__c", "width": "20.831", "x": "19.849", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1071" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1071", "result": "shape" })])])]);
+      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/IconFileImageColor.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 IconFileImageColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconFileImageColor.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 IconFileImageColor = defineComponent({
+  name: "IconFileImageColor",
+  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 = { "fill": "none", "viewBox": "0 0 36 36", "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("g", { "clip-path": "url(#file-image-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#f1c44b" : "currentColor" }), h("mask", { "height": "34", "id": "file-image-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-image-color_svg__b)" }, [h("g", { "filter": "url(#file-image-color_svg__c)" }, [h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#ffd973" : "currentColor" })]), h("mask", { "height": "34", "id": "file-image-color_svg__d", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-image-color_svg__d)" }, [h("path", { "d": "M22.641 22.648H11.54c-.053 0-.096-.046-.096-.103v-2.312q0-.03.014-.054l3.305-5.954a.092.092 0 0 1 .157-.012l4.5 5.917c.032.042.088.05.13.02l3.042-2.277c.063-.048.15.001.15.085l-.003 4.587c0 .057-.044.103-.097.103m1.042-8.473c0 1.476-1.7 2.556-3.25 1.388a.1.1 0 0 1-.022-.022c-1.168-1.55-.088-3.25 1.389-3.25a1.884 1.884 0 0 1 1.883 1.885z", "fill": originColor ? "#fff" : "currentColor" })])]), h("defs", {  }, [h("clipPath", { "id": "file-image-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-image-color_svg__c", "width": "20.606", "x": "19.174", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1073" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1073", "result": "shape" })])])]);
+      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/IconFilePdfColor.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 IconFilePdfColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconFilePdfColor.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 IconFilePdfColor = defineComponent({
+  name: "IconFilePdfColor",
+  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 = { "fill": "none", "viewBox": "0 0 36 36", "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("g", { "clip-path": "url(#file-pdf-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#ff662c" : "currentColor" }), h("mask", { "height": "34", "id": "file-pdf-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-pdf-color_svg__b)" }, [h("g", { "filter": "url(#file-pdf-color_svg__c)" }, [h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#ff7f4e" : "currentColor" })]), h("path", { "d": "M16.805 11.417v2.32l-.004 3.537h.004v2.32l-.004 4.063h-2.945v-12.24zm1.345 0c2.698 0 4.92.954 4.92 3.982 0 2.912-2.255 4.195-4.837 4.195h-.554v-2.32h.405c1.398 0 2.09-.643 2.122-1.79v-.085c0-1.234-.789-1.662-2.204-1.662h-.323v-2.32z", "fill": originColor ? "#fff" : "currentColor" })]), h("defs", {  }, [h("clipPath", { "id": "file-pdf-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-pdf-color_svg__c", "width": "20.606", "x": "19.174", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1074" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1074", "result": "shape" })])])]);
+      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/IconFileUnknownColor.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 IconFileUnknownColor: DefineComponent<IconProps>;