@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue-legacy/icons/BankDb.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-db",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M172 852V172h680v680zm95.2-95.2h490V265.6h-490zm61.6-69.6L573.6 326l132.4-2.8-252.8 364z", "fill": originColor ? "#26298a" : "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 BankDb = componentDefinition;
+export const IconBankDb = componentDefinition;
+export default BankDb;

package/packages/vue-legacy/icons/BankDbs.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-dbs",
+  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": "M563.6 510.8v4c0 28.8 58.8 88.4 76 108.8 13.2 15.6 30.4 34.4 41.6 50 12 16.4 32 34.8 42.8 50.4-4.8-1.2-88.8-74-101.2-83.6-22.8-18-78-75.2-109.6-75.2h-6.4c-18.8 0-46.4 23.2-57.2 33.2-15.6 14.8-34.8 27.2-49.6 42-10.8 10.8-37.2 32.4-50 42-16.8 12.4-34 31.2-50 42 1.2-4.4 74-88.4 83.6-101.2 18.8-23.6 75.2-76.8 75.2-110.8v-1.2c0-21.6-20.8-46.4-32-58.4-14.8-16-27.2-34-42-49.6s-27.2-34.4-42-49.6c-9.6-10-34.4-39.2-41.6-50 6.8 2 84.8 71.6 98.8 82.4 23.2 17.2 77.6 74 108 74h9.2c24.8 0 88.4-59.6 106.8-75.2 10.8-9.2 96-82.8 100-83.6-10.8 16-29.6 33.2-42 50-10.8 14.4-30 37.6-42.4 50.8-14.8 16-28 34-42.8 50.4-11.2 11.2-33.2 36-33.2 58.4m-310-284.4v10.4c0 10.8 4.4 16.4 6.4 24.4-8-4-18-7.6-29.6-7.6-27.2 0-58.4 26.4-58.4 50.4v14.4c0 10.8 26.8 62.4 32.4 79.2 8.8 26 18.4 58.4 18.4 92.8v36c0 36.4-6.8 72.4-17.2 99.2-6.8 17.2-33.2 70-33.2 84.4v7.6c0 24.4 28.8 53.2 52 53.2h10.4c11.6 0 17.6-5.6 26-6.4-2.4 8.8-6.4 12-6.4 26v12.8c0 24.4 31.2 49.2 59.6 49.2 16.4 0 60.8-24.4 79.2-31.2C418 812.4 450.8 802 484 802h59.6c30.8 0 67.6 11.2 90.4 19.6 18.4 6.8 60.8 30.8 79.2 30.8 30.8 0 59.6-27.6 59.6-56.8v-4c0-10.8-5.6-19.6-7.6-28.4 5.6 4 17.6 7.6 27.2 7.6h9.2c20.8 0 52-28.4 52-48V710c0-15.2-26.8-68.4-33.6-86.8-11.2-32-17.2-61.2-17.2-104.4v-28.4c0-26 10-75.6 18-93.2 6-13.2 10.4-26 16.8-38.8 4.8-9.2 15.6-29.2 15.6-41.2v-11.6c0-24.4-30-51.6-55.6-51.6-12.8 0-23.6 3.6-32.4 7.6 1.2-5.2 7.6-19.6 7.6-24.4v-7.6c0-27.2-29.2-56.8-55.6-56.8H712c-12.4 0-66 26.4-82.8 32.4-24.8 9.2-62 19.2-96 19.2h-38.8c-26.8 0-80-10-97.6-18.8-13.2-6.8-73.6-33.6-84.8-33.6h-2.4c-27.2 0-56 27.6-56 54.4", "fill": originColor ? "#e30016" : "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 = {
+  BankDbs: componentDefinition,
+  IconBankDbs: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankDbs.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-dbs",
+  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": "M563.6 510.8v4c0 28.8 58.8 88.4 76 108.8 13.2 15.6 30.4 34.4 41.6 50 12 16.4 32 34.8 42.8 50.4-4.8-1.2-88.8-74-101.2-83.6-22.8-18-78-75.2-109.6-75.2h-6.4c-18.8 0-46.4 23.2-57.2 33.2-15.6 14.8-34.8 27.2-49.6 42-10.8 10.8-37.2 32.4-50 42-16.8 12.4-34 31.2-50 42 1.2-4.4 74-88.4 83.6-101.2 18.8-23.6 75.2-76.8 75.2-110.8v-1.2c0-21.6-20.8-46.4-32-58.4-14.8-16-27.2-34-42-49.6s-27.2-34.4-42-49.6c-9.6-10-34.4-39.2-41.6-50 6.8 2 84.8 71.6 98.8 82.4 23.2 17.2 77.6 74 108 74h9.2c24.8 0 88.4-59.6 106.8-75.2 10.8-9.2 96-82.8 100-83.6-10.8 16-29.6 33.2-42 50-10.8 14.4-30 37.6-42.4 50.8-14.8 16-28 34-42.8 50.4-11.2 11.2-33.2 36-33.2 58.4m-310-284.4v10.4c0 10.8 4.4 16.4 6.4 24.4-8-4-18-7.6-29.6-7.6-27.2 0-58.4 26.4-58.4 50.4v14.4c0 10.8 26.8 62.4 32.4 79.2 8.8 26 18.4 58.4 18.4 92.8v36c0 36.4-6.8 72.4-17.2 99.2-6.8 17.2-33.2 70-33.2 84.4v7.6c0 24.4 28.8 53.2 52 53.2h10.4c11.6 0 17.6-5.6 26-6.4-2.4 8.8-6.4 12-6.4 26v12.8c0 24.4 31.2 49.2 59.6 49.2 16.4 0 60.8-24.4 79.2-31.2C418 812.4 450.8 802 484 802h59.6c30.8 0 67.6 11.2 90.4 19.6 18.4 6.8 60.8 30.8 79.2 30.8 30.8 0 59.6-27.6 59.6-56.8v-4c0-10.8-5.6-19.6-7.6-28.4 5.6 4 17.6 7.6 27.2 7.6h9.2c20.8 0 52-28.4 52-48V710c0-15.2-26.8-68.4-33.6-86.8-11.2-32-17.2-61.2-17.2-104.4v-28.4c0-26 10-75.6 18-93.2 6-13.2 10.4-26 16.8-38.8 4.8-9.2 15.6-29.2 15.6-41.2v-11.6c0-24.4-30-51.6-55.6-51.6-12.8 0-23.6 3.6-32.4 7.6 1.2-5.2 7.6-19.6 7.6-24.4v-7.6c0-27.2-29.2-56.8-55.6-56.8H712c-12.4 0-66 26.4-82.8 32.4-24.8 9.2-62 19.2-96 19.2h-38.8c-26.8 0-80-10-97.6-18.8-13.2-6.8-73.6-33.6-84.8-33.6h-2.4c-27.2 0-56 27.6-56 54.4", "fill": originColor ? "#e30016" : "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 BankDbs = componentDefinition;
+export const IconBankDbs = componentDefinition;
+export default BankDbs;

package/packages/vue-legacy/icons/BankDccb.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-dccb",
+  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": "M322 502.4c88.8-42 149.2-105.2 189.2-198.4 25.2 37.6 29.2 71.6 83.2 125.6 14.4 14.4 37.6 32.8 58.4 46.4 12.8 8.4 60.8 30.8 67.2 36.4-10.4 6.8-24 10.8-34.8 16.4-36.8 19.2-61.2 39.2-89.6 67.6C529.2 662.8 549.2 662 512 720c-31.6-51.2-26-68-84-125.6-58.8-58.4-87.2-56.8-124-82zm180-328.8c-43.2 13.6-53.6 60.8-93.2 79.2-43.2 20.4-120-16-143.6 26.8-22 40 14.8 93.6-20.8 143.2-16.8 23.2-83.2 58-70.4 102.4 10.4 34.8 64 54.4 80 91.2 18 40.8-13.2 118.8 22.4 141.2 39.6 24.8 103.2-9.6 144 20 31.2 22.8 56.4 82 101.2 73.6 30.4-5.6 61.6-63.2 92-79.6 40.4-21.6 112.8 13.2 141.6-22 28-34-10.4-104 23.6-147.2 26.8-34 80.8-59.6 72.4-99.2-6.8-32.4-62.4-61.2-79.2-92-23.6-42.8 14.4-120.4-25.6-145.2-39.6-24.8-103.2 14.4-146.8-23.6-31.2-27.6-59.2-80.8-97.6-68.8", "fill": originColor ? "#735222" : "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 = {
+  BankDccb: componentDefinition,
+  IconBankDccb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankDccb.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-dccb",
+  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": "M322 502.4c88.8-42 149.2-105.2 189.2-198.4 25.2 37.6 29.2 71.6 83.2 125.6 14.4 14.4 37.6 32.8 58.4 46.4 12.8 8.4 60.8 30.8 67.2 36.4-10.4 6.8-24 10.8-34.8 16.4-36.8 19.2-61.2 39.2-89.6 67.6C529.2 662.8 549.2 662 512 720c-31.6-51.2-26-68-84-125.6-58.8-58.4-87.2-56.8-124-82zm180-328.8c-43.2 13.6-53.6 60.8-93.2 79.2-43.2 20.4-120-16-143.6 26.8-22 40 14.8 93.6-20.8 143.2-16.8 23.2-83.2 58-70.4 102.4 10.4 34.8 64 54.4 80 91.2 18 40.8-13.2 118.8 22.4 141.2 39.6 24.8 103.2-9.6 144 20 31.2 22.8 56.4 82 101.2 73.6 30.4-5.6 61.6-63.2 92-79.6 40.4-21.6 112.8 13.2 141.6-22 28-34-10.4-104 23.6-147.2 26.8-34 80.8-59.6 72.4-99.2-6.8-32.4-62.4-61.2-79.2-92-23.6-42.8 14.4-120.4-25.6-145.2-39.6-24.8-103.2 14.4-146.8-23.6-31.2-27.6-59.2-80.8-97.6-68.8", "fill": originColor ? "#735222" : "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 BankDccb = componentDefinition;
+export const IconBankDccb = componentDefinition;
+export default BankDccb;

package/packages/vue-legacy/icons/BankDgrcb.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-dgrcb",
+  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": "M782 636.8H383.2V850h227.2c54.4 0 86.8-39.6 86.8-39.6s99.6-99.6 117.6-116.8c36.8-35.2 35.6-84 35.6-84-.4-.4-9.2 27.2-68.4 27.2", "fill": originColor ? "#9b0f11" : "currentColor" } }), h("path", { attrs: { "d": "M172 798c0 32.4 28 52 52 52h163.2V384H235.6c-48.8 0-63.6 35.2-63.6 35.2z", "fill": originColor ? "#c20714" : "currentColor" } }), h("path", { attrs: { "d": "M330.4 204c-14.4 13.2-79.6 80.4-119.2 118.8-40.8 38.8-39.2 79.6-39.2 96 1.2-2 20-35.2 64.4-34.8 26.8.4 336.8 0 398.8 0V231.2c.8-53.6-21.6-59.2-26-59.6H414c-36.4.4-63.6 13.6-83.6 32.4", "fill": originColor ? "#9b0f11" : "currentColor" } }), h("path", { attrs: { "d": "M635.6 232.4v406.4h146.8c58.8 0 67.6-27.6 67.6-27.6V402.8c0-54-40-87.6-40-87.6s-90.8-92-108.8-109.6C666.8 172 626.4 172 612 172h-2.8c2.8 0 26.4 4 26.4 60.4", "fill": originColor ? "#c20714" : "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 = {
+  BankDgrcb: componentDefinition,
+  IconBankDgrcb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankDgrcb.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-dgrcb",
+  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": "M782 636.8H383.2V850h227.2c54.4 0 86.8-39.6 86.8-39.6s99.6-99.6 117.6-116.8c36.8-35.2 35.6-84 35.6-84-.4-.4-9.2 27.2-68.4 27.2", "fill": originColor ? "#9b0f11" : "currentColor" } }), h("path", { attrs: { "d": "M172 798c0 32.4 28 52 52 52h163.2V384H235.6c-48.8 0-63.6 35.2-63.6 35.2z", "fill": originColor ? "#c20714" : "currentColor" } }), h("path", { attrs: { "d": "M330.4 204c-14.4 13.2-79.6 80.4-119.2 118.8-40.8 38.8-39.2 79.6-39.2 96 1.2-2 20-35.2 64.4-34.8 26.8.4 336.8 0 398.8 0V231.2c.8-53.6-21.6-59.2-26-59.6H414c-36.4.4-63.6 13.6-83.6 32.4", "fill": originColor ? "#9b0f11" : "currentColor" } }), h("path", { attrs: { "d": "M635.6 232.4v406.4h146.8c58.8 0 67.6-27.6 67.6-27.6V402.8c0-54-40-87.6-40-87.6s-90.8-92-108.8-109.6C666.8 172 626.4 172 612 172h-2.8c2.8 0 26.4 4 26.4 60.4", "fill": originColor ? "#c20714" : "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 BankDgrcb = componentDefinition;
+export const IconBankDgrcb = componentDefinition;
+export default BankDgrcb;

package/packages/vue-legacy/icons/BankDlb.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-dlb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+    const style = this.color === undefined ? undefined : { color: this.color };
+    const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+    const svg = h("svg", this.button
+      ? {
+          attrs: {
+            ...svgAttributes,
+            width: toButtonIconSize(buttonSize),
+            height: toButtonIconSize(buttonSize),
+            "aria-hidden": "true",
+          },
+        }
+      : {
+          ref: "root",
+          attrs: {
+            ...svgAttributes,
+            ...attrs,
+            width: toSize(renderedSize),
+            height: toSize(renderedSize),
+          },
+          style: style,
+          on: listeners,
+        }, [h("path", { attrs: { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" } }), h("path", { attrs: { "d": "M510.612 172C324.652 172 172 322.492 172 512s152.652 340 338.612 340S852 701.508 852 512 699.348 172 510.612 172m172.08 287.048c8.328 5.576 0 16.72 2.776 25.08 0 5.576-2.776 11.152-8.324 13.936-5.552 2.788-11.104 2.788-16.656 2.788-5.548 8.36-24.976 8.36-19.428 22.296 0 5.572 8.328 13.932 13.88 16.72 8.324 2.788 19.428 0 24.98 2.788 2.772 16.72 2.772 36.228-5.552 50.16-11.104 5.576-16.652 19.512-30.532 16.724-5.552 2.788-13.88 8.36-16.652 13.936 0 13.932 13.88 8.36 22.2 16.72 8.332 0 16.656-5.572 24.984 0 13.88 13.936 2.776 33.44 2.776 50.164l-11.104 13.936c-8.324 2.784-19.428 5.572-30.528 8.36v2.788h-13.88c0-5.576-8.324-2.788-11.1-5.576-8.328 5.576-16.656-2.788-24.98-2.788-41.632 5.576-69.388-19.508-111.02-13.932-13.88-11.148-36.08-8.36-55.512-8.36-19.428 13.932-41.632 16.72-63.84 19.508-11.1 2.784-16.648-13.936-24.976-16.72 0-11.148-16.652-19.512-8.328-33.444 11.104-11.148 8.328-27.868 19.432-41.804 0-13.936 2.772-27.868-8.328-36.228 2.776-16.72 2.776-36.232 8.328-52.952 5.548-5.576 11.1-19.508 22.2-11.148 11.104 19.508 47.184-2.788 49.96 25.08 0 22.296-2.776 44.592-22.2 55.74-11.104 16.72-38.86-5.576-41.636 19.508-2.776 11.148 8.328 16.72 16.652 22.296 11.104-5.576 24.98-5.576 33.308-16.72 13.88 0 19.428-16.72 33.304-16.72 11.104 5.572 22.208 5.572 30.532 16.72 5.552 2.784 8.328 5.572 13.88 8.36 13.876 11.144 33.304-8.36 47.18 11.144q12.493 4.182 24.98 0c5.552-2.784 11.104-11.144 8.328-16.72 0-5.572 0-8.36-5.552-11.148-5.552-2.784-8.324 0-13.88 0-19.424 2.788-33.304-8.36-49.956-11.148-11.1-8.36-27.756-16.72-30.532-33.44-5.548-5.576-2.772-13.936-8.324-19.508 0-8.36 5.552-11.148 11.1-16.72 13.88-5.576 24.98 8.36 38.86 2.784 8.324-5.572 19.428-2.788 24.976-13.936 5.552-5.572 2.776-16.72-2.772-22.292-2.776-2.788-8.328-2.788-11.104 0-8.328 8.36-22.204 8.36-33.304 5.572-5.552-2.788-13.88-5.572-16.656-11.148 2.776-11.148 0-22.296 11.104-30.656 0-8.36-5.552-13.932-11.104-16.72-13.88 5.572-24.98-27.868-36.08-5.572 0 16.72 5.552 27.868 2.776 44.588-13.88 8.36-30.532 0-44.408 0-13.88-8.36-33.308-16.72-41.632-33.44 2.772-13.936-5.552-25.084 0-39.02-8.328-16.72 8.324-27.868 8.324-41.8 8.328-8.36 16.652-16.72 27.756-11.148 8.328 5.572 16.652 5.572 22.204 16.72 11.1 2.788 22.204 11.148 36.08 8.36 11.104-2.788 13.88-16.72 24.98-16.72 16.656 0 41.632 8.36 52.736-11.148 5.552-2.788 13.88-5.576 16.652-11.148h30.532c2.776 8.36 11.1 13.936 16.652 16.72 30.532 5.576 63.84 11.148 97.144 8.36 5.552 2.788 11.1 2.788 13.88 8.36 0 19.512-2.78 41.804-24.984 52.952-13.88 5.576-41.632-8.36-41.632 13.936 13.88 19.508 44.408 5.572 61.06 16.72", "fill": originColor ? "#c7000c" : "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 = {
+  BankDlb: componentDefinition,
+  IconBankDlb: componentDefinition,
+  default: componentDefinition,
+};

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