@kaizen/components 0.0.0-canary-test-exports-20231114054615 → 0.0.0-canary-bundle-size-check-20231115005811

package/src/Icon/EmptyWhiteIcon.tsx

@@ -0,0 +1,23 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EmptyWhiteIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <g fill="none" fillRule="evenodd">
+        <path
+          fill="currentColor"
+          d="M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8Z"
+        />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/EndIcon.tsx

@@ -0,0 +1,17 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EndIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M14 4h2v12h-2V4Zm-3.7 5.17H2v1.66h8.3l-2.98 3L8.5 15l5-5-5-5-1.18 1.18 2.99 2.99Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/EngagementIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EngagementIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M15.423 5.396c0-.634.372-1.165 1.01-1.165.637 0 1.152.511 1.152 1.144l-.547 10.815c0 .894-1.432 2.737-3.122 2.737L9.997 19c-.83 0-1.442-.275-2.717-1.401 0 0-4.158-4.196-4.77-5.121-.415-.627.618-1.882 1.542-1.33.022.006 2.531 2.01 2.733 2.198.315.294.436.302.436.072 0-.151-.782-9.365-.782-9.365 0-.634.514-1.145 1.152-1.145.637 0 1.152.511 1.152 1.145l.421 5.027h.296l.05-6.935c0-.633.515-1.145 1.153-1.145.637 0 1.152.512 1.152 1.145l.155 6.94.41.01.203-6.187c0-.633.515-1.145 1.152-1.145.637 0 1.152.512 1.152 1.145l-.05 6.172h.4l.186-3.684Zm-3.386 10.77.373-.337c1.328-1.205 2.204-1.999 2.204-2.973 0-.794-.624-1.418-1.417-1.418-.45 0-.88.209-1.16.539a1.544 1.544 0 0 0-1.16-.539c-.793 0-1.417.624-1.417 1.418 0 .974.877 1.768 2.203 2.971l.374.34Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/EngagementWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EngagementWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="m15.423 5.396-.187 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145-.637 0-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.296l-.421-5.027c0-.634-.515-1.145-1.152-1.145-.638 0-1.152.511-1.152 1.145 0 0 .782 9.214.782 9.365 0 .23-.12.222-.436-.072-.202-.189-2.71-2.192-2.733-2.198-.924-.552-1.957.703-1.543 1.33.613.925 4.771 5.121 4.771 5.121C8.555 18.725 9.168 19 9.997 19l3.919-.073c1.69 0 3.122-1.843 3.122-2.737l.547-10.815c0-.633-.515-1.144-1.152-1.144-.638 0-1.01.531-1.01 1.165Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m12.037 16.167-.374-.34c-1.326-1.203-2.203-1.997-2.203-2.971 0-.794.624-1.418 1.417-1.418.449 0 .879.209 1.16.539.28-.33.71-.539 1.16-.539.793 0 1.417.624 1.417 1.418 0 .974-.876 1.768-2.204 2.973l-.373.338Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/EqualIcon.tsx

@@ -0,0 +1,18 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EqualIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8ZM6.153 12.1h7.694v-1.6H6.153v1.6Zm0-2.881h7.694v-1.6H6.153v1.6Z"
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/EqualWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const EqualWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M6.153 12.1h7.694v-1.6H6.153zM6.153 9.219h7.694v-1.6H6.153z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExclamationIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExclamationIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm.8 12v-1.6H9.2V14h1.6Zm0-3.2V6H9.2v4.8h1.6Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExclamationOctagonIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExclamationOctagonIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684L13.316 2ZM10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4c.64 0 1.156.516 1.156 1.156 0 .64-.516 1.155-1.156 1.155Zm.889-3.822H9.11V5.556h1.778v5.333Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExclamationOctagonWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExclamationOctagonWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+        <path
+          fill="#FFF"
+          d="M10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4c.64 0 1.156.516 1.156 1.156 0 .64-.516 1.155-1.156 1.155ZM10.889 10.889H9.11V5.556h1.778z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExclamationWhiteIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExclamationWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path id={uniqueId} d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path fill="#FFF" d="M10.8 14H9.2v-1.6h1.6zM10.8 10.8H9.2V6h1.6z" />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExperienceIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExperienceIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M11.645 4.653c-.62-.003-3.092 4.004-3.092 4.004 1.054 1.512 2.04 3.41 2.04 3.41l-1.235-.009C7.976 9.912 6.684 7.704 5.908 7.71 5.04 7.716 1 15.343 1 15.343h17.993s-6.086-10.685-7.348-10.69Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExportIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExportIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.944 5.944 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931Zm-1.865 2.348-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168h2.376Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExportWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExportWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.944 5.944 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m13.962 10.794-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ExternalLinkIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ExternalLinkIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.222 16.222H3.778V3.778H10V2H3.778C2.79 2 2 2.8 2 3.778v12.444C2 17.2 2.791 18 3.778 18h12.444C17.2 18 18 17.2 18 16.222V10h-1.778v6.222ZM11.778 2v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H18V2h-6.222Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceDissatisfiedIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceDissatisfiedIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.583 2 10c0 4.416 3.576 8 7.992 8C14.416 18 18 14.416 18 10c0-4.417-3.584-8-8.008-8M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.188 3.188 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6m2.8-2.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceDissatisfiedWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceDissatisfiedWhiteIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <g fill="none" fillRule="evenodd">
+        <path
+          fill="currentColor"
+          d="M9.992 2C5.576 2 2 5.583 2 10c0 4.416 3.576 8 7.992 8C14.416 18 18 14.416 18 10c0-4.417-3.584-8-8.008-8"
+        />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4"
+        />
+        <path
+          fill="currentColor"
+          d="M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.188 3.188 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceNeutralIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceNeutralIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4ZM8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0Zm1.6 8.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4ZM9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8ZM7.6 12.8h4.8v-1.2H7.6v1.2Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceNeutralWhiteIcon.tsx

@@ -0,0 +1,36 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceNeutralWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <path
+          fill="currentColor"
+          d="M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8Z"
+        />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z"
+        />
+        <path
+          fill="currentColor"
+          d="M8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0Z"
+        />
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path fill="currentColor" d="M7.6 12.8h4.8v-1.2H7.6z" />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceSatisfiedIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceSatisfiedIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6m2.8-4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceSatisfiedWhiteIcon.tsx

@@ -0,0 +1,31 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceSatisfiedWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4"
+        />
+        <path
+          fill="currentColor"
+          d="M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceVeryDissatisfiedIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceVeryDissatisfiedIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8ZM10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Zm3.344-9.792-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848ZM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848.848.848ZM10 11.6a4.397 4.397 0 0 0-4.088 2.8h8.176A4.397 4.397 0 0 0 10 11.6Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceVeryDissatisfiedWhiteIcon.tsx

@@ -0,0 +1,33 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceVeryDissatisfiedWhiteIcon = (
+  props: IconProps
+): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z"
+        />
+        <path
+          fill="currentColor"
+          d="m13.344 6.608-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848zM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848zM10 11.6a4.397 4.397 0 0 0-4.088 2.8h8.176A4.397 4.397 0 0 0 10 11.6Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceVerySatisfiedIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceVerySatisfiedIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8ZM10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4ZM8.4 8.8a1.2 1.2 0 1 0-2.4 0h2.4Zm5.6 0a1.2 1.2 0 1 0-2.4 0H14Zm-4 5.6a4.397 4.397 0 0 0 4.088-2.8H5.912A4.397 4.397 0 0 0 10 14.4Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FaceVerySatisfiedWhiteIcon.tsx

@@ -0,0 +1,31 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FaceVerySatisfiedWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z"
+        />
+        <path
+          fill="currentColor"
+          d="M8.4 8.8a1.2 1.2 0 1 0-2.4 0h2.4ZM14 8.8a1.2 1.2 0 1 0-2.4 0H14ZM10 14.4a4.397 4.397 0 0 0 4.088-2.8H5.912A4.397 4.397 0 0 0 10 14.4Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FactorsIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FactorsIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="m12.8 14.496-2.8-2.94-2.8 2.94a2.667 2.667 0 1 1-1.144-1.44L9.11 10V7.173C8.08 6.8 7.333 5.823 7.333 4.667A2.663 2.663 0 0 1 10 2a2.663 2.663 0 0 1 2.667 2.667c0 1.155-.747 2.133-1.778 2.506V10l3.056 3.056a2.667 2.667 0 1 1-1.144 1.44Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/FavoriteOffIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const FavoriteOffIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M13.6 3A4.79 4.79 0 0 0 10 4.672 4.79 4.79 0 0 0 6.4 3 4.357 4.357 0 0 0 2 7.4c0 3.024 2.72 5.488 6.84 9.232L10 17.68l1.16-1.056C15.28 12.888 18 10.424 18 7.4 18 4.936 16.064 3 13.6 3Zm-3.52 12.44-.08.08-.08-.08C6.112 11.992 3.6 9.712 3.6 7.4c0-1.6 1.2-2.8 2.8-2.8 1.232 0 2.432.792 2.856 1.888h1.496C11.168 5.392 12.368 4.6 13.6 4.6c1.6 0 2.8 1.2 2.8 2.8 0 2.312-2.512 4.592-6.32 8.04Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}