@nstc-design/icons 0.0.2 → 0.0.4

package/packages/react/icons/OperationalRisk.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 OperationalRisk = forwardRef(function OperationalRisk(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": "M500.48 44.31a42.67 42.67 0 0 1 23.403 0l383.786 109.375a42.67 42.67 0 0 1 30.998 41.046v224.32c0 254.4-166.699 480-413.419 560.213a42.67 42.67 0 0 1-26.368 0C252.075 899.051 85.333 673.408 85.333 418.944V194.731a42.67 42.67 0 0 1 30.976-41.046L500.501 44.31zM170.667 226.922v192c0 211.648 135.466 400.405 338.41 473.642l2.966 1.046 2.986-1.067c200.214-72.256 334.72-256.96 338.24-465.152l.064-8.341V226.944l-341.162-97.259-341.504 97.259zm328.32 102.762a128.04 128.04 0 0 1 145.664-25.002l-70.251 70.25 60.352 60.374 70.25-70.272A128.04 128.04 0 0 1 680 510.699a128.04 128.04 0 0 1-145.707 24.981L393.365 676.65l-60.33-60.33 140.949-140.97a128.02 128.02 0 0 1 25.003-145.665" }),
+  );
+  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/Option.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 Option: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Option.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 Option = forwardRef(function Option(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": "M128.427 465.856 128 508.523A384.085 384.085 0 0 0 412.63 882.88a384.085 384.085 0 0 0 433.663-181.91l20.95-37.12 74.325 41.92-20.97 37.142c-104.363 184.981-322.049 278.123-530.049 222.379-208-55.723-349.952-245.227-347.882-457.6l.426-42.667 85.312.832zm651.136-66.965L584.107 628.053a42.667 42.667 0 0 1-68.224-4.437l-64.406-99.115-116.522 131.435-63.83-56.597 153.686-173.355a42.667 42.667 0 0 1 67.69 5.056l63.787 98.133L714.667 343.51zM103.38 281.088C207.744 96.107 425.43 2.965 633.43 58.709c208.022 55.744 349.974 245.227 347.862 457.622l-.427 42.666-85.29-.853.426-42.667A384.064 384.064 0 0 0 177.707 323.03l-20.971 37.12-74.325-41.898z" }),
+  );
+  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/OptionExercise.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 OptionExercise: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OptionExercise.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 OptionExercise = forwardRef(function OptionExercise(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": "M385.11 105.472a42.67 42.67 0 0 1 40.447 0l277.334 149.333a42.67 42.67 0 0 1 22.442 37.568V911.04a42.667 42.667 0 0 1-42.666 42.667H128a42.667 42.667 0 0 1-42.667-42.667V292.373a42.67 42.67 0 0 1 22.443-37.546l277.333-149.334zm533.205 136.96a42.67 42.67 0 0 1 20.352 36.33v589.59A42.667 42.667 0 0 1 896 911.019H768v-85.334h85.333V302.677L617.685 158.06l44.63-72.726 256 157.078zm-747.648 75.392v550.528H640V317.867L405.312 191.509 170.667 317.845zm408.789 94.57-85.803 61.291h61.014v85.334H448v21.333h106.667v85.333H448v96h-85.333v-96H256v-85.333h106.667v-21.333H256v-85.334h61.013l-85.802-61.29 49.578-69.44 124.544 88.981 124.566-88.96 49.578 69.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/OrderInquiry.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 OrderInquiry: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OrderInquiry.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 OrderInquiry = forwardRef(function OrderInquiry(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.333V512h-85.333V128h-640v768h298.666v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zM682.773 512c117.867 0 213.44 95.552 213.44 213.419A212.4 212.4 0 0 1 860.8 843.093l77.867 77.846-60.374 60.373-77.866-77.867a212.4 212.4 0 0 1-117.654 35.414c-117.888 0-213.44-95.574-213.44-213.44S564.907 512 682.773 512m0 85.376a128.043 128.043 0 1 0 0 256.107 128.064 128.064 0 0 0 0-256.107M362.667 800H213.333v-64h149.334zM448 608v64H213.333v-64zm-10.667-426.667a170.667 170.667 0 1 1 0 341.334 170.667 170.667 0 0 1 0-341.334m-32 68.886a106.73 106.73 0 0 0 0 203.541v-30.165h-7.616a32 32 0 0 1-32-32v-79.211a32 32 0 0 1 32-32h7.616v-30.187zm64 30.165h7.595a32 32 0 0 1 32 32v79.21a32 32 0 0 1-32 32h-7.595v30.166a106.71 106.71 0 0 0 0-203.541zm-39.616 79.232h15.211v-15.232h-15.21z" }),
+  );
+  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/OrderManagement.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 OrderManagement: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OrderManagement.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 OrderManagement = forwardRef(function OrderManagement(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.333V512h-85.333V128h-640v768h298.666v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zm-128 512c117.824 0 213.334 95.509 213.334 213.333s-95.51 213.333-213.334 213.333S512 885.824 512 768s95.51-213.333 213.333-213.333m-32 67.477a149.333 149.333 0 0 0 0 291.69V851.82h-19.818a32 32 0 0 1-32-32V716.16a32 32 0 0 1 32-32h19.818v-62.037zm64 62.037h19.819a32 32 0 0 1 32 32V819.82a32 32 0 0 1-32 32h-19.819v62.016a149.333 149.333 0 0 0 0-291.691zM705.515 787.82h39.637V748.16h-39.659v39.637zM512 405.333v85.334H234.667v-85.334zM746.667 320h-512v-85.333h512z" }),
+  );
+  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/OrderedList.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 OrderedList: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OrderedList.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 OrderedList = forwardRef(function OrderedList(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": "M150.464 704c7.893 0 15.51.96 22.827 2.901 7.317 1.92 13.76 4.95 19.306 9.067 5.547 4.139 9.984 9.301 13.248 15.53 3.286 6.23 4.907 13.654 4.907 22.23q0 14.88-7.808 25.472c-5.227 7.083-12.8 11.605-22.72 13.653v.747c5.376.683 10.133 2.283 14.25 4.8s7.617 5.632 10.475 9.323c2.88 3.712 5.056 7.914 6.571 12.629 1.515 4.693 2.283 9.685 2.283 14.89 0 8.918-1.728 16.747-5.184 23.467a49.1 49.1 0 0 1-13.867 16.79 59.5 59.5 0 0 1-20.48 9.962 92 92 0 0 1-24.832 3.286c-16 0-29.739-3.691-41.28-11.094-11.52-7.402-19.115-19.114-22.827-35.093l39.894-9.323c1.322 6.4 4.053 11.414 8.192 15.126 4.117 3.69 10.218 5.546 18.282 5.546 8.256 0 14.336-2.133 18.304-6.421 3.947-4.288 5.931-9.813 5.931-16.533 0-5.035-1.045-8.96-3.136-11.734a18.86 18.86 0 0 0-8.213-6.186 36.3 36.3 0 0 0-11.35-2.411 211 211 0 0 0-12.629-.363h-8.832V777.43h12.373c3.52 0 6.976-.234 10.326-.746 3.37-.491 6.464-1.451 9.237-2.88a17.2 17.2 0 0 0 6.677-6.08 18.62 18.62 0 0 0 2.518-10.24c0-5.355-2.134-9.814-6.422-13.355a24 24 0 0 0-15.786-5.29c-5.888 0-10.774 1.6-14.635 4.778-3.861 3.2-6.4 7.147-7.573 11.861l-41.643-8.576a57.4 57.4 0 0 1 9.088-19.818c4.053-5.462 8.832-9.878 14.379-13.248 5.546-3.371 11.733-5.846 18.56-7.446A94.3 94.3 0 0 1 150.464 704m830.87 53.333v85.334H256v-85.334zM151.786 426.667c8.213 0 15.914 1.152 23.082 3.456 7.19 2.304 13.44 5.76 18.731 10.282 5.312 4.523 9.472 10.219 12.459 17.067 2.986 6.827 4.48 14.784 4.48 23.83 0 5.823-.598 11.093-1.792 15.786-1.195 4.715-2.859 9.003-4.992 12.843s-4.651 7.402-7.574 10.666c-2.901 3.243-6.08 6.4-9.493 9.472l-55.168 47.467h80.555v33.877H85.333v-40.81l70.571-63.36c3.584-3.264 7.168-6.934 10.773-11.03a21.16 21.16 0 0 0 5.376-14.378c0-6.166-2.218-10.987-6.656-14.507a24.58 24.58 0 0 0-15.658-5.248c-7.19 0-12.8 2.219-16.811 6.677a26.88 26.88 0 0 0-6.805 16.427l-38.486-2.837a62.7 62.7 0 0 1 5.91-24.534c3.413-6.912 7.957-12.672 13.589-17.28 5.653-4.629 12.267-8.106 19.883-10.41a85 85 0 0 1 24.768-3.456m829.546 128H256v-85.334h725.333zM168.768 276.97h33.28v35.776H85.333V276.97h39.232V171.968H90.54V144.64c19.861-3.733 32.789-8.725 45.696-16.661h32.512v148.97zm812.565-10.304H256v-85.334h725.333z" }),
+  );
+  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/OtherClose.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 OtherClose: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OtherClose.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 OtherClose = forwardRef(function OtherClose(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": "M746.71 512.043c129.6 0 234.666 105.066 234.666 234.666S876.309 981.376 746.709 981.376 512.043 876.309 512.043 746.709s105.066-234.666 234.666-234.666M106.324 666.24l367.488 175.147-.213.405v95.061l-36.693-18.432.042-.106-390.848-186.24-.106.085-3.328-1.707v-101.12zm491.52-3.03a170.667 170.667 0 0 0 232.32 232.32zm148.864-87.167c-40.725 0-78.101 14.293-107.434 38.08l240 240a169.92 169.92 0 0 0 38.101-107.414 170.667 170.667 0 0 0-170.667-170.666m-640.384-144.47L473.813 606.72l-.213.405v95.062l-36.693-18.432.042-.107-390.848-186.24-.106.085-3.328-1.706v-101.12zM474.112 46.016a42.67 42.67 0 0 1 33.11 0l405.333 170.667c34.816 14.656 34.816 64 0 78.656L507.22 466.005a42.67 42.67 0 0 1-33.109 0L68.779 295.34c-34.795-14.656-34.795-64 0-78.656zM195.285 256l295.403 124.373L786.048 256 490.667 131.627z" }),
+  );
+  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/OtherOpen.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 OtherOpen: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OtherOpen.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 OtherOpen = forwardRef(function OtherOpen(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": "M746.71 512.043c129.6 0 234.666 105.066 234.666 234.666S876.309 981.376 746.709 981.376 512.043 876.309 512.043 746.709s105.066-234.666 234.666-234.666M106.324 666.24l367.488 175.147-.213.405v95.061l-36.693-18.432.042-.106-390.848-186.24-.106.085-3.328-1.707v-101.12zm640.384-90.197a170.667 170.667 0 1 0 0 341.333 170.667 170.667 0 0 0 0-341.333m119.296 128.512-120 128a32 32 0 0 1-45.44 1.28l-71.978-68.736 44.16-46.294 48.661 46.422 97.92-104.427zm-759.68-272.982L473.813 606.72l-.213.427v95.061l-36.693-18.432.042-.107L46.101 497.43l-.106.086-3.328-1.728v-101.12zM474.112 46.037a42.67 42.67 0 0 1 33.11 0l405.333 170.667c34.816 14.656 34.816 64 0 78.656L507.22 466.027a42.67 42.67 0 0 1-33.109 0L68.779 295.36c-34.795-14.656-34.795-64 0-78.656zM195.285 256l295.403 124.373L786.048 256 490.667 131.627z" }),
+  );
+  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/OutputCode.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 OutputCode: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/OutputCode.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 OutputCode = forwardRef(function OutputCode(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": "M968.832 750.507a42.667 42.667 0 0 1 0 60.33l-128 128-60.33-60.33 55.146-55.168H640v-85.334h195.67L780.5 682.837l60.352-60.33 128 128zM938.667 85.333A42.667 42.667 0 0 1 981.333 128v410.88H896V394.667H128v416h448V896H85.333a42.667 42.667 0 0 1-42.666-42.667V128a42.667 42.667 0 0 1 42.666-42.667zM569.92 436.117l-62.101 292.139-62.614-13.29 62.102-292.16zM427.947 513.28 365.227 576l62.72 62.72-45.27 45.227-85.333-85.334a32 32 0 0 1 0-45.226l85.333-85.334zm298.666 40.107a32 32 0 0 1 0 45.226l-85.333 85.334-45.27-45.227L658.774 576l-62.72-62.72 45.27-45.227 85.333 85.334zM128 309.333h768V170.667H128z" }),
+  );
+  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/Overdue.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 Overdue: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Overdue.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 Overdue = forwardRef(function Overdue(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": "M512 42.667C771.2 42.667 981.333 252.8 981.333 512S771.2 981.333 512 981.333 42.667 771.2 42.667 512c0-15.637.768-31.275 2.304-46.848l84.906 8.363A400 400 0 0 0 128 512c0 212.075 171.947 384 384 384 212.075 0 384-171.925 384-384 0-212.053-171.925-384-384-384-12.843 0-25.664.64-38.485 1.899l-8.363-84.907c15.573-1.579 31.21-2.325 46.848-2.325m42.837 453.824L731.99 650.453l-55.957 64.406-191.83-166.699a42.67 42.67 0 0 1-14.677-32.17l-.192-238.614 85.334-.064.17 219.2zM371.5 183.168a42.667 42.667 0 0 1 0 60.33l-128 128-60.331-60.33L238.293 256H42.667v-85.333h195.669l-55.168-55.168 60.352-60.331 128 128z" }),
+  );
+  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/PageList.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 PageList: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PageList.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 PageList = forwardRef(function PageList(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.667h768v-416H128zM298.667 640v85.333h-85.334V640zm512 85.333H384V640h426.667zm-512-170.666h-85.334v-85.334h85.334zm512 0H384v-85.334h426.667zM128 309.333h768v-96H128z" }),
+  );
+  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/ParameterFill.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 ParameterFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};