@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue-legacy/icons/BankPboc.js

@@ -0,0 +1,63 @@
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-pboc",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "m392.136 500.532 5.896-186.912c.456-16.332 6.352-27.22 26.764-27.22h25.86V224a12 12 0 0 1 12-12h96.664a12 12 0 0 1 12 12v62.4h25.856c20.864 0 26.308 10.888 26.76 27.22l5.9 186.008-86.188 49.9V437.472c0-15.424-12.704-27.672-27.672-27.672h-9.072c-15.424 0-27.672 12.704-27.672 27.672v112.964zm244.816 12.904 159.612 98.54c13.98 8.56 20.5 19.088 10.292 36.692l-12.928 22.296 54.268 31.2a12 12 0 0 1 4.768 15.74l-.368.68-48.296 83.292a12 12 0 0 1-16.36 4.384l-54.344-31.24-12.928 22.296c-10.432 17.996-22.624 17.248-37.056 9.472l-164.72-87.92-.308-99.276 97.46 56.028c13.412 7.716 30.416 2.884 37.904-10.024l4.536-7.824c7.712-13.3 2.788-30.212-10.236-37.7l-98.244-56.48zm-249.904 0-159.612 98.54c-13.98 8.56-20.5 19.088-10.292 36.692l12.928 22.296-54.268 31.2a12 12 0 0 0-4.768 15.74l.368.68 48.296 83.292a12 12 0 0 0 16.36 4.384l54.344-31.24 12.928 22.296c10.432 17.996 22.624 17.248 37.056 9.472l164.72-87.92.308-99.276-97.46 56.028c-13.412 7.716-30.416 2.884-37.904-10.024l-4.536-7.824c-7.712-13.3-2.788-30.212 10.236-37.7l98.244-56.48z", "fill": originColor ? "#e50619" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+export const BankPboc = componentDefinition;
+export const IconBankPboc = componentDefinition;
+export default BankPboc;

package/packages/vue-legacy/icons/BankPsbc.cjs

@@ -0,0 +1,66 @@
+"use strict";
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-psbc",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M552.692 477.328 523.62 637.072H358.936l-6.788 39.184h200.544l37.776-199.092h206.34l-11.656 60.504H610.8l-37.748 201.844H340.56l-6.124 33.2h267.656l34.864-195.776h142.4l-11.62 66.156H660.2L627.492 836H288.148l36.684-198.928H172l29.072-159.744h153.36l35.528-192.872h165.612L573.052 188H852l-11.62 63.288H596.3l-17.452 93.448H413.432l-6.688 36.14h201.14l17.448-96.42h209.252l-11.656 63.256H645.664l-17.416 96.452H395.256l-6.788 33.164zm-52.312 99.464 5.824-39.184H377.908l-7.22 39.184zm-157.14-39.184H221.4l-8.74 39.184h123.332z", "fill": originColor ? "#118a3f" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+module.exports = {
+  BankPsbc: componentDefinition,
+  IconBankPsbc: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankPsbc.d.ts

@@ -0,0 +1,23 @@
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+
+export interface IconComponentInstance {
+  readonly $props: IconProps;
+  readonly el: SVGSVGElement | HTMLButtonElement;
+}
+
+export interface IconComponent {
+  new (...args: readonly unknown[]): IconComponentInstance;
+  name?: string;
+  props?: Record<string, unknown>;
+  render?: (...args: readonly unknown[]) => unknown;
+}
+
+export declare const BankPsbc: IconComponent;
+export declare const IconBankPsbc: IconComponent;
+export default BankPsbc;

package/packages/vue-legacy/icons/BankPsbc.js

@@ -0,0 +1,63 @@
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-psbc",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M552.692 477.328 523.62 637.072H358.936l-6.788 39.184h200.544l37.776-199.092h206.34l-11.656 60.504H610.8l-37.748 201.844H340.56l-6.124 33.2h267.656l34.864-195.776h142.4l-11.62 66.156H660.2L627.492 836H288.148l36.684-198.928H172l29.072-159.744h153.36l35.528-192.872h165.612L573.052 188H852l-11.62 63.288H596.3l-17.452 93.448H413.432l-6.688 36.14h201.14l17.448-96.42h209.252l-11.656 63.256H645.664l-17.416 96.452H395.256l-6.788 33.164zm-52.312 99.464 5.824-39.184H377.908l-7.22 39.184zm-157.14-39.184H221.4l-8.74 39.184h123.332z", "fill": originColor ? "#118a3f" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+export const BankPsbc = componentDefinition;
+export const IconBankPsbc = componentDefinition;
+export default BankPsbc;

package/packages/vue-legacy/icons/BankPzccb.cjs

@@ -0,0 +1,66 @@
+"use strict";
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-pzccb",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M615.2 544.8c-7.6 7.6-33.2 33.2-42.4 42.8-2.8 2.8-5.6 2.8-8.4.4-12-12-48.4-48.8-62-62.8-2.4-2.4-2.4-4.4.4-7.2 12.8-12.8 49.2-49.6 63.2-63.6 1.2-1.2 3.6-1.6 5.2 0 9.6 9.6 34.4 34.8 43.2 43.6 2 2 4.8 2.4 8 1.2 24.4-10.4 98-40.8 98-40.8-24.8-60-83.2-102.4-151.6-102.4-91.2 0-164.8 74.4-164.8 166s73.6 166 164.4 166c68.4 0 127.2-42.4 151.6-102.4L620.8 544c-2.4-.8-4.4-.8-5.6.8", "fill": originColor ? "#c5c7c8" : "currentColor" } }), h("path", { attrs: { "d": "M620 522.4s58.8 24.4 99.2-10.8c50.4-44.4 31.2-124.8-16.8-173.2-70.8-71.2-209.2-68.4-297.2 7.2-116 99.6-109.2 289.6 29.2 377.6 129.6 82.4 325.2 26.4 393.2-164 14.8-42 5.2-67.6 20.4-64.8 0 0 30.4 130-72 222-31.6 28.4-36 87.6-138 132.4-40.4 18-108.4-3.6-164.8-8.4-50.8-4.4-94.8 1.6-130.4-14-51.6-22.4-69.2-90.4-93.6-137.6C224.4 641.6 172 558 172 558c9.6-148.8 78.8-298 239.2-364.8 225.2-93.6 462 89.2 388 276-18 45.2-64.4 70-102 71.2-46 1.6-77.2-18-77.2-18", "fill": originColor ? "#e30016" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+module.exports = {
+  BankPzccb: componentDefinition,
+  IconBankPzccb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankPzccb.d.ts

@@ -0,0 +1,23 @@
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+
+export interface IconComponentInstance {
+  readonly $props: IconProps;
+  readonly el: SVGSVGElement | HTMLButtonElement;
+}
+
+export interface IconComponent {
+  new (...args: readonly unknown[]): IconComponentInstance;
+  name?: string;
+  props?: Record<string, unknown>;
+  render?: (...args: readonly unknown[]) => unknown;
+}
+
+export declare const BankPzccb: IconComponent;
+export declare const IconBankPzccb: IconComponent;
+export default BankPzccb;

package/packages/vue-legacy/icons/BankPzccb.js

@@ -0,0 +1,63 @@
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-pzccb",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M615.2 544.8c-7.6 7.6-33.2 33.2-42.4 42.8-2.8 2.8-5.6 2.8-8.4.4-12-12-48.4-48.8-62-62.8-2.4-2.4-2.4-4.4.4-7.2 12.8-12.8 49.2-49.6 63.2-63.6 1.2-1.2 3.6-1.6 5.2 0 9.6 9.6 34.4 34.8 43.2 43.6 2 2 4.8 2.4 8 1.2 24.4-10.4 98-40.8 98-40.8-24.8-60-83.2-102.4-151.6-102.4-91.2 0-164.8 74.4-164.8 166s73.6 166 164.4 166c68.4 0 127.2-42.4 151.6-102.4L620.8 544c-2.4-.8-4.4-.8-5.6.8", "fill": originColor ? "#c5c7c8" : "currentColor" } }), h("path", { attrs: { "d": "M620 522.4s58.8 24.4 99.2-10.8c50.4-44.4 31.2-124.8-16.8-173.2-70.8-71.2-209.2-68.4-297.2 7.2-116 99.6-109.2 289.6 29.2 377.6 129.6 82.4 325.2 26.4 393.2-164 14.8-42 5.2-67.6 20.4-64.8 0 0 30.4 130-72 222-31.6 28.4-36 87.6-138 132.4-40.4 18-108.4-3.6-164.8-8.4-50.8-4.4-94.8 1.6-130.4-14-51.6-22.4-69.2-90.4-93.6-137.6C224.4 641.6 172 558 172 558c9.6-148.8 78.8-298 239.2-364.8 225.2-93.6 462 89.2 388 276-18 45.2-64.4 70-102 71.2-46 1.6-77.2-18-77.2-18", "fill": originColor ? "#e30016" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+export const BankPzccb = componentDefinition;
+export const IconBankPzccb = componentDefinition;
+export default BankPzccb;

package/packages/vue-legacy/icons/BankQdccb.cjs

@@ -0,0 +1,66 @@
+"use strict";
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-qdccb",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M175.2 372.4 362 188h258l193.2 181.2V612s-64.4 32.4-122.4 16c-61.2-16-87.2-42-87.2-42V369.2H384.8V628s106.4-51.6 170.8-26c67.6 26 138.4 84 216 64.8 80.4-19.6 80.4-51.6 80.4-51.6v181.2s-77.2 45.2-154.8 38.8C620 828.8 594 793.2 536 780c-58-12.8-74-9.6-109.6 0s-77.2 32.4-77.2 32.4L172 638z", "fill": originColor ? "#d80313" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+module.exports = {
+  BankQdccb: componentDefinition,
+  IconBankQdccb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankQdccb.d.ts

@@ -0,0 +1,23 @@
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+
+export interface IconComponentInstance {
+  readonly $props: IconProps;
+  readonly el: SVGSVGElement | HTMLButtonElement;
+}
+
+export interface IconComponent {
+  new (...args: readonly unknown[]): IconComponentInstance;
+  name?: string;
+  props?: Record<string, unknown>;
+  render?: (...args: readonly unknown[]) => unknown;
+}
+
+export declare const BankQdccb: IconComponent;
+export declare const IconBankQdccb: IconComponent;
+export default BankQdccb;

package/packages/vue-legacy/icons/BankQdccb.js

@@ -0,0 +1,63 @@
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-qdccb",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M175.2 372.4 362 188h258l193.2 181.2V612s-64.4 32.4-122.4 16c-61.2-16-87.2-42-87.2-42V369.2H384.8V628s106.4-51.6 170.8-26c67.6 26 138.4 84 216 64.8 80.4-19.6 80.4-51.6 80.4-51.6v181.2s-77.2 45.2-154.8 38.8C620 828.8 594 793.2 536 780c-58-12.8-74-9.6-109.6 0s-77.2 32.4-77.2 32.4L172 638z", "fill": originColor ? "#d80313" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+export const BankQdccb = componentDefinition;
+export const IconBankQdccb = componentDefinition;
+export default BankQdccb;

package/packages/vue-legacy/icons/BankQhbank.cjs

@@ -0,0 +1,66 @@
+"use strict";
+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(" ");
+const componentDefinition = {
+  name: "icon-bank-qhbank",
+  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 },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M468.4 190 190 468.4c-12 12-18 27.6-18 43.2v.4c0 15.6 6 31.2 18 43.2l278.4 278.4c24 24 62.8 24 86.8 0l278.4-278.4c24-24 24-62.8 0-86.8L692.4 327.2C585.2 508.4 674 626 674 626L489.6 525.2 312.4 648c172.4-234.8 66.8-334.8 66.8-334.8l169.2 88 132-86.4L555.6 190c-12-12-27.6-18-43.6-18-15.6 0-31.6 6-43.6 18", "fill": originColor ? "#900471" : "currentColor" } })]);
+    if (!this.button) return svg;
+    return h("button", {
+      ref: "root",
+      attrs: {
+        type: attrs.type || "button",
+        ...attrs,
+      },
+      class: joinClassNames("nstc-icon-button", this.background && "nstc-icon-button--background"),
+      style: buttonStyle,
+      on: listeners,
+    }, [svg]);
+  },
+};
+module.exports = {
+  BankQhbank: componentDefinition,
+  IconBankQhbank: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankQhbank.d.ts

@@ -0,0 +1,23 @@
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+
+export interface IconComponentInstance {
+  readonly $props: IconProps;
+  readonly el: SVGSVGElement | HTMLButtonElement;
+}
+
+export interface IconComponent {
+  new (...args: readonly unknown[]): IconComponentInstance;
+  name?: string;
+  props?: Record<string, unknown>;
+  render?: (...args: readonly unknown[]) => unknown;
+}
+
+export declare const BankQhbank: IconComponent;
+export declare const IconBankQhbank: IconComponent;
+export default BankQhbank;