@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue-legacy/icons/BankFsrcb.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-fsrcb",
+  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": "M172 270.8c116-68.4 350-129.2 596-14.8-164-22-164 39.2-270.4 29.2v41.6c-38.4 2.4-113.2 24.4-101.2 58.4 16.8 4.8 67.6 0 77.2 19.6-6 6.8-56.8 11.6-70 22-7.2-12-12-26.8-12-26.8s-140 48.8-91.6 85.2c2.4 41.6 9.6 144 106 68.4 16.8 0 48.4 4.8 40.8 31.6-32 11.2-87.2 8-102.8 42.8 29.2 45.2 46.4 66 72.4 34.8 106.8-69.6 118.8 76.8 250 3.6-89.6 118.4-150 146.4-201.6 165.6C315.2 734.4 199.6 643.6 172 270.8M540 424c39.2-180.4 250-23.2 312-132-15.2 216.8-266.8 31.2-312 132m0 103.2c44.4-192.4 213.2 30 312-99.2-74 259.6-241.2-14-312 99.2m-8 88c75.2-133.6 212.8 76.4 312-51.2-49.6 221.6-232.8 14.4-312 51.2", "fill": originColor ? "#f07c00" : "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 BankFsrcb = componentDefinition;
+export const IconBankFsrcb = componentDefinition;
+export default BankFsrcb;

package/packages/vue-legacy/icons/BankFxcb.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-fxcb",
+  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": "M220.688 180H800.76c15.78 0 28.692 12.9 28.692 28.664v481.684c-85.572-30.704-196.94-49.268-318.72-49.268-50.536 0-99.28 3.2-145.132 9.128v-21.8s5.096-19.044 34.344-19.044h253.1s97.928 1.432 97.928-69.68c0-59.128-108.1-48.26-128.452-48.26H366.872s-31.792-27.94 7.632-35.56h277.264s105.56-7.62 105.56-69.84c0-62.228-104.288-63.5-104.288-63.5H411.388s73.764-59.684 75.04-86.36h-81.4s-76.308 82.552-123.368 82.552c0 0 29.248 26.672 29.248 44.448l324.324 3.812s34.34-3.812 34.34 21.588c0 25.396-26.704 20.32-34.34 20.32H350.34s-90.3-5.084-90.3 54.596c0 59.692 52.148 68.58 95.392 68.58h275.992s33.068 0 33.068 21.588c0 21.584-24.168 19.048-30.528 19.048H351.608s-58.456 6.224-59.748 89.892c-36.064 7.544-69.576 16.888-99.86 27.76V208.66c0-15.76 12.912-28.66 28.688-28.66", "fill": originColor ? "#337cc6" : "currentColor" } }), h("path", { attrs: { "d": "M829.444 728.692v89.18c0 15.884-12.908 28.88-28.688 28.88H220.688c-15.776 0-28.68-12.996-28.68-28.88v-89.18c32.012-7.904 67.64-14.64 106.088-19.968 17.24 54.196 64.392 72.948 67.508 72.948v-80.584c45.852-4.076 94.588-6.28 145.12-6.28 121.784 0 233.152 12.764 318.72 33.88", "fill": originColor ? "#fdb41c" : "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 = {
+  BankFxcb: componentDefinition,
+  IconBankFxcb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankFxcb.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 BankFxcb: IconComponent;
+export declare const IconBankFxcb: IconComponent;
+export default BankFxcb;

package/packages/vue-legacy/icons/BankFxcb.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-fxcb",
+  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": "M220.688 180H800.76c15.78 0 28.692 12.9 28.692 28.664v481.684c-85.572-30.704-196.94-49.268-318.72-49.268-50.536 0-99.28 3.2-145.132 9.128v-21.8s5.096-19.044 34.344-19.044h253.1s97.928 1.432 97.928-69.68c0-59.128-108.1-48.26-128.452-48.26H366.872s-31.792-27.94 7.632-35.56h277.264s105.56-7.62 105.56-69.84c0-62.228-104.288-63.5-104.288-63.5H411.388s73.764-59.684 75.04-86.36h-81.4s-76.308 82.552-123.368 82.552c0 0 29.248 26.672 29.248 44.448l324.324 3.812s34.34-3.812 34.34 21.588c0 25.396-26.704 20.32-34.34 20.32H350.34s-90.3-5.084-90.3 54.596c0 59.692 52.148 68.58 95.392 68.58h275.992s33.068 0 33.068 21.588c0 21.584-24.168 19.048-30.528 19.048H351.608s-58.456 6.224-59.748 89.892c-36.064 7.544-69.576 16.888-99.86 27.76V208.66c0-15.76 12.912-28.66 28.688-28.66", "fill": originColor ? "#337cc6" : "currentColor" } }), h("path", { attrs: { "d": "M829.444 728.692v89.18c0 15.884-12.908 28.88-28.688 28.88H220.688c-15.776 0-28.68-12.996-28.68-28.88v-89.18c32.012-7.904 67.64-14.64 106.088-19.968 17.24 54.196 64.392 72.948 67.508 72.948v-80.584c45.852-4.076 94.588-6.28 145.12-6.28 121.784 0 233.152 12.764 318.72 33.88", "fill": originColor ? "#fdb41c" : "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 BankFxcb = componentDefinition;
+export const IconBankFxcb = componentDefinition;
+export default BankFxcb;

package/packages/vue-legacy/icons/BankGdb.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-gdb",
+  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": "M510.612 455.336a1454 1454 0 0 1-90.464 155.388c-85.616 5.128-169.22 17.86-245.272 38.508 108.632-118.036 198.552-271.896 245.988-424.468h.172c20.628 75.624 51.36 154.168 89.576 230.572", "fill": originColor ? "#bd0016" : "currentColor" } }), h("path", { attrs: { "d": "M420.116 610.656a1475 1475 0 0 1 180.896.44c47.744 71.584 101.224 137.46 157.744 192.572-157.4-35.248-337.14-36.096-494.608-.748l-.14-.24 2.632-2.576 2.596-2.616 2.596-2.616 2.592-2.612 2.6-2.68 2.592-2.756 2.56-2.648 2.6-2.716 2.592-2.716 2.56-2.72 2.532-2.712 2.56-2.852 2.56-2.72 2.56-2.816 2.56-2.852 2.564-2.784 2.56-2.82 2.496-2.888 2.492-2.816 2.492-2.852 2.492-2.888 2.528-2.92 2.56-2.888 2.46-2.884a1358 1358 0 0 0 94.772-125.676", "fill": originColor ? "#730000" : "currentColor" } }), h("path", { attrs: { "d": "M601.012 611.064a1448 1448 0 0 1-90.4-155.696c38.252-76.4 68.816-154.808 88.76-230.6 48.868 153.212 138.62 308.092 248.62 425.244l-.14.24c-76.496-20.512-160.644-33.652-246.84-39.188", "fill": originColor ? "#e5001f" : "currentColor" } }), h("path", { attrs: { "d": "M601.044 611.064c86.164 5.536 170.348 18.676 246.844 39.184l-89.1 153.388c-56.52-55.112-110-120.992-157.744-192.572", "fill": originColor ? "#bd0016" : "currentColor" } }), h("path", { attrs: { "d": "M420.148 610.656c-47.436 70.972-100.44 136.608-156.14 192.028l-89.128-153.42c76.052-20.68 159.656-33.448 245.272-38.608", "fill": originColor ? "#e5001f" : "currentColor" } }), h("path", { attrs: { "d": "M599.372 224.8c-19.944 75.792-50.508 154.164-88.792 230.536-38.216-76.404-68.952-154.916-89.512-230.536z", "fill": originColor ? "#730000" : "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 = {
+  BankGdb: componentDefinition,
+  IconBankGdb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankGdb.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 BankGdb: IconComponent;
+export declare const IconBankGdb: IconComponent;
+export default BankGdb;

package/packages/vue-legacy/icons/BankGdb.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-gdb",
+  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": "M510.612 455.336a1454 1454 0 0 1-90.464 155.388c-85.616 5.128-169.22 17.86-245.272 38.508 108.632-118.036 198.552-271.896 245.988-424.468h.172c20.628 75.624 51.36 154.168 89.576 230.572", "fill": originColor ? "#bd0016" : "currentColor" } }), h("path", { attrs: { "d": "M420.116 610.656a1475 1475 0 0 1 180.896.44c47.744 71.584 101.224 137.46 157.744 192.572-157.4-35.248-337.14-36.096-494.608-.748l-.14-.24 2.632-2.576 2.596-2.616 2.596-2.616 2.592-2.612 2.6-2.68 2.592-2.756 2.56-2.648 2.6-2.716 2.592-2.716 2.56-2.72 2.532-2.712 2.56-2.852 2.56-2.72 2.56-2.816 2.56-2.852 2.564-2.784 2.56-2.82 2.496-2.888 2.492-2.816 2.492-2.852 2.492-2.888 2.528-2.92 2.56-2.888 2.46-2.884a1358 1358 0 0 0 94.772-125.676", "fill": originColor ? "#730000" : "currentColor" } }), h("path", { attrs: { "d": "M601.012 611.064a1448 1448 0 0 1-90.4-155.696c38.252-76.4 68.816-154.808 88.76-230.6 48.868 153.212 138.62 308.092 248.62 425.244l-.14.24c-76.496-20.512-160.644-33.652-246.84-39.188", "fill": originColor ? "#e5001f" : "currentColor" } }), h("path", { attrs: { "d": "M601.044 611.064c86.164 5.536 170.348 18.676 246.844 39.184l-89.1 153.388c-56.52-55.112-110-120.992-157.744-192.572", "fill": originColor ? "#bd0016" : "currentColor" } }), h("path", { attrs: { "d": "M420.148 610.656c-47.436 70.972-100.44 136.608-156.14 192.028l-89.128-153.42c76.052-20.68 159.656-33.448 245.272-38.608", "fill": originColor ? "#e5001f" : "currentColor" } }), h("path", { attrs: { "d": "M599.372 224.8c-19.944 75.792-50.508 154.164-88.792 230.536-38.216-76.404-68.952-154.916-89.512-230.536z", "fill": originColor ? "#730000" : "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 BankGdb = componentDefinition;
+export const IconBankGdb = componentDefinition;
+export default BankGdb;

package/packages/vue-legacy/icons/BankGdrcb.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-gdrcb",
+  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": "M510.8 144h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V181.6c0-20.8 15.6-37.6 34.8-37.6m-4 556h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V737.6c0-20.8 15.6-37.6 34.8-37.6m-193.6 69.6 1.2 2c10.4 16.4 33.2 21.2 50.8 10.4l88.4-54.4c17.6-10.8 23.2-33.2 12.8-49.6l-1.2-2.4c-10.4-16.4-33.2-21.2-50.8-10.4L326 720c-17.6 10.8-23.2 32.8-12.8 49.6m0-280 1.2 2.4c10.4 16.4 32.4 21.2 49.6 10.4l86.4-54c17.2-10.8 22.8-33.2 12.4-49.6l-1.2-2c-10.4-16.4-32.4-21.2-49.6-10.4L325.6 440c-17.2 10.8-22.8 32.8-12.4 49.6m.4 48.4-1.2 2.4c-9.6 17.2-2.8 39.2 15.2 49.2l89.6 50c17.6 10 40 4 49.2-13.2l1.2-2.4c9.6-17.2 2.8-39.2-15.2-49.2l-89.6-50c-17.6-10-40-4-49.2 13.2m.4-284.8-1.2 2.4c-10 17.2-3.6 39.6 14 50l89.2 52.8c17.6 10.4 40 5.2 50-12l1.2-2.4c10-17.2 3.6-39.6-14-50l-88.8-52.8c-17.6-10.4-40.4-4.8-50.4 12m392.8 512.4-1.2 2c-10.4 16.4-33.2 21.2-50.8 10.4L566 724c-17.6-10.8-23.2-33.2-12.8-49.6l1.2-2c10.4-16.4 33.2-21.2 50.8-10.4l88.4 54.4c18 10.4 23.6 32.4 13.2 49.2m0-276-1.2 2C695.2 508 673.2 512.8 656 502l-86.4-54c-17.2-10.8-22.8-33.2-12.4-49.6l1.2-2c10.4-16.4 32.4-21.2 49.6-10.4l86.4 54.4c17.2 10.4 22.8 32.4 12.4 49.2m-.4 48.4 1.2 2.4c9.6 17.2 2.8 39.2-15.2 49.2l-89.6 50c-17.6 10-40 4-49.2-13.2l-1.2-2.4c-9.6-17.2-2.8-39.2 15.2-49.2l89.6-50c17.6-10 40-4 49.2 13.2m-.4-284.8 1.2 2.4c10 17.2 3.6 39.6-14 50L604 358.4c-17.6 10.4-40 5.2-50-12l-1.2-2.4c-10-17.2-3.6-39.6 14-50l89.2-52.8c17.2-10.4 40-4.8 50 12", "fill": originColor ? "#fc0" : "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 = {
+  BankGdrcb: componentDefinition,
+  IconBankGdrcb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankGdrcb.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 BankGdrcb: IconComponent;
+export declare const IconBankGdrcb: IconComponent;
+export default BankGdrcb;

package/packages/vue-legacy/icons/BankGdrcb.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-gdrcb",
+  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": "M510.8 144h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V181.6c0-20.8 15.6-37.6 34.8-37.6m-4 556h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V737.6c0-20.8 15.6-37.6 34.8-37.6m-193.6 69.6 1.2 2c10.4 16.4 33.2 21.2 50.8 10.4l88.4-54.4c17.6-10.8 23.2-33.2 12.8-49.6l-1.2-2.4c-10.4-16.4-33.2-21.2-50.8-10.4L326 720c-17.6 10.8-23.2 32.8-12.8 49.6m0-280 1.2 2.4c10.4 16.4 32.4 21.2 49.6 10.4l86.4-54c17.2-10.8 22.8-33.2 12.4-49.6l-1.2-2c-10.4-16.4-32.4-21.2-49.6-10.4L325.6 440c-17.2 10.8-22.8 32.8-12.4 49.6m.4 48.4-1.2 2.4c-9.6 17.2-2.8 39.2 15.2 49.2l89.6 50c17.6 10 40 4 49.2-13.2l1.2-2.4c9.6-17.2 2.8-39.2-15.2-49.2l-89.6-50c-17.6-10-40-4-49.2 13.2m.4-284.8-1.2 2.4c-10 17.2-3.6 39.6 14 50l89.2 52.8c17.6 10.4 40 5.2 50-12l1.2-2.4c10-17.2 3.6-39.6-14-50l-88.8-52.8c-17.6-10.4-40.4-4.8-50.4 12m392.8 512.4-1.2 2c-10.4 16.4-33.2 21.2-50.8 10.4L566 724c-17.6-10.8-23.2-33.2-12.8-49.6l1.2-2c10.4-16.4 33.2-21.2 50.8-10.4l88.4 54.4c18 10.4 23.6 32.4 13.2 49.2m0-276-1.2 2C695.2 508 673.2 512.8 656 502l-86.4-54c-17.2-10.8-22.8-33.2-12.4-49.6l1.2-2c10.4-16.4 32.4-21.2 49.6-10.4l86.4 54.4c17.2 10.4 22.8 32.4 12.4 49.2m-.4 48.4 1.2 2.4c9.6 17.2 2.8 39.2-15.2 49.2l-89.6 50c-17.6 10-40 4-49.2-13.2l-1.2-2.4c-9.6-17.2-2.8-39.2 15.2-49.2l89.6-50c17.6-10 40-4 49.2 13.2m-.4-284.8 1.2 2.4c10 17.2 3.6 39.6-14 50L604 358.4c-17.6 10.4-40 5.2-50-12l-1.2-2.4c-10-17.2-3.6-39.6 14-50l89.2-52.8c17.2-10.4 40-4.8 50 12", "fill": originColor ? "#fc0" : "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 BankGdrcb = componentDefinition;
+export const IconBankGdrcb = componentDefinition;
+export default BankGdrcb;

package/packages/vue-legacy/icons/BankGhb.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-ghb",
+  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": "M644 754c-57.6 0-107.2 33.6-129.2 82h-9.6c-22-48.4-71.6-82-129.2-82v-23.6c57.6 0 107.2-33.6 129.2-82h9.6c22 48.4 71.6 82 129.2 82zM514 602c-57.2 0-106.4 33.6-128.4 82H376c-22-48.4-71.2-82.4-128.4-82.4V578c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82 128 82 57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82 128.4 82v23.6c-57.2 0-106.4 33.6-128.4 82.4H642c-21.6-48.4-70.8-82-128-82M378.8 446c-57.2 0-106.4 33.6-128.4 82h-9.6c-22-48.4-71.2-82.4-128.4-82.4V422c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82.4 128.4 82.4s106.4-33.6 128.4-82.4h9.6c22 48.4 71.2 82 128.4 82S752 388.4 774 340h9.6c22 48.4 71.2 82.4 128.4 82.4V446c-57.2 0-106.4 33.6-128.4 82H774c-22-48.4-71.2-82.4-128.4-82.4S539.2 479.2 517.2 528h-9.6c-22.4-48.4-71.6-82-128.8-82M514 294c-57.2 0-106.4 33.6-128.4 82H376c-22-48.4-71.2-82.4-128-82.4V270c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82.4 128.4 82.4s106.4-33.6 128-82.4h9.6c22 48.4 71.2 82 128.4 82v23.6c-57.2 0-106.4 33.6-128.4 82.4h-9.6c-22-48.4-71.2-82-128.4-82", "fill": originColor ? "#b21e27" : "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 = {
+  BankGhb: componentDefinition,
+  IconBankGhb: componentDefinition,
+  default: componentDefinition,
+};

package/packages/vue-legacy/icons/BankGhb.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 BankGhb: IconComponent;
+export declare const IconBankGhb: IconComponent;
+export default BankGhb;