@nstc-design/icons 0.0.3 → 0.0.4

package/packages/vue/icons/IconExclamationCircle.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFaceBookCircleFill.d.ts

@@ -1,10 +0,0 @@
-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/packages/vue/icons/IconFaceBookCircleFill.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFacebookSquareFill.d.ts

@@ -1,10 +0,0 @@
-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/packages/vue/icons/IconFacebookSquareFill.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFileExcelColor.d.ts

@@ -1,10 +0,0 @@
-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/packages/vue/icons/IconFileExcelColor.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFileImageColor.d.ts

@@ -1,10 +0,0 @@
-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/packages/vue/icons/IconFileImageColor.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFilePdfColor.d.ts

@@ -1,10 +0,0 @@
-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/packages/vue/icons/IconFilePdfColor.js

@@ -1,35 +0,0 @@
-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/packages/vue/icons/IconFileUnknownColor.d.ts

@@ -1,10 +0,0 @@
-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>;

package/packages/vue/icons/IconFileUnknownColor.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconFileUnknownColor = defineComponent({
-  name: "IconFileUnknownColor",
-  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-unknown-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 ? "#e5e6eb" : "currentColor" }), h("mask", { "height": "34", "id": "file-unknown-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-unknown-color_svg__b)" }, [h("g", { "filter": "url(#file-unknown-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 ? "#f2f3f5" : "currentColor" })])]), h("defs", {  }, [h("clipPath", { "id": "file-unknown-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-unknown-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("feComposite", { "in2": "hardAlpha", "operator": "out" }), 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_1070" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1070", "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/packages/vue/icons/IconFileWordColor.d.ts

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

package/packages/vue/icons/IconFileWordColor.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconFileWordColor = defineComponent({
-  name: "IconFileWordColor",
-  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-word-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 ? "#007aff" : "currentColor" }), h("mask", { "height": "34", "id": "file-word-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-word-color_svg__b)" }, [h("g", { "filter": "url(#file-word-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 ? "#2e9aff" : "currentColor" })]), h("path", { "d": "M13.591 22.274h3.074l.904-4.507c.153-.792.278-1.627.403-2.405h.07a30 30 0 0 0 .403 2.405l.932 4.506h3.129L24.3 11.927h-2.364l-.668 4.714c-.125 1.07-.264 2.17-.39 3.282h-.069c-.208-1.112-.39-2.225-.598-3.282l-1.084-4.714H17.04l-1.056 4.714a197 197 0 0 0-.613 3.282h-.055l-.417-3.282-.654-4.714H11.7z", "fill": originColor ? "#fff" : "currentColor" })]), h("defs", {  }, [h("clipPath", { "id": "file-word-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-word-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_1075" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1075", "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/packages/vue/icons/IconFileZipColor.d.ts

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

package/packages/vue/icons/IconFileZipColor.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconFileZipColor = defineComponent({
-  name: "IconFileZipColor",
-  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("path", { "clip-rule": "evenodd", "d": "M6.3 1.8h19.368l7.615 7.683V30.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 ? "#1252c2" : "currentColor", "fill-rule": "evenodd" }), h("g", { "filter": "url(#file-zip-color_svg__a)", "transform": "translate(0 -5.76)" }, [h("path", { "d": "M25.64 11.641V7.56l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.64 5.881V1.8l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#629bfe" : "currentColor" }), h("path", { "clip-rule": "evenodd", "d": "M9.69 1.8h3.496v3.497H9.69zm3.496 3.497h3.495v3.497h-3.496zM9.69 8.794h3.496v3.497H9.69zm3.496 3.497h3.495v6.995h-3.496zM9.69 15.79h3.496v3.497H9.69zm0 3.497h3.496v3.497H9.69zm3.496 0h3.495v3.497h-3.496z", "fill": originColor ? "#fff" : "currentColor", "fill-rule": "evenodd" }), h("defs", {  }, [h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-zip-color_svg__a", "width": "20.602", "x": "19.161", "y": "0" }, [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.15 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1072" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1072", "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/packages/vue/icons/IconGoogleCircleFill.d.ts

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

package/packages/vue/icons/IconGoogleCircleFill.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconGoogleCircleFill = defineComponent({
-  name: "IconGoogleCircleFill",
-  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": "M32.571 33.526c-2.084 1.92-4.927 3.05-8.322 3.05a12.57 12.57 0 0 1-12.572-12.577A12.58 12.58 0 0 1 24.25 11.416a12.1 12.1 0 0 1 8.414 3.277L29.061 18.3a6.79 6.79 0 0 0-4.807-1.88c-3.277 0-6.045 2.213-7.037 5.186a7.6 7.6 0 0 0-.394 2.392c0 .833.144 1.638.394 2.391.992 2.973 3.763 5.187 7.032 5.187 1.696 0 3.133-.449 4.254-1.202a5.78 5.78 0 0 0 2.513-3.8h-6.767V21.71h11.844q.226 1.238.227 2.57c0 3.835-1.371 7.055-3.749 9.246M24 1A23 23 0 1 0 24 47 23 23 0 0 0 24 1", "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/packages/vue/icons/IconInfo.d.ts

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

package/packages/vue/icons/IconInfo.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconInfo = defineComponent({
-  name: "IconInfo",
-  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": "M25 39h-2V18h2z" }), h("path", { "d": "M25 39h-2V18h2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }), h("path", { "d": "M25 11h-2V9h2z" }), h("path", { "d": "M25 11h-2V9h2z", "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/packages/vue/icons/IconInfoCircle.d.ts

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

package/packages/vue/icons/IconInfoCircle.js

@@ -1,35 +0,0 @@
-import { defineComponent, h, ref } from "vue";
-
-const toSize = (size) => typeof size === "number" ? `${size}px` : size;
-const joinClassNames = (...values) => values.filter(Boolean).join(" ");
-export const IconInfoCircle = defineComponent({
-  name: "IconInfoCircle",
-  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 20v14m0-16v-4m18 10c0 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/packages/vue/icons/IconLarkColor.d.ts

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