@nstc-design/icons 0.1.0 → 0.2.0

package/packages/vue/icons/CreditRisk.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const CreditRisk = defineComponent({
+  name: "CreditRisk",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M500.48 44.31a42.67 42.67 0 0 1 23.403 0l383.786 109.375a42.67 42.67 0 0 1 30.998 41.046v224.32c0 254.4-166.699 480-413.419 560.213a42.67 42.67 0 0 1-26.368 0C252.075 899.051 85.333 673.408 85.333 418.944V194.731a42.67 42.67 0 0 1 30.976-41.046L500.501 44.31zM170.667 226.922v192c0 211.648 135.466 400.405 338.41 473.642l2.966 1.046 2.986-1.067c200.214-72.256 334.72-256.96 338.24-465.152l.064-8.341V226.944l-341.162-97.259-341.504 97.259zM776.832 371.52 492.395 655.957a42.667 42.667 0 0 1-60.331 0l-142.23-142.229 60.331-60.33L462.208 565.46l254.293-254.293z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/CrossBorderfundsFill.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 CrossBorderfundsFill: DefineComponent<IconProps>;

package/packages/vue/icons/CrossBorderfundsFill.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const CrossBorderfundsFill = defineComponent({
+  name: "CrossBorderfundsFill",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M810.667 554.667C928.49 554.667 1024 650.176 1024 768s-95.51 213.333-213.333 213.333S597.333 885.824 597.333 768s95.51-213.333 213.334-213.333m0 156.8L752.49 653.29l-27.435 27.434 48.512 48.491h-40.47V768h58.24v19.413h-58.24v38.784h58.24v58.155h38.827v-58.176h58.091v-38.763h-58.112V768h58.112v-38.784h-40.47l48.513-48.49-27.456-27.435zm-490.454 13.866c32.896 151.382 101.547 256 191.787 256-182.4 0-340.48-104.042-418.133-256zM597.76 945.707c6.827 8.149 14.101 15.829 21.781 23.146-34.56 8.107-70.528 12.48-107.541 12.48 31.424 0 60.181-12.714 85.76-35.626m-61.163-220.374A281 281 0 0 0 533.333 768c0 36.48 7.04 71.275 19.84 103.168C539.605 887.211 525.632 896 512 896c-37.76 0-78.677-67.37-103.83-170.667zM301.931 426.667A1125 1125 0 0 0 298.667 512c0 44.288 2.56 87.253 7.402 128H60.352a471.96 471.96 0 0 1-9.92-213.333h251.477zm334.378 0a992 992 0 0 1 2.923 123.392A278.5 278.5 0 0 0 564.608 640H392.32A976 976 0 0 1 384 512c0-29.376 1.323-57.941 3.69-85.333zm337.259 0a472 472 0 0 1 6.357 121.706 276.05 276.05 0 0 0-169.258-57.706c-29.803 0-58.518 4.693-85.419 13.397a1126 1126 0 0 0-3.157-77.397zM512 42.667c-98.496 0-171.264 124.608-199.915 298.666H74.667C142.955 166.528 313.003 42.667 512 42.667M512 128c42.752 0 89.536 86.293 112.917 213.333H399.083C422.464 214.293 469.248 128 512 128m0-85.333c198.997 0 369.045 123.861 437.312 298.666H711.915C683.264 167.275 610.496 42.667 512 42.667" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Custmoer.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 Custmoer: DefineComponent<IconProps>;

package/packages/vue/icons/Custmoer.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Custmoer = defineComponent({
+  name: "Custmoer",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M512.021 85.333c188.203 0 341.334 153.131 341.334 341.334H896c47.083 0 85.333 38.293 85.333 85.333v170.667c0 47.061-38.25 85.333-85.333 85.333h-43.883c-10.645 95.872-92.096 170.667-190.762 170.667v-85.334c58.816 0 106.666-47.85 106.666-106.666v-20.928l-.021-.406v-256l.021-.405v-42.261c0-141.142-114.858-256-256-256-141.162 0-256 114.858-256 256V768H128c-47.061 0-85.333-38.272-85.333-85.333V512c0-47.04 38.272-85.333 85.333-85.333h42.688c0-188.203 153.11-341.334 341.333-341.334M128 682.667h42.667V512H128zm725.355 0H896V512h-42.645z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Cut.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 Cut: DefineComponent<IconProps>;

package/packages/vue/icons/Cut.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Cut = defineComponent({
+  name: "Cut",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M513.024 436.565 699.157 114.22l73.878 42.666L562.283 521.9l104.874 181.61a149.333 149.333 0 1 1-8.448 158.23l-45.226-80.47-100.48-174.037-102.827 178.133-43.307 73.387a149.333 149.333 0 1 1-8.874-153.664l105.749-183.19L250.837 153.11l73.899-42.666zM234.667 725.333a64 64 0 1 0 56.768 93.44l-.043-.021.384-.64a64 64 0 0 0-57.11-92.779m554.666 0a64 64 0 1 0 0 128 64 64 0 0 0 0-128" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Cutting.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 Cutting: DefineComponent<IconProps>;

package/packages/vue/icons/Cutting.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Cutting = defineComponent({
+  name: "Cutting",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "m946.88 137.45-72.213 72.214v601.003h64V896h-64v42.667h-85.334V896H170.667A42.667 42.667 0 0 1 128 853.333V234.667H85.333v-85.334H128v-64h85.333v64h601.003l72.213-72.213zM273.664 810.668h515.67v-515.67zm-60.33-60.331 515.669-515.67h-515.67z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Danweibumen.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 Danweibumen: DefineComponent<IconProps>;

package/packages/vue/icons/Danweibumen.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Danweibumen = defineComponent({
+  name: "Danweibumen",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M569.19 343.91A42.65 42.65 0 0 0 512 384v512c0 23.552 19.098 42.65 42.65 42.65h298.7c23.552 0 42.65-19.098 42.65-42.65V492.288c0-17.92-11.264-33.946-28.16-40.09z", "fill": originColor ? "#5db6ff" : "currentColor" }), h("path", { "d": "M544.051 86.682A42.7 42.7 0 0 1 597.3 128v768c0 23.552-19.097 42.65-42.65 42.65h-384A42.65 42.65 0 0 1 128 896V226.458c0-19.456 13.158-36.506 32.051-41.37z", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M426.7 672v85.35H256V672zm0-85.35H256V501.3h170.7zm0-170.599H256v-85.35h170.7zm213.3 341.3h128V672H640z", "fill": originColor ? "#e8f7ff" : "currentColor" }), h("path", { "d": "M85.35 938.65h853.3V853.3H85.35z", "fill": originColor ? "#007aff" : "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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Dashboard.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 Dashboard: DefineComponent<IconProps>;

package/packages/vue/icons/Dashboard.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Dashboard = defineComponent({
+  name: "Dashboard",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M512 128c259.2 0 469.333 210.133 469.333 469.333 0 102.976-33.28 201.024-93.866 281.643a42.64 42.64 0 0 1-34.112 17.045h-682.71a42.69 42.69 0 0 1-34.133-17.045 467.4 467.4 0 0 1-93.845-281.643C42.667 338.133 252.8 128 512 128m0 85.333c-212.075 0-384 171.926-384 384 0 74.944 21.504 146.56 61.077 207.872l3.627 5.462h638.592l3.627-5.462a381.8 381.8 0 0 0 60.97-198.506l.107-9.366c0-212.074-171.925-384-384-384m32 390.23a85.333 85.333 0 1 1-64 0v-134.23h64zm-32-326.23c176.725 0 320 143.275 320 320h-85.333c0-129.6-105.067-234.666-234.667-234.666S277.333 467.733 277.333 597.333H192c0-176.725 143.275-320 320-320" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/DashboardFill.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 DashboardFill: DefineComponent<IconProps>;

package/packages/vue/icons/DashboardFill.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const DashboardFill = defineComponent({
+  name: "DashboardFill",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M512 149.333c259.2 0 469.333 210.134 469.333 469.334 0 74.304-17.322 146.261-50.133 211.221a42.67 42.67 0 0 1-38.08 23.445H130.88a42.67 42.67 0 0 1-38.08-23.445 467.5 467.5 0 0 1-50.133-211.243C42.667 359.467 252.8 149.333 512 149.333m0 320a21.333 21.333 0 0 0-21.333 21.334V600.96a64 64 0 1 0 42.666 0V490.667A21.355 21.355 0 0 0 512 469.333m0-160c-170.837 0-309.333 138.496-309.333 309.334 0 14.464 1.002 28.714 2.922 42.666h64.768a247 247 0 0 1-3.69-42.666c0-135.51 109.845-245.334 245.333-245.334s245.333 109.824 245.333 245.334c0 14.528-1.28 28.8-3.69 42.666h64.768a313 313 0 0 0 2.922-42.666c0-170.838-138.496-309.334-309.333-309.334" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/DataDictionary.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 DataDictionary: DefineComponent<IconProps>;

package/packages/vue/icons/DataDictionary.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const DataDictionary = defineComponent({
+  name: "DataDictionary",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M750.933 42.667A42.667 42.667 0 0 1 793.6 85.333v690.134a42.667 42.667 0 0 1-42.667 42.666h-552a28.267 28.267 0 0 0 0 56.534h654.4V147.2h85.334v770.133A42.667 42.667 0 0 1 896 960H198.933A113.62 113.62 0 0 1 85.717 855.701l-.17-2.368h-.214v-768A42.667 42.667 0 0 1 128 42.667zM170.667 736.34l.96-.234a113.7 113.7 0 0 1 22.613-3.2l4.693-.107 509.312-.021V128H170.667zm426.666-501.674a53.333 53.333 0 0 1 19.776 102.826l-72.597 196.651c6.357 8.79 10.155 19.52 10.155 31.19a53.333 53.333 0 1 1-101.078-23.68l-59.562-81.067-33.195 48.426c1.152 4.374 1.835 8.939 1.835 13.654a53.333 53.333 0 1 1-53.334-53.334l1.067.043 42.859-62.485A53.333 53.333 0 1 1 448 373.333c0 13.355-4.97 25.494-13.056 34.859l58.453 79.573 61.76-167.253A53 53 0 0 1 544 288a53.333 53.333 0 0 1 53.333-53.333" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/DataGrooming.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 DataGrooming: DefineComponent<IconProps>;

package/packages/vue/icons/DataGrooming.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const DataGrooming = defineComponent({
+  name: "DataGrooming",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M426.667 554.667a42.667 42.667 0 0 1 42.666 42.666V896a42.667 42.667 0 0 1-42.666 42.667H128A42.667 42.667 0 0 1 85.333 896V597.333A42.667 42.667 0 0 1 128 554.667zm512 256V896H512v-85.333zm-768 42.666H384V640H170.667zm768-170.666H512v-85.334h426.667zm-512-597.334A42.667 42.667 0 0 1 469.333 128v298.667a42.667 42.667 0 0 1-42.666 42.666H128a42.667 42.667 0 0 1-42.667-42.666V128A42.667 42.667 0 0 1 128 85.333zm512 341.334H512v-85.334h426.667zm-768-42.667H384V170.667H170.667zm768-170.667H512V128h426.667z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/DataServer.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 DataServer: DefineComponent<IconProps>;

package/packages/vue/icons/DataServer.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const DataServer = defineComponent({
+  name: "DataServer",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M768 170.667a42.67 42.67 0 0 1 37.035 21.504L975.7 490.837l.15.299c.256.427.49.917.725 1.387a46 46 0 0 1 1.45 3.072c2.56 6.058 3.606 12.309 3.307 18.389v296.683a42.667 42.667 0 0 1-42.666 42.666H85.333a42.667 42.667 0 0 1-42.666-42.666V513.579a41.86 41.86 0 0 1 4.714-21.056l.726-1.366.17-.32 170.667-298.666A42.67 42.67 0 0 1 256 170.667zM128 768h768V554.667H128zm341.333-149.333V704H384v-85.333zm128 85.333H512v-85.333h85.333zM832 704H640v-85.333h192zM158.848 469.333h706.283L743.232 256H280.725L158.87 469.333z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/DataSource.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 DataSource: DefineComponent<IconProps>;

package/packages/vue/icons/DataSource.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const DataSource = defineComponent({
+  name: "DataSource",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    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 renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M755.2 128a42.67 42.67 0 0 1 32.341 14.848l183.467 213.333-.021.022c6.421 7.466 10.346 17.173 10.346 27.797v469.333A42.667 42.667 0 0 1 938.667 896H85.333a42.667 42.667 0 0 1-42.666-42.667V384c0-10.624 3.904-20.33 10.325-27.797l183.467-213.334A42.67 42.67 0 0 1 268.8 128zM128 810.667h768v-384H676.267v128a42.667 42.667 0 0 1-39.467 42.538l-3.2.128H390.4a42.667 42.667 0 0 1-42.667-42.666l-.021-128H128zm50.283-469.334H390.4A42.667 42.667 0 0 1 433.067 384l-.022 128h157.888V384a42.667 42.667 0 0 1 39.467-42.539l3.2-.128h212.117l-110.08-128H288.341l-110.08 128z" })]);
+      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: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Database.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 Database: DefineComponent<IconProps>;