@nstc-design/icons 0.2.0 → 0.2.2

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;

package/packages/vue-legacy/icons/BankMufg.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-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]);
+  },
+};
+export const BankMufg = componentDefinition;
+export const IconBankMufg = componentDefinition;
+export default BankMufg;

package/packages/vue-legacy/icons/BankMybank.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-mybank",
+  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": "-2.452 -1.866 64.434 64.434", "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("rect", { attrs: { "fill": originColor ? "#fff" : "currentColor", "height": "64.434", "rx": "14.095", "ry": "14.095", "width": "64.434", "x": "-2.452", "y": "-1.866" } }), h("path", { attrs: { "d": "M7.555 54.67a5.55 5.55 0 0 1-3.926-1.626A5.57 5.57 0 0 1 2 49.117V11.563c0-1.476.585-2.891 1.627-3.934A5.55 5.55 0 0 1 7.555 6h7.48a6.9 6.9 0 0 1 3.997 1.268l11.394 9.362-9.647 8.17a2.3 2.3 0 0 1-3.026 0l-2.849-2.505a2.302 2.302 0 0 0-3.583 1.268 2.3 2.3 0 0 0-.082.609c-.002.596.2 1.174.573 1.639l10.806 14.314A7.8 7.8 0 0 1 24.2 44.88v7.022a2.78 2.78 0 0 1-1.713 2.569c-.337.14-.698.212-1.062.212H7.554", "fill": originColor ? "#1677ff" : "currentColor" } }), h("path", { attrs: { "d": "M33.917 34.136c-.633.539-1.392 1.065-2.459 1.065a3.88 3.88 0 0 1-2.532-1.065l-8.77-7.418a4.3 4.3 0 0 0 1.984-.98l1.266-1.148L43.742 7.788A6.9 6.9 0 0 1 48.395 6h3.586a5.55 5.55 0 0 1 3.928 1.63 5.57 5.57 0 0 1 1.627 3.934v37.552h-.023a5.57 5.57 0 0 1-1.625 3.932 5.55 5.55 0 0 1-3.926 1.628H38.098a2.77 2.77 0 0 1-2.567-1.715c-.14-.338-.212-.7-.212-1.065V44.34a7.84 7.84 0 0 1 1.498-4.622l8.498-9.33a2.313 2.313 0 0 0-1.466-3.902 2.3 2.3 0 0 0-1.62.481h.016z", "fill": originColor ? "#00b6ff" : "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 = {
+  BankMybank: componentDefinition,
+  IconBankMybank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankMybank.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-mybank",
+  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": "-2.452 -1.866 64.434 64.434", "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("rect", { attrs: { "fill": originColor ? "#fff" : "currentColor", "height": "64.434", "rx": "14.095", "ry": "14.095", "width": "64.434", "x": "-2.452", "y": "-1.866" } }), h("path", { attrs: { "d": "M7.555 54.67a5.55 5.55 0 0 1-3.926-1.626A5.57 5.57 0 0 1 2 49.117V11.563c0-1.476.585-2.891 1.627-3.934A5.55 5.55 0 0 1 7.555 6h7.48a6.9 6.9 0 0 1 3.997 1.268l11.394 9.362-9.647 8.17a2.3 2.3 0 0 1-3.026 0l-2.849-2.505a2.302 2.302 0 0 0-3.583 1.268 2.3 2.3 0 0 0-.082.609c-.002.596.2 1.174.573 1.639l10.806 14.314A7.8 7.8 0 0 1 24.2 44.88v7.022a2.78 2.78 0 0 1-1.713 2.569c-.337.14-.698.212-1.062.212H7.554", "fill": originColor ? "#1677ff" : "currentColor" } }), h("path", { attrs: { "d": "M33.917 34.136c-.633.539-1.392 1.065-2.459 1.065a3.88 3.88 0 0 1-2.532-1.065l-8.77-7.418a4.3 4.3 0 0 0 1.984-.98l1.266-1.148L43.742 7.788A6.9 6.9 0 0 1 48.395 6h3.586a5.55 5.55 0 0 1 3.928 1.63 5.57 5.57 0 0 1 1.627 3.934v37.552h-.023a5.57 5.57 0 0 1-1.625 3.932 5.55 5.55 0 0 1-3.926 1.628H38.098a2.77 2.77 0 0 1-2.567-1.715c-.14-.338-.212-.7-.212-1.065V44.34a7.84 7.84 0 0 1 1.498-4.622l8.498-9.33a2.313 2.313 0 0 0-1.466-3.902 2.3 2.3 0 0 0-1.62.481h.016z", "fill": originColor ? "#00b6ff" : "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 BankMybank = componentDefinition;
+export const IconBankMybank = componentDefinition;
+export default BankMybank;

package/packages/vue-legacy/icons/BankMyccb.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-myccb",
+  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": "m516 444-76 76 76 76 76-76z", "fill": originColor ? "#e60012" : "currentColor" } }), h("path", { attrs: { "d": "M755.2 388.4S694.8 274 525.6 345.2c0 0 96.4-23.2 153.6 32.4L816 540 540.4 820h65.2L884 535.2zm-74.4 24.4s-63.6-80.4-198.8-18.4c0 0 125.2-2.4 152 94.4 17.2 62-34 106.8-34 106.8L382.8 820h128.8l274.8-284.8zM502.4 679.2s-96.4 23.2-153.6-32.4L212 484l275.6-280h-65.2L144 488.8 272.8 636c0-.4 60.4 114.4 229.6 43.2m-155.2-68s63.6 80.4 198.4 18.4c0 0-125.2 2.4-152-94.4-16.8-62 34.4-106.8 34.4-106.8L645.2 204H516.4L241.6 488.8z", "fill": originColor ? "#005bac" : "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 = {
+  BankMyccb: componentDefinition,
+  IconBankMyccb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankMyccb.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-myccb",
+  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": "m516 444-76 76 76 76 76-76z", "fill": originColor ? "#e60012" : "currentColor" } }), h("path", { attrs: { "d": "M755.2 388.4S694.8 274 525.6 345.2c0 0 96.4-23.2 153.6 32.4L816 540 540.4 820h65.2L884 535.2zm-74.4 24.4s-63.6-80.4-198.8-18.4c0 0 125.2-2.4 152 94.4 17.2 62-34 106.8-34 106.8L382.8 820h128.8l274.8-284.8zM502.4 679.2s-96.4 23.2-153.6-32.4L212 484l275.6-280h-65.2L144 488.8 272.8 636c0-.4 60.4 114.4 229.6 43.2m-155.2-68s63.6 80.4 198.4 18.4c0 0-125.2 2.4-152-94.4-16.8-62 34.4-106.8 34.4-106.8L645.2 204H516.4L241.6 488.8z", "fill": originColor ? "#005bac" : "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 BankMyccb = componentDefinition;
+export const IconBankMyccb = componentDefinition;
+export default BankMyccb;

package/packages/vue-legacy/icons/BankNagoya.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-nagoya",
+  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": "M268 426.8h160V640H268zm296-77.6c106.8 6 192 94.4 192 202.8v88H616.4v-60.8c0-72.8-59.2-132-132-132h-28 108.8V372c.4-7.6 0-15.6-1.2-22.8-3.6-.4-7.6-.4-11.2-.4H486c-10 0-20 1.2-29.2 3.2v95.2z", "fill": originColor ? "#009b63" : "currentColor" } }), h("path", { attrs: { "d": "M588 160h164v164H588z", "fill": originColor ? "#e60113" : "currentColor" } }), h("path", { attrs: { "d": "M268 763.6v-70.4h20.4c6 0 11.2 1.6 14.8 4.4s5.6 6.8 5.6 11.6c0 4-1.2 7.2-3.2 10.4s-5.2 5.2-9.2 6.4c4.8.4 8.4 2.4 11.6 5.6 2.8 3.2 4.4 6.8 4.4 11.6 0 6-2 10.8-6.4 14.8-4.4 3.6-10 5.6-16.8 5.6zm9.2-62.4v22h8.4c4.4 0 8-1.2 10.4-3.2s3.6-5.2 3.6-8.8c0-6.8-4.4-10-13.2-10zm0 30v24.4H288c4.8 0 8.4-1.2 10.8-3.2 2.4-2.4 4-5.2 4-9.2 0-8-5.6-12-16.4-12zm90-14.4c4.8-3.2 10.8-4.8 17.2-4.8q18 0 18 19.2v32.4h-8.8V756h-.4c-3.6 6-8.4 8.8-15.2 8.8-4.8 0-8.8-1.2-11.6-4s-4.4-6.4-4.4-10.8c0-9.6 5.6-14.8 16.8-16.4l14.8-2c0-8.4-3.2-12.4-10-12.4-6 0-11.6 2-16.4 6zM382 740c-4 .4-6.8 1.6-8.4 3.2s-2.4 3.6-2.4 6.4q0 3.6 2.4 6c1.6 1.6 4 2.4 6.8 2.4 4 0 7.2-1.2 9.6-4s3.6-6 3.6-10.4v-4.8zm104.8 23.6H478v-28.8c0-10.4-3.6-15.6-11.2-15.6-4 0-7.2 1.6-9.6 4.4s-3.6 6.8-3.6 11.2v28.8h-8.8v-50.4h8.8v8.4c3.6-6.4 9.2-9.6 16.4-9.6 5.6 0 9.6 1.6 12.4 5.2s4.4 8.8 4.4 15.6zm86 0h-12l-21.6-24.4v24.4h-8.8v-74.4h8.8v47.2l20.4-23.2h11.6l-22.8 24.4zm60-24.8c0-8.4 2.4-14.8 6.8-19.6s10.8-7.2 18.8-7.2c7.6 0 13.6 2.4 17.6 6.8 4.4 4.8 6.4 11.2 6.4 19.2s-2.4 14.4-6.8 19.2-10.8 7.2-18.4 7.2q-11.4 0-18-7.2c-4-4.4-6.4-10.4-6.4-18.4m9.2 0c0 5.6 1.6 10.4 4.4 13.6s6.8 5.2 11.6 5.2c5.2 0 8.8-1.6 11.6-4.8s4-8 4-14-1.2-10.8-4-14-6.4-4.8-11.6-4.8c-4.8 0-8.8 1.6-11.6 5.2-3.2 2.8-4.4 7.6-4.4 13.6m104-42c-1.6-.8-3.6-1.2-5.2-1.2-5.6 0-8.4 3.6-8.4 10.4v7.6H744v7.2h-11.6v42.8h-8.8v-42.8h-8.4v-7.2h8.4v-8c0-5.6 1.6-9.6 4.8-12.8s7.2-4.8 11.6-4.8c2.4 0 4.4.4 6 .8zM329.6 857.6H318l-38-54.8c-1.2-1.6-2-3.2-2.4-4.4h-.4c.4 1.6.4 4.8.4 10V858H268v-70.4h12.4l38 55.6c1.2 1.6 1.6 2.8 2 3.2-.4-2-.4-4.8-.4-8.8V788h9.6zm94.4 4h-12l-8.4-19.2h-34l-8 19.2H350l31.2-70.4h11.2zm-24.8-27.2L388 805.2q-.6-1.2-1.2-4.8h-.4q-.6 3-1.2 4.8l-10.8 29.2zM502 858c-7.2 4-14.8 6-23.6 6-10 0-18.4-3.2-24.4-9.6-6.4-6.4-9.2-15.2-9.2-26s3.6-20 10.4-26.8 15.6-10.4 26.4-10.4q11.4 0 19.2 3.6v10c-5.6-3.6-12.4-5.2-20-5.2s-14 2.8-18.8 8-7.6 12-7.6 20.8 2.4 15.6 6.8 20.8 10.8 7.2 18.4 7.2c5.2 0 10-1.2 13.6-3.2V834H478v-8h24.4v32zm28.4-29.6c0-11.2 3.2-20.4 9.2-27.2s14.4-10 24.8-10c9.6 0 17.6 3.2 23.6 10 6 6.4 8.8 15.2 8.8 25.6 0 11.6-3.2 20.4-9.2 27.2s-14.4 10-24.4 10-18-3.2-24-10c-5.6-6.4-8.8-15.2-8.8-25.6m9.6-.8c0 8.4 2 15.2 6.4 20.4s10 7.6 16.8 7.6c7.6 0 13.2-2.4 17.6-7.2s6.4-12 6.4-20.8c0-9.2-2-16-6.4-21.2-4-4.8-10-7.6-17.2-7.6s-12.8 2.8-17.2 8c-4.4 5.6-6.4 12.4-6.4 20.8m131.2-36.4L648 835.6v26h-9.2V836l-22.4-44.8h10.4l15.2 31.2c0 .4.8 2 1.6 4.4.4-1.2.8-2.8 2-4.4l16-31.2zm88.8 70h-11.6L740 842h-34l-8 19.2h-11.6l31.2-70h11.2zm-24.8-28.8L722.4 804q-.6-1.2-1.2-4.8h-.4q-.6 3-1.2 4.8l-12.8 28.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 = {
+  BankNagoya: componentDefinition,
+  IconBankNagoya: componentDefinition,
+  default: componentDefinition,
+};

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