@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankCcb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCcb = defineComponent({
+  name: "BankCcb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M460.696 189.16c77.852-5.2 120.868 52.204 145.536 79.488l15.56 16.848L764.208 438.3l-88.456 86.552-165-166.324L342.36 535.024l163.3 174.808 171.808-176.496 23.052-.64c32.36-.784 90.228-1.736 116.412.64 26.152 2.372 33.192 12.184 35.068 17.892C841.48 732.388 693.468 876 512.328 876 324.356 876 172 721.36 172 530.604c0-172.944 125.24-316.2 288.696-341.44zM852 341.732l-71.816 70.164-2.316-3.016c-23.516-30.476-219.948-280.428-300.404-232.516l-2.352 1.508c6.58-4.588 173.112-116.512 376.888 163.86", "fill": originColor ? "#06569f" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCcdc.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCcdc: DefineComponent<IconProps>;

package/packages/vue/icons/BankCcdc.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCcdc = defineComponent({
+  name: "BankCcdc",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "113.44 117.44 791.12 791.12", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M417.288 513.384c0 52.8.072 105.6-.104 158.392-.016 5.096 1.472 8.44 5.568 11.544 48.384 36.608 102.848 51.616 162.72 42.832 119.6-17.536 200.24-127.28 182.208-246.32-24.368-160.824-216.656-237.248-344.816-137.144-4.352 3.408-5.68 7.024-5.672 12.296.16 52.8.096 105.6.096 158.4m-36.976-.392c0-56.008-.104-112.032.224-168.04.016-4.288 2-9.632 4.944-12.672 74.496-76.816 164.752-104.448 267.608-76.08 101.92 28.12 166.056 97.408 189.712 200.56C877.072 606.184 774.376 754.808 622.264 777c-92.928 13.552-172.112-15.424-236.944-83.208-2.928-3.056-4.776-8.448-4.8-12.768-.32-56-.208-112.016-.208-168.032", "fill": originColor ? "#901d22" : "currentColor" }), h("path", { "d": "M721.144 777.936c-123.072 103.136-326.168 107.44-457.488-28.768C130.96 611.544 137.752 394.544 275.48 265.36c138.896-130.28 335.216-111.104 444.592-17.656-80-43.6-163.624-52.992-250.352-24.688-65.688 21.44-118.064 61.712-156.664 118.944-77.552 114.96-68.024 267.488 21.952 371.2 95.84 110.48 257.48 138.928 386.136 64.776", "fill": originColor ? "#901d22" : "currentColor" }), h("path", { "d": "M678.656 400.816c-69.168-30.56-127.624.112-155.248 36.704-32.616 43.224-34.064 102.696-2.768 147.184 17.728 25.2 41.72 41.792 71.584 49.392 29.48 7.488 58.104 4.088 87.624-9.736-45.48 37.992-128.408 44.872-184.24-10.864-56.264-56.16-56.4-144.456-.688-200.208 56.864-56.896 140.664-49.128 183.736-12.472", "fill": originColor ? "#901d22" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCcqtgb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCcqtgb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCcqtgb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCcqtgb = defineComponent({
+  name: "BankCcqtgb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "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", { "d": "M580.4 511.6c-68-68-136-136-203.6-204v-.8l134-134.8h.8l339.2 339.6c-.4.8-.8 1.2-1.2 2M512 851.6l-.8.4M340 514c-.4-.4-.4-.8-.8-1.6-28-28-55.6-56-83.6-83.6v-.8l103.6-103.6 189.2 188.8m-291.2 84.4v-.8M172 512.4v-.8l66-66 69.2 69.2v1.2m-64.8 64.8c-.4.4-.8.4-1.2.8", "fill": originColor ? "#00639e" : "currentColor" }), h("path", { "d": "M510.8 852 376.4 717.2 580 511.6h270.8c-.4.8-.8 1.2-1.2 2L512 851.6zM360.4 701.2c-34.4-34.8-68.8-69.2-103.6-104v-.8L340 514c-.4-.4-.4-.8-.8-1.6l209.2.8zM241.2 581.6 172 512.4v-.8l135.2 3.2v1.2c-21.6 21.6-43.2 43.2-64.8 65.2-.4 0-.8 0-1.2.4", "fill": originColor ? "#6088b7" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCcrcb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCcrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCcrcb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCcrcb = defineComponent({
+  name: "BankCcrcb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m466.179 856.654-1.594-.399-1.594-.398-3.187-1.196-3.586-1.593-7.57-3.985-8.368-4.781-8.766-5.578-13.547-9.164-13.547-9.962-24.703-20.32-6.774-5.977-5.976-5.578-4.782-4.781-1.992-2.391-1.992-2.39-1.594-2.391-1.594-2.391-2.789-5.18-3.586-7.172-6.375-14.344-2.79-5.18-1.593-2.39-1.594-2.39-43.032-56.978-5.976-9.164-5.18-9.165-6.375-12.351-11.953-25.9-1.993-4.382-4.382-8.367-1.594-3.188-.797-1.594-.797-1.594-.398-1.593-.399-1.594-.398-1.594-.399-1.594v-3.187l.399-10.36 1.195-11.555 1.594-11.953 2.39-12.75 2.79-12.352 3.187-12.352 3.985-11.554 1.992-5.579 2.39-5.18 2.391-4.78 2.39-4.384 1.993-3.187 1.992-2.79 4.383-5.976 11.953-15.14 5.579-7.571 3.984-5.977 1.992-3.187 1.594-3.188 1.594-3.188 1.195-3.187 4.781-13.149 3.985-13.148 3.187-13.547 11.555-53.79 3.586-13.149 3.985-13.149.398-1.593 1.594-3.985 2.39-5.18 6.774-12.75 21.516-37.453 24.305-39.446 14.344-21.516 5.578-7.97 3.188-3.984 1.195-1.593.797-.797.399-.399.398-.398 1.195-1.196 1.196-.796 1.195-.797 1.594-.797 1.594-.797 1.593-.797 1.594-.797 1.594-.797 3.586-1.195 3.586-.797 3.586-.797 1.594-.398 1.593-.399h3.188l21.117-.797 41.439-3.586 15.14-.796 15.141-.399h7.172l7.172.399 7.172.796 7.172 1.196 7.172 1.594 6.774 1.992 5.18 1.594 5.18 1.992 5.179 2.39 4.781 2.391 3.586-.398 3.188 1.992 3.187 1.992 3.188 2.39 3.188 2.391 3.187 2.391 5.977 5.977 5.976 6.375 5.977 7.172 7.172 17.531 3.188 4.383 3.187 4.383 13.547 16.735 4.782 6.773 2.39 3.586 1.992 3.586 3.586 5.977 3.188 5.18 12.352 17.133 2.789 3.984 1.195 1.992 1.195 1.993 1.196 1.992 1.195 2.39.797 1.594.797 1.594.398 1.992.399 1.992.797 2.79.398 2.789.399 3.187.398 3.188v7.172l-.797 25.5-.797 13.149-1.195 13.148-1.992 12.75-2.391 12.352-10.36 37.056-2.39 9.562-1.992 9.563-.797 6.375-.797 6.375v11.156l.398 4.383.797 4.383 1.195 4.383 1.196 4.383 1.594 4.383 1.593 3.984 1.594 3.985 3.985 7.969 4.382 7.969 12.352 20.719 5.977 10.36 20.32 39.445 10.36 17.133 5.578 9.961 1.594 3.188 1.195 2.789 1.196 2.789.398 1.195.399 1.196.398 1.195.398 2.789.399 2.79.797 6.374.398 7.172v11.555l-.797 12.352-1.593 12.352-1.196 5.976-1.195 5.977-1.992 7.172-1.196 3.586-1.195 3.187-1.195 3.188-1.594 2.79-1.594 2.788-.797 1.196-.797 1.195-.797 1.195-.796 1.196-2.79 2.789-2.789 2.789-3.187 2.789-3.188 2.789-7.172 5.578-15.539 10.36-29.883 18.727-27.493 19.125-7.172 4.383-7.172 4.383-7.57 3.984-3.586 1.594-3.985 1.594-3.984 1.195-3.985 1.195-13.945 3.586-14.344 3.188-57.774 10.36-52.993 11.554-11.157 1.992-4.383.399h-3.586zm111.963-422.749v4.781l.398 4.383 1.195 11.555.399 5.578v7.97l-.399 1.991-.398 1.993-.398 1.593-.399 1.594-.398 1.594-.399 1.594-.797 1.992-1.195 1.992-1.195 1.992-1.196 1.993-1.593 1.992-1.594 1.992-.399.398-.398.399-.399.398-.796.399-.797.398-1.993 1.196-1.992 1.195-8.367 4.383-23.907 11.156-88.454 36.657-20.32 7.57-5.977 1.993-31.08 4.781H356.21v-3.984l.398-2.391.398-1.992.399-2.391.797-2.39.797-2.391.797-1.993.796-1.992 1.196-1.992 1.195-1.992 1.195-1.992.797-1.196.797-1.195 1.196-1.195 1.195-1.196 1.195-1.195 1.196-.797.796-.797.797-.797.797-.398.797-.399 9.563-1.593v2.789l.398.398.399.399v.797l.398.398.398.398.399.399.398.398.399.399h9.562l.797-.399 1.993-.398 1.195-.399 1.195-.398 2.79-1.195 2.788-1.594 4.383-2.39 3.985-2.391 3.586-2.79 3.187-2.39 1.594-1.594 1.594-1.195.797-.797.398-.399.399-.398.398-.797.399-.398.398-.797.398-.797.399-.797.398-.797.399-.797.797-1.992.398-1.992.399-1.993.398-1.992 1.594-8.367.797-3.985.398-1.992.797-1.992.398-.797.399-.797.398-.797.399-.796.398-.797.399-.399.796-.797.399-.398.398-.399.399-.398.398-.398.399-.399.398-.398 10.758-7.97 11.555-7.57 16.336-9.562L512 433.507l23.508-12.352 49.806-18.727 27.89-11.953 8.368-3.985 7.57-3.984 6.774-3.985 3.188-1.992 2.789-1.992 2.39-1.992.797-.797.797-.797.797-.797.797-.797.797-1.195.797-1.195.796-1.196.797-1.195 1.594-2.79 1.195-2.39 1.196-2.39 1.992-4.782 1.594-4.781 1.195-4.782.399-3.187.398-2.79v-7.968l-.398-2.39-.797-2.79-1.196-4.383-1.593-4.781-1.993-4.781-2.39-4.383-2.391-4.383-1.992-1.992-1.196-1.993-1.992-2.39-.797-1.196-1.195-1.195-.797-.797-1.195-.797-.797-.797-.797-.398-.797-.398-.797-.399-.398-.398-.399-.399h-.398l-.398-.398h-9.563l-1.195.398-1.196.399-1.195.398-1.195.399-1.196.398-1.195.398-1.195.399-.797.398-1.993 1.196-1.593 1.195-1.594 1.195-1.594 1.196-1.594 1.195-2.789 2.79-7.57 8.366-3.985 3.985-3.187 2.789-1.594 1.195-1.594 1.196-1.195.797-1.195.796-1.993 1.196-2.39 1.195-4.782 1.992-9.562 3.985-2.39 1.195-2.392 1.195-1.992 1.196-1.594 1.195-1.593 1.195-47.017 40.642-91.642 83.673-46.618 35.86-37.453 44.625-1.594 3.188-.797 1.594-.797 1.593-.398 1.594-.399 1.594-.398 1.594-.399 1.594-.398 1.593v10.758l.398 1.993.399 1.195.398 1.195.399 1.196.398 1.195.399 1.195.398 1.196 1.195 2.39 1.196 2.39 1.593 2.392 1.594 2.39 1.992 2.39 1.993 2.392 1.992 1.992 3.187 2.789 3.188 2.789 3.188 2.39 3.187 2.391 3.586 2.39 3.586 1.993 15.54 5.578.398.399.398.398.399.399.398.398v1.195l.399.797.398.399.399.398v6.774l.398 9.96.797 5.18.797 5.579 1.195 5.578 1.195 5.578 1.196 3.985 1.195 3.984 1.594 3.985 1.594 3.586 1.195 2.39 1.195 2.39 1.594 1.993 1.594 1.992 1.594 1.993 1.992 1.992 1.195 1.195 1.594 1.195 1.594 1.196 1.593 1.195 1.196.797 1.195.398 1.195.399.797.398.797.399.797.398h7.57l6.376-.797h3.984l33.07 1.993h5.58l5.577-.399 11.954-1.195 12.351-1.992 11.954-2.391 22.711-5.578 43.032-11.157 17.531-5.578h5.579l.398.398h.398l.399.399.398.398.399.399.398.398v.399l.399.398v7.969l-.399 1.195-.398.797-.399 1.196-.797 1.992-1.195 1.992-1.594 2.79-1.992 2.39-3.187 3.984-8.368 9.563-7.969 8.367-7.57 7.172-5.578 4.781-5.578 3.985-2.79 1.992-2.789 1.594-2.789 1.594-2.789 1.593-2.789 1.196-2.79 1.195-2.788 1.195-2.79 1.196-3.984 1.195-3.984 1.195-4.383.797-4.383.797-5.977.797-6.375.399-9.164.398-21.117.398.398.399.399.398.398.399.398.398.399.399.797.398.797.399.797.398.796.398.797.399 1.594.797 1.594.797 1.594.796 9.562 2.79 12.75 4.78 3.188 1.196 3.188.797 3.187.797 1.594.398h11.953l7.57-.796 7.571-1.196 5.977-1.195 5.976-1.195 11.555-3.188 10.758-3.586 9.961-3.984 2.39-1.196 2.79-1.593 6.774-3.985 7.968-4.781 18.329-11.954 19.125-13.945 9.164-7.172 8.368-7.172 5.18-4.781 4.382-4.782 3.985-4.383 1.594-1.992 1.593-1.992 1.196-1.992.398-.797.399-1.195.398-.797.398-.797.399-.797.398-.797v-24.305l-.398-1.992-.399-1.992-.398-1.993-.398-1.593-.399-1.993-.797-2.39-1.195-2.391-1.195-2.39-1.196-2.391-1.594-2.79-1.992-2.789-1.992-2.789-2.39-2.39-2.391-2.391-2.391-1.594-3.984-3.586-4.383-3.187-4.782-3.188-4.781-2.789-5.18-2.39-5.18-2.391-5.18-1.992-5.179-1.993-5.578-1.593-5.578-1.196-5.18-1.195-5.18-.797-5.18-.398-5.18-.399h-5.18l-4.78.399-2.391.398-2.39.398-2.392.399-1.992.398-3.984 1.196-4.383 1.593-3.985 1.594-3.984 1.992-7.969 3.985-10.758 5.976-21.117 12.75-7.97 4.782-7.57 3.984-12.75 5.977-8.766 3.586-9.562 3.586-6.375 1.992-6.375 1.594-3.188.797-3.188.398-3.984.399h-10.758l-.797-.399h-.797l-.398-.398-.399-.398-.398-.399h-.797l-.398-.398-.399-.399-.398-.398-.399-.399-.398-.398-.399-.399-.398-.398-.398-.398-.399-.797-.398-.797-.399-.797-.398-.797-.399-.797-.398-1.992-.399-2.39-.398-2.391v-7.97l.398-2.39.399-2.39.398-2.391.399-1.594.398-1.594.399-1.594.797-1.593.796-1.196.399-.797.398-.797.797-.796.797-.797.398-.399.399-.398.398-.399.399-.398.797-.797.797-.797 1.992-1.195 1.195-.797 1.594-.797 3.187-1.594 3.188-1.195 4.781-1.992 5.18-1.594 13.547-4.383 5.977-1.992 55.782-21.118 13.945-5.976 13.548-6.774 8.765-4.781 8.368-5.18 3.984-2.789 3.984-3.188 5.18-4.78 2.39-2.392 2.392-2.39 14.742-23.11 2.79-3.984 1.194-1.993.399-1.195.398-1.195.399-.399v-.398l.398-.797v-7.57l-.398-1.196-.399-1.195-.398-.797-.399-.797-1.195-1.992-.797-1.195-.797-1.196-1.992-2.789-1.992-2.789-3.586-3.984-3.985-3.985-4.382-3.984-4.383-3.586-4.383-3.586-3.985-2.79-3.984-2.789-3.586-1.992-1.594-.797zm-26.298-136.268-3.984-25.898v-8.368l-.399-2.789-.398-2.789-.398-2.39-.399-1.993-.797-1.992-.797-1.594-.797-1.594-.796-1.195-.797-1.195-.797-1.196-.797-1.195-.797-1.195-1.195-1.196-1.196-1.195-1.195-1.195-.797-.797-.797-.797-.797-.797-1.195-.797-1.195-.797-1.196-.398-1.195-.399-1.195-.398-1.594-.399-1.594-.398-1.594-.398-1.593-.399-2.391-.398H512l-2.39.398-2.391.399-3.985.796-3.984 1.196-3.985 1.195-3.984 1.594-3.985 1.594-3.984 1.593-3.984 1.993-3.985 1.992-3.586 2.39-3.586 2.391-3.187 2.39-3.188 2.392-3.984 3.187-3.586 3.188-1.594 1.593-1.195 1.594-1.196 1.196-.797 1.195-.797 1.195-.796 1.196-1.993 3.187-1.992 3.985-1.992 4.78-4.383 11.157-9.961 27.493-15.14 48.212-12.751 46.617-5.578 23.907-1.594 8.766h1.594l.797-.399.796-.398.797-.399 1.993-.796 1.992-1.196 2.789-1.992 2.789-1.992 10.36-7.969 27.89-25.899 3.985-19.922 1.195-6.774 2.391-14.742 2.39-15.54 1.594-7.57 1.594-7.172.797-3.586 1.195-3.187 1.196-3.188 1.195-3.187 3.586-8.368 1.992-4.383 1.594-3.187 1.992-3.188 1.196-1.992 1.195-1.992.797-.797.797-.797 1.195-1.195.399-.399.398-.398 1.195-.797 1.196-.797 1.992-1.594 5.578-3.586 1.195-.797 1.196-.796 1.593-1.196 1.594-1.195 1.594-1.594.797-.797.797-.797 6.773-7.968 4.383-4.383 2.39-1.993 2.392-1.992 1.195-.797 1.195-.797 1.594-1.195.797-.398.797-.399.797-.398.797-.399.398-.398h6.375l.399.398.398.399.398.398.399.399.398.398.399.399.398.398.399.398.398.399.399.797.398.398.398.399.797.797.399.796.398.797.797 1.594.797 1.594.797 2.39.797 2.79 2.39 7.57 1.196 3.586 1.195 2.79 1.195 2.39.797 1.195.797 1.195 1.195-2.39.399.797.398.797.399.796.398.797.399.797.398.399.399.398.398.399.398.398.797.398.797.399h1.196z", "fill": originColor ? "#e30016" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCdb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCdb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCdb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCdb = defineComponent({
+  name: "BankCdb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M832 512v280c0 22.092-17.908 40-40 40H512V620h92a16 16 0 0 0 15.98-15.2l.02-.8v-92zM512 192v212h-92a16 16 0 0 0-15.98 15.2l-.02.8v92H192V232c0-22.092 17.908-40 40-40z", "fill": originColor ? "#d8b350" : "currentColor" }), h("path", { "d": "M404 512v92a16 16 0 0 0 15.2 15.98l.8.02h92v212H232c-21.72 0-39.392-17.308-39.984-38.88L192 792V512zm388-320c21.72 0 39.392 17.308 39.984 38.88L832 232v280H620v-92a16 16 0 0 0-15.2-15.98l-.8-.02h-92V192z", "fill": originColor ? "#e50113" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCdbank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCdbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankCdbank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCdbank = defineComponent({
+  name: "BankCdbank",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M513.056 172c172.52 0 315.096 127.708 337.86 293.46-20.852-99.496-109.32-174.24-215.32-174.24-121.492 0-219.984 98.188-219.984 219.308s98.492 219.304 219.984 219.304c108.048 0 197.84-77.676 216.404-180.06C833.148 719.772 688.6 852 513.056 852 324.696 852 172 699.772 172 512c0-187.78 152.696-340 341.056-340m188.668 255A22.25 22.25 0 0 1 724 449.228V569.46a22.25 22.25 0 0 1-22.276 22.228H556V427zm-42.568 63.232h-39.788v39.7h39.788z", "fill": originColor ? "#d70110" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCdcb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCdcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCdcb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCdcb = defineComponent({
+  name: "BankCdcb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "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", { "d": "m513.2 144 75.2 78.4-369.6 368.4c-82-85.2 6.8-156.8 6.8-156.8zM340 708.8 630.8 422s72-88.8 157.2-6.8L415.2 784z", "fill": originColor ? "#f29600" : "currentColor" }), h("path", { "d": "M686.4 315.2 396.8 602.8s-71.6 88.8-156.8 6.8L608 240zM516 880l286.4-290.8s88.8-72 6.8-157.6L437.6 801.2z", "fill": originColor ? "#e50012" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCdib.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCdib: DefineComponent<IconProps>;

package/packages/vue/icons/BankCdib.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCdib = defineComponent({
+  name: "BankCdib",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "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", { "d": "M220 804V220h584v584zm352.8-379.2 16.4-156H436.4l16.4 156H374l18 328s51.6-38.4 121.6-35.6 120.8 35.6 120.8 35.6l18-328z", "fill": originColor ? "#0089ac" : "currentColor" }), h("path", { "d": "M532 676V299.2L435.2 268l16.4 156H372l18 328z", "fill": originColor ? "#ec660a" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCdrcb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCdrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCdrcb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCdrcb = defineComponent({
+  name: "BankCdrcb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "-8.84 -8.84 1041.68 1041.68", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M932 353.7H800.2c25.8 47 40.6 100.9 40.6 158.3 0 181.6-147.2 328.8-328.8 328.8S183.2 693.6 183.2 512 330.4 183.2 512 183.2c18 0 35.6 1.5 52.8 4.2v166.3H343.6v319.4h322.3V90.2C617.9 72.7 566 63.1 512 63.1c-247.9.1-448.8 201-448.8 448.9S264.1 960.8 512 960.8 960.8 759.9 960.8 512c0-55.7-10.2-109-28.8-158.3", "fill": originColor ? "#007542" : "currentColor" }), h("path", { "d": "M444.8 454h120v118.9h-120z", "fill": originColor ? "#fff" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCeb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCeb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCeb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCeb = defineComponent({
+  name: "BankCeb",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M480.56 533.916v-20.744c-5.228-23.332-57.512-12.96-81.04 5.188v-38.892c18.3-10.368 44.44-12.96 67.968-12.96 33.984 0 52.284 10.368 52.284 49.256v124.448c-31.368-2.592-70.58 12.96-96.72 5.184-26.144-10.368-39.216-31.112-39.216-57.04 0-54.44 54.896-62.22 96.724-54.44m0 75.184v-44.076c-23.528-5.184-65.352-5.184-62.74 23.336 2.616 36.296 44.44 20.74 62.74 20.74m107.18 36.296h-39.212V471.692c33.984 0 75.812-12.964 107.18-2.592 28.76 10.368 26.144 36.296 26.144 88.148v88.148h-41.828V536.508c0-34.916 0-36.296-52.28-31.112v140zm188.22-96.38 75.812 97.488h-49.668l-60.128-73.12v73.12h-41.824V419.84h41.824v109.68l57.512-56.06h49.672z", "fill": originColor ? "#6b1785" : "currentColor" }), h("path", { "d": "M308.064 376H172v270.52h136.064c13.08 0 23.548-2.6 34.016-7.804h-26.168v-7.804h39.252l7.848-7.8h-47.1v-10.408h54.952c2.616-2.6 2.616-5.2 5.232-7.8H213.864v-7.808h164.848c2.616-2.6 2.616-5.2 2.616-7.8H213.864v-7.804h167.464v-7.804H213.864v-7.804h167.464V555.48H213.864v-7.804h164.848c0-2.6-2.616-5.2-2.616-7.804H216.48v-7.8h154.38l-7.852-7.808h-60.176v-10.4h49.712c-2.616-2.604-7.848-5.204-13.08-7.808h-36.632v-7.8h18.316c7.848 0 15.7-2.6 20.932-7.804H213.864v-7.804h138.68l7.852-7.804H213.864v-7.804h151.764c2.616-2.6 2.616-5.2 2.616-7.8h-154.38v-10.408h157v-7.8h-157v-7.808h157v-7.8h-157v-7.804h154.38c0-2.6-2.616-5.204-2.616-7.804h-49.716v-10.404h44.48l-7.848-7.804h-36.632V383.8h23.552c-7.852-5.2-20.936-7.8-31.4-7.8", "fill": originColor ? "#e5a600" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCib.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCib: DefineComponent<IconProps>;

package/packages/vue/icons/BankCib.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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(" ");
+export const BankCib = defineComponent({
+  name: "BankCib",
+  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 },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M851.928 509.772C851.928 422.62 733.804 352 588.1 352c-116.62 0-215.584 45.308-250.368 108.056v-.072c-3.232 5.856-5.036 12.2-5.036 18.82 0 15.656 9.876 29.564 25.308 38.668l133.732 77.172c6.936 3.772 15.18 6.012 24.088 6.012 8.92 0 17.18-2.24 24.088-5.968L666.76 521.4c8.584-4.92 14-12.688 14-21.324 0-8.384-5.132-15.856-13.22-20.848l-47.14-27.256-104.576 60.34-79.1-45.704c30.556-27.496 87.456-46.032 152.708-46.032 97.5 0 176.52 41.38 176.52 92.444C763.876 592.092 647.88 653.268 507 649.608c-140.992-3.7-253.56-70.888-251.472-149.92h-.044c.98-104.268 137.732-187.508 305.352-185.88 14.952.172 29.592.98 43.888 2.412C570.34 303.544 527.372 296 480.628 296c-37.308 0-72.292 4.848-102.364 13.2C256.972 342.504 172 419.772 172 509.776 172 630.292 324.216 728 511.992 728 699.772 728 852 630.296 852 509.772z", "fill": originColor ? "#004785" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankCips.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankCips: DefineComponent<IconProps>;