@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue-legacy/icons/BankSdrcb.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-sdrcb",
+  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": "M508.8 172c107.6 0 204 50.8 266.4 129.6-41.2 54-76 60.4-103.2 62-29.2 1.6-50-7.6-145.2-61.6s-172.4-6.8-172.4-6.8c67.2-2.4 116.4 26 168.8 76 41.6 39.6 86.4 88.8 150.4 81.6 66.8-7.6 138.8-88.8 138.8-88.8l1.2-1.2c14.4 29.6 24.8 61.6 30 95.6-13.6 14.4-32 32.4-65.6 52.8-118 72-188.4 38.8-264.8-24.8S392 387.6 318.4 384.8c-50.8-2-107.6 24.8-138.4 42.8C217.2 281.2 350.8 172 508.8 172M840 594c-37.2 148-170.8 258-328.8 258C402.8 852 306 800.4 244 720c40.8-53.6 75.6-60 102.4-61.6 29.2-1.6 50 7.6 145.2 62.4s172.4 7.6 172.4 7.6c-67.2 2.4-116.8-27.2-168.8-77.2-41.6-40-86.4-89.6-150.4-82.4C278 576.4 206 658.4 206 658.4c-14.4-30-24.4-62.4-29.6-96.4 21.2-20 39.2-35.2 58-47.6 34.4-22.4 85.2-46.4 128-46.4 48.4 0 95.2 28 139.6 63.6 30 24.4 64.4 54 100 76.4 33.6 21.2 86.4 33.2 125.2 28 48.8-6.4 93.6-30.8 112.8-42", "fill": originColor ? "#1a2e92" : "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 = {
+  BankSdrcb: componentDefinition,
+  IconBankSdrcb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankSdrcb.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-sdrcb",
+  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": "M508.8 172c107.6 0 204 50.8 266.4 129.6-41.2 54-76 60.4-103.2 62-29.2 1.6-50-7.6-145.2-61.6s-172.4-6.8-172.4-6.8c67.2-2.4 116.4 26 168.8 76 41.6 39.6 86.4 88.8 150.4 81.6 66.8-7.6 138.8-88.8 138.8-88.8l1.2-1.2c14.4 29.6 24.8 61.6 30 95.6-13.6 14.4-32 32.4-65.6 52.8-118 72-188.4 38.8-264.8-24.8S392 387.6 318.4 384.8c-50.8-2-107.6 24.8-138.4 42.8C217.2 281.2 350.8 172 508.8 172M840 594c-37.2 148-170.8 258-328.8 258C402.8 852 306 800.4 244 720c40.8-53.6 75.6-60 102.4-61.6 29.2-1.6 50 7.6 145.2 62.4s172.4 7.6 172.4 7.6c-67.2 2.4-116.8-27.2-168.8-77.2-41.6-40-86.4-89.6-150.4-82.4C278 576.4 206 658.4 206 658.4c-14.4-30-24.4-62.4-29.6-96.4 21.2-20 39.2-35.2 58-47.6 34.4-22.4 85.2-46.4 128-46.4 48.4 0 95.2 28 139.6 63.6 30 24.4 64.4 54 100 76.4 33.6 21.2 86.4 33.2 125.2 28 48.8-6.4 93.6-30.8 112.8-42", "fill": originColor ? "#1a2e92" : "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 BankSdrcb = componentDefinition;
+export const IconBankSdrcb = componentDefinition;
+export default BankSdrcb;

package/packages/vue-legacy/icons/BankSdrcu.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-sdrcu",
+  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": "M508.4 416.8c-67.6 39.2-113.2 112.4-113.6 196-66-38.8-110.8-111.2-111.2-194V414c0-124.8 102.8-226 227.6-226 117.6 0 214.4 89.6 225.2 204.4-6-2.8-12-5.6-18-8-28-11.2-58.8-17.2-91.2-17.2-40.8 0-79.2 9.6-112.8 26.8-8 4-16 8.8-23.6 13.6 6.4 2.8 12 6 17.6 9.2m.4-.4c34-20.8 74.4-32.8 117.2-32.8 124.8 0 225.6 101.2 225.6 225.6 0 124.8-101.2 225.6-225.6 225.6-32 0-62.8-6.8-90.4-18.8 5.2-3.6 10.4-7.2 15.6-11.2 54.4-42.4 90.4-107.2 94-180.4 0-3.6.4-7.2.4-10.8 0-6-.4-12-.8-17.6-6 4.4-12 8.4-18.8 12v5.6c0 82-44.8 152-110.8 192-34.4 20.8-74.4 32.8-117.6 32.8C273.2 838.8 172 738 172 613.2c0-74.8 36.4-141.2 92.8-182.4.4 7.2 1.2 14 2 20.8 10 72 51.6 134.4 109.6 172 8.4 5.2 16.8 10 25.6 14.4-.8-6.8-1.6-14-1.6-20.8 32.4 17.6 69.2 27.6 108.8 27.6 41.6 0 80.4-11.2 114-30.4 0-84.8-46-158.8-114.4-198", "fill": originColor ? "#e50113" : "currentColor" } }), h("path", { attrs: { "d": "M509.2 416.4c-68.4 39.6-114 113.2-114 197.6 33.6 19.6 72.4 30.4 114 30.4s80.4-11.2 114-30.4c0-84.4-46-158.4-114-197.6", "fill": originColor ? "#008c43" : "currentColor" } }), h("path", { attrs: { "d": "m585.2 416.4-76-76-76.4 76 76.4 76zM476.4 612l-76-76-76 76 76 76zm222.8 0-76-76-76 76 76 76z", "fill": originColor ? "#fefefe" : "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 = {
+  BankSdrcu: componentDefinition,
+  IconBankSdrcu: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankSdrcu.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-sdrcu",
+  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": "M508.4 416.8c-67.6 39.2-113.2 112.4-113.6 196-66-38.8-110.8-111.2-111.2-194V414c0-124.8 102.8-226 227.6-226 117.6 0 214.4 89.6 225.2 204.4-6-2.8-12-5.6-18-8-28-11.2-58.8-17.2-91.2-17.2-40.8 0-79.2 9.6-112.8 26.8-8 4-16 8.8-23.6 13.6 6.4 2.8 12 6 17.6 9.2m.4-.4c34-20.8 74.4-32.8 117.2-32.8 124.8 0 225.6 101.2 225.6 225.6 0 124.8-101.2 225.6-225.6 225.6-32 0-62.8-6.8-90.4-18.8 5.2-3.6 10.4-7.2 15.6-11.2 54.4-42.4 90.4-107.2 94-180.4 0-3.6.4-7.2.4-10.8 0-6-.4-12-.8-17.6-6 4.4-12 8.4-18.8 12v5.6c0 82-44.8 152-110.8 192-34.4 20.8-74.4 32.8-117.6 32.8C273.2 838.8 172 738 172 613.2c0-74.8 36.4-141.2 92.8-182.4.4 7.2 1.2 14 2 20.8 10 72 51.6 134.4 109.6 172 8.4 5.2 16.8 10 25.6 14.4-.8-6.8-1.6-14-1.6-20.8 32.4 17.6 69.2 27.6 108.8 27.6 41.6 0 80.4-11.2 114-30.4 0-84.8-46-158.8-114.4-198", "fill": originColor ? "#e50113" : "currentColor" } }), h("path", { attrs: { "d": "M509.2 416.4c-68.4 39.6-114 113.2-114 197.6 33.6 19.6 72.4 30.4 114 30.4s80.4-11.2 114-30.4c0-84.4-46-158.4-114-197.6", "fill": originColor ? "#008c43" : "currentColor" } }), h("path", { attrs: { "d": "m585.2 416.4-76-76-76.4 76 76.4 76zM476.4 612l-76-76-76 76 76 76zm222.8 0-76-76-76 76 76 76z", "fill": originColor ? "#fefefe" : "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 BankSdrcu = componentDefinition;
+export const IconBankSdrcu = componentDefinition;
+export default BankSdrcu;

package/packages/vue-legacy/icons/BankSeb.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-seb",
+  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": "M164 756h696V268H164z", "fill": originColor ? "#5aab35" : "currentColor" } }), h("path", { attrs: { "d": "M414.8 644V412H426v232zm179.2 0V412h11.2v232zM392.8 486l-33.6 10.4c-4.4-12.4-14-18.8-28.8-18.8-15.6 0-23.2 4.8-23.2 14 0 3.6 1.6 6.8 4.4 9.6s9.6 4.8 19.6 6.8c17.2 3.2 29.6 6.4 37.6 9.6s14.8 8.4 20 16c5.6 7.2 8 15.6 8 24.4 0 14-6 26.4-17.6 36.8s-29.2 15.6-52 15.6c-17.2 0-32-3.6-44-10.8q-18-10.8-24-32.4l36.4-7.6c4 14.8 15.6 22 34 22 9.2 0 15.6-1.6 20-4.8s6.8-7.2 6.8-11.6q0-6.6-6-10.8c-6-4.2-11.6-4.8-23.2-7.2-21.2-4-36.8-9.6-45.6-16.8-9.2-7.2-13.6-17.6-13.6-31.6s5.6-25.6 16.4-35.2q16.2-14.4 44.4-14.4c33.6 0 54.8 12.4 64 36.8m179.6-3.2H492v31.6h63.2v28.8H492v33.6h80.4v30.4H451.6V453.6h120.8zm92.8 58.4V578h30c10 0 17.6-1.6 21.6-4.8 4.4-3.2 6.4-8 6.4-14 0-4.8-2-9.2-6-12.8s-10.8-5.2-20-5.2zm0-60.8V514h29.6q16.2 0 20.4-6c2.8-4 4-7.6 4-11.2 0-4-1.2-7.2-3.6-10s-4.8-4.4-7.6-5.2-8-1.2-16.4-1.2zm-38.8-26.8H704q21 0 31.2 4.8c6.8 3.2 12.8 7.6 17.2 13.6s6.8 12.8 6.8 21.2c0 16.8-10 28.4-30 34 11.6 2.4 20 7.2 26 14.4 5.6 7.2 8.8 14.8 8.8 23.2 0 11.6-4.8 21.2-14 29.6-9.6 8.4-24.8 12.4-46 12.4h-77.6z", "fill": originColor ? "#fefefe" : "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 = {
+  BankSeb: componentDefinition,
+  IconBankSeb: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankSeb.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-seb",
+  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": "M164 756h696V268H164z", "fill": originColor ? "#5aab35" : "currentColor" } }), h("path", { attrs: { "d": "M414.8 644V412H426v232zm179.2 0V412h11.2v232zM392.8 486l-33.6 10.4c-4.4-12.4-14-18.8-28.8-18.8-15.6 0-23.2 4.8-23.2 14 0 3.6 1.6 6.8 4.4 9.6s9.6 4.8 19.6 6.8c17.2 3.2 29.6 6.4 37.6 9.6s14.8 8.4 20 16c5.6 7.2 8 15.6 8 24.4 0 14-6 26.4-17.6 36.8s-29.2 15.6-52 15.6c-17.2 0-32-3.6-44-10.8q-18-10.8-24-32.4l36.4-7.6c4 14.8 15.6 22 34 22 9.2 0 15.6-1.6 20-4.8s6.8-7.2 6.8-11.6q0-6.6-6-10.8c-6-4.2-11.6-4.8-23.2-7.2-21.2-4-36.8-9.6-45.6-16.8-9.2-7.2-13.6-17.6-13.6-31.6s5.6-25.6 16.4-35.2q16.2-14.4 44.4-14.4c33.6 0 54.8 12.4 64 36.8m179.6-3.2H492v31.6h63.2v28.8H492v33.6h80.4v30.4H451.6V453.6h120.8zm92.8 58.4V578h30c10 0 17.6-1.6 21.6-4.8 4.4-3.2 6.4-8 6.4-14 0-4.8-2-9.2-6-12.8s-10.8-5.2-20-5.2zm0-60.8V514h29.6q16.2 0 20.4-6c2.8-4 4-7.6 4-11.2 0-4-1.2-7.2-3.6-10s-4.8-4.4-7.6-5.2-8-1.2-16.4-1.2zm-38.8-26.8H704q21 0 31.2 4.8c6.8 3.2 12.8 7.6 17.2 13.6s6.8 12.8 6.8 21.2c0 16.8-10 28.4-30 34 11.6 2.4 20 7.2 26 14.4 5.6 7.2 8.8 14.8 8.8 23.2 0 11.6-4.8 21.2-14 29.6-9.6 8.4-24.8 12.4-46 12.4h-77.6z", "fill": originColor ? "#fefefe" : "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 BankSeb = componentDefinition;
+export const IconBankSeb = componentDefinition;
+export default BankSeb;

package/packages/vue-legacy/icons/BankSg.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-sg",
+  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": "M197.23 513.992h629.54v-314.77H197.23z", "fill": originColor ? "#e30016" : "currentColor" } }), h("path", { attrs: { "d": "M197.23 820.794h629.54v-314.77H197.23z", "fill": originColor ? "#1b1918" : "currentColor" } }), h("path", { attrs: { "d": "M308.794 525.946H719.19V494.07H308.794z", "fill": originColor ? "#fff" : "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 = {
+  BankSg: componentDefinition,
+  IconBankSg: componentDefinition,
+  default: componentDefinition,
+};

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

package/packages/vue-legacy/icons/BankSg.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-sg",
+  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": "M197.23 513.992h629.54v-314.77H197.23z", "fill": originColor ? "#e30016" : "currentColor" } }), h("path", { attrs: { "d": "M197.23 820.794h629.54v-314.77H197.23z", "fill": originColor ? "#1b1918" : "currentColor" } }), h("path", { attrs: { "d": "M308.794 525.946H719.19V494.07H308.794z", "fill": originColor ? "#fff" : "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 BankSg = componentDefinition;
+export const IconBankSg = componentDefinition;
+export default BankSg;