@nstc-design/icons 0.1.0 → 0.1.1

package/packages/vue/icons/Swap.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 Swap = defineComponent({
+  name: "Swap",
+  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 42.667C771.2 42.667 981.333 252.8 981.333 512c0 32.213-3.264 64.043-9.664 95.125l-83.562-17.216C893.333 564.48 896 538.411 896 512c0-212.053-171.947-384-384-384-212.075 0-384 171.925-384 384s171.925 384 384 384c24.896 0 49.493-2.368 73.557-7.04a380.9 380.9 0 0 0 89.024-28.97l36.182 77.29a466.4 466.4 0 0 1-108.971 35.456A472 472 0 0 1 512 981.333C252.8 981.333 42.667 771.2 42.667 512S252.8 42.667 512 42.667M885.333 640v32H960v64h-74.667v42.667a85.333 85.333 0 0 1 85.227 81.066l.107 4.267a85.333 85.333 0 0 1-85.334 85.333v32h-64v-32h-74.666v-64h74.666v-42.666h-9.088v-.47A85.333 85.333 0 0 1 821.333 672v-32zm0 202.667v42.666a21.333 21.333 0 1 0 0-42.666m-64-106.667a21.333 21.333 0 1 0 0 42.667zM616.192 281.387v30.037H723.2v56.79H616.192v20.65h99.968v188.672h-99.968v22.997h116.864v59.136H616.192v67.584h-67.584V659.67H435.029v-59.136h113.579v-22.997h-95.744V388.864h95.744V281.387zm-209.792 0v84.01h38.955v62.891H406.4v58.197l35.2-9.386 7.04 62.89c-14.08 4.224-28.16 7.979-42.24 11.734v102.314c0 31.446-5.163 47.872-22.997 58.198-18.304 10.325-42.71 12.672-76.502 12.202-2.346-17.365-10.794-45.056-18.773-62.421 10.645.32 22.955.427 31.787.448l9.984.021c6.57 0 8.917-2.346 8.917-8.917v-83.072l-33.792 8.917-15.488-65.237a1478 1478 0 0 0 49.28-10.795v-75.093h-46.464v-62.89h46.464v-84.011zm242.176 225.28H517.163v20.181h131.413zm0-67.115H517.163v19.712h131.413z" })]);
+      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/Switch.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 Switch: DefineComponent<IconProps>;

package/packages/vue/icons/Switch.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 Switch = defineComponent({
+  name: "Switch",
+  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": "M981.333 640H192.427l237.568 225.024-58.667 61.952-315.35-298.667c-27.989-26.496-9.215-73.642 29.355-73.642h896zM968 395.69c28.01 26.497 9.237 73.643-29.333 73.643h-896V384h788.906l-237.61-225.024 58.666-61.952 315.35 298.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/SwitchFill.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 SwitchFill: DefineComponent<IconProps>;

package/packages/vue/icons/SwitchFill.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 SwitchFill = defineComponent({
+  name: "SwitchFill",
+  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": "M950.187 585.984a21.333 21.333 0 0 1 12.8 38.4L636.8 869.014a21.333 21.333 0 0 1-33.408-22.571l46.677-175.147H42.667v-85.333h907.52zM400.512 170.667a21.333 21.333 0 0 1 20.63 26.837l-46.72 175.125h606.911v85.334H74.347a21.333 21.333 0 0 1-12.8-38.4l326.186-244.608a21.12 21.12 0 0 1 12.8-4.288z" })]);
+      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/SwitchLeft.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 SwitchLeft: DefineComponent<IconProps>;

package/packages/vue/icons/SwitchLeft.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 SwitchLeft = defineComponent({
+  name: "SwitchLeft",
+  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": "M396.501 311.168 55.168 652.501c-26.88 26.88-7.85 72.832 30.165 72.832h896V640H188.352l268.48-268.501z" })]);
+      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/SwitchRight.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 SwitchRight: DefineComponent<IconProps>;

package/packages/vue/icons/SwitchRight.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 SwitchRight = defineComponent({
+  name: "SwitchRight",
+  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": "m627.413 311.168 341.334 341.333c26.88 26.88 7.85 72.832-30.166 72.832h-896V640h792.982l-268.48-268.501z" })]);
+      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/Sync.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 Sync: DefineComponent<IconProps>;

package/packages/vue/icons/Sync.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 Sync = defineComponent({
+  name: "Sync",
+  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": "M938.667 298.667a42.667 42.667 0 0 1 42.666 42.666v341.334a42.667 42.667 0 0 1-42.666 42.666H725.333v128a42.667 42.667 0 0 1-39.466 42.539l-3.2.128H341.333v-85.333H640v-128a42.667 42.667 0 0 1 39.467-42.539l3.2-.128H896V384H469.333v-85.333zm-256-85.334H384v128a42.667 42.667 0 0 1-39.467 42.539l-3.2.128H128v256h426.667v85.333H85.333a42.667 42.667 0 0 1-42.666-42.666V341.333a42.667 42.667 0 0 1 42.666-42.666h213.334v-128a42.667 42.667 0 0 1 39.466-42.539l3.2-.128h341.334z" })]);
+      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/SystemData.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 SystemData: DefineComponent<IconProps>;

package/packages/vue/icons/SystemData.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 SystemData = defineComponent({
+  name: "SystemData",
+  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": "M938.667 85.333A42.667 42.667 0 0 1 981.333 128v597.333A42.667 42.667 0 0 1 938.667 768h-384v85.333h256v85.334H213.333v-85.334h256V768h-384a42.667 42.667 0 0 1-42.666-42.667V128a42.667 42.667 0 0 1 42.666-42.667zM128 682.667h768v-512H128zm384-480c123.712 0 224 100.288 224 224s-100.288 224-224 224-224-100.288-224-224 100.288-224 224-224m-30.997 256c2.133 35.946 7.765 68.629 16.106 93.653 4.694 14.037 9.942 24.704 14.891 31.125l1.664-2.282c3.84-5.59 7.765-13.632 11.413-23.68l1.814-5.163c8.341-25.024 13.973-57.707 16.106-93.653zm-125.803 0a160.17 160.17 0 0 0 78.805 107.69c-9.429-30.442-15.232-67.328-17.216-107.69zm252.01 0c-1.983 40.362-7.807 77.248-17.237 107.69a160.17 160.17 0 0 0 78.827-107.69zm-17.237-171.712c9.43 30.442 15.254 67.349 17.238 107.712H668.8c-9.408-46.294-38.827-85.334-78.827-107.712m-79.637-14.784c-4.459 6.528-9.067 16.362-13.227 28.842-8.341 25.024-13.973 57.707-16.106 93.654h61.994c-2.133-35.947-7.765-68.63-16.106-93.654-4.694-14.058-9.942-24.746-14.912-31.146zm-76.33 14.784A160.2 160.2 0 0 0 355.2 394.667h61.59c1.983-40.363 7.786-77.27 17.215-107.712" })]);
+      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/SystemSolution.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 SystemSolution: DefineComponent<IconProps>;

package/packages/vue/icons/SystemSolution.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 SystemSolution = defineComponent({
+  name: "SystemSolution",
+  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": "M981.333 981.333H640v-64h341.333zM386.517 65.536a42.71 42.71 0 0 1 49.408 21.76 85.376 85.376 0 1 0 152.192 0 42.645 42.645 0 0 1 49.366-21.739 468.6 468.6 0 0 1 194.026 108.587c13.803 12.821 17.558 33.216 9.216 50.133a85.333 85.333 0 0 0 76.608 122.987h3.627a42.69 42.69 0 0 1 38.89 29.867 469 469 0 0 1 21.505 140.8 471.7 471.7 0 0 1-9.515 94.464l-83.627-17.067A382.8 382.8 0 0 0 896 517.909c0-27.69-2.923-54.976-8.661-81.493l-1.6-6.741-4.694-.939a170.75 170.75 0 0 1-134.293-161.493l-.085-5.334c0-13.226 1.514-26.24 4.458-38.89l1.174-4.63-2.134-1.706a383.6 383.6 0 0 0-106.24-59.52l-.234-.086-2.582 3.136a170.54 170.54 0 0 1-123.05 58.944l-6.059.086a170.5 170.5 0 0 1-129.13-59.03l-2.603-3.136-.214.086c-38.4 14.037-74.24 34.154-106.24 59.52l-2.133 1.728 1.195 4.608a172.7 172.7 0 0 1 4.288 30.976l.17 7.914a170.75 170.75 0 0 1-134.378 166.827l-4.736.939-1.558 6.72a387 387 0 0 0-8.49 69.696L128 517.909c0 11.243.49 22.443 1.45 33.536l1.067 10.795 2.304.32a170.73 170.73 0 0 1 144.427 163.37l.085 5.334a170.45 170.45 0 0 1-17.258 74.88l-.576 1.067 4.672 4.053a384.8 384.8 0 0 0 100.693 61.461l3.285 1.323.832-1.323a170.67 170.67 0 0 1 137.131-77.376l5.888-.106a170 170 0 0 1 84.373 22.293l-42.24 74.176A85.376 85.376 0 0 0 430.7 939.904a42.667 42.667 0 0 1-52.822 27.883 469.46 469.46 0 0 1-204.074-124.459 42.667 42.667 0 0 1-1.878-57.067 85.333 85.333 0 0 0-73.792-139.925 42.71 42.71 0 0 1-45.952-33.963 471.7 471.7 0 0 1-9.514-94.464c0-48.256 7.296-95.573 21.504-140.8a42.69 42.69 0 0 1 42.24-29.866h.256a85.333 85.333 0 0 0 76.586-122.966 42.71 42.71 0 0 1 9.216-50.133A468.8 468.8 0 0 1 386.517 65.557zM981.333 848H640v-64h341.333zm0-133.333H640v-64h341.333zM512 341.333a170.667 170.667 0 1 1 0 341.334 170.667 170.667 0 0 1 0-341.334m0 85.334a85.333 85.333 0 1 0 0 170.666 85.333 85.333 0 0 0 0-170.666" })]);
+      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/Tab.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 Tab: DefineComponent<IconProps>;

package/packages/vue/icons/Tab.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 Tab = defineComponent({
+  name: "Tab",
+  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": "M683.157 661.333v85.334H384.491v-85.334zm215.147-384c29.12 0 53.653 3.819 73.579 11.52l4.074 1.536v75.371l-9.621-5.632c-18.624-10.923-39.765-16.384-63.53-16.384-26.667 0-47.66 8.384-63.382 25.173-15.83 16.875-23.787 38.998-23.787 66.688 0 26.944 7.531 48.342 22.486 64.448 14.869 16 34.986 24.022 60.757 24.022 24.747 0 47.19-5.974 67.413-17.856l9.664-5.675v72l-3.562 1.75c-22.102 10.858-50.624 16.213-85.526 16.213-45.376 0-81.77-13.718-108.714-41.195-26.923-27.456-40.363-64-40.363-109.227 0-47.488 14.976-86.634 44.864-117.056 29.93-30.442 68.63-45.696 115.648-45.696m-661.376 9.11 104.235 290.432 3.093 8.554h-81.259l-1.429-4.416-20.31-62.144h-96.255l-19.968 62.123-1.408 4.437h-80.96l3.157-8.597L152.149 286.4l1.515-4.203h81.728l1.515 4.246zm303.381-4.203c8.918.043 17.28.533 25.131 1.536l2.112.277c3.243.427 6.4.982 9.472 1.622l.683.106 1.77.406c5.952 1.322 11.52 2.965 16.768 4.97l1.216.47c6.72 2.666 12.864 5.888 18.347 9.728 7.787 5.461 13.952 11.84 18.56 19.093a60 60 0 0 1 4.245 7.893c3.734 8.406 5.611 17.814 5.611 28.139 0 17.344-5.91 32.683-17.557 45.696-1.494 1.707-3.094 3.307-4.694 4.843l-.384.384a87 87 0 0 1-4.522 3.968l-1.152.917a86 86 0 0 1-4.459 3.307c-.49.362-1.003.682-1.515 1.024a88 88 0 0 1-4.693 2.944c-.17.085-.299.192-.427.277l-.96.47-1.621.874 2.304.768c7.04 2.496 13.525 5.803 19.413 9.835l.427.298a78.7 78.7 0 0 1 10.944 9.131c9.75 9.813 15.979 21.419 18.773 34.667a75.7 75.7 0 0 1 1.75 16.917 108 108 0 0 1-1.238 16.256 84.3 84.3 0 0 1-10.73 30.25c-4.758 7.894-10.88 15.02-18.475 21.334a93.7 93.7 0 0 1-15.467 10.39c-2.752 1.493-5.589 2.837-8.533 4.095l-1.621.683c-4.267 1.75-8.747 3.221-13.398 4.48l-1.557.427a138.5 138.5 0 0 1-20.267 3.626 171 171 0 0 1-9.365.79 194 194 0 0 1-10.73.298H429.482V282.24zm-42.538 250.667h36.736c11.797 0 21.674-2.07 29.589-6.208a40.9 40.9 0 0 0 10.176-7.51c3.84-3.968 6.613-8.661 8.256-14.037 1.237-4.053 1.856-8.47 1.856-13.29 0-1.537-.064-3.03-.213-4.48a33.09 33.09 0 0 0-12.928-24.022c-8.747-6.741-21.184-10.133-37.312-10.133h-36.16zM191.36 344.96a106.4 106.4 0 0 1-4.33 18.261l-33.217 101.44h77.44l-33.002-100.693a94.4 94.4 0 0 1-3.734-17.792l-.768-7.51h-1.706c-.171 2.134-.406 4.225-.704 6.315zm553.024 86.635a207 207 0 0 0-.213 8.512h.042c0-2.859.043-5.696.171-8.512m-246.613-25.046h29.418c5.291 0 10.176-.469 14.635-1.429 1.493-.32 2.901-.704 4.31-1.11 5.546-1.706 10.367-4.223 14.42-7.594a31.7 31.7 0 0 0 10.475-15.808c.768-2.539 1.28-5.227 1.536-8.107a50.4 50.4 0 0 0 0-8.448 32.8 32.8 0 0 0-2.858-10.56q-4.576-9.375-16-14.08c-7.616-3.114-17.515-4.693-29.696-4.693h-26.24zm448.341-118.485a164 164 0 0 1-8.704-1.557z" })]);
+      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/TabSingle.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 TabSingle: DefineComponent<IconProps>;

package/packages/vue/icons/TabSingle.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 TabSingle = defineComponent({
+  name: "TabSingle",
+  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": "M704 768H320v-85.333h384zM568.96 260.224l127.424 354.987 3.072 8.554H603.2l-1.43-4.394-25.151-76.95H456.917l-24.085 74.966-.64 1.941-1.408 4.437h-95.85l3.157-8.576 129.92-354.986 1.557-4.203h97.899zM256 478.72H42.667v-85.333H256zm725.333 0H768v-85.333h213.333zm-466.73-147.413a130 130 0 0 1-5.291 22.293l-40.555 123.99h94.635l-40.32-123.073a115.4 115.4 0 0 1-4.565-21.76l-.939-9.173h-2.07a137 137 0 0 1-.895 7.723" })]);
+      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/Table.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 Table: DefineComponent<IconProps>;

package/packages/vue/icons/Table.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 Table = defineComponent({
+  name: "Table",
+  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": "M896 85.333A42.667 42.667 0 0 1 938.667 128v768A42.667 42.667 0 0 1 896 938.667H128A42.667 42.667 0 0 1 85.333 896V128A42.667 42.667 0 0 1 128 85.333zm-725.333 768h170.666V682.667H170.667zm512 0h170.666V682.667H682.667zm-256 0h170.666V682.667H426.667zm-256-256h170.666V426.667H170.667zm512 0h170.666V426.667H682.667zm-256 0h170.666V426.667H426.667zm-256-256h170.666V170.667H170.667zm256 0h426.666V170.667H426.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/TableEditing.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 TableEditing: DefineComponent<IconProps>;

package/packages/vue/icons/TableEditing.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 TableEditing = defineComponent({
+  name: "TableEditing",
+  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": "M896 85.333A42.667 42.667 0 0 1 938.667 128v298.667h-512v512H128A42.667 42.667 0 0 1 85.333 896V128A42.667 42.667 0 0 1 128 85.333zM734.101 481.856a42.667 42.667 0 0 1 60.374-.021l89.045 89.088a42.667 42.667 0 0 1 0 60.33L631.36 883.5A42.7 42.7 0 0 1 601.195 896H512a42.667 42.667 0 0 1-42.667-42.667v-88.746a42.67 42.67 0 0 1 12.48-30.144zM170.667 853.333h170.666V682.667H170.667zm384-71.104v28.438h28.842l209.494-209.6-28.715-28.715zm-384-184.896h170.666V426.667H170.667zm0-256h170.666V170.667H170.667zm256 0h170.666V170.667H426.667zm256 0h170.666V170.667H682.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/TableResize.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 TableResize: DefineComponent<IconProps>;