@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue-legacy/icons/BankYmb.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-ymb",
+  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": "143.12 143.12 737.76 737.76", "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.001-.001 224 224v576q.001 224.001-224 224H224q-224.001.001-224-224V224Q-.001-.001 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M531.953 598.559h206.213a1387 1387 0 0 1-1.792 31.595c-1.137 16.528-2.57 32.072-4.327 44.903-1.848 13.522-3.799 21.893-5.253 25.451-3.681 9.001-11.469 16.906-26.747 22.876-15.728 6.14-37.929 9.55-66.923 9.55-29.107 0-47.073-3.257-59.192-8.382-11.26-4.762-18.893-11.725-26.174-22.79-3.2-4.863-6.661-13.982-9.487-27.862-2.734-13.415-4.511-29.435-5.468-46.623a586 586 0 0 1-.85-28.718", "fill": originColor ? "red" : "currentColor" } }), h("path", { attrs: { "d": "M194.56 256v512c0 33.93 27.51 61.44 61.44 61.44h109.26c-68.085-86.129-85.042-186.85-80.926-240.364 2.074-26.951.236-48.952-4.925-62.08-2.473-6.297-4.89-8.448-5.899-9.082l-.015-.006c-.45-.286-2.15-1.356-7.398-.133-4.71 1.106-11.797 7.527-14.321 28.309a111 111 0 0 0 .108 26.475c.501 3.984 1.177 7.358 1.879 9.954.665 2.457 1.187 3.589 1.27 3.768l.01.015q0 .015 0 0c7.485 13.108 8.079 28.273 7.372 39.015-.747 11.356-3.256 21.944-5.524 28.743a23.04 23.04 0 1 1-43.715-14.571c1.178-3.523 2.801-10.23 3.257-17.198.501-7.588-.63-11.776-1.403-13.128-4.854-8.494-7.522-20.183-8.863-30.838a157 157 0 0 1-.133-37.785c2.852-23.527 13.84-59.264 49.562-67.625 14.924-3.492 29.696-2.017 42.434 5.99 12.165 7.65 19.646 19.482 24.269 31.248 9.037 23.009 10.21 53.493 7.982 82.467-3.794 49.296 15.227 155.981 96.64 236.826H768c33.93 0 61.44-27.51 61.44-61.44V512.481a242 242 0 0 1-27.197-9.748c-20.347-8.668-43.244-21.607-59.638-38.723-7.537-7.874-13.968-15.426-19.37-21.775l-2.856-3.349c-6.272-7.326-10.69-12.175-14.853-15.616-3.784-3.133-6.692-4.51-9.636-5.145-3.134-.666-8.13-.876-16.558 1.157-13.051 3.149-17.152 12.667-22.216 24.412l-1.413 3.256a23.04 23.04 0 0 1-42.194-18.524c.256-.583.568-1.372.952-2.334 4.235-10.676 16.917-42.64 54.063-51.605 13.086-3.159 25.338-3.922 37.022-1.418 11.868 2.544 21.346 8.074 29.338 14.684 7.613 6.292 14.372 14.008 20.5 21.171l3.093 3.62.02.02c5.402 6.35 10.865 12.76 17.393 19.58 10.317 10.772 26.865 20.72 44.416 28.195a198 198 0 0 0 9.134 3.635v-27.709a386 386 0 0 1-6.574-6.605c-8.371-8.617-18.074-19.261-28.124-30.638-20.122-22.784-42.194-49.142-58.834-69.489-5.258-6.435-9.662-11.955-13.67-16.977l-.01-.01-.006-.006c-4.465-5.596-8.438-10.578-12.57-15.529-7.372-8.857-13.137-14.986-18.698-19.481-9.564-7.742-20.393-12.314-44.134-12.314-12.867 0-24.95 5.765-37.376 17.485-12.667 11.95-24.049 28.595-34.929 46.92a1007 1007 0 0 0-12.703 22.205l-.005.01c-2.514 4.485-5.012 8.95-7.608 13.466-20.884 36.382-50.98 76.912-63.462 92.723a23.04 23.04 0 1 1-36.168-28.554c11.827-14.976 40.376-53.504 59.668-87.112 2.105-3.666 4.414-7.782 6.856-12.134l.056-.103 2.304-4.106a129 129 0 0 0-4.577-2.37c-8.73-4.301-15.048-5.904-19.082-5.714-4.07.189-7.209 1.868-16.67 14.848l-1.824 2.539c-7.73 10.819-21.017 29.42-44.339 35.461-21.734 5.637-41.077-2.826-53.883-11.622a105 105 0 0 1-17.561-15.309l-.266.061c-1.265.267-2.422.512-3.503.733-3.297.69-5.81 1.213-8.104 1.812-1.757.46-3.513.906-5.259 1.357h-.005c-12.697 3.261-25.129 6.456-35.292 11.689-11.075 5.703-13.076 10.393-13.076 14.95 0 16.973 2.222 20.076 3.737 21.607 2.806 2.816 11.085 7.536 37.596 11.75 11.566.343 26.332 4.864 38.134 16.988 13.19 13.543 19.87 33.623 17.997 59.51-2.944 40.622-1.219 83.994 0 100.244l.03.477.016.476c.363 11.033 1.444 27.095 5.724 42.342 4.383 15.6 11.141 26.88 20.28 32.758a23.04 23.04 0 1 1-24.919 38.758c-22.86-14.694-34.007-38.717-39.72-59.054-5.735-20.423-6.99-40.668-7.404-52.807-1.321-18.115-3.093-63.417.036-106.522 1.167-16.169-3.195-22.124-5.054-24.038-2.432-2.494-5.478-3.098-6.564-3.072l-1.991.035-1.966-.302c-27.684-4.26-50.366-10.455-64.881-25.067-15.851-15.954-17.131-36.777-17.131-54.088 0-29.737 20.275-46.756 38.062-55.91 15.2-7.834 33.208-12.396 45.363-15.478 1.669-.425 3.225-.82 4.659-1.193 3.507-.911 7.557-1.756 11.085-2.493.906-.185 1.776-.37 2.59-.543 4.445-.942 8.377-1.849 11.935-2.965 5.699-1.776 8.448-3.492 9.616-4.618a2.5 2.5 0 0 0 .645-.855c.082-.195.373-.947.373-2.662 0-11.346-1.372-16.308-2.078-18.074a16 16 0 0 0-.953-.2c-3.456-.614-7.388-.64-14.141-.686-2.13-.015-4.541-.03-7.306-.066-10.291-.139-23.22-.691-37.581-4.112-26.506-6.313-44.943-24.146-56.822-41.354a146.5 146.5 0 0 1-14.843-27.607c-28.452 5.366-49.976 30.357-49.976 60.37m340.547 273.07a574 574 0 0 0-1.885 23.409h206.464c.108-5.335.185-10.327.23-14.869a23.04 23.04 0 0 1 46.08.476c-.25 24.31-1.3 61.092-3.65 95.232-1.177 17.06-2.693 33.731-4.644 47.99-1.858 13.563-4.372 27.146-8.258 36.65-9.672 23.638-28.964 39.106-52.639 48.347-23.224 9.068-51.845 12.708-83.681 12.708-31.739 0-56.801-3.42-77.138-12.022-21.202-8.965-35.451-22.773-46.725-39.905-8.023-12.19-12.918-28.134-16.144-43.996-3.328-16.323-5.289-34.714-6.323-53.258-2.058-37.084-.476-76.703 2.473-105.467a23.04 23.04 0 0 1 45.84 4.705", "fill": originColor ? "red" : "currentColor" } }), h("path", { attrs: { "d": "M829.44 256v112.696l-.164-.179c-19.61-22.205-41.282-48.082-57.692-68.152a1812 1812 0 0 1-12.82-15.918h-.006l-.005-.01c-4.95-6.196-9.625-12.043-13.696-16.927-7.936-9.523-16-18.432-25.118-25.805-19.8-16.02-41.78-22.569-73.12-22.569-28.42 0-51.255 13.312-68.996 30.05-11.674 11.007-21.801 24.11-30.633 37.309a181 181 0 0 0-7.952-4.188c-10.89-5.361-25.758-11.147-41.6-10.404-28.14 1.316-43.033 21.77-51.394 33.249l-.359.492c-10.352 14.208-14.315 18.933-20.49 20.53-3.103.81-7.823.241-14.249-3.706 8.305-8.909 13.194-20.654 13.194-34.744 0-16.149-2.001-31.002-9.113-42.712-8.228-13.552-20.664-18.918-31.908-20.92-7.747-1.382-16.942-1.413-24.35-1.433a478 478 0 0 1-4.578-.031c-9.124-.123-18.074-.615-27.52-2.867-11.587-2.755-21.494-11.003-29.568-22.697a96 96 0 0 1-1.664-2.504H768c33.93 0 61.44 27.51 61.44 61.44", "fill": originColor ? "red" : "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 BankYmb = componentDefinition;
+export const IconBankYmb = componentDefinition;
+export default BankYmb;

package/packages/vue-legacy/icons/BankYnhtbank.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-ynhtbank",
+  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": "M819.2 236H535.6c-9.2 0-16.8 7.6-16.8 16.8V466h-14V252.8c0-9.2-7.6-16.8-16.8-16.8H204.8c-9.2 0-16.8 7.6-16.8 16.8v510.4c0 9.2 7.6 16.8 16.8 16.8h283.6c9.2 0 16.8-7.6 16.8-16.8V726l14-.4v37.6c0 9.2 7.6 16.8 16.8 16.8h283.6c9.2 0 16.8-7.6 16.8-16.8V252.8c-.4-9.2-8-16.8-17.2-16.8M476 468.4h-21.6L434 304l-141.6-2.8L344 639.6h86.4l12 89.2 33.6-.8v17.6c0 5.6-4.8 10.4-10.4 10.4H222.4c-5.6 0-10.4-4.8-10.4-10.4V274.4c0-5.6 4.8-10.4 10.4-10.4H466c5.6 0 10.4 4.8 10.4 10.4zm336 281.2c0 5.6-4.8 10.4-10.4 10.4H558c-5.6 0-10.4-4.8-10.4-10.4v-18.8l37.2-.8 12-84.8h83.6L726 306.8l-133.2 2.8-24.4 163.2H548V278.4c0-5.6 4.8-10.4 10.4-10.4H802c5.6 0 10.4 4.8 10.4 10.4v471.2z", "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 = {
+  BankYnhtbank: componentDefinition,
+  IconBankYnhtbank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankYnhtbank.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-ynhtbank",
+  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": "M819.2 236H535.6c-9.2 0-16.8 7.6-16.8 16.8V466h-14V252.8c0-9.2-7.6-16.8-16.8-16.8H204.8c-9.2 0-16.8 7.6-16.8 16.8v510.4c0 9.2 7.6 16.8 16.8 16.8h283.6c9.2 0 16.8-7.6 16.8-16.8V726l14-.4v37.6c0 9.2 7.6 16.8 16.8 16.8h283.6c9.2 0 16.8-7.6 16.8-16.8V252.8c-.4-9.2-8-16.8-17.2-16.8M476 468.4h-21.6L434 304l-141.6-2.8L344 639.6h86.4l12 89.2 33.6-.8v17.6c0 5.6-4.8 10.4-10.4 10.4H222.4c-5.6 0-10.4-4.8-10.4-10.4V274.4c0-5.6 4.8-10.4 10.4-10.4H466c5.6 0 10.4 4.8 10.4 10.4zm336 281.2c0 5.6-4.8 10.4-10.4 10.4H558c-5.6 0-10.4-4.8-10.4-10.4v-18.8l37.2-.8 12-84.8h83.6L726 306.8l-133.2 2.8-24.4 163.2H548V278.4c0-5.6 4.8-10.4 10.4-10.4H802c5.6 0 10.4 4.8 10.4 10.4v471.2z", "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 BankYnhtbank = componentDefinition;
+export const IconBankYnhtbank = componentDefinition;
+export default BankYnhtbank;

package/packages/vue-legacy/icons/BankYokohama.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-yokohama",
+  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": "M522 184v500c0 71.2 44.4 135.2 110.8 160L758 460z", "fill": originColor ? "#00468e" : "currentColor" } }), h("path", { attrs: { "d": "m266 460 125.2 384C457.6 819.2 502 755.2 502 684V184z", "fill": originColor ? "#209afa" : "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 = {
+  BankYokohama: componentDefinition,
+  IconBankYokohama: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankYokohama.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-yokohama",
+  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": "M522 184v500c0 71.2 44.4 135.2 110.8 160L758 460z", "fill": originColor ? "#00468e" : "currentColor" } }), h("path", { attrs: { "d": "m266 460 125.2 384C457.6 819.2 502 755.2 502 684V184z", "fill": originColor ? "#209afa" : "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 BankYokohama = componentDefinition;
+export const IconBankYokohama = componentDefinition;
+export default BankYokohama;

package/packages/vue-legacy/icons/BankYqccb.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-yqccb",
+  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": "M495.028 875.272v-144.68c0-90.184-25.28-161.428-140.74-217.84C277.32 475.136 216.56 431.404 172 381.548v244.264c0 98.06 42.02 177.572 161.516 210.08 79.664 21.672 133.5 34.8 161.512 39.376z", "fill": originColor ? "#aa894c" : "currentColor" } }), h("path", { attrs: { "d": "M495.028 144v144.68c0 90.184-25.28 161.428-140.74 217.84C277.32 544.136 216.56 587.868 172 637.72V393.456c0-98.06 42.02-177.572 161.516-210.08Q453.011 150.866 495.028 144", "fill": originColor ? "#b8985c" : "currentColor" } }), h("path", { attrs: { "d": "M528.536 144v144.68c0 90.184 25.28 161.428 140.74 217.84q115.458 56.417 182.292 131.2V393.456c0-98.06-42.02-177.572-161.52-210.08-79.66-21.672-133.5-34.8-161.512-39.376", "fill": originColor ? "#2d538a" : "currentColor" } }), h("path", { attrs: { "d": "M528.536 875.272v-144.68c0-90.184 25.28-161.428 140.74-217.84q115.458-56.417 182.292-131.2v244.264c0 98.06-42.02 177.572-161.52 210.08-79.66 21.672-133.5 34.8-161.512 39.376", "fill": originColor ? "#1e4277" : "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 = {
+  BankYqccb: componentDefinition,
+  IconBankYqccb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankYqccb.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-yqccb",
+  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": "M495.028 875.272v-144.68c0-90.184-25.28-161.428-140.74-217.84C277.32 475.136 216.56 431.404 172 381.548v244.264c0 98.06 42.02 177.572 161.516 210.08 79.664 21.672 133.5 34.8 161.512 39.376z", "fill": originColor ? "#aa894c" : "currentColor" } }), h("path", { attrs: { "d": "M495.028 144v144.68c0 90.184-25.28 161.428-140.74 217.84C277.32 544.136 216.56 587.868 172 637.72V393.456c0-98.06 42.02-177.572 161.516-210.08Q453.011 150.866 495.028 144", "fill": originColor ? "#b8985c" : "currentColor" } }), h("path", { attrs: { "d": "M528.536 144v144.68c0 90.184 25.28 161.428 140.74 217.84q115.458 56.417 182.292 131.2V393.456c0-98.06-42.02-177.572-161.52-210.08-79.66-21.672-133.5-34.8-161.512-39.376", "fill": originColor ? "#2d538a" : "currentColor" } }), h("path", { attrs: { "d": "M528.536 875.272v-144.68c0-90.184 25.28-161.428 140.74-217.84q115.458-56.417 182.292-131.2v244.264c0 98.06-42.02 177.572-161.52 210.08-79.66 21.672-133.5 34.8-161.512 39.376", "fill": originColor ? "#1e4277" : "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 BankYqccb = componentDefinition;
+export const IconBankYqccb = componentDefinition;
+export default BankYqccb;

package/packages/vue-legacy/icons/BankYtb.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-ytb",
+  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": "M351.6 499.6c22.8 0 44.8 4.4 64.8 12.4 9.6 4 18.4 9.6 25.6 17.2l51.2 52.8c5.2 4.4 12.4 7.2 19.6 7.2s14-2.8 19.2-7.2l52.8-54.4c6-6 13.2-10.8 20.8-14.4 21.2-8.8 44-13.6 68.4-13.6 33.2 0 64 9.2 90.8 24.8L567.2 728.8c-14.4 13.6-33.2 21.6-54.4 21.6s-40-8.4-54.4-21.6l-198-204c26.8-16 57.6-25.2 91.2-25.2m218.4-202L732 466c-10.4-2-20.8-3.2-31.6-3.2-39.6 0-76.4 13.2-106.4 35.6q-1.2 1.2-3.6 1.2c-2.4 0-3.2-.8-4.4-2l-54-56c-5.2-4.8-12.4-7.6-20-7.6s-14.4 2.8-19.6 7.6l-54 56c-1.2 1.2-2.4 2-4.4 2-1.2 0-2.8-.4-3.6-1.2-30-22.4-66.4-35.6-106-35.6-10.8 0-21.6 1.2-32 3.2l162.4-168.4c14.8-15.6 34.8-25.2 57.6-25.2s43.2 9.6 57.6 25.2m-58-73.2c-158.8 0-287.6 129.2-287.6 287.6 0 158.8 128.8 287.6 287.6 287.6 158.4 0 287.6-129.2 287.6-287.6 0-158.8-129.2-287.6-287.6-287.6m0 627.6c-187.6 0-340-152.8-340-340 0-187.6 152.4-340 340-340s340 152.4 340 340c0 187.2-152.4 340-340 340", "fill": originColor ? "#6bb42b" : "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 = {
+  BankYtb: componentDefinition,
+  IconBankYtb: componentDefinition,
+  default: componentDefinition,
+};

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