@nstc-design/icons 0.0.1

package/dist/react/icons/IconDemoUser.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconDemoUser = forwardRef(function IconDemoUser(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("circle", { "cx": "12", "cy": "8", "r": "4" }), createElement("path", { "d": "M4 22a8 8 0 0 1 16 0" }),
+  );
+  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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconExclamation.d.ts

@@ -0,0 +1,13 @@
+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 IconExclamation: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconExclamation.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconExclamation = forwardRef(function IconExclamation(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M23 9h2v21h-2z" }), createElement("path", { "d": "M23 9h2v21h-2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }), createElement("path", { "d": "M23 37h2v2h-2z" }), createElement("path", { "d": "M23 37h2v2h-2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }),
+  );
+  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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconExclamationCircle.d.ts

@@ -0,0 +1,13 @@
+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 IconExclamationCircle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconExclamationCircle.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconExclamationCircle = forwardRef(function IconExclamationCircle(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M24 28V14m0 16v4M6 24c0-9.941 8.059-18 18-18s18 8.059 18 18-8.059 18-18 18S6 33.941 6 24Z" }),
+  );
+  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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFaceBookCircleFill.d.ts

@@ -0,0 +1,13 @@
+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 IconFaceBookCircleFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFaceBookCircleFill.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFaceBookCircleFill = forwardRef(function IconFaceBookCircleFill(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M24 1C11.29 1 1 11.29 1 24s10.29 23 23 23 23-10.29 23-23S36.71 1 24 1m6.172 22.88H26.18v14.404h-5.931V23.88H17.22v-4.962h3.027V15.89c0-3.993 1.695-6.414 6.414-6.414h3.993v4.962h-2.421c-1.815 0-1.936.727-1.936 1.936v2.421h4.478l-.605 5.084z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }),
+  );
+  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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFacebookSquareFill.d.ts

@@ -0,0 +1,13 @@
+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 IconFacebookSquareFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFacebookSquareFill.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFacebookSquareFill = forwardRef(function IconFacebookSquareFill(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M43.125 2.475c.6 0 1.2.225 1.688.713.524.487.75 1.012.75 1.612v38.363c0 .6-.263 1.2-.75 1.612-.526.488-1.088.713-1.688.713H32.138V28.913h5.625l.825-6.563h-6.45v-4.275c0-2.137 1.087-3.225 3.3-3.225h3.374V9.263c-1.2-.225-2.85-.338-5.024-.338-2.513 0-4.5.75-6.038 2.25s-2.288 3.675-2.288 6.375v4.8h-5.625v6.563h5.625v16.575h-20.7c-.6 0-1.2-.225-1.612-.713-.487-.487-.712-1.012-.712-1.612V4.8c0-.6.224-1.2.712-1.612.488-.488 1.012-.713 1.613-.713z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }),
+  );
+  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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFileExcelColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFileExcelColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFileExcelColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileExcelColor = forwardRef(function IconFileExcelColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), 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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFileImageColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFileImageColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFileImageColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileImageColor = forwardRef(function IconFileImageColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("g", { "clipPath": "url(#file-image-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 ? "#f1c44b" : "currentColor" }), createElement("mask", { "height": "34", "id": "file-image-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-image-color_svg__b)" }, createElement("g", { "filter": "url(#file-image-color_svg__c)" }, createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#ffd973" : "currentColor" })), createElement("mask", { "height": "34", "id": "file-image-color_svg__d", "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-image-color_svg__d)" }, createElement("path", { "d": "M22.641 22.648H11.54c-.053 0-.096-.046-.096-.103v-2.312q0-.03.014-.054l3.305-5.954a.092.092 0 0 1 .157-.012l4.5 5.917c.032.042.088.05.13.02l3.042-2.277c.063-.048.15.001.15.085l-.003 4.587c0 .057-.044.103-.097.103m1.042-8.473c0 1.476-1.7 2.556-3.25 1.388a.1.1 0 0 1-.022-.022c-1.168-1.55-.088-3.25 1.389-3.25a1.884 1.884 0 0 1 1.883 1.885z", "fill": originColor ? "#fff" : "currentColor" }))), createElement("defs", {  }, createElement("clipPath", { "id": "file-image-color_svg__a" }, createElement("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })), createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-image-color_svg__c", "width": "20.606", "x": "19.174", "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_1073" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1073", "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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFilePdfColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFilePdfColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFilePdfColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFilePdfColor = forwardRef(function IconFilePdfColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("g", { "clipPath": "url(#file-pdf-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 ? "#ff662c" : "currentColor" }), createElement("mask", { "height": "34", "id": "file-pdf-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-pdf-color_svg__b)" }, createElement("g", { "filter": "url(#file-pdf-color_svg__c)" }, createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#ff7f4e" : "currentColor" })), createElement("path", { "d": "M16.805 11.417v2.32l-.004 3.537h.004v2.32l-.004 4.063h-2.945v-12.24zm1.345 0c2.698 0 4.92.954 4.92 3.982 0 2.912-2.255 4.195-4.837 4.195h-.554v-2.32h.405c1.398 0 2.09-.643 2.122-1.79v-.085c0-1.234-.789-1.662-2.204-1.662h-.323v-2.32z", "fill": originColor ? "#fff" : "currentColor" })), createElement("defs", {  }, createElement("clipPath", { "id": "file-pdf-color_svg__a" }, createElement("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })), createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-pdf-color_svg__c", "width": "20.606", "x": "19.174", "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_1074" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1074", "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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFileUnknownColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFileUnknownColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFileUnknownColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileUnknownColor = forwardRef(function IconFileUnknownColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("g", { "clipPath": "url(#file-unknown-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 ? "#e5e6eb" : "currentColor" }), createElement("mask", { "height": "34", "id": "file-unknown-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-unknown-color_svg__b)" }, createElement("g", { "filter": "url(#file-unknown-color_svg__c)" }, createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#f2f3f5" : "currentColor" }))), createElement("defs", {  }, createElement("clipPath", { "id": "file-unknown-color_svg__a" }, createElement("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })), createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-unknown-color_svg__c", "width": "20.606", "x": "19.174", "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("feComposite", { "in2": "hardAlpha", "operator": "out" }), 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_1070" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1070", "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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFileWordColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFileWordColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFileWordColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileWordColor = forwardRef(function IconFileWordColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("g", { "clipPath": "url(#file-word-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 ? "#007aff" : "currentColor" }), createElement("mask", { "height": "34", "id": "file-word-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-word-color_svg__b)" }, createElement("g", { "filter": "url(#file-word-color_svg__c)" }, createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#2e9aff" : "currentColor" })), createElement("path", { "d": "M13.591 22.274h3.074l.904-4.507c.153-.792.278-1.627.403-2.405h.07a30 30 0 0 0 .403 2.405l.932 4.506h3.129L24.3 11.927h-2.364l-.668 4.714c-.125 1.07-.264 2.17-.39 3.282h-.069c-.208-1.112-.39-2.225-.598-3.282l-1.084-4.714H17.04l-1.056 4.714a197 197 0 0 0-.613 3.282h-.055l-.417-3.282-.654-4.714H11.7z", "fill": originColor ? "#fff" : "currentColor" })), createElement("defs", {  }, createElement("clipPath", { "id": "file-word-color_svg__a" }, createElement("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })), createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-word-color_svg__c", "width": "20.606", "x": "19.174", "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_1075" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1075", "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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconFileZipColor.d.ts

@@ -0,0 +1,13 @@
+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 IconFileZipColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconFileZipColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileZipColor = forwardRef(function IconFileZipColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "clipRule": "evenodd", "d": "M6.3 1.8h19.368l7.615 7.683V30.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 ? "#1252c2" : "currentColor", "fillRule": "evenodd" }), createElement("g", { "filter": "url(#file-zip-color_svg__a)", "transform": "translate(0 -5.76)" }, createElement("path", { "d": "M25.64 11.641V7.56l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })), createElement("path", { "d": "M25.64 5.881V1.8l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#629bfe" : "currentColor" }), createElement("path", { "clipRule": "evenodd", "d": "M9.69 1.8h3.496v3.497H9.69zm3.496 3.497h3.495v3.497h-3.496zM9.69 8.794h3.496v3.497H9.69zm3.496 3.497h3.495v6.995h-3.496zM9.69 15.79h3.496v3.497H9.69zm0 3.497h3.496v3.497H9.69zm3.496 0h3.495v3.497h-3.496z", "fill": originColor ? "#fff" : "currentColor", "fillRule": "evenodd" }), createElement("defs", {  }, createElement("filter", { "colorInterpolationFilters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-zip-color_svg__a", "width": "20.602", "x": "19.161", "y": "0" }, 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.15 0" }), createElement("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1072" }), createElement("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1072", "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: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconGoogleCircleFill.d.ts

@@ -0,0 +1,13 @@
+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 IconGoogleCircleFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};