@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue-legacy/icons/BankSc.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-sc",
+  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": "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", { attrs: { "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", { attrs: { "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", { attrs: { "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", { attrs: { "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 (!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 BankSc = componentDefinition;
+export const IconBankSc = componentDefinition;
+export default BankSc;

package/packages/vue-legacy/icons/BankScbank.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-scbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": "none", "viewBox": "13.46 12.96 102.08 102.08", "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": "102.08", "rx": "22.33", "ry": "22.33", "width": "102.08", "x": "13.46", "y": "12.96" } }), h("path", { attrs: { "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", { attrs: { "height": "37", "id": "bank-scbank_svg__a", "maskUnits": "userSpaceOnUse", "width": "37", "x": "56", "y": "71" } }, [h("path", { attrs: { "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", { attrs: { "mask": "url(#bank-scbank_svg__a)" } }, [h("path", { attrs: { "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", { attrs: { "height": "37", "id": "bank-scbank_svg__c", "maskUnits": "userSpaceOnUse", "width": "37", "x": "36", "y": "20" } }, [h("path", { attrs: { "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", { attrs: { "mask": "url(#bank-scbank_svg__c)" } }, [h("path", { attrs: { "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", { attrs: {  } }, [h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__b", "x1": "59.91", "x2": "83.846", "y1": "104.201", "y2": "83.633" } }, [h("stop", { attrs: { "stop-color": "#0a4da0" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#39bce7" } })]), h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__d", "x1": "66.124", "x2": "48.946", "y1": "30.055", "y2": "51.261" } }, [h("stop", { attrs: { "stop-color": "#0a4da0" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#39bce7" } })])])]);
+    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 = {
+  BankScbank: componentDefinition,
+  IconBankScbank: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankScbank.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-scbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  computed: {
+    el() {
+      return this.$refs.root || this.$el;
+    },
+  },
+  render(h) {
+    const originColor = this.originColor;
+    const renderedSize = this.size === undefined || this.size === null ? 16 : this.size;
+    const buttonSize = this.size === undefined || this.size === null ? 24 : this.size;
+    const attrs = this.$attrs || {};
+    const listeners = this.$listeners || {};
+    const svgAttributes = { "fill": "none", "viewBox": "13.46 12.96 102.08 102.08", "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": "102.08", "rx": "22.33", "ry": "22.33", "width": "102.08", "x": "13.46", "y": "12.96" } }), h("path", { attrs: { "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", { attrs: { "height": "37", "id": "bank-scbank_svg__a", "maskUnits": "userSpaceOnUse", "width": "37", "x": "56", "y": "71" } }, [h("path", { attrs: { "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", { attrs: { "mask": "url(#bank-scbank_svg__a)" } }, [h("path", { attrs: { "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", { attrs: { "height": "37", "id": "bank-scbank_svg__c", "maskUnits": "userSpaceOnUse", "width": "37", "x": "36", "y": "20" } }, [h("path", { attrs: { "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", { attrs: { "mask": "url(#bank-scbank_svg__c)" } }, [h("path", { attrs: { "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", { attrs: {  } }, [h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__b", "x1": "59.91", "x2": "83.846", "y1": "104.201", "y2": "83.633" } }, [h("stop", { attrs: { "stop-color": "#0a4da0" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#39bce7" } })]), h("linearGradient", { attrs: { "gradientUnits": "userSpaceOnUse", "id": "bank-scbank_svg__d", "x1": "66.124", "x2": "48.946", "y1": "30.055", "y2": "51.261" } }, [h("stop", { attrs: { "stop-color": "#0a4da0" } }), h("stop", { attrs: { "offset": "1", "stop-color": "#39bce7" } })])])]);
+    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 BankScbank = componentDefinition;
+export const IconBankScbank = componentDefinition;
+export default BankScbank;

package/packages/vue-legacy/icons/BankScotia.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-scotia",
+  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": "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 (!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 = {
+  BankScotia: componentDefinition,
+  IconBankScotia: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankScotia.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-scotia",
+  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": "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 (!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 BankScotia = componentDefinition;
+export const IconBankScotia = componentDefinition;
+export default BankScotia;

package/packages/vue-legacy/icons/BankScrcb.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-scrcb",
+  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": "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", { attrs: { "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", { attrs: { "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 (!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 = {
+  BankScrcb: componentDefinition,
+  IconBankScrcb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankScrcb.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-scrcb",
+  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": "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", { attrs: { "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", { attrs: { "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 (!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 BankScrcb = componentDefinition;
+export const IconBankScrcb = componentDefinition;
+export default BankScrcb;