@nstc-design/icons 0.1.0 → 0.1.1

package/packages/react/icons/H.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 H = forwardRef(function H(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 512 252.8 42.667 512 42.667M512 128c-212.075 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m170.88 597.312-85.333.043-.043-170.688H426.837l.086 170.645-85.334.043-.234-426.667 85.333-.043.085 170.688H597.44l-.107-170.645 85.334-.043z" }),
+  );
+  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/HTitle.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 HTitle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/HTitle.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 HTitle = forwardRef(function HTitle(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": "M192 469.333h384v-384h85.333v853.334H576v-384H192v384h-85.333V85.333H192zm653.27-73.6c27.178-25.813 72.063-6.549 72.063 30.934v512H832V526.016l-55.936 53.163-58.795-61.846z" }),
+  );
+  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/Hand.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 Hand: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Hand.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 Hand = forwardRef(function Hand(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": "M489.515 48.47c58.154-16.918 106.154 3.754 146.709 58.175l2.005 2.774 1.963-1.067c7.317-3.627 15.36-6.485 24.128-8.64l6.72-1.493 6.784-1.152c67.541-9.814 113.75 24.618 140.501 96.106l1.216 3.35.427.042 5.397.854 5.718 1.258c92.586 23.574 124.714 108.246 124.714 289.622 0 120-55.68 319.85-107.946 399.744-43.008 65.749-112.726 92.501-227.712 92.501h-5.014c-6.677.064-13.93.17-28.202.49l-2.39.065-3.285.085-2.41.043c-148.737 3.178-210.902-28.139-227.905-132.054-2.645-16.17-29.589-48.213-85.76-97.6a3521 3521 0 0 0-26.581-23.04C100.309 609.664 75.392 576.64 88.342 510.7c12.757-64.96 58.858-102.763 119.167-98.027 37.931 2.987 79.446 23.637 107.52 52.245 28.587 29.12 53.696 50.923 73.11 63.659 6.293 4.139 11.776 7.168 16.213 9.067l1.621.64-.256-.982c-2.389-8.533-6.89-19.818-14.442-35.946l-2.624-5.59-1.238-2.56-3.84-7.893-10.602-21.376-.128-.256-16.79-33.792c-12.138-24.725-32-48.128-67.882-79.936a1857 1857 0 0 0-13.931-12.096l-6.699-5.803-13.482-11.626c-4.48-3.883-7.296-6.294-8.79-7.616-18.346-16.15-30.762-28.48-41.258-41.046-22.827-27.349-34.56-54.826-34.56-84.842 0-120.192 107.52-146.71 240.085-79.744l4.65 2.432.513-1.195c11.37-24.917 32.768-44.16 62.25-55.68l5.632-2.048 6.4-2.048zm124.949 209.749c-36.053-91.35-69.376-131.883-100.33-122.88-16.96 4.949-20.16 9.301-19.563 20.117.853 15.21 10.026 37.845 27.84 69.376 4.117 7.296 8.576 14.89 14.4 24.576 39.744 66.283 43.797 73.621 49.493 96.768 1.664 6.89 2.56 10.624 3.115 13.483.746 3.84 1.066 6.25.917 10.24-.17 3.626-.17 3.626-2.41 11.306-6.102 12.502-6.123 12.523-28.011 20.907-26.795-8.085-26.795-8.107-28.928-13.27-2.646-3.52-3.414-5.077-6.614-12.074l-5.824-12.693c-14.549-31.488-29.696-59.414-48.938-86.806-24.32-34.645-50.902-61.482-79.382-78.08-91.52-53.269-131.626-47.829-131.626-12.309 0 6.507 3.946 14.976 13.525 26.453 7.296 8.747 17.152 18.368 31.659 31.147 5.376 4.757 34.56 29.739 43.114 37.333 42.667 37.824 70.187 69.398 89.003 107.734 2.304 4.714 15.83 31.786 25.195 50.773l4.608 9.344a500 500 0 0 1 3.221 6.677c11.115 23.296 18.176 40.427 22.592 56.171 12.33 44.032 2.453 79.36-33.92 104.043-36.395 24.746-78.784 14.506-124.779-16.747-27.178-18.475-48.682-38.23-81.002-71.147-12.971-13.226-34.859-24.597-51.179-25.877-13.93-1.067-20.608 4.053-24.81 25.515-3.393 17.237 27.797 51.562 120.447 131.221a3328 3328 0 0 1 27.35 23.701c72.533 63.787 107.797 105.259 115.306 151.104 7.83 47.83 39.168 58.56 138.027 56.448l8-.17c17.707-.406 25.45-.534 35.179-.534 85.44 0 129.493-15.466 153.408-52.053 39.317-60.096 93.077-240.853 93.077-349.76 0-115.243-13.077-173.888-41.664-194.624 0 0 .256 18.923 2.155 31.765l1.258 7.958c1.067 6.613 2.347 13.589 3.904 22.037.256 1.28 4.374 22.997 5.419 28.8 1.92 10.667 3.115 18.41 3.712 24.96 1.323 14.507.79 23.253-6.677 34.048-18.219 26.24-40.939 18.197-57.067 1.75l-3.776-3.84-2.39-4.865c-5.546-11.306-7.68-24.576-10.538-53.994-.384-3.862-3.072-32.982-3.99-42.198a896 896 0 0 0-5.653-46.144c-11.818-77.504-31.722-111.594-60.8-107.37-16.362 2.389-19.178 22.912-2.282 74.56 4.608 14.037 10.41 29.077 17.429 45.376 4.267 9.898 8.704 19.69 14.165 31.338 0 0 9.515 20.203 11.563 24.683 4.95 10.88 6.89 15.68 7.83 22.293 3.2 22.464-14.934 49.174-45.227 37.206-6.464-2.56-10.006-5.504-14.934-10.539-11.349-11.563-19.114-28.672-32.256-64.704-3.178-8.704-15.146-42.453-15.189-42.603a1480 1480 0 0 0-17.152-45.93" }),
+  );
+  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/Handle.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 Handle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Handle.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 Handle = forwardRef(function Handle(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": "M486.699 93.653a42.67 42.67 0 0 1 50.624 0l336.128 247.68h1.216v.896l67.968 50.091 34.346 25.301-50.602 68.694-34.347-25.302-17.365-12.8V896A42.667 42.667 0 0 1 832 938.667H192A42.667 42.667 0 0 1 149.333 896V448.213l-17.344 12.8-34.346 25.323-50.646-68.693 34.347-25.323 67.99-50.133v-.854h1.215zM234.667 385.365v467.968h554.666V385.365L512 180.992zm170.666 425.302H320v-128h85.333zm149.334 0h-85.334V640h85.334zm149.333 0h-85.333v-256H704zm-15.36-393.878-128 106.667a42.67 42.67 0 0 1-52.907 1.365l-58.88-44.202L368 545.344l-53.333-66.645 106.666-85.334a42.67 42.67 0 0 1 52.267-.832l58.325 43.734 102.102-85.035z" }),
+  );
+  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/Happy.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 Happy: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Happy.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 Happy = forwardRef(function Happy(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 512 252.8 42.667 512 42.667M512 128c-212.075 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m210.837 483.755a224 224 0 0 1-421.674 0l80.341-28.843A138.56 138.56 0 0 0 512 674.688a138.67 138.67 0 0 0 130.496-91.776zm-360.17-281.088a64 64 0 1 1 0 128 64 64 0 0 1 0-128m298.666 0a64 64 0 1 1 0 128 64 64 0 0 1 0-128" }),
+  );
+  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/Heart.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 Heart: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Heart.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 Heart = forwardRef(function Heart(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": "M704 106.667c153.173 0 277.333 124.16 277.333 277.333 0 222.87-241.685 466.944-455.893 538.112a42.67 42.67 0 0 1-26.88 0C284.33 850.944 42.667 606.869 42.667 384c0-153.173 124.16-277.333 277.333-277.333 70.464 0 136.533 26.496 186.73 72.256l5.27 4.928 5.27-4.907a276.65 276.65 0 0 1 178.922-72.17zM704 192a191.7 191.7 0 0 0-157.12 81.6 42.667 42.667 0 0 1-69.76 0A192 192 0 0 0 128 384c0 173.312 199.445 380.907 377.75 450.027l6.25 2.368 6.25-2.347c176.107-68.267 372.822-271.637 377.665-443.605L896 384a192 192 0 0 0-192-192" }),
+  );
+  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/HeartFill.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 HeartFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/HeartFill.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 HeartFill = forwardRef(function HeartFill(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": "M704 128c153.173 0 277.333 124.16 277.333 277.333 0 222.87-241.685 466.944-455.893 538.134a42.67 42.67 0 0 1-26.88 0C284.33 872.277 42.667 628.203 42.667 405.333 42.667 252.16 166.827 128 320 128c70.464 0 136.533 26.496 186.73 72.256l5.27 4.928 5.27-4.928a276.67 276.67 0 0 1 178.922-72.15z" }),
+  );
+  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/HeatMap.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 HeatMap: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/HeatMap.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 HeatMap = forwardRef(function HeatMap(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": "M475.221 127.68c16.491-28.032 57.046-28.032 73.536 0l426.667 725.333c16.725 28.48-3.776 64.32-36.779 64.32H85.333c-32.981 0-53.482-35.861-36.757-64.32L475.243 127.68zM159.915 832h704.128L512 233.472 159.893 832zm324.202-442.325a32 32 0 0 1 55.766 0l192 341.333a32 32 0 0 1-27.904 47.68H320a32 32 0 0 1-27.861-47.68l192-341.333zm-109.44 324.992H649.28L511.979 470.613l-137.28 244.054zm127.787-130.24a10.667 10.667 0 0 1 19.093 0l36.054 72.128A10.667 10.667 0 0 1 548.075 672h-72.15a10.667 10.667 0 0 1-9.536-15.445z" }),
+  );
+  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/HeavyRain.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 HeavyRain: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/HeavyRain.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 HeavyRain = forwardRef(function HeavyRain(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": "M544 938.667h-64V640h64zm170.667-341.334V896h-64V597.333zM373.333 832h-64V576h64zm96-746.667c126.166 0 230.998 91.243 252.118 211.35l.32 1.984h24.896c127.573 0 231.317 101.76 234.581 228.522l.085 6.144c0 109.867-76.096 204.331-181.824 228.694l-19.136-83.179A149.376 149.376 0 0 0 746.667 384h-64A42.667 42.667 0 0 1 640 341.333a170.667 170.667 0 0 0-170.667-170.666c-94.25 0-170.666 76.416-170.666 169.898l.021 1.174a42.667 42.667 0 0 1-37.973 43.178 149.355 149.355 0 0 0-17.366 293.867l-19.285 83.136a234.73 234.73 0 0 1-8.49-455.04l.618-3.947c18.219-121.088 121.237-214.4 246.635-217.514z" }),
+  );
+  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/Help.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 Help: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Help.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 Help = forwardRef(function Help(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 512 252.8 42.667 512 42.667M512 128c-212.075 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m42.667 533.333v85.334h-85.334v-85.334zm-42.667-384a128 128 0 0 1 45.61 247.616l-2.943 1.067v92.65h-85.334v-128a42.667 42.667 0 0 1 38.315-42.453l8.704-.426a42.667 42.667 0 1 0-47.019-42.454H384a128 128 0 0 1 128-128" }),
+  );
+  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/HelpFill.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 HelpFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/HelpFill.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 HelpFill = forwardRef(function HelpFill(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 512 252.8 42.667 512 42.667m-42.667 704h85.334v-85.334h-85.334zM512 277.333a128 128 0 0 0-128 128h85.333a42.667 42.667 0 1 1 47.019 42.454l-8.704.426a42.667 42.667 0 0 0-38.315 42.454v128h85.334v-92.651l2.944-1.067A128.043 128.043 0 0 0 512 277.333" }),
+  );
+  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/Highlight.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 Highlight: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};