@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue-legacy/icons/BankBxb.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-bxb",
+  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": "none", "viewBox": "14.7 14.7 98.6 98.6", "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": "M21.5 64a42.5 42.5 0 1 0 85 0 42.5 42.5 0 0 0-85 0", "fill": originColor ? "#e70012" : "currentColor" } }), h("path", { attrs: { "d": "m42.605 43.218-7.484 7.713v5.78H29.07L21.755 64l7.565 7.54h5.801v5.529l7.74 7.713 6.889-7.288V50.255zm42.79 0-7.145 7.037v27.239l6.89 7.288 7.739-7.713v-5.53h5.8L106.246 64l-7.314-7.289H92.88v-5.78zm-1.038-1.038-7.288-7.059h-5.78V29.07l-7.29-7.314-7.539 7.565v5.801h-5.529l-7.289 7.314 7.29 7.315h26.387zm0 43.64-7.038-7.57H50.931l-7.289 7.314 7.29 7.315h5.528v5.801l7.54 7.565 7.289-7.314v-6.052h5.78z", "fill": originColor ? "#fff" : "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 = {
+  BankBxb: componentDefinition,
+  IconBankBxb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankBxb.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-bxb",
+  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": "none", "viewBox": "14.7 14.7 98.6 98.6", "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": "M21.5 64a42.5 42.5 0 1 0 85 0 42.5 42.5 0 0 0-85 0", "fill": originColor ? "#e70012" : "currentColor" } }), h("path", { attrs: { "d": "m42.605 43.218-7.484 7.713v5.78H29.07L21.755 64l7.565 7.54h5.801v5.529l7.74 7.713 6.889-7.288V50.255zm42.79 0-7.145 7.037v27.239l6.89 7.288 7.739-7.713v-5.53h5.8L106.246 64l-7.314-7.289H92.88v-5.78zm-1.038-1.038-7.288-7.059h-5.78V29.07l-7.29-7.314-7.539 7.565v5.801h-5.529l-7.289 7.314 7.29 7.315h26.387zm0 43.64-7.038-7.57H50.931l-7.289 7.314 7.29 7.315h5.528v5.801l7.54 7.565 7.289-7.314v-6.052h5.78z", "fill": originColor ? "#fff" : "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 BankBxb = componentDefinition;
+export const IconBankBxb = componentDefinition;
+export default BankBxb;

package/packages/vue-legacy/icons/BankCa.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-ca",
+  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": "M812 657.2h-94.4c-12-.4-22.4-18.8-22.4-18.8l-108-267.6-68.8 142.4C476.8 552 396 552.4 396 552.4l146-267.2h102zm-672 112v-64h692v64z", "fill": originColor ? "#004327" : "currentColor" } }), h("path", { attrs: { "d": "M700 340.4s13.6-1.2 25.6-7.2l157.2-84L884 320l-127.6 68.8s-22.8 13.6-40.4-6.4c0 0-6.4-12-10.8-23.2-3.6-9.6-5.2-18.8-5.2-18.8", "fill": originColor ? "#be1b21" : "currentColor" } }), h("path", { attrs: { "d": "M884 351.6V436s-112.4 69.6-242.4 138.4c-100 52.8-158 73.6-280 92.4-160.8 18.4-216-78.8-221.2-144.4 0 0-18.4-114 163.2-209.2 0 0 102.4-48.8 146-17.6L470 360s-84.8-15.2-186.8 65.6c0 0-92.4 69.6-86.4 121.6 5.6 51.6 79.2 57.2 145.2 49.6 0 0 116-9.2 289.6-105.2z", "fill": originColor ? "#0e7b74" : "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 = {
+  BankCa: componentDefinition,
+  IconBankCa: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCa.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-ca",
+  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": "M812 657.2h-94.4c-12-.4-22.4-18.8-22.4-18.8l-108-267.6-68.8 142.4C476.8 552 396 552.4 396 552.4l146-267.2h102zm-672 112v-64h692v64z", "fill": originColor ? "#004327" : "currentColor" } }), h("path", { attrs: { "d": "M700 340.4s13.6-1.2 25.6-7.2l157.2-84L884 320l-127.6 68.8s-22.8 13.6-40.4-6.4c0 0-6.4-12-10.8-23.2-3.6-9.6-5.2-18.8-5.2-18.8", "fill": originColor ? "#be1b21" : "currentColor" } }), h("path", { attrs: { "d": "M884 351.6V436s-112.4 69.6-242.4 138.4c-100 52.8-158 73.6-280 92.4-160.8 18.4-216-78.8-221.2-144.4 0 0-18.4-114 163.2-209.2 0 0 102.4-48.8 146-17.6L470 360s-84.8-15.2-186.8 65.6c0 0-92.4 69.6-86.4 121.6 5.6 51.6 79.2 57.2 145.2 49.6 0 0 116-9.2 289.6-105.2z", "fill": originColor ? "#0e7b74" : "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 BankCa = componentDefinition;
+export const IconBankCa = componentDefinition;
+export default BankCa;

package/packages/vue-legacy/icons/BankCabank.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-cabank",
+  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": "M745.2 300.8c-6.8 0-187.2-.4-224.4-.4H351.6c-9.2 0-52-3.2-52 4.4v44.8c0 7.6 44 4.4 53.6 4.4h169.2c34.8 0 202.4-.4 222.8-.4v23.6l-445.6 1.2-1.6 1.6v42h447.2v23.2l-445.6 1.6-1.6 1.6v44.8l447.2 1.6V518H298v205.2h156.4v-1.6l1.6-30.4c4-26 11.6-37.6 27.6-53.6 44-29.2 106.4-11.6 114.4 44.8l1.6 7.2 2.8 31.6v1.6h107.2l2.8-1.6V586.8H373.2v96.8h-30.4V562.4H748V748H570c1.2-26.4 12-76.8-18.8-90.8-69.6-16.4-72.4 40.4-69.6 88L272 743.6c0-156 .8-312 1.6-467.6h471.6zM228 800h568V224H228z", "fill": originColor ? "#de0516" : "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 = {
+  BankCabank: componentDefinition,
+  IconBankCabank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCabank.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-cabank",
+  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": "M745.2 300.8c-6.8 0-187.2-.4-224.4-.4H351.6c-9.2 0-52-3.2-52 4.4v44.8c0 7.6 44 4.4 53.6 4.4h169.2c34.8 0 202.4-.4 222.8-.4v23.6l-445.6 1.2-1.6 1.6v42h447.2v23.2l-445.6 1.6-1.6 1.6v44.8l447.2 1.6V518H298v205.2h156.4v-1.6l1.6-30.4c4-26 11.6-37.6 27.6-53.6 44-29.2 106.4-11.6 114.4 44.8l1.6 7.2 2.8 31.6v1.6h107.2l2.8-1.6V586.8H373.2v96.8h-30.4V562.4H748V748H570c1.2-26.4 12-76.8-18.8-90.8-69.6-16.4-72.4 40.4-69.6 88L272 743.6c0-156 .8-312 1.6-467.6h471.6zM228 800h568V224H228z", "fill": originColor ? "#de0516" : "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 BankCabank = componentDefinition;
+export const IconBankCabank = componentDefinition;
+export default BankCabank;

package/packages/vue-legacy/icons/BankCba.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-cba",
+  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": "M509.2 852c-170.4-1.6-311.2-128.4-334-292.8h224.4V274.4c-84.8 36.8-146.8 110.8-138.4 208.8h35.2v-39.6h60.4v94H176c-1.6-7.2-2.8-14.4-4-21.6v-4.4c0-171.2 126.4-312.8 290.8-336.4v223.6h284.4c-36.4-85.2-110.4-147.2-208-139.2v35.6h39.2V356h-94V174.8c4-.8 8.4-1.6 12.4-2.4 4.8-.4 9.6-.4 14.8-.4C682.8 172 824 298.4 848 462.8H624V748c84.8-36.8 146.8-110.8 138.4-208.8h-35.2v39.6h-60.4v-94H848c1.6 7.2 2.8 14.4 3.6 21.2v6c0 171.2-126.4 312.8-290.8 336.4v-226H277.6c36.4 85.2 110.4 147.2 208 139.2V726h-39.2v-60.4H540v181.6c-10.4 2-20.8 3.6-30.8 4.8M464 559.6h96v-94.8h-96z", "fill": originColor ? "#e50113" : "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 = {
+  BankCba: componentDefinition,
+  IconBankCba: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCba.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-cba",
+  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": "M509.2 852c-170.4-1.6-311.2-128.4-334-292.8h224.4V274.4c-84.8 36.8-146.8 110.8-138.4 208.8h35.2v-39.6h60.4v94H176c-1.6-7.2-2.8-14.4-4-21.6v-4.4c0-171.2 126.4-312.8 290.8-336.4v223.6h284.4c-36.4-85.2-110.4-147.2-208-139.2v35.6h39.2V356h-94V174.8c4-.8 8.4-1.6 12.4-2.4 4.8-.4 9.6-.4 14.8-.4C682.8 172 824 298.4 848 462.8H624V748c84.8-36.8 146.8-110.8 138.4-208.8h-35.2v39.6h-60.4v-94H848c1.6 7.2 2.8 14.4 3.6 21.2v6c0 171.2-126.4 312.8-290.8 336.4v-226H277.6c36.4 85.2 110.4 147.2 208 139.2V726h-39.2v-60.4H540v181.6c-10.4 2-20.8 3.6-30.8 4.8M464 559.6h96v-94.8h-96z", "fill": originColor ? "#e50113" : "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 BankCba = componentDefinition;
+export const IconBankCba = componentDefinition;
+export default BankCba;