@nstc-design/icons 0.0.3 → 0.0.4

package/packages/react/icons/DirectionArrowFall.js

@@ -0,0 +1,41 @@
+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 DirectionArrowFall = forwardRef(function DirectionArrowFall(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M426.667 85.333h170.666v512h127.552c36.352 0 56.214 42.411 32.939 70.336L544.939 923.093a42.88 42.88 0 0 1-65.878 0L266.176 667.648c-23.253-27.947-3.413-70.336 32.939-70.336h127.552z" }),
+  );
+  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/react/icons/DirectionArrowRise.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 DirectionArrowRise: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DirectionArrowRise.js

@@ -0,0 +1,41 @@
+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 DirectionArrowRise = forwardRef(function DirectionArrowRise(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M597.333 938.667H426.667v-512H299.115c-36.352 0-56.214-42.411-32.939-70.336l212.885-255.424a42.88 42.88 0 0 1 65.878 0l212.885 255.445c23.253 27.947 3.413 70.336-32.939 70.336H597.333v512z" }),
+  );
+  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/react/icons/DisplayBlock.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 DisplayBlock: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DisplayBlock.js

@@ -0,0 +1,41 @@
+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 DisplayBlock = forwardRef(function DisplayBlock(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M938.667 128a42.667 42.667 0 0 1 42.666 42.667v682.666A42.667 42.667 0 0 1 938.667 896H85.333a42.667 42.667 0 0 1-42.666-42.667V170.667A42.667 42.667 0 0 1 85.333 128zM128 810.667h768V213.333H128zm640-512a42.667 42.667 0 0 1 42.667 42.666v341.334A42.667 42.667 0 0 1 768 725.333H256a42.667 42.667 0 0 1-42.667-42.666V341.333A42.667 42.667 0 0 1 256 298.667zM298.667 640h426.666V384H298.667z" }),
+  );
+  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/react/icons/DisplayFlex.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 DisplayFlex: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DisplayFlex.js

@@ -0,0 +1,41 @@
+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 DisplayFlex = forwardRef(function DisplayFlex(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M938.667 128a42.667 42.667 0 0 1 42.666 42.667v682.666A42.667 42.667 0 0 1 938.667 896H85.333a42.667 42.667 0 0 1-42.666-42.667V170.667A42.667 42.667 0 0 1 85.333 128zM128 810.667h768V213.333H128zm213.333-544a32 32 0 0 1 32 32v426.666a32 32 0 0 1-32 32h-128a32 32 0 0 1-32-32V298.667a32 32 0 0 1 32-32zm234.667 0a32 32 0 0 1 32 32v426.666a32 32 0 0 1-32 32H448a32 32 0 0 1-32-32V298.667a32 32 0 0 1 32-32zm234.667 0a32 32 0 0 1 32 32v426.666a32 32 0 0 1-32 32h-128a32 32 0 0 1-32-32V298.667a32 32 0 0 1 32-32zM245.333 693.333h64V330.667h-64zm234.667 0h64V330.667h-64zm234.667 0h64V330.667h-64z" }),
+  );
+  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/react/icons/DisplayInline.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 DisplayInline: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DisplayInline.js

@@ -0,0 +1,41 @@
+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 DisplayInline = forwardRef(function DisplayInline(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M226.496 425.003a192 192 0 0 1 18.773.96l.96.128c1.664.192 3.328.384 4.95.618l.576.086c9.344 1.408 18.048 3.69 26.005 6.869l.597.256c4.48 1.813 8.726 3.925 12.736 6.357a79.9 79.9 0 0 1 23.318 21.334c.533.725 1.088 1.45 1.6 2.197 1.536 2.24 2.922 4.565 4.245 6.955.213.426.49.853.725 1.28 7.424 14.08 11.478 30.826 12.544 49.92.192 3.456.299 6.976.299 10.581v149.824h-85.29v-15.53l-.3.298-.533.405c-1.45 1.28-2.965 2.454-4.48 3.606l-.725.554a81 81 0 0 1-5.547 3.691l-.448.299c-1.749 1.066-3.562 2.026-5.397 2.965l-1.323.64a83 83 0 0 1-5.44 2.41l-1.109.427a76 76 0 0 1-5.888 1.963l-.832.256a92 92 0 0 1-13.547 2.773l-.725.107a103 103 0 0 1-6.955.576c-.192 0-.362.064-.554.064h-.427a109 109 0 0 1-24.81-1.664 92 92 0 0 1-13.27-3.541l-1.067-.427a77.3 77.3 0 0 1-15.189-7.68 74.4 74.4 0 0 1-18.133-16.853l-1.707-2.39a70 70 0 0 1-4.501-7.466l-1.046-2.134a76.6 76.6 0 0 1-5.674-16.405 89 89 0 0 1-1.494-8.64 111 111 0 0 1 .448-28.95c2.688-17.493 9.814-31.978 21.312-43.306l.448-.47a79 79 0 0 1 4.843-4.33l.79-.64c9.045-7.253 20.01-12.736 32.64-16.725 2.282-.726 4.586-1.43 6.975-2.07l.896-.213a162 162 0 0 1 19.072-3.648h.043l53.248-7.253c-1.088-5.888-3.243-9.92-5.952-12.715l-.704-.725c-4.288-3.968-11.563-6.827-23.723-6.827a119.5 119.5 0 0 0-52.352 11.947c-6.528 3.114-12.97 6.826-19.306 11.178l-16.726 11.456v-78.378l5.462-3.072c5.76-3.2 12.33-6.08 19.797-8.619l2.859-.917a207 207 0 0 1 12.864-3.627 264 264 0 0 1 9.301-2.133c4.48-.918 8.832-1.75 13.035-2.454 6.186-1.024 12.01-1.728 17.536-2.261 5.76-.555 11.178-.917 16.277-.917m256.043 23.594 2.41-2.133 1.579-1.173a89.9 89.9 0 0 1 38.87-18.07l2.303-.426c2.048-.363 4.118-.726 6.23-.982l1.066-.106c2.283-.256 4.587-.427 6.934-.555l.533-.021.213-.022c1.792-.085 3.627-.106 5.44-.106l5.974.128a118 118 0 0 1 11.413 1.066 106.5 106.5 0 0 1 24.47 6.784c.469.214.938.363 1.407.555l.214.128a87.5 87.5 0 0 1 18.922 11.627 92.3 92.3 0 0 1 18.646 20.117c.64.896 1.28 1.792 1.856 2.688l2.986 4.885a117.3 117.3 0 0 1 11.051 26.176l.299 1.003a139 139 0 0 1 3.242 14.016l.534 2.795a211 211 0 0 1 2.581 33.066c0 8.235-.448 16.171-1.28 23.787-.17 1.45-.32 2.859-.512 4.267l-.192 1.194a171 171 0 0 1-3.584 18.475l-.49 1.877a151.3 151.3 0 0 1-9.43 25.344 125.2 125.2 0 0 1-12.693 20.758 104.1 104.1 0 0 1-34.944 30.336 103 103 0 0 1-29.824 10.09 124.5 124.5 0 0 1-21.27 1.835l-7.68-.256h-.149l-1.408-.17a98 98 0 0 1-13.27-1.963l-2.687-.683c-1.494-.384-2.966-.747-4.395-1.195-.704-.213-1.387-.49-2.07-.725a81 81 0 0 1-4.693-1.728l-1.664-.747a79 79 0 0 1-4.778-2.24l-1.216-.661a79 79 0 0 1-4.779-2.816l-1.408-.939c-.96-.64-1.92-1.237-2.859-1.92l-1.706-1.344-.192-.128v11.883H393.92V320h88.619zm344.512-23.594c27.925 0 49.066 3.925 63.616 12.224l5.376 3.093v84.864l-16.96-12.352c-13.611-9.941-28.224-14.827-44.118-14.827-17.834 0-31.573 5.206-41.92 15.595-10.325 10.368-15.552 24.81-15.552 43.947 0 18.474 4.95 32.426 14.699 42.453 9.685 9.963 22.955 14.997 40.47 14.997 15.722 0 31.21-5.034 46.591-15.296l16.576-11.05v80.64l-5.269 3.093C872.576 682.923 847.872 688 816.427 688c-37.846 0-68.971-11.733-92.715-35.157-23.765-23.467-35.67-53.931-35.67-90.71 0-41.92 12.715-75.584 38.251-100.266 25.43-24.598 59.222-36.864 100.758-36.864m-309.846 62.592a46.76 46.76 0 0 0-31.68 16.618c-9.813 11.243-14.698 25.686-14.698 43.328v24.576c0 15.147 4.522 27.862 13.546 38.123 7.894 9.003 17.664 14.059 29.27 15.168a52.6 52.6 0 0 0 11.221-.043 44.78 44.78 0 0 0 33.152-19.285q14.08-19.583 14.08-55.424c0-19.84-4.267-35.37-12.821-46.55-7.467-9.791-17.75-15.274-30.806-16.511a62 62 0 0 0-11.264 0M217.472 577.92c-19.413 2.56-27.179 9.536-27.179 22.336 0 5.632 1.707 9.664 5.291 12.864 3.819 3.413 9.216 5.205 16.747 5.205 10.794 0 19.242-3.626 26.09-11.093 7.04-7.701 10.539-17.216 10.539-29.056l-.021-4.352-31.488 4.096z" }),
+  );
+  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/react/icons/DisplayInlineBlock.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 DisplayInlineBlock: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DisplayInlineBlock.js

@@ -0,0 +1,41 @@
+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 DisplayInlineBlock = forwardRef(function DisplayInlineBlock(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M938.667 128a42.667 42.667 0 0 1 42.666 42.667v682.666A42.667 42.667 0 0 1 938.667 896H85.333a42.667 42.667 0 0 1-42.666-42.667V170.667A42.667 42.667 0 0 1 85.333 128zM128 810.667h768V213.333H128zM311.51 440.49c4.031 0 7.935.17 11.69.469 19.05 1.493 35.307 6.848 47.957 16.81a65.2 65.2 0 0 1 13.59 14.55c8.298 12.053 12.842 27.008 14.25 44.288.32 3.883.512 7.893.512 12.053v122.006h-72.512V640.64c-.213.17-.49.299-.725.49l-1.707 1.302c-.554.405-1.152.747-1.728 1.13l-1.066.705c-1.28.832-2.624 1.578-3.99 2.325l-.896.47c-3.306 1.706-6.741 3.2-10.368 4.373l-1.045.298c-1.365.427-2.773.811-4.181 1.174l-2.091.448a76 76 0 0 1-3.563.682c-.725.128-1.45.214-2.197.32a84 84 0 0 1-3.733.427l-2.07.17-.917.086-4.907.128a92 92 0 0 1-10.986-.704c-1.11-.128-2.219-.213-3.307-.405-1.088-.171-2.155-.427-3.221-.662a85 85 0 0 1-3.35-.682 67.5 67.5 0 0 1-19.178-8.214 61.3 61.3 0 0 1-14.848-13.376 59.1 59.1 0 0 1-10.219-19.562 67 67 0 0 1-2.027-8.384c-.213-1.238-.341-2.518-.49-3.798a85 85 0 0 1-.683-10.389c0-19.285 5.59-34.987 16.384-46.848l1.557-1.621.726-.747.32-.32a83 83 0 0 1 3.797-3.413l.853-.662c10.134-8.149 23.104-13.589 38.315-16.768l2.133-.49c2.71-.512 5.462-.96 8.278-1.344h.042l40.32-5.462a17 17 0 0 0-2.688-5.76 13 13 0 0 0-1.514-1.664c-2.923-2.666-8.107-4.906-17.536-4.906-6.4 0-12.651.704-18.816 1.962a101.4 101.4 0 0 0-37.291 16.171l-16.725 11.456v-67.99l5.461-3.071a91 91 0 0 1 11.755-5.462l2.496-.896a162 162 0 0 1 7.658-2.496c4.544-1.344 9.408-2.538 14.55-3.605 7.189-1.493 13.952-2.645 20.266-3.413 1.323-.15 2.624-.214 3.883-.363 4.885-.47 9.472-.79 13.781-.79m187.989 16.426.789-.597a74.3 74.3 0 0 1 21.675-11.477l1.6-.512a79 79 0 0 1 10.986-2.582l2.048-.341c1.579-.213 3.179-.363 4.779-.512l1.835-.17 1.429-.107 5.184-.128c4.33 0 8.533.298 12.587.81l1.664.171a82.6 82.6 0 0 1 21.226 6.059c1.984.874 3.926 1.877 5.824 2.944l1.899 1.045c1.835 1.11 3.627 2.347 5.333 3.605a74 74 0 0 1 6.315 5.163c2.837 2.581 5.547 5.397 8.043 8.49 4.096 5.035 7.552 10.56 10.453 16.491a80 80 0 0 1 3.136 7.04c3.627 9.174 6.059 19.2 7.36 30.102a170.7 170.7 0 0 1 .64 34.09 166 166 0 0 1-2.56 18.56 121.3 121.3 0 0 1-10.944 31.403 102 102 0 0 1-10.901 16.597l-.107.15a89.7 89.7 0 0 1-14.89 14.613 80.8 80.8 0 0 1-36.118 15.787 99.6 99.6 0 0 1-23.04 1.365l-1.984-.17c-1.301-.107-2.624-.214-3.904-.363l-1.067-.192a80 80 0 0 1-4.309-.704l-1.493-.342a73 73 0 0 1-8.875-2.538l-1.13-.427a66.5 66.5 0 0 1-8.3-3.861c-.34-.214-.703-.384-1.066-.576-.384-.235-.79-.427-1.173-.64l-2.944-1.92v7.424H424.34V356.48H499.5v100.459zm254.506-16.426c22.678 0 39.936 3.2 51.947 10.069l5.376 3.093v73.323l-16.96-12.352a56.32 56.32 0 0 0-34.027-11.456c-13.717 0-24.17 3.968-32.021 11.861-7.83 7.872-11.819 18.859-11.819 33.643 0 14.25 3.776 24.875 11.136 32.47 7.339 7.551 17.387 11.349 30.87 11.349 12.138 0 24.106-3.883 36.074-11.862l16.576-11.072v69.718l-5.269 3.093c-14.741 8.661-34.88 12.8-60.373 12.8-30.827 0-56.256-9.6-75.691-28.757-19.413-19.179-29.163-44.096-29.163-74.07 0-34.09 10.39-61.568 31.254-81.749 20.757-20.096 48.341-30.08 82.09-30.08zM303.147 556.5c-19.456 2.56-29.163 11.328-29.163 26.326 0 6.89 2.347 12.458 7.083 16.682 4.714 4.203 11.093 6.315 19.072 6.315 11.008 0 20.053-3.883 27.178-11.648 7.104-7.787 10.667-17.45 10.667-29.013V552l-34.837 4.48zm226.346-64c-12.01 0-21.93 4.48-29.76 13.504-7.829 9.003-11.754 20.544-11.754 34.667v19.67c0 12.095 3.626 22.271 10.837 30.506a34.99 34.99 0 0 0 27.499 12.31c13.44 0 23.914-5.206 31.424-15.66 7.488-10.453 11.242-25.215 11.242-44.33q0-23.84-10.24-37.248c-6.826-8.96-16.597-13.44-29.269-13.44z" }),
+  );
+  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/react/icons/DistributeHorizontally.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 DistributeHorizontally: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DistributeHorizontally.js

@@ -0,0 +1,41 @@
+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 DistributeHorizontally = forwardRef(function DistributeHorizontally(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M170.667 85.333v853.334H85.333V85.333zm512 0A42.667 42.667 0 0 1 725.333 128v768a42.667 42.667 0 0 1-42.666 42.667H341.333A42.667 42.667 0 0 1 298.667 896V128a42.667 42.667 0 0 1 42.666-42.667zm256 853.334h-85.334V85.333h85.334zM384 853.333h256V170.667H384z" }),
+  );
+  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/react/icons/DistributeVertically.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 DistributeVertically: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DistributeVertically.js

@@ -0,0 +1,41 @@
+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 DistributeVertically = forwardRef(function DistributeVertically(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M938.667 938.667H85.333v-85.334h853.334zm-42.667-640a42.667 42.667 0 0 1 42.667 42.666v341.334A42.667 42.667 0 0 1 896 725.333H128a42.667 42.667 0 0 1-42.667-42.666V341.333A42.667 42.667 0 0 1 128 298.667zM170.667 640h682.666V384H170.667zm768-469.333H85.333V85.333h853.334z" }),
+  );
+  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/react/icons/DivTag.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 DivTag: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DivTag.js

@@ -0,0 +1,41 @@
+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 DivTag = forwardRef(function DivTag(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M938.667 234.667a42.667 42.667 0 0 1 42.666 42.666v469.334a42.667 42.667 0 0 1-42.666 42.666h-640c-12.011 0-23.467-5.077-31.574-13.952L53.76 540.715a42.667 42.667 0 0 1 0-57.43L267.093 248.62a42.69 42.69 0 0 1 31.574-13.952zM142.976 512l174.57 192H896V320H317.547zm288.576-125.632c28.33 0 52.352 4.48 71.659 13.845l.682.342c8.299 4.096 15.723 9.088 22.208 15.018a88 88 0 0 1 9.664 10.496c10.838 13.739 17.643 30.827 20.651 51.008a196 196 0 0 1 1.835 25.792 157 157 0 0 1-1.643 22.4c-.128.854-.235 1.686-.384 2.496a129 129 0 0 1-1.13 5.824 109.9 109.9 0 0 1-32.534 58.027 117.7 117.7 0 0 1-38.741 24.341l-2.048.79a134.4 134.4 0 0 1-26.774 6.613 164 164 0 0 1-23.744 1.707h-84.16v-238.72h84.416zm206.315 238.699h-59.734v-174.08h59.734zm71.658-169.494 29.483 101.099 29.824-101.12 1.344-4.565h63.317l-3.221 8.64-60.523 161.28-1.557 4.16h-62.187l-1.493-4.224-57.6-161.302-3.072-8.554h64.32zM401.643 579.307h26.24a106 106 0 0 0 16.213-1.28 79 79 0 0 0 10.965-2.646 67 67 0 0 0 13.014-5.738 61.8 61.8 0 0 0 16-13.376 64.3 64.3 0 0 0 6.186-8.491 67.7 67.7 0 0 0 6.08-12.928 77 77 0 0 0 3.67-14.72 107 107 0 0 0 1.237-16.533c0-15.616-3.307-28.843-9.899-39.68a59.6 59.6 0 0 0-13.12-15.147 67 67 0 0 0-5.482-4.139c-8.534-5.76-18.347-9.514-29.44-11.306a99 99 0 0 0-15.574-1.174h-26.09v147.136zM608.299 374.57c1.92 0 3.84.128 5.632.362l1.28.15c.298.042.576.128.853.192.832.149 1.621.277 2.41.469a34 34 0 0 1 8.833 3.627c1.6.938 3.093 2.048 4.522 3.285l.598.512a30.9 30.9 0 0 1 5.888 7.253l1.365 2.752a31.85 31.85 0 0 1-.043 24.47 29.2 29.2 0 0 1-7.317 10.112 32.5 32.5 0 0 1-9.899 6.165l-1.066.427a38.5 38.5 0 0 1-13.056 2.133c-9.28 0-17.43-2.816-23.894-8.81a29.4 29.4 0 0 1-9.77-22.358 32.1 32.1 0 0 1 2.432-12.33 28.6 28.6 0 0 1 7.36-10.027 32.2 32.2 0 0 1 5.098-3.712c.214-.128.491-.235.747-.363a33.3 33.3 0 0 1 10.304-3.627l.917-.192c.512-.085 1.067-.128 1.558-.192 1.706-.213 3.456-.298 5.248-.298" }),
+  );
+  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/react/icons/DividingLine.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 DividingLine: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DividingLine.js

@@ -0,0 +1,41 @@
+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 DividingLine = forwardRef(function DividingLine(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M170.667 896h-128v-85.333h128zm202.666 0h-128v-85.333h128zM576 896H448v-85.333h128zm202.667 0h-128v-85.333h128zm202.666-85.333V896h-128v-85.333zm0-256H42.667v-85.334h938.666zM170.667 213.333h-128V128h128zm202.666 0h-128V128h128zm202.667 0H448V128h128zm202.667 0h-128V128h128zm202.666 0h-128V128h128z" }),
+  );
+  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/react/icons/DocAdd.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 DocAdd: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/DocAdd.js

@@ -0,0 +1,41 @@
+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 DocAdd = forwardRef(function DocAdd(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "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("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333v469.334h-85.333V128h-640v768H512v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zm-64 704h149.334V832H789.333v149.333H704V832H554.667v-85.333H704V597.333h85.333zM490.667 405.333v85.334h-256v-85.334zM704 320H234.667v-85.333H704z" }),
+  );
+  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/react/icons/DocEdit.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 DocEdit: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};