@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue-legacy/icons/BankMizuho.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-mizuho",
+  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": "M956 636c-121.6-84.4-403.2-78-556.8-62.8-110 11.2-214.8 27.2-327.2 50 120.8-10.8 240.4-16 360.4-18.8 180.8-4.4 344 9.2 523.6 31.6", "fill": originColor ? "#f30031" : "currentColor" } }), h("path", { attrs: { "d": "M752 466.8c0 40 31.2 69.2 74.4 69.2 48.4 0 77.6-27.6 77.6-76.4S858.4 396 826.8 396c-42.8 0-74.8 24.4-74.8 70.8m76-50.8c22 0 40 21.6 40 48s-18 48-40 48-40-21.6-40-48 18-48 40-48m-574.8-2-50.8 122h-9.6l-50.4-116.4-10 84.4c-2 16.8-2.4 28-10 32H104l18-133.2c.8-2.8-3.2-12.4-8.4-18.8h56.8l31.6 82.8 32.8-82.8H284l8 152h-36.4c0-38.4-2.4-83.6-2.4-122M644 396v76.4h50.4V536H732V396h-50.4c8.4 4.8 12.4 11.2 12.4 25.6v38h-50zm-264 32 18.8-12.8 46 .8L380 536h120v-12.8l-70.4-.4L500 396H380zm264 44.4V396h-50.4c9.2 5.2 12.8 11.2 12.8 25.6v95.2h-31.6c-14.4 0-18.8-4.4-18.8-19.2V396h-52c7.6 4 12.4 10.4 13.6 19.2V504c0 35.2 27.6 31.6 63.2 31.6H644zm-323.2-50.8V536H360V396h-52c7.6 6 12.8 11.2 12.8 25.6", "fill": originColor ? "#271975" : "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 BankMizuho = componentDefinition;
+export const IconBankMizuho = componentDefinition;
+export default BankMizuho;

package/packages/vue-legacy/icons/BankMs.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-ms",
+  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": "m436 428 60 56v-56zm24 8h28v28z", "fill": originColor ? "#0075bf" : "currentColor" } }), h("path", { attrs: { "d": "M559.6 510.8c13.2 6 28 12.4 28 33.6 0 18.8-12.4 31.6-30.8 31.6-18.8 0-32.8-12-36.8-31.6v-.4l11.6-2.8v.4c2.4 11.6 11.2 24.4 25.2 24.4 10.8 0 18.8-8.8 18.8-20 0-14.4-11.2-19.2-22.8-24-13.2-5.6-26.8-11.2-26.8-30.8 0-18 12.4-30.4 29.6-30.4 15.6 0 27.2 10.8 32 29.2v.4l-10.8 3.6v-.4c-4-13.6-9.2-22.4-22-22.4-9.6 0-17.2 8-17.2 18.8.4 11.2 10.8 16 22 20.8M640 504h-18.8v50.4c0 4.4 0 8 2 10 1.6 1.2 3.6 2 7.2 2s6.4-.4 9.2-.8h.4v8.8h-.4c-4.8 1.6-8.4 2.4-12 2.4-6.8 0-11.2-1.6-14.4-4.4-4.4-4.4-4.8-11.6-4.8-19.2V504H596v-10h12.8v-26h12.4v25.6H640zm27.2 56.8c10.8 0 19.2-8.8 22.4-12.8v-22.4c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 7.6-27.6 20.4 0 6 4.8 12.8 12 12.8m36.8 8.4v.4h-13.2s-.8-8.4-1.2-9.6c-6 6-13.6 12-23.2 12-12.4 0-22.8-10.4-22.8-22.8 0-21.6 21.6-27.2 38.8-31.6l3.2-.8s2.8-.8 3.6-.8v-4c0-8.4-5.6-13.6-14.8-13.6-7.6 0-13.6 4-19.6 12.4v.4l-8.4-6.4v-.4c7.6-10.8 16.8-16 28-16 10.8 0 27.2 6.8 27.2 24.8v41.6c0 4.8.4 9.6 2.4 14.4m52-77.2c13.2 0 20 8.8 20 26.4V572h-11.6v-53.2c0-5.6 0-11.6-3.2-14.8-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 6.8-19.2 11.6V572H724v-77.6h11.6v7.6c6-5.2 12-10 20.4-10m55.6-28 .4 112h-12V464zm67.6 58v-.4c0-6.4-2-14.4-6.8-19.6-2.8-2.8-6-4.4-9.6-4.4-11.6 0-18 12.4-18 24h34.4zm4.4 26.4 8.4 5.6v.4c-4.4 10.8-15.6 18-28.4 18-20 0-31.6-15.2-31.6-42s11.6-42 31.6-42c7.6 0 13.6 2.8 18.4 7.6 6 6.8 9.6 18 9.6 30.4 0 2 0 3.6-.4 5.6v.4h-46.8c0 19.2 7.2 29.6 20.4 29.6 10 0 16.8-10.4 18.8-13.6m76-56.4h.4l-26.4 83.2c-3.6 11.6-10 24.8-27.6 24.8-3.2 0-5.6-.8-8.8-1.6h-.4l2-10h.4c2 .8 4 1.2 6.4 1.2 10.8 0 14.8-9.2 17.6-18.8 0-.4-27.2-78.8-27.2-78.8h12s20.8 60 21.2 61.6c.4-1.6 19.6-61.6 19.6-61.6z", "fill": originColor ? "#a6a7a7" : "currentColor" } }), h("path", { attrs: { "d": "m147.6 460 .4 112h-11.6V472c-.8 2.4-25.6 100-25.6 100h-9.6s-24.8-97.6-25.6-100v100H64V460h18.8s22.8 90.8 23.2 91.6c0-.8 22.8-91.6 22.8-91.6zM200 565.6c17.6 0 20-20.8 20-33.6 0-12.4-2.8-33.6-20-33.6-17.6 0-20 20.8-20 33.6 0 12.4 2.4 33.6 20 33.6m0-77.6c20.4 0 32 16 32 44s-11.6 44-32 44-32-16-32-44 11.6-44 32-44m87.6 4 .4 10.8h-.4c-13.6-2-20.4 13.2-24.4 24.8V572H252v-78.8h11.2v16.4c4-9.2 9.6-17.6 20.4-17.6zm103.6 72.4c10.8 0 19.2-9.2 22.4-13.2v-23.6c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 8-27.6 21.6 0 6 4.8 13.2 12 13.2m36.8 8.8v.4h-13.2s-.8-8.8-1.2-10c-6 6-13.6 12.4-23.2 12.4-12.4 0-22.8-10.8-22.8-24 0-22.4 21.6-28.4 38.8-33.2l3.2-.8s2.8-.8 3.6-.8v-4.4c0-8.8-5.6-14-14.8-14-7.6 0-13.6 4-19.6 12.8v.4l-8.4-6.4v-.4c7.6-11.2 16.8-16.8 28-16.8 10.8 0 27.2 6.8 27.2 26V558c0 4.8.4 10.4 2.4 15.2m48-85.2c13.2 0 20 9.2 20 27.6V572h-11.6v-55.6c0-5.6 0-12-3.2-15.6-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 7.2-19.2 12V572H444v-81.6h11.6v8c6-5.2 12-10.4 20.4-10.4m-153.6 47.6c10 0 16.4-7.2 16.4-18.8 0-8.8-4-19.2-15.2-19.2-10.4 0-16 10-16 19.2-.4 9.2 4.8 18.8 14.8 18.8m-6 31.6c-6.4 1.2-13.6 5.2-13.6 12 0 11.2 16.4 11.2 21.6 11.2 7.6 0 20.4-1.6 20.4-12.4 0-6-5.6-9.2-17.2-10zm39.6-68.8h-4c-2.8 0-4.8 0-7.6 1.6 2.8 4.4 4.4 10 4.4 16.8v.4c0 7.6-2.4 14.4-7.2 19.6s-11.2 8-18 8c-4 0-7.6-.8-12-2.4-.4 0-1.2.8-1.2.8-2.4 2-4.8 4-4.8 7.2 0 3.6 6.4 4 14.8 4.8 14.4 1.6 34.4 3.2 34.4 23.2 0 14-10.8 21.2-31.6 21.2-28.8 0-32-14.4-32-20.4 0-8.4 6.8-13.2 12.4-15.6-4-2-8.8-5.2-8.8-11.2 0-5.2 2.4-8 5.6-10.8 1.2-1.2 2.4-2.4 3.6-4-5.6-7.2-8-12-8-21.2 0-16.4 11.2-28 26.4-28 6 0 11.2 2 16 5.6 4.8-4 10.4-6.8 16.8-6v10.4z", "fill": originColor ? "#231916" : "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 = {
+  BankMs: componentDefinition,
+  IconBankMs: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankMs.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-ms",
+  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": "m436 428 60 56v-56zm24 8h28v28z", "fill": originColor ? "#0075bf" : "currentColor" } }), h("path", { attrs: { "d": "M559.6 510.8c13.2 6 28 12.4 28 33.6 0 18.8-12.4 31.6-30.8 31.6-18.8 0-32.8-12-36.8-31.6v-.4l11.6-2.8v.4c2.4 11.6 11.2 24.4 25.2 24.4 10.8 0 18.8-8.8 18.8-20 0-14.4-11.2-19.2-22.8-24-13.2-5.6-26.8-11.2-26.8-30.8 0-18 12.4-30.4 29.6-30.4 15.6 0 27.2 10.8 32 29.2v.4l-10.8 3.6v-.4c-4-13.6-9.2-22.4-22-22.4-9.6 0-17.2 8-17.2 18.8.4 11.2 10.8 16 22 20.8M640 504h-18.8v50.4c0 4.4 0 8 2 10 1.6 1.2 3.6 2 7.2 2s6.4-.4 9.2-.8h.4v8.8h-.4c-4.8 1.6-8.4 2.4-12 2.4-6.8 0-11.2-1.6-14.4-4.4-4.4-4.4-4.8-11.6-4.8-19.2V504H596v-10h12.8v-26h12.4v25.6H640zm27.2 56.8c10.8 0 19.2-8.8 22.4-12.8v-22.4c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 7.6-27.6 20.4 0 6 4.8 12.8 12 12.8m36.8 8.4v.4h-13.2s-.8-8.4-1.2-9.6c-6 6-13.6 12-23.2 12-12.4 0-22.8-10.4-22.8-22.8 0-21.6 21.6-27.2 38.8-31.6l3.2-.8s2.8-.8 3.6-.8v-4c0-8.4-5.6-13.6-14.8-13.6-7.6 0-13.6 4-19.6 12.4v.4l-8.4-6.4v-.4c7.6-10.8 16.8-16 28-16 10.8 0 27.2 6.8 27.2 24.8v41.6c0 4.8.4 9.6 2.4 14.4m52-77.2c13.2 0 20 8.8 20 26.4V572h-11.6v-53.2c0-5.6 0-11.6-3.2-14.8-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 6.8-19.2 11.6V572H724v-77.6h11.6v7.6c6-5.2 12-10 20.4-10m55.6-28 .4 112h-12V464zm67.6 58v-.4c0-6.4-2-14.4-6.8-19.6-2.8-2.8-6-4.4-9.6-4.4-11.6 0-18 12.4-18 24h34.4zm4.4 26.4 8.4 5.6v.4c-4.4 10.8-15.6 18-28.4 18-20 0-31.6-15.2-31.6-42s11.6-42 31.6-42c7.6 0 13.6 2.8 18.4 7.6 6 6.8 9.6 18 9.6 30.4 0 2 0 3.6-.4 5.6v.4h-46.8c0 19.2 7.2 29.6 20.4 29.6 10 0 16.8-10.4 18.8-13.6m76-56.4h.4l-26.4 83.2c-3.6 11.6-10 24.8-27.6 24.8-3.2 0-5.6-.8-8.8-1.6h-.4l2-10h.4c2 .8 4 1.2 6.4 1.2 10.8 0 14.8-9.2 17.6-18.8 0-.4-27.2-78.8-27.2-78.8h12s20.8 60 21.2 61.6c.4-1.6 19.6-61.6 19.6-61.6z", "fill": originColor ? "#a6a7a7" : "currentColor" } }), h("path", { attrs: { "d": "m147.6 460 .4 112h-11.6V472c-.8 2.4-25.6 100-25.6 100h-9.6s-24.8-97.6-25.6-100v100H64V460h18.8s22.8 90.8 23.2 91.6c0-.8 22.8-91.6 22.8-91.6zM200 565.6c17.6 0 20-20.8 20-33.6 0-12.4-2.8-33.6-20-33.6-17.6 0-20 20.8-20 33.6 0 12.4 2.4 33.6 20 33.6m0-77.6c20.4 0 32 16 32 44s-11.6 44-32 44-32-16-32-44 11.6-44 32-44m87.6 4 .4 10.8h-.4c-13.6-2-20.4 13.2-24.4 24.8V572H252v-78.8h11.2v16.4c4-9.2 9.6-17.6 20.4-17.6zm103.6 72.4c10.8 0 19.2-9.2 22.4-13.2v-23.6c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 8-27.6 21.6 0 6 4.8 13.2 12 13.2m36.8 8.8v.4h-13.2s-.8-8.8-1.2-10c-6 6-13.6 12.4-23.2 12.4-12.4 0-22.8-10.8-22.8-24 0-22.4 21.6-28.4 38.8-33.2l3.2-.8s2.8-.8 3.6-.8v-4.4c0-8.8-5.6-14-14.8-14-7.6 0-13.6 4-19.6 12.8v.4l-8.4-6.4v-.4c7.6-11.2 16.8-16.8 28-16.8 10.8 0 27.2 6.8 27.2 26V558c0 4.8.4 10.4 2.4 15.2m48-85.2c13.2 0 20 9.2 20 27.6V572h-11.6v-55.6c0-5.6 0-12-3.2-15.6-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 7.2-19.2 12V572H444v-81.6h11.6v8c6-5.2 12-10.4 20.4-10.4m-153.6 47.6c10 0 16.4-7.2 16.4-18.8 0-8.8-4-19.2-15.2-19.2-10.4 0-16 10-16 19.2-.4 9.2 4.8 18.8 14.8 18.8m-6 31.6c-6.4 1.2-13.6 5.2-13.6 12 0 11.2 16.4 11.2 21.6 11.2 7.6 0 20.4-1.6 20.4-12.4 0-6-5.6-9.2-17.2-10zm39.6-68.8h-4c-2.8 0-4.8 0-7.6 1.6 2.8 4.4 4.4 10 4.4 16.8v.4c0 7.6-2.4 14.4-7.2 19.6s-11.2 8-18 8c-4 0-7.6-.8-12-2.4-.4 0-1.2.8-1.2.8-2.4 2-4.8 4-4.8 7.2 0 3.6 6.4 4 14.8 4.8 14.4 1.6 34.4 3.2 34.4 23.2 0 14-10.8 21.2-31.6 21.2-28.8 0-32-14.4-32-20.4 0-8.4 6.8-13.2 12.4-15.6-4-2-8.8-5.2-8.8-11.2 0-5.2 2.4-8 5.6-10.8 1.2-1.2 2.4-2.4 3.6-4-5.6-7.2-8-12-8-21.2 0-16.4 11.2-28 26.4-28 6 0 11.2 2 16 5.6 4.8-4 10.4-6.8 16.8-6v10.4z", "fill": originColor ? "#231916" : "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 BankMs = componentDefinition;
+export const IconBankMs = componentDefinition;
+export default BankMs;

package/packages/vue-legacy/icons/BankMsbank.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-msbank",
+  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": "-11.81 -29.26 170.18 170.18", "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": "M50.57 60.17C10.55 37.85 5.16 0 5.16 0-.35 10-4.59 40.27 9.68 62.42 26.86 89.09 57 94.15 57 94.15c-8.74.28-38.14-.56-38.14-.56 7.14 6.66 28.82 17.83 28.82 17.83 78.43-2 99-40.95 99-40.95-16.73 6.85-54.57 12.83-96.08-10.3m75.4-42.9c9.12 27.52-8.22 47.56-35.81 52.16 57.56 13.71 57.74-37.3 35.81-52.16", "fill": originColor ? "#0086d1" : "currentColor" } }), h("path", { attrs: { "d": "M74.7 7.42s-3.11 12.26-21.34 15.47c0 0 24.53 1.71 35.66 22.81 0 0-1.19-15.74 11.14-23.13 0 0-18-6.11-25.46-15.15", "fill": originColor ? "#c3950e" : "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 = {
+  BankMsbank: componentDefinition,
+  IconBankMsbank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankMsbank.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-msbank",
+  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": "-11.81 -29.26 170.18 170.18", "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": "M50.57 60.17C10.55 37.85 5.16 0 5.16 0-.35 10-4.59 40.27 9.68 62.42 26.86 89.09 57 94.15 57 94.15c-8.74.28-38.14-.56-38.14-.56 7.14 6.66 28.82 17.83 28.82 17.83 78.43-2 99-40.95 99-40.95-16.73 6.85-54.57 12.83-96.08-10.3m75.4-42.9c9.12 27.52-8.22 47.56-35.81 52.16 57.56 13.71 57.74-37.3 35.81-52.16", "fill": originColor ? "#0086d1" : "currentColor" } }), h("path", { attrs: { "d": "M74.7 7.42s-3.11 12.26-21.34 15.47c0 0 24.53 1.71 35.66 22.81 0 0-1.19-15.74 11.14-23.13 0 0-18-6.11-25.46-15.15", "fill": originColor ? "#c3950e" : "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 BankMsbank = componentDefinition;
+export const IconBankMsbank = componentDefinition;
+export default BankMsbank;

package/packages/vue-legacy/icons/BankMtbank.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-mtbank",
+  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": "m342.372 712.048 32.592 84.848 31.776-84.848h48.796L467 860h-33.008l-8.508-106.924L389.424 860h-29.732l-34.056-98.96-8.508 98.96H284l13.608-147.952h44.76zm245.064 0v19.288h-44.92V860h-34.24V731.336h-45.78v-19.288zM704 712a32 32 0 0 1 32 32v13.58a32 32 0 0 1-17.288 28.424A31.98 31.98 0 0 1 736 814.42V828a32 32 0 0 1-32 32H599.116V747.608h34.032v17.24h.016v34.812h-.016v34.48h50.832a17.24 17.24 0 1 0 0-34.48h-33.796v-34.812h33.8a17.24 17.24 0 1 0 0-34.48h-84.872V712zM315.392 265.92c-29.544 124.928 19.696 240 131.312 292.6 13.132 3.288 22.98 9.864 36.108 13.152 13.132 3.288 22.98 6.576 36.112 6.576 13.132 3.288 22.98 3.288 36.112 3.288 72.22 0 141.16-36.168 196.964-95.344-36.112 92.056-111.612 141.368-193.68 154.52C545.188 644 535.336 644 522.208 644c-13.132 0-22.98-3.288-36.112-3.288-29.544-3.288-59.088-13.152-85.352-29.588-74.748-42.312-120.54-116.848-124.632-198.084l-.112-2.464v-16.44c0-42.74 16.412-88.768 39.392-128.22zm239.64 62.464 36.112 108.492-108.332 34.272-36.108-106.6 108.332-36.164zm0-164.384c26.264 0 55.808 6.576 82.072 23.012 121.46 72.332 98.48 220.276 52.52 269.592 29.548-115.068-42.672-207.124-134.588-226.852-12.312-3.08-21.736-3.272-33.688-3.284H516.5c-11.952.012-21.376.2-33.688 3.284-36.108 6.576-75.5 29.592-108.328 65.756 9.848-36.164 52.52-88.768 108.328-115.068 13.132-6.576 22.98-9.864 36.112-13.152S541.904 164 555.036 164z", "fill": originColor ? "#ed1c24" : "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 = {
+  BankMtbank: componentDefinition,
+  IconBankMtbank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankMtbank.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-mtbank",
+  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": "m342.372 712.048 32.592 84.848 31.776-84.848h48.796L467 860h-33.008l-8.508-106.924L389.424 860h-29.732l-34.056-98.96-8.508 98.96H284l13.608-147.952h44.76zm245.064 0v19.288h-44.92V860h-34.24V731.336h-45.78v-19.288zM704 712a32 32 0 0 1 32 32v13.58a32 32 0 0 1-17.288 28.424A31.98 31.98 0 0 1 736 814.42V828a32 32 0 0 1-32 32H599.116V747.608h34.032v17.24h.016v34.812h-.016v34.48h50.832a17.24 17.24 0 1 0 0-34.48h-33.796v-34.812h33.8a17.24 17.24 0 1 0 0-34.48h-84.872V712zM315.392 265.92c-29.544 124.928 19.696 240 131.312 292.6 13.132 3.288 22.98 9.864 36.108 13.152 13.132 3.288 22.98 6.576 36.112 6.576 13.132 3.288 22.98 3.288 36.112 3.288 72.22 0 141.16-36.168 196.964-95.344-36.112 92.056-111.612 141.368-193.68 154.52C545.188 644 535.336 644 522.208 644c-13.132 0-22.98-3.288-36.112-3.288-29.544-3.288-59.088-13.152-85.352-29.588-74.748-42.312-120.54-116.848-124.632-198.084l-.112-2.464v-16.44c0-42.74 16.412-88.768 39.392-128.22zm239.64 62.464 36.112 108.492-108.332 34.272-36.108-106.6 108.332-36.164zm0-164.384c26.264 0 55.808 6.576 82.072 23.012 121.46 72.332 98.48 220.276 52.52 269.592 29.548-115.068-42.672-207.124-134.588-226.852-12.312-3.08-21.736-3.272-33.688-3.284H516.5c-11.952.012-21.376.2-33.688 3.284-36.108 6.576-75.5 29.592-108.328 65.756 9.848-36.164 52.52-88.768 108.328-115.068 13.132-6.576 22.98-9.864 36.112-13.152S541.904 164 555.036 164z", "fill": originColor ? "#ed1c24" : "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 BankMtbank = componentDefinition;
+export const IconBankMtbank = componentDefinition;
+export default BankMtbank;

package/packages/vue-legacy/icons/BankMufg.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-mufg",
+  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": "M620 510c0 58.4-47.6 106-106 106s-106-47.6-106-106 47.6-106 106-106 106 47.6 106 106M512 731.6c122 0 221.2-98.4 221.2-219.6S634.4 292.4 512 292.4 290.8 390.8 290.8 512 390 731.6 512 731.6M618 260c140 0 254 112.8 254 252S758.4 764 618 764c-38 0-74-8.4-106-23.2-32.4 14.8-68.4 23.2-106 23.2-140 0-254-112.8-254-252s113.6-252 254-252c38 0 74 8.4 106 23.2 32.4-14.8 68.4-23.2 106-23.2", "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 = {
+  BankMufg: componentDefinition,
+  IconBankMufg: componentDefinition,
+  default: componentDefinition,
+};

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