@kaizen/components 1.38.6 → 1.39.1

package/src/Icon/ClearIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ClearIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ClearIcon = (props: IconProps): JSX.Element => {
       <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"
+          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-8m4 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 10z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/ClearWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ClearWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ClearWhiteIcon = (props: IconProps): JSX.Element => {
       <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"
+          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-8"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/CloseIcon.tsx

@@ -2,14 +2,15 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 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"
+        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.653z"
         fillRule="evenodd"
         clipRule="evenodd"
       />

package/src/Icon/ClosedIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ClosedIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ClosedIcon = (props: IconProps): JSX.Element => {
       <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"
+          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.637zm-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.819m-5.727 8.181 1.154-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/ClosedWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ClosedWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ClosedWhiteIcon = (props: IconProps): JSX.Element => {
       <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"
+          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.637zm-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.819"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/CommentAddIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentAddIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentAddIcon = (props: IconProps): JSX.Element => {
       <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"
+          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 2zm-3.174 7.218V7.623h-2.398V5.225H9.233v2.398l-2.404.006v1.595l2.404-.006v2.399h1.595V9.218z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/CommentAddWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentAddWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentAddWhiteIcon = (props: IconProps): JSX.Element => {
       <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"
+          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 2"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/CommentBankIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentBankIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentBankIcon = (props: IconProps): JSX.Element => {
       <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"
+          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.385H4zm9.229-9.729 2.02-1.042 2 1.042V1.917h-4.02z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/CommentDisabledIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentDisabledIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentDisabledIcon = (props: IconProps): JSX.Element => {
       <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"
+          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 2zm-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.696z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/CommentDisabledWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentDisabledWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentDisabledWhiteIcon = (props: IconProps): JSX.Element => {
       <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"
+          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.6"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/CommentIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentIcon = (props: IconProps): JSX.Element => {
       <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"
+          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.6zm-4 7.2H14V7.6h-1.6zm-3.2 0h1.6V7.6H9.2zM6 9.2h1.6V7.6H6z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/CommentWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommentWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommentWhiteIcon = (props: IconProps): JSX.Element => {
       <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"
+          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 2"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/CommunicationsIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CommunicationsIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const CommunicationsIcon = (props: IconProps): JSX.Element => {
       <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"
+          d="M17.2 5.2h-1.6v7.2H5.2V14c0 .44.36.8.8.8h8.8L18 18V6c0-.44-.36-.8-.8-.8M14 10V2.8c0-.44-.36-.8-.8-.8H2.8c-.44 0-.8.36-.8.8V14l3.2-3.2h8c.44 0 .8-.36.8-.8"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />

package/src/Icon/CompetencyLibraryIcon.tsx

@@ -2,22 +2,23 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 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"
+        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.745"
       />
       <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"
+        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.63zM2 14.401C3.27 12.92 5.041 12 7 12s3.73.92 5 2.401V5H2z"
         fillRule="evenodd"
         clipRule="evenodd"
       />
-      <path fill="currentColor" d="M15 3h2v14h-2V3ZM20 3h-2v14h2V3Z" />
+      <path fill="currentColor" d="M15 3h2v14h-2zM20 3h-2v14h2z" />
     </>
   )
   return <SVG {...props}>{svgContent}</SVG>

package/src/Icon/ConfigureIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ConfigureIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()

package/src/Icon/ConnectIcon.tsx

@@ -2,14 +2,15 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 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"
+        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.99"
       />
     </>
   )

package/src/Icon/ConnectLineIcon.tsx

@@ -2,12 +2,13 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const ConnectLineIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
-      <path d="M9.05 17.5h1.9v-2.05l3.55-3.9V6.775h-9v4.775l3.55 3.893V17.5ZM7.55 19v-2.95L4 12.15V6.775c0-.413.147-.766.44-1.06.294-.293.648-.44 1.06-.44h1.8l-.75.75V1h1.5v4.275h3.9V1h1.5v5.025l-.75-.75h1.8c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v5.375l-3.55 3.9V19h-4.9Z" />
+      <path d="M9.05 17.5h1.9v-2.05l3.55-3.9V6.775h-9v4.775l3.55 3.893zM7.55 19v-2.95L4 12.15V6.775c0-.413.147-.766.44-1.06.294-.293.648-.44 1.06-.44h1.8l-.75.75V1h1.5v4.275h3.9V1h1.5v5.025l-.75-.75h1.8c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v5.375l-3.55 3.9V19z" />
     </>
   )
   return <SVG {...props}>{svgContent}</SVG>

package/src/Icon/CustomIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const CustomIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()

package/src/Icon/DashboardIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DashboardIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DashboardIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10.889 7.333H18V2h-7.111v5.333ZM2 10.89h7.111V2H2v8.889ZM10.889 18H18V9.111h-7.111V18ZM2 18h7.111v-5.333H2V18Z"
+          d="M10.889 7.333H18V2h-7.111zM2 10.89h7.111V2H2zM10.889 18H18V9.111h-7.111zM2 18h7.111v-5.333H2z"
         />
       </defs>
       <use

package/src/Icon/DateEndIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateEndIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateEndIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M13.557 1.111h1.778V2.89h.889c.982 0 1.778.796 1.778 1.778v12.446c0 .982-.796 1.778-1.778 1.778H3.778A1.778 1.778 0 0 1 2 17.113l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111Zm2.667 16.002V7.334H3.778v9.78h12.446Zm-1.778-6.223h-4.445v4.445h4.445V10.89Z"
+          d="M13.557 1.111h1.778V2.89h.889c.982 0 1.778.796 1.778 1.778v12.446c0 .982-.796 1.778-1.778 1.778H3.778A1.778 1.778 0 0 1 2 17.113l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112zm2.667 16.002V7.334H3.778v9.78zm-1.778-6.223h-4.445v4.445h4.445z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/DateEndWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateEndWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateEndWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M13.557 1.111V2.89H6.445V1.111H4.667V2.89h-.889a1.77 1.77 0 0 0-1.77 1.778L2 17.113c0 .982.796 1.778 1.778 1.778h12.446c.982 0 1.778-.796 1.778-1.778V4.667c0-.982-.796-1.778-1.778-1.778h-.889V1.111h-1.778Z"
+          d="M13.557 1.111V2.89H6.445V1.111H4.667V2.89h-.889a1.77 1.77 0 0 0-1.77 1.778L2 17.113c0 .982.796 1.778 1.778 1.778h12.446c.982 0 1.778-.796 1.778-1.778V4.667c0-.982-.796-1.778-1.778-1.778h-.889V1.111z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/DateRangeIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateRangeIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateRangeIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89h.889Zm0 14.223V7.334H3.778v9.78h12.446Zm-8.89-8H5.556v1.777h1.778V9.112Zm3.556 0H9.112v1.777h1.778V9.112Zm3.556 0h-1.778v1.777h1.778V9.112Z"
+          d="M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89zm0 14.223V7.334H3.778v9.78zm-8.89-8H5.556v1.777h1.778zm3.556 0H9.112v1.777h1.778zm3.556 0h-1.778v1.777h1.778z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/DateRangeWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateRangeWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateRangeWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778Z"
+          d="M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/DateStartIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateStartIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateStartIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89h.889Zm0 14.223V7.334H3.778v9.78h12.446Zm-10.668-8h4.445v4.444H5.556V9.112Z"
+          d="M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89zm0 14.223V7.334H3.778v9.78zm-10.668-8h4.445v4.444H5.556z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/DateStartWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DateStartWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DateStartWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778Z"
+          d="M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/DecreaseIndentIcon.tsx

@@ -2,14 +2,15 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DecreaseIndentIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M9.183 13.909v-1.634H17v1.634H9.183Zm-2.994-.7L3 10l3.19-3.19v6.399ZM3 17v-1.633h14V17H3ZM3 4.633V3h14v1.633H3Zm6.183 3.092V6.09H17v1.634H9.183Zm0 3.092V9.183H17v1.634H9.183Z"
+        d="M9.183 13.909v-1.634H17v1.634zm-2.994-.7L3 10l3.19-3.19zM3 17v-1.633h14V17zM3 4.633V3h14v1.633zm6.183 3.092V6.09H17v1.634zm0 3.092V9.183H17v1.634z"
       />
     </>
   )

package/src/Icon/DeltaBareIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaBareIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DeltaBareIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m10.482 3.37 8 12.8h-16l8-12.8Zm4.7 10.829-4.7-7.523-4.699 7.523h9.398Z"
+          d="m10.482 3.37 8 12.8h-16zm4.7 10.829-4.7-7.523-4.699 7.523z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/DeltaBareWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaBareWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()

package/src/Icon/DeltaFlatIcon.tsx

@@ -2,12 +2,13 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaFlatIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
-      <path fill="currentColor" d="M4 9h12v2H4V9z" />
+      <path fill="currentColor" d="M4 9h12v2H4z" />
     </>
   )
   return <SVG {...props}>{svgContent}</SVG>

package/src/Icon/DeltaIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DeltaIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M2 10c0-4.42 3.58-8 8-8s8 3.58 8 8-3.58 8-8 8-8-3.58-8-8Zm8-4.63-5.018 8.028h10.036L10 5.369Zm2.131 6.401H7.87L10 8.36l2.131 3.412Z"
+          d="M2 10c0-4.42 3.58-8 8-8s8 3.58 8 8-3.58 8-8 8-8-3.58-8-8m8-4.63-5.018 8.028h10.036zm2.131 6.401H7.87L10 8.36z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/DeltaNegativeIcon.tsx

@@ -2,14 +2,15 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaNegativeIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M6.775 16H16V6.775h-2.05V12.5L5.45 4 4 5.45l8.5 8.5H6.775V16z"
+        d="M6.775 16H16V6.775h-2.05V12.5L5.45 4 4 5.45l8.5 8.5H6.775z"
         fillRule="evenodd"
         clipRule="evenodd"
       />

package/src/Icon/DeltaPositiveIcon.tsx

@@ -2,14 +2,15 @@
 // Changes to this file will be overwritten
 
 import React from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaPositiveIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M6.775 4H16v9.225h-2.05V7.5L5.45 16 4 14.55l8.5-8.5H6.775V4z"
+        d="M6.775 4H16v9.225h-2.05V7.5L5.45 16 4 14.55l8.5-8.5H6.775z"
         fillRule="evenodd"
         clipRule="evenodd"
       />

package/src/Icon/DeltaWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // Changes to this file will be overwritten
 
 import React, { useId } from "react"
-import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+import { SVG } from "~components/Icon/subcomponents/SVG"
+import type { IconProps } from "~components/Icon/types"
 
 export const DeltaWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const DeltaWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M2 10c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8Z"
+          d="M2 10c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8"
         />
       </defs>
       <g fill="none" fillRule="evenodd">