@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankRbs.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 BankRbs = defineComponent({
+  name: "BankRbs",
+  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": "M504 390c0 8.8-6 15.2-16 18-42 9.2-75.6 40.4-87.2 81.2-3.2 9.6-12.8 11.2-18 11.2H241.2c-13.6 0-25.6-5.2-34.4-14s-14.4-20.8-14.4-34c0-13.6 5.6-25.2 14.4-34.4 8.8-8.8 20.8-14 34.8-14.4h95.6l-56.8-56-10.8-10.8c-20.8-20.4-8.8-8.8-56-55.6-9.6-9.6-14.4-21.6-14.4-34s4.8-24.8 14.4-34c9.6-9.6 22-14 34.8-14s24.8 4.8 34.8 14c63.2 62.4 67.2 66.4 67.2 66.4l56.8 56.4-1.2-80v-15.6c0-13.6 5.6-25.2 14.4-34s21.2-14 34.8-14.4c13.6 0 25.6 5.2 34.4 14s14.4 20.8 14.4 34zm16 0V240.4c0-13.6 5.6-25.2 14.4-34s20.8-14 34.4-14 25.6 5.2 34.8 14.4c8.8 8.8 14.4 20.8 14.4 34V256l-.4 79.6 56.8-56.4s4-4 67.2-66.4c9.6-9.6 22-14 34.8-14s24.8 4.8 34.8 14c9.6 9.6 14.4 21.6 14.4 34s-4.8 24.8-14.4 34c-47.2 46.8-35.2 34.8-56 55.6l-10.8 10.8-56.4 55.6h95.6c13.6 0 25.6 5.2 34.8 14.4 8.8 8.8 14.4 20.8 14.4 34.4s-5.6 25.2-14.4 34-20.8 14-34.4 14H642.4c-5.2 0-15.2-1.6-18.4-11.2-12-40.4-45.2-71.6-87.2-81.2-10.8-2-16.8-8.4-16.8-17.2m-16 240v149.6c0 13.6-5.6 25.2-14.4 34s-20.8 14-34.4 14-25.6-5.2-34.8-14c-8.8-8.8-14.4-20.8-14.4-34V764l.4-79.6-56.8 56.4s-4 4-67.2 66.4c-9.6 9.6-22 14-34.8 14s-24.8-4.8-34.8-14c-9.6-9.6-14.4-21.6-14.4-34s4.8-24.8 14.4-34c47.2-46.8 35.2-34.8 56-55.6l10.8-10.8 56.4-55.6h-94.8c-13.6 0-25.6-5.2-34.8-14.4-8.8-8.8-14.4-20.8-14.4-34.4s5.6-25.2 14.4-34 20.8-14 34.4-14h141.6c5.2 0 15.2 1.6 18 11.2 12 40.4 45.2 71.6 87.2 81.2 10.4 2 16.4 8.4 16.4 17.2m16 4c0-8.8 5.6-15.2 16-18 41.6-9.2 74.4-40.4 86.4-81.2 3.2-9.6 12.8-11.2 18-11.2H780c13.6 0 25.2 5.6 34 14 8.8 8.8 14 20.8 14.4 34 0 13.6-5.2 25.2-14.4 34.4-8.8 8.8-20.8 14-34 14.4h-94.4l55.6 55.6 10.8 10.8 55.6 55.6c9.6 9.6 14 21.6 14 34s-4.8 24.8-14 34c-9.6 9.6-21.6 14-34 14s-24.8-4.8-34.4-14L672.8 744 616 688.4l.4 79.6v15.6c0 13.6-5.2 25.2-14 34s-20.8 14-34.4 14-25.2-5.2-34-14-14-20.8-14-34z", "fill": originColor ? "#04358e" : "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/BankRgrcb.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 BankRgrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankRgrcb.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 BankRgrcb = defineComponent({
+  name: "BankRgrcb",
+  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": "M392.467 515.984c42.633 28.29 81.282 68.134 114.752 125.112 23.906-46.618 61.36-87.658 116.345-121.526-65.743-42.633-94.83-82.079-118.736-121.126-30.68 53.79-69.728 90.845-112.361 117.54", "fill": originColor ? "#ae935c" : "currentColor" }), h("path", { "d": "M173.323 514.39c0 7.571.398 14.743.797 21.915 111.962 12.352 204.003-66.142 300.825-193.644 79.29-104.392 223.128-124.314 339.872 27.493-53.79-115.15-170.135-194.839-304.81-194.839-186.072 0-336.684 151.807-336.684 339.076", "fill": originColor ? "#ec440e" : "currentColor" }), h("path", { "d": "M547.063 689.706C466.577 793.7 322.341 804.059 205.198 647.072c51.798 118.338 170.534 201.613 309.193 201.613 185.674 0 336.286-149.417 336.286-333.497 0-5.18 0-10.36-.398-15.54-8.766-1.195-17.133-1.594-25.5-1.594-101.604 0-187.668 74.908-277.716 191.652", "fill": originColor ? "#83120e" : "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/BankRzb.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 BankRzb: DefineComponent<IconProps>;

package/packages/vue/icons/BankRzb.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 BankRzb = defineComponent({
+  name: "BankRzb",
+  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": "M172 483.2c15.2-180.4 150.8-280 280.4-280 24.4 0 48.4 3.6 71.6 10.8 169.6 52.8 160.8 224 160.8 224C589.2 264.8 418.4 254 308 314.4c-104.8 57.2-136 168.8-136 168.8M520.4 172h.8c160 .4 274.4 121.6 281.2 250.4 9.2 178-154 228.8-154 228.8 128.8-150 80-314-14.8-397.2-90-78.4-205.2-69.2-205.2-69.2 32-8.8 62.8-12.8 92-12.8m272 390.4C843.2 454.8 803.2 346 803.2 346c111.2 184 18.4 376-126 425.6-168 57.2-261.6-86.4-261.6-86.4 178.4 83.2 322.8-8.8 376.8-122.8m-467.6 186c-104.8-143.6 4-276 4-276-26 196 104.4 306.8 229.2 324.4 117.6 16.4 209.2-54.4 209.2-54.4C699.6 818.8 616 852 537.6 852h-.4c-85.6 0-165.6-39.6-212.4-103.6m-96-338c55.6-79.2 128-97.2 182.8-97.2 46 0 79.6 12.8 79.6 12.8-194 38-256.8 197.6-233.6 321.6C279.6 764.8 376 828.8 376 828.8 178.4 746 140.8 535.6 228.8 410.4", "fill": originColor ? "#f4632f" : "currentColor" }), h("path", { "d": "M413.2 512.4c0 54.4 44 98.4 98 98.4s98-44 98-98.4-44-98.4-98-98.4-98 44-98 98.4", "fill": originColor ? "#feb811" : "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/BankSanwa.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 BankSanwa: DefineComponent<IconProps>;

package/packages/vue/icons/BankSanwa.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 BankSanwa = defineComponent({
+  name: "BankSanwa",
+  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": "M573.6 492.4c90.8-29.2 218.4-30.8 273.2 24C888 586.8 780 807.6 679.2 812c-72.4-8-137.6-139.2-167.6-222.4-4.8 94-48.8 210.8-120 241.6C310.4 844 140.4 665.6 172 570.8c34-65.2 186.4-77.2 275.2-74.4-68.8-65.6-129.6-176-106-250 43.6-69.2 290.8-78.4 342 7.6 24.8 62.8-50.4 171.2-109.6 238.4m-60 4.4c25.6-33.6 58.4-122.4 51.6-155.2-3.2-14.8-12-28-62-28-47.6 0-60.8 23.6-58.4 38.4 0 54.4 68.8 144.8 68.8 144.8m-48.4 42.8c-42 3.6-130.8 38-150.8 64.4-9.2 12-13.6 27.6 19.2 64.8 31.2 35.6 57.2 29.6 67.2 18 40.8-36 64.4-147.2 64.4-147.2m80.4 14.4c18.4 38 82.8 108.4 114.8 117.6 14.4 4.4 30.4 2.8 54-40.8 22.4-41.6 7.2-64-7.2-68.8-48.8-25.6-161.6-8-161.6-8", "fill": originColor ? "#1a6b37" : "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/BankSc.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 BankSc: DefineComponent<IconProps>;

package/packages/vue/icons/BankSc.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 BankSc = defineComponent({
+  name: "BankSc",
+  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": "M409.202 879.365c-21.118 12.352-39.845 19.524-59.767 19.524-51.4 0-94.033-41.837-96.423-92.04l99.61-59.369 155.394 69.33zm132.681-598.86-75.704 46.219c-6.774 3.984-15.938 10.758-15.938 20.719 0 11.555 17.532 20.32 33.071 27.89l-94.83-42.234c-27.89-12.352-55.782-26.297-55.782-60.165 0-14.344 3.985-25.899 10.758-35.462l205.199-125.908c24.703 13.946 48.61 42.235 48.61 80.087-.399 40.642-20.72 68.134-55.384 88.853m30.282 281.699 91.642 41.438c35.86 15.54 45.423 34.665 45.423 57.774 0 13.149-7.172 26.298-17.93 35.462l-154.596-69.33L563 612.807c22.313-12.352 29.485-19.922 29.485-27.89 0-8.368-5.18-14.345-20.321-21.118z", "fill": originColor ? "#82b9d8" : "currentColor" }), h("path", { "d": "M396.85 592.486c-33.071-14.743-65.743-27.095-65.743-63.353 0-18.727 2.39-29.086 14.742-41.438l158.58 71.72-39.047 22.313c-10.758 6.375-18.328 12.351-18.328 20.32 0 8.766 10.36 16.336 24.305 22.313zm307.598-162.167-18.727 10.758-156.19-69.728 181.292-110.368c24.704 14.344 48.61 42.633 48.61 80.485 0 40.641-19.922 68.532-54.985 88.853", "fill": originColor ? "#b1d6a0" : "currentColor" }), h("path", { "d": "M736.324 906.06c-39.446-30.68-81.681-51-132.682-74.508l-236.277-105.19c-59.368-26.695-98.814-62.157-98.814-121.525 0-57.774 27.891-86.063 64.15-109.173l13.148-8.368c-9.164 9.962-14.742 19.923-14.742 38.65 0 36.656 31.477 49.008 64.149 63.75l274.926 121.526c47.813 20.719 91.642 56.18 91.642 116.345 0 34.266-12.352 63.751-25.5 78.494", "fill": originColor ? "#00a439" : "currentColor" }), h("path", { "d": "M708.433 685.323 691.3 696.081c10.758-9.164 17.93-22.313 17.93-35.462 0-23.11-10.758-41.438-45.423-56.977L369.756 473.749c-59.368-26.297-96.424-60.165-96.424-119.533 0-54.586 27.094-90.446 70.126-116.744-6.773 9.563-10.758 21.118-10.758 35.462 0 33.868 27.891 47.813 55.782 60.165l285.685 126.705c51.797 23.11 94.032 57.774 94.032 121.525 0 49.806-22.711 80.884-59.766 103.994", "fill": originColor ? "#0070af" : "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/BankScbank.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 BankScbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankScbank.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 BankScbank = defineComponent({
+  name: "BankScbank",
+  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": "none", "viewBox": "13.46 12.96 102.08 102.08", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "102.08", "rx": "22.33", "ry": "22.33", "width": "102.08", "x": "13.46", "y": "12.96" }), h("path", { "clip-rule": "evenodd", "d": "M46.124 54.486c-5.898-3.022-9.936-9.163-9.936-16.245C36.188 28.17 44.356 20 54.428 20c5.056 0 9.63 2.058 12.934 5.38l17.69 17.323a18.4 18.4 0 0 1 4.477 4.386l.005.004v.001a18.16 18.16 0 0 1 3.425 10.64c0 6.905-3.84 12.915-9.499 16.012 5.66 3.098 9.5 9.107 9.5 16.012C92.96 99.831 84.79 108 74.717 108c-4.52 0-8.657-1.646-11.844-4.371v.001l-.017-.014q-.542-.465-1.046-.969L42.593 84.86q-.75-.623-1.43-1.323l-.016-.015A18.18 18.18 0 0 1 36 70.823c0-7.156 4.124-13.35 10.124-16.338m25.88 19.786-.001.006q-.034.185-.071.368l-.01.044q-.034.17-.072.34l-.015.066-.078.323-.016.068-.073.278c-1.87 6.945-7.74 12.252-14.985 13.298.297-6.589 4.09-12.268 9.57-15.226-5.659-3.097-9.496-9.105-9.496-16.01 0-1.371.152-2.707.44-3.992l.002-.01.084-.36.006-.021q.044-.177.09-.351l.003-.012.002-.007c1.865-6.927 7.708-12.224 14.927-13.29-.6 6.546-4.66 12.092-10.334 14.794 6.106 2.95 10.318 9.2 10.318 16.433 0 1.113-.1 2.203-.291 3.261", "fill": originColor ? "#2fbce6" : "currentColor", "fill-rule": "evenodd" }), h("mask", { "height": "37", "id": "bank-scbank_svg__a", "maskUnits": "userSpaceOnUse", "width": "37", "x": "56", "y": "71" }, [h("path", { "d": "M90.553 80.7a18.15 18.15 0 0 1 2.407 9.059C92.96 99.83 84.791 108 74.72 108c-4.52 0-8.657-1.646-11.844-4.37v.001l-.017-.015q-.542-.464-1.046-.969l-.544-.503c-2.114-2.348-3.43-4.664-4.106-7.972a25 25 0 0 1-.503-4.266 17 17 0 0 1 .025-.843c7.246-1.046 13.114-6.353 14.985-13.298l.073-.278.016-.068q.04-.16.078-.323l.015-.066q.038-.17.073-.34l.008-.043.072-.368v-.007q.214-1.172.272-2.39a18 18 0 0 1 2.55-.18c6.7 0 12.555 3.614 15.727 8.997", "fill": "#fff" })]), h("g", { "mask": "url(#bank-scbank_svg__a)" }, [h("path", { "clip-rule": "evenodd", "d": "M90.553 80.7a18.15 18.15 0 0 1 2.407 9.059C92.96 99.83 84.791 108 74.72 108c-4.52 0-8.657-1.646-11.844-4.37v.001l-.017-.015q-.542-.464-1.046-.969l-.544-.503c-2.114-2.348-3.43-4.664-4.106-7.972a25 25 0 0 1-.503-4.266 17 17 0 0 1 .025-.843c7.246-1.046 13.114-6.353 14.985-13.298l.073-.278.016-.068q.04-.16.078-.323l.015-.066q.038-.17.073-.34l.008-.043.072-.368v-.007q.214-1.172.272-2.39a18 18 0 0 1 2.55-.18c6.7 0 12.555 3.614 15.727 8.997", "fill": "url(#bank-scbank_svg__b)", "fill-rule": "evenodd" })]), h("mask", { "height": "37", "id": "bank-scbank_svg__c", "maskUnits": "userSpaceOnUse", "width": "37", "x": "36", "y": "20" }, [h("path", { "d": "M44.158 53.317c-4.812-3.285-7.971-8.812-7.971-15.076C36.187 28.17 44.356 20 54.428 20c3.696 0 7.134 1.1 10.007 2.99 4.828 3.282 8 8.819 8 15.095 0 .58-.073 1.142-.125 1.7-7.133.97-13.064 6.373-14.927 13.29l-.002.006-.003.012q-.046.174-.09.35l-.005.023q-.045.179-.085.359l-.002.01q-.253 1.126-.362 2.3-1.295.189-2.64.19a18.15 18.15 0 0 1-10.036-3.008", "fill": "#fff" })]), h("g", { "mask": "url(#bank-scbank_svg__c)" }, [h("path", { "clip-rule": "evenodd", "d": "M44.158 53.317c-4.812-3.285-7.971-8.812-7.971-15.076C36.187 28.17 44.356 20 54.428 20c3.696 0 7.134 1.1 10.007 2.99 4.828 3.282 8 8.819 8 15.095 0 .58-.073 1.142-.125 1.7-7.133.97-13.064 6.373-14.927 13.29l-.002.006-.003.012q-.046.174-.09.35l-.005.023q-.045.179-.085.359l-.002.01q-.253 1.126-.362 2.3-1.295.189-2.64.19a18.15 18.15 0 0 1-10.036-3.008", "fill": "url(#bank-scbank_svg__d)", "fill-rule": "evenodd" })]), h("defs", {  }, [h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__b", "x1": "59.91", "x2": "83.846", "y1": "104.201", "y2": "83.633" }, [h("stop", { "stop-color": "#0a4da0" }), h("stop", { "offset": "1", "stop-color": "#39bce7" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__d", "x1": "66.124", "x2": "48.946", "y1": "30.055", "y2": "51.261" }, [h("stop", { "stop-color": "#0a4da0" }), h("stop", { "offset": "1", "stop-color": "#39bce7" })])])]);
+      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/BankScotia.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 BankScotia: DefineComponent<IconProps>;

package/packages/vue/icons/BankScotia.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 BankScotia = defineComponent({
+  name: "BankScotia",
+  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": "M321.2 508c-20.4-31.2-25.2-75.2-25.2-108 0-112.8 100.4-208 206-208h330L704.8 320.4H500.4c-82 0-182.4 82.8-179.2 187.6M448 416c8-26.8 34.8-61.2 60-80-47.6 0-101.2 23.6-144 80zm66.8-64c-19.2 17.2-39.6 42-50.8 64h100c-9.6-22-30-46.8-49.2-64M356 436c-12.4 22-17.2 46.8-20 72h91.6c0-25.2 4.8-50 12.4-72zm98.4 0c-8 22-11.2 46.8-14.4 72h144c-3.2-25.2-6.4-50-16-72zM660 416c-39.2-56.4-92.8-80-140-80 25.2 18.8 48.8 53.2 59.6 80zm-76 20c7.6 22 12.4 46.8 12.4 72H688c-1.6-25.2-7.6-50-20-72zM364 608c42.8 59.6 96.4 80 144 80-25.2-18.8-52.4-53.2-60-80zm150.8 64c19.2-15.2 39.6-41.2 49.2-64H464c11.2 22.8 31.6 48.8 50.8 64M440 596c-7.6-25.2-12.4-50-12.4-72H336c3.2 25.2 7.6 48.4 20 72zm128 0c9.6-23.6 12.8-46.8 16-72H440c3.2 25.2 6.4 48.4 14.4 72zm11.6 12c-11.2 26.8-34.4 61.2-59.6 80 47.2 0 100.8-20.4 140-80zm88.4-12c12.4-23.6 18.8-46.8 20-72h-91.6c0 22-4.8 46.8-12.4 72zm34.8-84c1.6 108.8-97.2 192.4-178.8 192.4H320.4L192 832h329.2C626 832 728 737.6 728 624c0-33.2-4.8-77.2-25.2-110.4z", "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/BankScrcb.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 BankScrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankScrcb.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 BankScrcb = defineComponent({
+  name: "BankScrcb",
+  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": "M177.307 512c0 185.276 151.409 336.685 336.685 336.685 167.745 0 307.2-123.518 332.7-284.09-29.484 25.5-81.68 60.165-151.408 64.946-67.337 4.781-93.634 6.773-114.353 11.555l-43.43 43.43a33.43 33.43 0 0 1-47.415 0L341.865 535.508a33.43 33.43 0 0 1 0-47.415l148.619-148.62a33.43 33.43 0 0 1 47.415 0l90.447 90.448c27.094-9.165 53.391-15.938 78.493-22.313 30.282-6.375 77.696-23.508 98.814-64.548-58.97-100.01-167.745-167.745-291.66-167.745-185.277 0-336.686 151.409-336.686 336.685", "fill": originColor ? "#d52018" : "currentColor" }), h("path", { "d": "M657.83 461.796c-77.696 27.891-78.095 139.854-78.095 139.854s37.454-11.954 66.54-11.954 112.362 8.368 163.362-36.656 33.47-118.736 11.555-166.151c-24.305 31.078-86.064 47.016-163.362 74.907", "fill": originColor ? "#9fc90f" : "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/BankScrcub.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 BankScrcub: DefineComponent<IconProps>;