@nstc-design/icons 0.1.0 → 0.1.1

package/packages/vue/icons/ForbidFill.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 ForbidFill = defineComponent({
+  name: "ForbidFill",
+  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 512S771.2 981.333 512 981.333 42.667 771.2 42.667 512 252.8 42.667 512 42.667M264.405 324.736l422.358 422.357 60.33-60.352-422.357-422.357-60.33 60.33z" })]);
+      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/ForeignCurrency.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 ForeignCurrency: DefineComponent<IconProps>;

package/packages/vue/icons/ForeignCurrency.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 ForeignCurrency = defineComponent({
+  name: "ForeignCurrency",
+  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": "M128.427 465.792 128 508.459c-1.707 173.653 114.453 328.704 284.65 374.314 170.177 45.59 348.289-30.592 433.643-181.866l20.971-37.12 74.304 41.92-20.97 37.141c-104.363 184.96-322.027 278.08-530.027 222.336-208-55.723-349.995-245.227-347.904-457.6l.426-42.624 85.291.832zm426.24-167.125H661.29v85.312H554.667v85.312h21.312a128 128 0 0 1 0 255.936h-21.334v85.333h-85.29v-85.333h-128v-85.312h128v-85.312h-42.667a127.979 127.979 0 1 1-.021-255.936h42.666v-85.312h85.334zm0 341.248h21.312a42.667 42.667 0 1 0 0-85.312h-21.334v85.333zM103.403 281.088C207.744 96.128 425.429 2.987 633.429 58.731c208.022 55.744 349.974 245.205 347.904 457.6l-.426 42.666-85.312-.853.426-42.667c1.707-173.653-114.432-328.746-284.629-374.357-170.219-45.59-348.352 30.613-433.685 181.888l-20.95 37.12-74.304-41.899 20.971-37.141zm323.264 102.89a42.667 42.667 0 0 0 0 85.313h42.666v-85.312z" })]);
+      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/ForeignExchange.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 ForeignExchange: DefineComponent<IconProps>;

package/packages/vue/icons/ForeignExchange.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 ForeignExchange = defineComponent({
+  name: "ForeignExchange",
+  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.237C893.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.04 20.822-4.053 41.174-9.77 60.907-17.152l29.867 79.936a468 468 0 0 1-74.539 21.013A472 472 0 0 1 512 981.333C252.8 981.333 42.667 771.2 42.667 512S252.8 42.667 512 42.667m467.99 675.669-66.987 53.59H960v64h-74.667v22.463h74.688v64h-74.688v58.944h-64V922.39h-74.709v-64h74.71v-22.464h-74.71v-64h47.019l-66.987-53.589 40-49.984 86.677 69.355 86.678-69.334 39.957 49.984zm-270.4 6.592h-69.953v-18.325H561.28v20.181h-66.645V532.48h214.954v192.427zm-229.505-49.301c-62.421 13.61-130.026 26.282-182.592 37.077l-10.773-69.93c48.32-6.571 120.619-18.774 187.733-30.977zm81.195-30.038h78.357v-52.096H561.28zM438.763 307.67c-17.366 38.016-41.771 77.91-66.646 111.232l26.304-1.877c9.856-15.488 19.243-31.915 27.222-48.341l45.525 30.037v-62.89h93.397v-54.913h71.808v54.912h92.907v65.707h-92.907v39.424h80.256v64.768H483.84V440.96h80.725v-39.424h-88.704l9.856 6.57a743 743 0 0 1-84.01 113.11l68.053-9.856c-.49 18.304 1.387 44.587 3.733 59.136-126.229 22.059-149.226 28.16-164.714 36.139-3.286-13.12-14.55-46.443-22.528-64.768 14.549-3.286 24.405-12.694 40.832-29.568 6.101-6.102 16.896-18.326 29.568-34.731-32.854 4.224-44.139 7.04-52.118 10.795-3.754-14.08-14.997-47.403-23.466-66.176 11.285-3.286 19.733-11.734 30.058-25.814 10.326-13.61 40.832-66.176 57.259-117.333l70.4 28.63z" })]);
+      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/Fork.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 Fork: DefineComponent<IconProps>;

package/packages/vue/icons/Fork.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 Fork = defineComponent({
+  name: "Fork",
+  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": "M277.333 42.667A149.333 149.333 0 0 1 320 335.104v230.101l384-87.253V377.771a149.355 149.355 0 0 1 42.667-292.438 149.333 149.333 0 0 1 42.666 292.438V512a42.67 42.67 0 0 1-33.216 41.6L320 652.715v36.16a149.333 149.333 0 1 1-85.333 0V335.104a149.355 149.355 0 0 1 42.666-292.437m0 725.333a64 64 0 1 0 0 128 64 64 0 0 0 0-128m469.334-597.333a64 64 0 1 0 0 128 64 64 0 0 0 0-128M277.333 128a64 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/Formula.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 Formula: DefineComponent<IconProps>;

package/packages/vue/icons/Formula.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 Formula = defineComponent({
+  name: "Formula",
+  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": "M814.763 85.333A42.67 42.67 0 0 1 842.987 96l81.237 71.68-56.448 64-69.141-61.013H239.083l343.744 309.632a42.667 42.667 0 0 1 2.56 60.906l-2.56 2.496-343.744 309.632H799.7l69.547-56 53.504 66.475-81.237 65.43a42.67 42.67 0 0 1-26.752 9.429H128c-39.104 0-57.6-48.214-28.565-74.368l391.082-352.32L99.435 159.7c-28.182-25.429-11.542-71.637 25.258-74.24l3.307-.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/Forward.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 Forward: DefineComponent<IconProps>;

package/packages/vue/icons/Forward.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 Forward = defineComponent({
+  name: "Forward",
+  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 0 170.666v32h-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 0 0-2.496 42.517l2.496.15zm-99.541-304.213v60.544h-76.501v87.296c0 14.549.938 15.957 7.04 15.957h11.733c7.04 0 8.917-6.101 10.325-49.28 11.734 9.856 38.955 20.65 55.851 24.875-5.632 66.176-21.59 84.01-58.667 84.01h-30.976c-48.81 0-59.136-19.242-59.136-75.093v-87.765h-24.405c-6.101 78.848-24.405 137.045-107.947 172.245 29.099 12.672 67.584 14.55 112.171 14.55 45.995 0 128.597-4.694 177.877-12.673-7.509 18.304-18.304 51.627-19.242 69.462-37.547 2.816-110.763 5.162-161.451 5.162-58.667 0-96.213-5.162-128.597-22.997-19.243-11.264-34.262-24.405-44.118-24.405-14.08 0-36.138 30.037-54.442 56.32l-43.648-62.422c18.304-17.365 38.485-31.914 57.258-41.77V523.776h-51.626v-62.421h118.272v146.901c62.421-23.936 74.154-61.952 78.378-115.925H427.99v-60.544zM411.562 612.48v30.507c7.04 4.224 15.02 9.856 25.814 15.488 3.285 1.877 6.57 3.754 9.856 5.162-7.04-15.488-22.059-38.016-35.67-51.157m-67.114-293.803c24.405 17.835 63.83 45.526 83.072 61.952l-45.525 50.688c-17.366-18.304-55.382-47.402-80.726-68.053zm346.837 8.448v59.606H458.496v-59.606z" })]);
+      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/ForwardOption.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 ForwardOption: DefineComponent<IconProps>;

package/packages/vue/icons/ForwardOption.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 ForwardOption = defineComponent({
+  name: "ForwardOption",
+  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.043 554.71c117.824 0 213.333 95.509 213.333 213.333s-95.51 213.333-213.333 213.333-213.334-95.51-213.334-213.333 95.51-213.334 213.334-213.334M512 42.666C771.2 42.667 981.333 252.8 981.333 512c0 15.637-.768 31.275-2.304 46.848l-74.496-7.339a235 235 0 0 0-10.026-6.016A382 382 0 0 0 896 512c0-212.075-171.947-384-384-384-212.075 0-384 171.925-384 384 0 212.053 171.925 384 384 384 11.179 0 22.336-.512 33.493-1.493a215 215 0 0 0 6.016 10.026l7.339 74.496A477 477 0 0 1 512 981.333C252.8 981.333 42.667 771.2 42.667 512S252.8 42.667 512 42.667m256.043 576.042a149.333 149.333 0 1 0 0 298.667 149.333 149.333 0 0 0 0-298.667m32 150.315 56.96 56.939-45.248 45.269-66.326-66.304a32.04 32.04 0 0 1-9.386-22.613L736 661.333l64-.042.064 107.712zM408.747 387.669h46.464v62.422h-46.464v56.32l38.016-9.387 8.448 61.013a1893 1893 0 0 0-23.232 6.571c-7.744 2.219-15.488 4.48-23.232 6.57v107.457c0 30.506-4.694 47.424-21.12 58.218-16.896 10.795-39.424 12.672-70.87 12.672-1.877-17.365-9.856-45.546-17.834-63.829 14.08.939 30.506.939 36.138.47 5.632 0 7.51-1.878 7.51-7.98v-89.173L300.8 599.808l-14.08-65.237c15.957-3.286 35.2-7.51 55.85-12.203v-72.277h-48.34v-62.422h48.34v-84.48h66.177zM621.355 542.08h26.325a256.68 256.68 0 0 0-121.728 142.677h-79.19v-60.074h106.07v-23.467H469.76V542.08h83.093v-34.261h68.523v34.261zm93.397-205.099c-17.835 40.363-44.117 74.624-75.563 103.723 30.507 16.896 66.176 30.016 104.662 37.995-9.814 9.493-21.846 25.109-31.296 39.424a255 255 0 0 0-33.899 9.962 374.2 374.2 0 0 1-91.584-47.018c-34.71 22.528-74.133 40.362-114.496 53.504-7.04-15.958-22.528-41.323-34.73-53.974 36.138-9.386 70.869-23.466 102.314-40.853a334 334 0 0 1-46.464-61.93h-27.221v-59.606h197.12l9.856-2.347zm-154.88 40.832c8.448 10.326 18.304 19.712 28.63 28.63 11.263-8.918 21.12-18.774 30.506-28.63z" })]);
+      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/FullScreen.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 FullScreen: DefineComponent<IconProps>;

package/packages/vue/icons/FullScreen.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 FullScreen = defineComponent({
+  name: "FullScreen",
+  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": "M456.832 627.499 231.04 853.333h195.627v85.334H128A42.667 42.667 0 0 1 85.333 896V597.333h85.334V792.96L396.5 567.168zM938.667 896A42.667 42.667 0 0 1 896 938.667H597.333v-85.334h256v-256h85.334zM896 85.333A42.667 42.667 0 0 1 938.667 128v298.667h-85.334v-195.67L633.301 451.051l-60.352-60.374 220.054-220.01h-195.67V85.333zm-469.333 85.334h-256v256H85.333V128A42.667 42.667 0 0 1 128 85.333h298.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/Function.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 Function: DefineComponent<IconProps>;

package/packages/vue/icons/Function.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 Function = defineComponent({
+  name: "Function",
+  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": "m170.667 707.285 341.312 182.976 341.354-182.976v-151.04h85.334v176.576a42.67 42.67 0 0 1-22.507 37.611l-384 205.824a42.6 42.6 0 0 1-40.32 0l-384-205.824A42.67 42.67 0 0 1 85.333 732.8V556.245h85.334v151.019zM490.88 250.923a42.67 42.67 0 0 1 42.24 0L735.787 366.42a42.67 42.67 0 0 1 21.546 37.078v221.354a42.67 42.67 0 0 1-22.144 37.419L532.523 773.419a42.67 42.67 0 0 1-41.046 0L288.811 662.272a42.67 42.67 0 0 1-22.144-37.419V403.5a42.67 42.67 0 0 1 21.546-37.078zM352 428.267v171.328l160 87.744 160-87.766V428.267l-160-91.158-160 91.179zM491.52 47.893a42.67 42.67 0 0 1 40.96 0l384 210.198a42.69 42.69 0 0 1 22.187 37.44v175.018h-85.334V320.79L512 133.973 170.667 320.811v149.76H85.333V295.53a42.72 42.72 0 0 1 22.187-37.44l384-210.176z" })]);
+      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/FunctionFill.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 FunctionFill: DefineComponent<IconProps>;

package/packages/vue/icons/FunctionFill.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 FunctionFill = defineComponent({
+  name: "FunctionFill",
+  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": "m170.667 707.264 341.312 182.997 341.354-182.997V556.245h85.334v176.576a42.67 42.67 0 0 1-22.507 37.59l-384 205.866a42.72 42.72 0 0 1-40.32 0l-384-205.866a42.67 42.67 0 0 1-22.507-37.59V556.245h85.334v151.04zm320.213-456.32a42.67 42.67 0 0 1 42.24 0l202.667 115.499a42.67 42.67 0 0 1 21.546 37.056v221.354c0 15.574-8.49 29.931-22.144 37.419L532.523 773.419a42.67 42.67 0 0 1-41.046 0L288.811 662.272a42.69 42.69 0 0 1-22.144-37.419V403.5a42.67 42.67 0 0 1 21.546-37.056zm.64-203.03a42.67 42.67 0 0 1 40.96 0l384 210.198a42.69 42.69 0 0 1 22.187 37.44v175.019h-85.334V320.81L512 133.973 170.667 320.811v149.76H85.333V295.552a42.7 42.7 0 0 1 22.187-37.44z" })]);
+      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/Fund.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 Fund: DefineComponent<IconProps>;

package/packages/vue/icons/Fund.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 Fund = defineComponent({
+  name: "Fund",
+  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": "M330.667 42.667C463.06 42.667 576 102.123 576 192c0 3.605-.213 7.168-.555 10.667H576V352c0 3.605-.213 7.168-.555 10.667H576v30.869c38.57-19.69 87.04-30.87 138.667-30.87 120.618 0 224 60.8 224 149.334 0 3.605-.214 7.147-.555 10.667h.555V672c0 3.605-.214 7.147-.555 10.667h.555V832c0 88.533-103.382 149.333-224 149.333-74.176 0-141.782-23.04-182.891-61.333-44.907 38.592-119.253 61.333-201.11 61.333C198.273 981.333 85.334 921.9 85.334 832V682.667h.555A105 105 0 0 1 85.333 672V522.667h.555A105 105 0 0 1 85.333 512V362.667h.555A105 105 0 0 1 85.333 352V202.667h.555A105 105 0 0 1 85.333 192c0-89.877 112.939-149.333 245.334-149.333m160 744.32c-43.414 21.93-99.67 34.346-160 34.346-60.331 0-116.587-12.416-160-34.346V832c0 27.947 68.522 64 160 64s160-36.053 160-64zm362.666 3.456c-38.57 19.69-87.04 30.89-138.666 30.89S614.57 810.133 576 790.443V832c0 29.29 58.987 64 138.667 64s138.666-34.71 138.666-64zM490.667 626.987c-43.414 21.93-99.67 34.346-160 34.346-60.331 0-116.587-12.416-160-34.346V672c0 27.947 68.522 64 160 64s160-36.053 160-64zm362.666 3.456c-38.57 19.69-87.04 30.89-138.666 30.89S614.57 650.133 576 630.443V672c0 29.29 58.987 64 138.667 64s138.666-34.71 138.666-64zM490.667 466.987c-43.414 21.93-99.67 34.346-160 34.346-60.331 0-116.587-12.416-160-34.346V512c0 27.947 68.522 64 160 64s160-36.053 160-64zm224-18.987C634.987 448 576 482.71 576 512s58.987 64 138.667 64 138.666-34.71 138.666-64-58.986-64-138.666-64m-224-141.013c-43.414 21.93-99.67 34.346-160 34.346-60.331 0-116.587-12.416-160-34.346V352c0 27.947 68.522 64 160 64s160-36.053 160-64zM330.667 128c-91.478 0-160 36.053-160 64s68.522 64 160 64 160-36.053 160-64-68.523-64-160-64" })]);
+      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/FundFill.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 FundFill: DefineComponent<IconProps>;

package/packages/vue/icons/FundFill.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 FundFill = defineComponent({
+  name: "FundFill",
+  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": "m488.917 755.05-.021 80.513c0 46.677-91.52 92.437-208 92.437-116.501 0-208-45.76-208-92.437l-.021-80.512c46.293 35.605 122.709 57.386 208 57.386 85.269 0 161.749-21.781 208-57.386zm0-161.77-.021 80.49c0 45.74-87.723 90.56-200.747 92.374l-7.274.085c-116.523 0-208-45.76-208-92.458V593.28c46.293 35.584 122.709 57.387 208 57.387 85.269 0 161.749-21.803 208-57.387zm0-161.77-.021 80.49c0 45.739-87.723 90.539-200.747 92.373l-7.274.064c-116.523 0-208-45.76-208-92.437v-80.49c46.293 35.583 122.709 57.386 208 57.386 85.269 0 161.749-21.803 208-57.387zm0-161.793-.021 80.512c0 45.739-87.723 90.539-200.747 92.374l-7.274.064c-116.523 0-208-45.76-208-92.438v-80.512c46.293 35.606 122.709 57.387 208 57.387 85.269 0 161.749-21.781 208-57.387zM280.875 96c116.48 0 208 45.76 208 92.437 0 46.699-91.478 92.459-208 92.459s-208-45.76-208-92.459c0-46.677 91.498-92.437 208-92.437m670.25 659.05v80.513c0 46.677-91.52 92.437-208 92.437-116.522 0-208-45.76-208-92.437l-.042-80.512c46.293 35.605 122.73 57.386 208 57.386 85.29 0 161.749-21.781 208.021-57.386zm0-161.77v80.49c0 45.74-87.722 90.56-200.746 92.374l-7.296.085c-116.48 0-208-45.76-208-92.458V593.28c46.293 35.584 122.73 57.387 208 57.387 85.29 0 161.749-21.803 208.021-57.387zM743.083 419.563c116.501 0 208 45.76 208 92.437.021 46.677-91.478 92.437-207.979 92.437-116.523 0-208-45.76-208-92.437s91.477-92.437 208-92.437z" })]);
+      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/FutureManaged.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 FutureManaged: DefineComponent<IconProps>;