@nstc-design/icons 0.0.2 → 0.0.4

package/packages/vue/icons/GroupCollapse.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 GroupCollapse = defineComponent({
+  name: "GroupCollapse",
+  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": "M85.333 254.165h384v-85.333h-384zm0 277.334h384v-85.334h-384zm0 298.666h384v-85.333h-384zM956.331 224.15 790.4 394.24a36.224 36.224 0 0 1-52.139 0l-165.93-170.133 52.16-53.44 139.861 143.381 139.84-143.36zm0 559.232L790.4 628.715a38.805 38.805 0 0 0-52.139 0L572.331 783.38 624.49 832l139.861-130.347L904.192 832z" })]);
+      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/GroupExpand.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 GroupExpand: DefineComponent<IconProps>;

package/packages/vue/icons/GroupExpand.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 GroupExpand = defineComponent({
+  name: "GroupExpand",
+  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": "M85.333 254.165h384v-85.333h-384zm0 277.334h384v-85.334h-384zm0 298.666h384v-85.333h-384zm870.998-478.314L790.4 181.76a36.224 36.224 0 0 0-52.139 0l-165.93 170.133 52.16 53.44 139.861-143.381 139.84 143.36zm0 315.434L790.4 821.952c-14.379 13.397-37.739 13.397-52.139 0l-165.93-154.667 52.16-48.618 139.861 130.346 139.84-130.346z" })]);
+      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/GuideBoard.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 GuideBoard: DefineComponent<IconProps>;

package/packages/vue/icons/GuideBoard.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 GuideBoard = defineComponent({
+  name: "GuideBoard",
+  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": "M554.667 128h234.666a42.67 42.67 0 0 1 30.166 12.501l106.666 106.667a42.667 42.667 0 0 1 0 60.33L819.5 414.166a42.67 42.67 0 0 1-30.166 12.502H554.667v42.666h298.666A42.667 42.667 0 0 1 896 512v213.333A42.667 42.667 0 0 1 853.333 768H554.667v128H768v85.333H256V896h213.333V768H234.667a42.67 42.67 0 0 1-30.166-12.501L97.835 648.832a42.667 42.667 0 0 1 0-60.33L204.5 481.834a42.67 42.67 0 0 1 30.166-12.502h234.666v-42.666H170.667A42.667 42.667 0 0 1 128 384V170.667A42.667 42.667 0 0 1 170.667 128h298.666V42.667h85.334zM252.373 554.667l-64 64 64 64h558.294v-128zm-39.04-213.334h558.294l64-64-64-64H213.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/Guojiadiqu.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 Guojiadiqu: DefineComponent<IconProps>;

package/packages/vue/icons/Guojiadiqu.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 Guojiadiqu = defineComponent({
+  name: "Guojiadiqu",
+  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": "M646.451 610.304a106.65 106.65 0 0 1 149.095-77.21 408.4 408.4 0 0 1 86.681 53.504c20.48 16.384 39.783 35.021 58.061 55.91a42.7 42.7 0 0 1 7.578 43.982A469.91 469.91 0 0 1 574.77 977.203a42.7 42.7 0 0 1-48.333-42.291V810.445a79.155 79.155 0 0 1 95.335-77.466c.768.154 1.485-.307 1.536-.665l.153-.41z", "fill": originColor ? "#8bcfff" : "currentColor" }), h("path", { "d": "M512 42.65a469.35 469.35 0 1 1 0 938.7 469.35 469.35 0 0 1 0-938.7m0 85.35a384 384 0 1 0 0 768 384 384 0 0 0 0-768", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M512 42.65c40.448 0 80.333 5.17 118.784 15.206 13.312 3.482 24.166 13.107 29.082 25.958l2.97 7.68a42.92 42.92 0 0 1-1.178 33.28l-33.895 73.114a21.35 21.35 0 0 0 2.765 22.323l27.802 34.56a100.66 100.66 0 0 1-47.36 158.823l-36.096 11.724a21.35 21.35 0 0 0-14.644 22.016l7.066 85.76a106.7 106.7 0 0 1-144.64 108.34l-90.726-34.919a21.35 21.35 0 0 0-29.03 19.917v11.827a101.786 101.786 0 0 1-154.625 86.887L86.272 687.41a42.75 42.75 0 0 1-18.176-22.579A469.35 469.35 0 0 1 512 42.701z", "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/H.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 H: DefineComponent<IconProps>;

package/packages/vue/icons/H.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 H = defineComponent({
+  name: "H",
+  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.667M512 128c-212.075 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m170.88 597.312-85.333.043-.043-170.688H426.837l.086 170.645-85.334.043-.234-426.667 85.333-.043.085 170.688H597.44l-.107-170.645 85.334-.043z" })]);
+      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/HTitle.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 HTitle: DefineComponent<IconProps>;

package/packages/vue/icons/HTitle.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 HTitle = defineComponent({
+  name: "HTitle",
+  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": "M192 469.333h384v-384h85.333v853.334H576v-384H192v384h-85.333V85.333H192zm653.27-73.6c27.178-25.813 72.063-6.549 72.063 30.934v512H832V526.016l-55.936 53.163-58.795-61.846z" })]);
+      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/Hand.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 Hand: DefineComponent<IconProps>;

package/packages/vue/icons/Hand.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 Hand = defineComponent({
+  name: "Hand",
+  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": "M489.515 48.47c58.154-16.918 106.154 3.754 146.709 58.175l2.005 2.774 1.963-1.067c7.317-3.627 15.36-6.485 24.128-8.64l6.72-1.493 6.784-1.152c67.541-9.814 113.75 24.618 140.501 96.106l1.216 3.35.427.042 5.397.854 5.718 1.258c92.586 23.574 124.714 108.246 124.714 289.622 0 120-55.68 319.85-107.946 399.744-43.008 65.749-112.726 92.501-227.712 92.501h-5.014c-6.677.064-13.93.17-28.202.49l-2.39.065-3.285.085-2.41.043c-148.737 3.178-210.902-28.139-227.905-132.054-2.645-16.17-29.589-48.213-85.76-97.6a3521 3521 0 0 0-26.581-23.04C100.309 609.664 75.392 576.64 88.342 510.7c12.757-64.96 58.858-102.763 119.167-98.027 37.931 2.987 79.446 23.637 107.52 52.245 28.587 29.12 53.696 50.923 73.11 63.659 6.293 4.139 11.776 7.168 16.213 9.067l1.621.64-.256-.982c-2.389-8.533-6.89-19.818-14.442-35.946l-2.624-5.59-1.238-2.56-3.84-7.893-10.602-21.376-.128-.256-16.79-33.792c-12.138-24.725-32-48.128-67.882-79.936a1857 1857 0 0 0-13.931-12.096l-6.699-5.803-13.482-11.626c-4.48-3.883-7.296-6.294-8.79-7.616-18.346-16.15-30.762-28.48-41.258-41.046-22.827-27.349-34.56-54.826-34.56-84.842 0-120.192 107.52-146.71 240.085-79.744l4.65 2.432.513-1.195c11.37-24.917 32.768-44.16 62.25-55.68l5.632-2.048 6.4-2.048zm124.949 209.749c-36.053-91.35-69.376-131.883-100.33-122.88-16.96 4.949-20.16 9.301-19.563 20.117.853 15.21 10.026 37.845 27.84 69.376 4.117 7.296 8.576 14.89 14.4 24.576 39.744 66.283 43.797 73.621 49.493 96.768 1.664 6.89 2.56 10.624 3.115 13.483.746 3.84 1.066 6.25.917 10.24-.17 3.626-.17 3.626-2.41 11.306-6.102 12.502-6.123 12.523-28.011 20.907-26.795-8.085-26.795-8.107-28.928-13.27-2.646-3.52-3.414-5.077-6.614-12.074l-5.824-12.693c-14.549-31.488-29.696-59.414-48.938-86.806-24.32-34.645-50.902-61.482-79.382-78.08-91.52-53.269-131.626-47.829-131.626-12.309 0 6.507 3.946 14.976 13.525 26.453 7.296 8.747 17.152 18.368 31.659 31.147 5.376 4.757 34.56 29.739 43.114 37.333 42.667 37.824 70.187 69.398 89.003 107.734 2.304 4.714 15.83 31.786 25.195 50.773l4.608 9.344a500 500 0 0 1 3.221 6.677c11.115 23.296 18.176 40.427 22.592 56.171 12.33 44.032 2.453 79.36-33.92 104.043-36.395 24.746-78.784 14.506-124.779-16.747-27.178-18.475-48.682-38.23-81.002-71.147-12.971-13.226-34.859-24.597-51.179-25.877-13.93-1.067-20.608 4.053-24.81 25.515-3.393 17.237 27.797 51.562 120.447 131.221a3328 3328 0 0 1 27.35 23.701c72.533 63.787 107.797 105.259 115.306 151.104 7.83 47.83 39.168 58.56 138.027 56.448l8-.17c17.707-.406 25.45-.534 35.179-.534 85.44 0 129.493-15.466 153.408-52.053 39.317-60.096 93.077-240.853 93.077-349.76 0-115.243-13.077-173.888-41.664-194.624 0 0 .256 18.923 2.155 31.765l1.258 7.958c1.067 6.613 2.347 13.589 3.904 22.037.256 1.28 4.374 22.997 5.419 28.8 1.92 10.667 3.115 18.41 3.712 24.96 1.323 14.507.79 23.253-6.677 34.048-18.219 26.24-40.939 18.197-57.067 1.75l-3.776-3.84-2.39-4.865c-5.546-11.306-7.68-24.576-10.538-53.994-.384-3.862-3.072-32.982-3.99-42.198a896 896 0 0 0-5.653-46.144c-11.818-77.504-31.722-111.594-60.8-107.37-16.362 2.389-19.178 22.912-2.282 74.56 4.608 14.037 10.41 29.077 17.429 45.376 4.267 9.898 8.704 19.69 14.165 31.338 0 0 9.515 20.203 11.563 24.683 4.95 10.88 6.89 15.68 7.83 22.293 3.2 22.464-14.934 49.174-45.227 37.206-6.464-2.56-10.006-5.504-14.934-10.539-11.349-11.563-19.114-28.672-32.256-64.704-3.178-8.704-15.146-42.453-15.189-42.603a1480 1480 0 0 0-17.152-45.93" })]);
+      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/Handle.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 Handle: DefineComponent<IconProps>;

package/packages/vue/icons/Handle.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 Handle = defineComponent({
+  name: "Handle",
+  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": "M486.699 93.653a42.67 42.67 0 0 1 50.624 0l336.128 247.68h1.216v.896l67.968 50.091 34.346 25.301-50.602 68.694-34.347-25.302-17.365-12.8V896A42.667 42.667 0 0 1 832 938.667H192A42.667 42.667 0 0 1 149.333 896V448.213l-17.344 12.8-34.346 25.323-50.646-68.693 34.347-25.323 67.99-50.133v-.854h1.215zM234.667 385.365v467.968h554.666V385.365L512 180.992zm170.666 425.302H320v-128h85.333zm149.334 0h-85.334V640h85.334zm149.333 0h-85.333v-256H704zm-15.36-393.878-128 106.667a42.67 42.67 0 0 1-52.907 1.365l-58.88-44.202L368 545.344l-53.333-66.645 106.666-85.334a42.67 42.67 0 0 1 52.267-.832l58.325 43.734 102.102-85.035z" })]);
+      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/Happy.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 Happy: DefineComponent<IconProps>;

package/packages/vue/icons/Happy.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 Happy = defineComponent({
+  name: "Happy",
+  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.667M512 128c-212.075 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m210.837 483.755a224 224 0 0 1-421.674 0l80.341-28.843A138.56 138.56 0 0 0 512 674.688a138.67 138.67 0 0 0 130.496-91.776zm-360.17-281.088a64 64 0 1 1 0 128 64 64 0 0 1 0-128m298.666 0a64 64 0 1 1 0 128 64 64 0 0 1 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/Heart.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 Heart: DefineComponent<IconProps>;

package/packages/vue/icons/Heart.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 Heart = defineComponent({
+  name: "Heart",
+  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 106.667c153.173 0 277.333 124.16 277.333 277.333 0 222.87-241.685 466.944-455.893 538.112a42.67 42.67 0 0 1-26.88 0C284.33 850.944 42.667 606.869 42.667 384c0-153.173 124.16-277.333 277.333-277.333 70.464 0 136.533 26.496 186.73 72.256l5.27 4.928 5.27-4.907a276.65 276.65 0 0 1 178.922-72.17zM704 192a191.7 191.7 0 0 0-157.12 81.6 42.667 42.667 0 0 1-69.76 0A192 192 0 0 0 128 384c0 173.312 199.445 380.907 377.75 450.027l6.25 2.368 6.25-2.347c176.107-68.267 372.822-271.637 377.665-443.605L896 384a192 192 0 0 0-192-192" })]);
+      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/HeartFill.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 HeartFill: DefineComponent<IconProps>;

package/packages/vue/icons/HeartFill.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 HeartFill = defineComponent({
+  name: "HeartFill",
+  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 128c153.173 0 277.333 124.16 277.333 277.333 0 222.87-241.685 466.944-455.893 538.134a42.67 42.67 0 0 1-26.88 0C284.33 872.277 42.667 628.203 42.667 405.333 42.667 252.16 166.827 128 320 128c70.464 0 136.533 26.496 186.73 72.256l5.27 4.928 5.27-4.928a276.67 276.67 0 0 1 178.922-72.15z" })]);
+      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/HeatMap.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 HeatMap: DefineComponent<IconProps>;

package/packages/vue/icons/HeatMap.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 HeatMap = defineComponent({
+  name: "HeatMap",
+  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": "M475.221 127.68c16.491-28.032 57.046-28.032 73.536 0l426.667 725.333c16.725 28.48-3.776 64.32-36.779 64.32H85.333c-32.981 0-53.482-35.861-36.757-64.32L475.243 127.68zM159.915 832h704.128L512 233.472 159.893 832zm324.202-442.325a32 32 0 0 1 55.766 0l192 341.333a32 32 0 0 1-27.904 47.68H320a32 32 0 0 1-27.861-47.68l192-341.333zm-109.44 324.992H649.28L511.979 470.613l-137.28 244.054zm127.787-130.24a10.667 10.667 0 0 1 19.093 0l36.054 72.128A10.667 10.667 0 0 1 548.075 672h-72.15a10.667 10.667 0 0 1-9.536-15.445z" })]);
+      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/HeavyRain.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 HeavyRain: DefineComponent<IconProps>;