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

package/src/Icon/BookmarkOnIcon.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 BookmarkOnIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M15 1H5c-1.1 0-1.99.9-1.99 2L3 19l7-3 7 3V3c0-1.1-.9-2-2-2z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/BranchingIcon.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 BranchingIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10.53 15.706H10v-2h.53v-1.177H10v-2h1v1.78c1.236-.403 2.195-.403 2.654-.403 1.743 0 5.24.916 5.24 2.66v2.105H10.53v-.965Zm5.496-8.088A2.375 2.375 0 0 1 13.654 10a2.383 2.383 0 0 1 0-4.765 2.375 2.375 0 0 1 2.372 2.383Zm-1.06 0c0-.734-.586-1.324-1.312-1.324a1.324 1.324 0 0 0 0 2.647c.726 0 1.313-.59 1.313-1.323Zm-3.378 5.613v2.38h6.248v-1.046c0-.642-2.342-1.6-4.182-1.6-.744 0-1.36.059-2.066.266ZM10 1h1v2h-1V1Zm0 3.176h1v2h-1v-2Zm0 3.177h1v2h-1v-2Zm0 9.53h1v2h-1v-2ZM3.87 7.617A2.375 2.375 0 0 1 6.24 5.235a2.383 2.383 0 0 1 0 4.765A2.375 2.375 0 0 1 3.87 7.618Zm5.496 9.053H1v-2.106c0-1.743 3.498-2.66 5.241-2.66.516 0 1.663 0 3.125.572v4.194Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/BullettedListIcon.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 BullettedListIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M3.812 11.292c-.36 0-.666-.125-.916-.375A1.247 1.247 0 0 1 2.521 10c0-.361.125-.667.375-.917s.555-.375.916-.375.667.125.917.375.375.556.375.917-.125.667-.375.917-.556.375-.917.375Zm0-4.98c-.36 0-.666-.125-.916-.374a1.25 1.25 0 0 1-.375-.917c0-.361.125-.667.375-.917s.555-.375.916-.375.667.125.917.375.375.556.375.917c0 .36-.125.666-.375.917-.25.25-.556.374-.917.374Zm0 9.938c-.36 0-.666-.125-.916-.375a1.247 1.247 0 0 1-.375-.917c0-.36.125-.666.375-.916s.555-.375.916-.375.667.125.917.375.375.555.375.916-.125.667-.375.917-.556.375-.917.375Zm2.834-.417v-1.75H17.5v1.75H6.646Zm0-4.958v-1.75H17.5v1.75H6.646Zm0-4.979v-1.75H17.5v1.75H6.646Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CaMonogramIcon.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 CaMonogramIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M17.673 9.041c-.133.049-.217.368-.197.629.064.855.136 1.824-.485 3.303-.295.704-.828 1.438-1.538 2.122-.895.861-1.646 1.055-1.839 1.055-.066 0-.107-.021-.12-.064-.005-.014-.015-.062.041-.102l.159-.116c.379-.272.481-.345.89-.702.649-.566 1.576-1.928 1.725-2.368.18-.533.338-1.339.28-1.935-.036-.377-.115-.495-.132-.505-.065.01-.205.205-.29.532-.076.288-.177.63-.276.957-.277.917-.556 1.253-.825 1.579-.055.067-.11.134-.166.205-.48.622-1.095.957-1.24.957-.065 0-.085-.043-.09-.056-.022-.06.025-.118.103-.184.197-.167.861-.795 1.158-1.855.05-.18.001-.367-.03-.383 0 0-.065.015-.163.258-.208.513-.242.564-.57 1.045-.406.594-1.142 1.192-1.491 1.36a4.037 4.037 0 0 1-1.764.396c-.372 0-.763-.048-1.161-.141-.886-.209-1.935-1.087-2.001-1.158-.288-.312-.58-.647-.768-.98-.49-.874-.7-1.72-.623-2.513.079-.82.24-1.458.794-2.109.55-.643 1.037-1.074 1.902-1.379a4.712 4.712 0 0 1 1.523-.236c.77 0 1.458.164 1.892.448.754.495 1.024.752 1.693 1.422.303.305.772.487 1.252.487a1.99 1.99 0 0 0 1.026-.289c.646-.383 1.016-.878 1.099-1.473.179-1.282-.998-2.542-1.01-2.555-.28-.296-.549-.55-.809-.774-.002-.316-.357-.561-.357-.561-1.96-1.406-3.797-1.383-4.546-1.348-.89.041-1.725.137-2.552.369-2.08.477-3.73 1.652-4.915 3.497-.836.988-1.146 2.5-1.239 3.736-.102 1.335.417 3.336.701 3.604.266.25.5.284.53.288.163.345.335.704.407.807l.162.235c.335.49.681.995 1.144 1.396.763.663 1.448 1.029 2.373 1.435.917.403 1.623.573 2.517.606.316.012.534.017.73.017.713 0 1.227-.072 1.963-.278a8.865 8.865 0 0 0 2.268-1.006c.289-.184 1.178-.987 1.487-1.343.318-.367.899-1.22 1.195-2.073.66-1.894.524-2.93.433-3.623-.056-.439-.166-.636-.25-.636Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CameraIcon.tsx

@@ -0,0 +1,26 @@
+// 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 CameraIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M2.25 2.25V0h1.5v2.25H6v1.5H3.75V6h-1.5V3.75H0v-1.5h2.25Zm2.25 4.5V4.5h2.25V2.25H12l1.373 1.5h2.377c.825 0 1.5.675 1.5 1.5v9c0 .825-.675 1.5-1.5 1.5h-12c-.825 0-1.5-.675-1.5-1.5v-7.5H4.5Zm5.25 6.75c2.07 0 3.75-1.68 3.75-3.75C13.5 7.68 11.82 6 9.75 6 7.68 6 6 7.68 6 9.75c0 2.07 1.68 3.75 3.75 3.75Zm-2.4-3.75c0 1.328 1.072 2.4 2.4 2.4 1.328 0 2.4-1.072 2.4-2.4 0-1.328-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4Z"
+        />
+      </defs>
+      <use
+        fill="currentColor"
+        transform="translate(1 2)"
+        href={`#${uniqueId}`}
+        fillRule="nonzero"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CautionIcon.tsx

@@ -0,0 +1,19 @@
+// 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 CautionIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0ZM10.8 15H9.2v-1.6h1.6V15Zm-1.6-3.2h1.6V7H9.2v4.8Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CautionWhiteIcon.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 CautionWhiteIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0Z"
+      />
+      <path
+        fill="#FFF"
+        d="M10.8 15H9.2v-1.6h1.6V15Zm0-3.2H9.2V7h1.6v4.8Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CheckIcon.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 CheckIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="m8.333 14.342-4.166-4.167L5.342 9l2.991 2.983 6.325-6.325 1.175 1.184z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ChevronDownIcon.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 ChevronDownIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M6.18 6.845 10 10.747l3.82-3.902L15 8.049l-5 5.106-5-5.106z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ChevronLeftIcon.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 ChevronLeftIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M13.155 13.82 9.253 10l3.902-3.82L11.951 5l-5.106 5 5.106 5z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ChevronRightIcon.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 ChevronRightIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M6.845 13.82 10.747 10 6.845 6.18 8.049 5l5.106 5-5.106 5z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ChevronUpIcon.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 ChevronUpIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M6.179 13.155 10 9.253l3.821 3.902 1.18-1.204L10 6.845l-5 5.106z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ClearIcon.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 ClearIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c-4.424 0-8 3.576-8 8 0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8Zm4 10.872L12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10 14 12.872Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ClearWhiteIcon.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 ClearWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c-4.424 0-8 3.576-8 8 0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M14 12.872 12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CloseIcon.tsx

@@ -0,0 +1,19 @@
+// 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 CloseIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653-1.18-1.18Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ClosedIcon.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 ClosedIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M12.307 2.636A2.464 2.464 0 0 0 10 1a2.464 2.464 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637h-3.054Zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819Zm-5.727 8.181 1.154-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545-3.273-3.273Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ClosedWhiteIcon.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 ClosedWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M12.307 2.636A2.464 2.464 0 0 0 10 1a2.464 2.464 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637h-3.054Zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m5.09 11.636 1.155-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentAddIcon.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 CommentAddIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.716 2.715 2 3.6 2h12.8Zm-3.174 7.218V7.623h-2.398V5.225H9.233v2.398l-2.404.006v1.595l2.404-.006v2.399h1.595V9.218h2.398Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentAddWhiteIcon.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 CommentAddWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2H3.6C2.715 2 2 2.716 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M13.226 9.218h-2.398v2.399H9.233V9.218l-2.404.006V7.629l2.404-.006V5.225h1.595v2.398h2.398z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentBankIcon.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 CommentBankIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M.667 17.333V1.917c0-.32.125-.608.375-.865s.541-.385.875-.385h14.166c.32 0 .608.128.865.385s.385.545.385.865V12.75c0 .32-.128.608-.385.865-.257.256-.545.385-.865.385H4L.667 17.333Zm9.229-9.729 2.02-1.042 2 1.042V1.917h-4.02v5.687Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentDisabledIcon.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 CommentDisabledIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2c.884 0 1.6.715 1.6 1.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.715 2.715 2 3.6 2h12.8Zm-3.544 8.12L11.16 8.422l1.696-1.696L11.728 5.6l-1.696 1.696L8.328 5.6 7.2 6.727l1.704 1.696-1.697 1.696 1.129 1.128 1.696-1.696 1.696 1.696 1.128-1.128Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentDisabledWhiteIcon.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 CommentDisabledWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2H3.6C2.715 2 2 2.715 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6c0-.885-.716-1.6-1.6-1.6Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m12.856 10.12-1.128 1.127-1.696-1.696-1.696 1.696-1.129-1.128 1.697-1.696L7.2 6.727 8.328 5.6l1.704 1.696L11.728 5.6l1.128 1.127-1.696 1.696z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentIcon.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 CommentIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18l.008-14.4c0-.884.708-1.6 1.592-1.6h12.8Zm-4 7.2H14V7.6h-1.6v1.6Zm-3.2 0h1.6V7.6H9.2v1.6ZM6 9.2h1.6V7.6H6v1.6Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommentWhiteIcon.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 CommentWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 2H3.6c-.884 0-1.592.716-1.592 1.6L2 18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M12.4 9.2H14V7.6h-1.6zM9.2 9.2h1.6V7.6H9.2zM6 9.2h1.6V7.6H6z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CommunicationsIcon.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 CommunicationsIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M17.2 5.2h-1.6v7.2H5.2V14c0 .44.36.8.8.8h8.8L18 18V6c0-.44-.36-.8-.8-.8ZM14 10V2.8c0-.44-.36-.8-.8-.8H2.8c-.44 0-.8.36-.8.8V14l3.2-3.2h8c.44 0 .8-.36.8-.8Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/CompetencyLibraryIcon.tsx

@@ -0,0 +1,24 @@
+// 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 CompetencyLibraryIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M7.094 11.18a2.507 2.507 0 0 1-1.826-.745 2.433 2.433 0 0 1-.756-1.798c0-.703.252-1.303.756-1.799a2.507 2.507 0 0 1 1.826-.745c.713 0 1.322.249 1.826.745s.756 1.096.756 1.799c0 .702-.252 1.302-.756 1.798a2.507 2.507 0 0 1-1.826.745Z"
+      />
+      <path
+        fill="currentColor"
+        d="M2.186 17c-.604 0-1.12-.21-1.546-.63A2.06 2.06 0 0 1 0 14.846v-9.67c0-.595.213-1.107.64-1.534A2.104 2.104 0 0 1 2.186 3h9.604c.605 0 1.125.214 1.559.642.434.427.651.939.651 1.535v9.67c0 .595-.217 1.103-.651 1.523-.434.42-.954.63-1.559.63H2.186ZM2 14.401C3.27 12.92 5.041 12 7 12s3.73.92 5 2.401V5H2v9.401Z"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path fill="currentColor" d="M15 3h2v14h-2V3ZM20 3h-2v14h2V3Z" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ConfigureIcon.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 ConfigureIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M17.537 4.683 14.37 7.85l-2.22-2.22 3.167-3.165c-1.747-.837-3.93-.546-5.385.909a4.71 4.71 0 0 0-1.055 5.021l-6.658 6.66c-.292.29-.292.763 0 1.018l1.71 1.71c.255.29.728.29 1.018 0l6.659-6.659a4.71 4.71 0 0 0 5.021-1.055c1.454-1.455 1.746-3.638.91-5.385"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ConnectIcon.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 ConnectIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M14.01 5 14 1h-2v4H8V1H6v4h-.01C5 4.99 4 5.99 4 6.99v5.49L7.5 16v3h5v-3l3.5-3.51v-5.5c0-1-1-2-1.99-1.99Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}