@nstc-design/icons 0.0.5 → 0.1.1

package/packages/react/icons/FileExcelColor.d.ts

@@ -1,13 +0,0 @@
-import type * as React from "react";
-
-export interface IconCommonProps {
-  size?: number | string;
-  color?: string;
-  originColor?: boolean;
-}
-export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
-export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const FileExcelColor: {
-  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
-  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
-};

package/packages/react/icons/FileExcelColor.js

@@ -1,41 +0,0 @@
-import { createElement, forwardRef } from "react";
-
-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 FileExcelColor = forwardRef(function FileExcelColor(props, ref) {
-  const {
-    size,
-    color,
-    originColor = true,
-    button = false,
-    background = true,
-    className,
-    style,
-    ...attributes
-  } = props;
-  const renderedSize = size ?? 16;
-  const buttonSize = size ?? 24;
-  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
-  const svgStyle = color === undefined ? style : { ...style, color };
-  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
-  const svg = createElement(
-    "svg",
-    button
-      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
-      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
-    createElement("g", { "clipPath": "url(#file-excel-color_svg__a)" }, createElement("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#00a98b" : "currentColor" }), createElement("mask", { "height": "34", "id": "file-excel-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, createElement("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })), createElement("g", { "mask": "url(#file-excel-color_svg__b)" }, createElement("g", { "filter": "url(#file-excel-color_svg__c)" }, createElement("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#10ceac" : "currentColor" })), createElement("path", { "d": "M24.3 22.677 22.677 24.3 11.7 13.324l1.623-1.624zm-8.438-4.168 1.628 1.628-4.162 4.163-1.628-1.628zm8.438-5.181L20.126 17.5 18.5 15.874l4.174-4.174z", "fill": originColor ? "#fff" : "currentColor" })), createElement("defs", {  }, createElement("clipPath", { "id": "file-excel-color_svg__a" }, createElement("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })), createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.867", "id": "file-excel-color_svg__c", "width": "20.831", "x": "19.849", "y": "-5.76" }, createElement("feFlood", { "floodOpacity": "0", "result": "BackgroundImageFix" }), createElement("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), createElement("feOffset", { "dy": "-1.08" }), createElement("feGaussianBlur", { "stdDeviation": "3.24" }), createElement("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), createElement("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1071" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1071", "result": "shape" }))),
-  );
-  if (!button) return svg;
-  return createElement(
-    "button",
-    {
-      ...attributes,
-      ref,
-      type: attributes.type ?? "button",
-      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
-      style: buttonStyle,
-    },
-    svg,
-  );
-});

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

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

package/packages/vue/icons/FileExcelColor.js

@@ -1,39 +0,0 @@
-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 FileExcelColor = defineComponent({
-  name: "FileExcelColor",
-  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": "0 0 36 36", "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("g", { "clip-path": "url(#file-excel-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#00a98b" : "currentColor" }), h("mask", { "height": "34", "id": "file-excel-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-excel-color_svg__b)" }, [h("g", { "filter": "url(#file-excel-color_svg__c)" }, [h("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M26.329 6.107V1.8L34.2 9.707H29.93a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#10ceac" : "currentColor" })]), h("path", { "d": "M24.3 22.677 22.677 24.3 11.7 13.324l1.623-1.624zm-8.438-4.168 1.628 1.628-4.162 4.163-1.628-1.628zm8.438-5.181L20.126 17.5 18.5 15.874l4.174-4.174z", "fill": originColor ? "#fff" : "currentColor" })]), h("defs", {  }, [h("clipPath", { "id": "file-excel-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.867", "id": "file-excel-color_svg__c", "width": "20.831", "x": "19.849", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1071" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1071", "result": "shape" })])])]);
-      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/install.d.ts

@@ -1,5 +0,0 @@
-import "./index.js";
-import type { Plugin } from "vue";
-
-declare const install: Plugin<[]>;
-export default install;