@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue-legacy/icons/BankCmb.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-cmb",
+  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": "m503.4 172-8.608.76-17.196.8-17.192 2.32-8.58 1.584-8.612 1.56-7.82 1.588-8.58 2.352-15.636 4.672-15.636 4.704-15.636 6.26-14.84 7.02-14.84 7.788-7.088 3.94-6.992 3.908-7.056 4.672-7.024 3.908-13.28 10.172-6.296 4.668-6.992 4.704-11.724 10.932-11.728 11.728-6.26 5.464-5.468 6.26-5.464 5.468-5.5 6.26-9.376 13.28-10.168 13.288-8.548 14.08-3.94 7.052-3.912 7.024-7.816 14.84-7.024 14.84-5.464 15.636-5.468 15.636-4.704 15.632-3.908 16.432-3.148 17.192-2.352 17.192-.76 17.192L172 512v8.58l.76 8.612.764 17.956 2.352 16.428 1.592 8.612 1.556 8.58 1.588 7.82 2.32 8.58 4.704 15.664 5.468 16.4 5.464 14.84 7.024 15.668 7.816 14.044 3.912 7.82 3.94 7.02 4.672 7.024 3.876 6.26 10.168 13.284 4.704 7.024 4.672 6.26 10.964 12.52 11.728 11.728 5.468 5.464 6.26 5.468 5.464 5.464 6.26 5.5 13.284 10.168 13.284 9.376 14.08 8.58 6.992 3.908 7.088 4.704 14.84 7.024 14.84 7.02 15.64 6.26 15.632 5.468 15.64 3.908 16.396 3.908 17.192 3.116 17.192 2.352L494.792 852h31.272l13.28-.796 13.32-1.556 6.992-.796 6.26-.792 13.28-2.32 12.524-3.148 13.284-3.112 12.492-3.908 11.76-4.704 12.488-4.672 11.692-4.704 11.76-5.464 11.696-6.26 10.96-6.232 10.968-7.02 10.136-7.056 10.172-7.816 10.136-7.82 9.376-8.612 9.408-8.58 9.376-9.376 8.612-8.612 8.58-10.168 7.816-10.136 7.056-10.172L797.276 698l6.26-10.932 7.024-11.724 5.496-10.964 5.468-11.728 5.464-11.724 4.672-12.492h-47.668l7.052 16.432-73.476 107.06h-401.76L236.86 653.48l173.52-447.86 98.484 234.496 93.816-236.844 89.876 210.244h145.36l-4.672-12.52-4.7-13.252-4.672-12.52-6.264-11.724-5.464-12.52-7.056-11.728-7.024-10.932-7.024-10.932-8.612-10.964-3.908-5.468-3.908-5.464-8.58-10.168-9.376-9.376-9.408-9.376-10.136-9.372-10.172-8.612-10.136-7.788-11-7.848-10.928-7.82-11.728-6.988-11.696-6.292-11.724-6.232-12.52-5.464-12.492-5.496-6.26-2.32-6.232-2.384-13.316-3.88-13.28-3.908-13.288-3.144-14.08-2.32-13.28-2.352-14.08-.796L526.06 172zm-19.54 477.54h188.36l-96.136-232.876zm-193.064 0h188.392l-96.136-232.876zm409.548-217.272 6.292 14.08H845.74l-3.116-14.08zm14.08 32.828 5.496 14.08h130.52l-1.556-14.08zm14.08 32.828L734 512h118v-14.08H728.504zm13.28 32.856 6.264 14.048h102.396L852 530.78H741.788zm14.08 32.8 6.26 14.076h83.616l2.352-14.08h-92.228zm14.08 32.824 6.228 13.28h61.748l3.912-13.28z", "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 BankCmb = componentDefinition;
+export const IconBankCmb = componentDefinition;
+export default BankCmb;

package/packages/vue-legacy/icons/BankCmbc.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-cmbc",
+  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": "m511.204 338.216 165.008 74.3-87.8 40.36C738.6 471.856 850.4 533.664 850.4 611.124c0 92.628-152.152 167.928-339.204 167.928-187.08 0-339.196-75.3-339.196-167.92v-2.888h114.736v2.888c0 68.624 100.692 124.436 224.468 124.436 123.8 0 224.452-55.812 224.452-124.436 0-68.616-100.648-124.416-224.452-124.416l-1.188-.288-163.864-73.912zm.008 44.016-67.16 30.28 67.156 30.268 67.156-30.264z", "fill": originColor ? "#006ca9" : "currentColor" } }), h("path", { attrs: { "d": "m511.192 580.244 67.172 30.268-67.184 30.256-67.152-30.256 67.152-30.268zm0-336.244C324.16 244 172 319.3 172 411.928c0 77.404 111.8 139.272 261.992 158.276l-87.86 40.308 165.048 74.244 165-74.244-163.812-73.94-1.188-.288c-123.764 0-224.424-55.8-224.424-124.364 0-68.6 100.66-124.48 224.424-124.48 123.796 0 224.44 55.88 224.44 124.48v2.832h114.76v-2.832c0-92.62-152.16-167.92-339.2-167.92z", "fill": originColor ? "#00965a" : "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 = {
+  BankCmbc: componentDefinition,
+  IconBankCmbc: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCmbc.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-cmbc",
+  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": "m511.204 338.216 165.008 74.3-87.8 40.36C738.6 471.856 850.4 533.664 850.4 611.124c0 92.628-152.152 167.928-339.204 167.928-187.08 0-339.196-75.3-339.196-167.92v-2.888h114.736v2.888c0 68.624 100.692 124.436 224.468 124.436 123.8 0 224.452-55.812 224.452-124.436 0-68.616-100.648-124.416-224.452-124.416l-1.188-.288-163.864-73.912zm.008 44.016-67.16 30.28 67.156 30.268 67.156-30.264z", "fill": originColor ? "#006ca9" : "currentColor" } }), h("path", { attrs: { "d": "m511.192 580.244 67.172 30.268-67.184 30.256-67.152-30.256 67.152-30.268zm0-336.244C324.16 244 172 319.3 172 411.928c0 77.404 111.8 139.272 261.992 158.276l-87.86 40.308 165.048 74.244 165-74.244-163.812-73.94-1.188-.288c-123.764 0-224.424-55.8-224.424-124.364 0-68.6 100.66-124.48 224.424-124.48 123.796 0 224.44 55.88 224.44 124.48v2.832h114.76v-2.832c0-92.62-152.16-167.92-339.2-167.92z", "fill": originColor ? "#00965a" : "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 BankCmbc = componentDefinition;
+export const IconBankCmbc = componentDefinition;
+export default BankCmbc;

package/packages/vue-legacy/icons/BankCmbcn.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-cmbcn",
+  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": "M700 532.8V684H534.4v-49.2h113.2v-56H534.4V428h113.2v-50.8H534.4V328H700v150.8H586.8V530H700zm-380 0V530h113.2v-51.2H320V328h165.6v49.2H372.8v51.2H486v150.8H372.8v56H486V684H320zM512 172c187.6 0 340 152.4 340 340S699.6 852 512 852 172 699.6 172 512s152.4-340 340-340m0 612.4c150.4 0 272.4-122 272.4-272.4S662.4 239.6 512 239.6 239.6 361.6 239.6 512s122 272.4 272.4 272.4", "fill": originColor ? "#cf0106" : "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 = {
+  BankCmbcn: componentDefinition,
+  IconBankCmbcn: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCmbcn.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-cmbcn",
+  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": "M700 532.8V684H534.4v-49.2h113.2v-56H534.4V428h113.2v-50.8H534.4V328H700v150.8H586.8V530H700zm-380 0V530h113.2v-51.2H320V328h165.6v49.2H372.8v51.2H486v150.8H372.8v56H486V684H320zM512 172c187.6 0 340 152.4 340 340S699.6 852 512 852 172 699.6 172 512s152.4-340 340-340m0 612.4c150.4 0 272.4-122 272.4-272.4S662.4 239.6 512 239.6 239.6 361.6 239.6 512s122 272.4 272.4 272.4", "fill": originColor ? "#cf0106" : "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 BankCmbcn = componentDefinition;
+export const IconBankCmbcn = componentDefinition;
+export default BankCmbcn;

package/packages/vue-legacy/icons/BankCncc.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-cncc",
+  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": "-4.57 -6.57 66.11 66.11", "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": "66.11", "rx": "14.462", "ry": "14.462", "width": "66.11", "x": "-4.57", "y": "-6.57" } }), h("defs", { attrs: {  } }, [h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-cncc_svg__b", "x1": "33", "x2": "68", "y1": "0", "y2": "0" } }, [h("stop", { attrs: { "stop-color": "#17609c" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#17609c", "stop-opacity": "0" } })]), h("clipPath", { attrs: { "id": "bank-cncc_svg__a" } }, [h("path", { attrs: { "d": "M16 15h8l4 5v-5h10v23H28l-4-5v5h-8Z" } })])]), h("path", { attrs: { "d": "M50.38 15a26.5 26.5 0 1 0 0 23h-6.31a21 21 0 1 1 0-23Z", "fill": originColor ? "#17609c" : "currentColor" } }), h("path", { attrs: { "d": "M16 15h8l4 5v-5h10v23H28l-4-5v5h-8Z", "fill": originColor ? "#17609c" : "currentColor" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 15.3h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 15.3h25", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 16.85h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 16.85h28.38", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 18.4h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 18.4h31.76", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 19.95h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 19.95h26.14", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 21.5h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 21.5h29.52", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 23.05h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 23.05h32.9", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 24.6h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 24.6h27.28", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 26.15h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 26.15h30.66", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 27.7h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 27.7h34.04", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 29.25h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 29.25h28.42", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 30.8h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 30.8h31.8", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 32.35h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 32.35h35.18", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 33.9h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 33.9h29.56", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 35.45h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 35.45h32.94", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 37h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 37h36.32", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } })]);
+    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 = {
+  BankCncc: componentDefinition,
+  IconBankCncc: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankCncc.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-cncc",
+  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": "-4.57 -6.57 66.11 66.11", "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": "66.11", "rx": "14.462", "ry": "14.462", "width": "66.11", "x": "-4.57", "y": "-6.57" } }), h("defs", { attrs: {  } }, [h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-cncc_svg__b", "x1": "33", "x2": "68", "y1": "0", "y2": "0" } }, [h("stop", { attrs: { "stop-color": "#17609c" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#17609c", "stop-opacity": "0" } })]), h("clipPath", { attrs: { "id": "bank-cncc_svg__a" } }, [h("path", { attrs: { "d": "M16 15h8l4 5v-5h10v23H28l-4-5v5h-8Z" } })])]), h("path", { attrs: { "d": "M50.38 15a26.5 26.5 0 1 0 0 23h-6.31a21 21 0 1 1 0-23Z", "fill": originColor ? "#17609c" : "currentColor" } }), h("path", { attrs: { "d": "M16 15h8l4 5v-5h10v23H28l-4-5v5h-8Z", "fill": originColor ? "#17609c" : "currentColor" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 15.3h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 15.3h25", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 16.85h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 16.85h28.38", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 18.4h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 18.4h31.76", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 19.95h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 19.95h26.14", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 21.5h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 21.5h29.52", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 23.05h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 23.05h32.9", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 24.6h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 24.6h27.28", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 26.15h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 26.15h30.66", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 27.7h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 27.7h34.04", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 29.25h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 29.25h28.42", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 30.8h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 30.8h31.8", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 32.35h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 32.35h35.18", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 33.9h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 33.9h29.56", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 35.45h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 35.45h32.94", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } }), h("path", { attrs: { "clip-path": "url(#bank-cncc_svg__a)", "d": "M16 37h22", "stroke": originColor ? "#85b4cf" : "currentColor", "stroke-opacity": ".55", "stroke-width": ".45" } }), h("path", { attrs: { "d": "M34 37h36.32", "stroke": "url(#bank-cncc_svg__b)", "stroke-width": ".8" } })]);
+    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 BankCncc = componentDefinition;
+export const IconBankCncc = componentDefinition;
+export default BankCncc;

package/packages/vue-legacy/icons/BankComm.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-comm",
+  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": "M620.348 308.46c-42 0-82.312 11.76-115.908 33.6l-112.544 72.228V164L193.68 328.62v312.44c0 92.388 62.152 171.34 146.14 199.896l38.64 11.76c-78.952-38.64-131.028-115.908-131.028-203.256 0-127.664 107.508-230.132 240.212-230.132 124.304 0 226.772 89.028 240.208 204.936h-139.42c-11.76-45.356-53.756-78.952-102.468-78.952-58.792 0-107.508 48.716-107.508 105.828s48.716 104.148 107.508 104.148c55.432 0 99.108-38.64 105.828-92.392h136.06c-1.68 47.036-20.16 89.032-48.712 122.628 0 0 83.988-97.428 112.544-141.104C816.884 605.784 832 563.792 832 516.756c0-114.224-95.748-208.296-211.652-208.296", "fill": originColor ? "#00367a" : "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 = {
+  BankComm: componentDefinition,
+  IconBankComm: componentDefinition,
+  default: componentDefinition,
+};

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