@kaizen/components 1.38.6 → 1.39.0

package/src/Icon/InformationIcon.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 InformationIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const InformationIcon = (props: IconProps): JSX.Element => {
       <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-8Zm-.8 5.6h1.6V6H9.2v1.6Zm0 6.4h1.6V9.2H9.2V14Z"
+          d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8m-.8 5.6h1.6V6H9.2zm0 6.4h1.6V9.2H9.2z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/InformationWhiteIcon.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 InformationWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const InformationWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z"
+          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/InsightIcon.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 InsightIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const InsightIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M7.603 10.8c0 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.4Zm8.4 5.272V6.8l-4.4-4.8H5.598c-.88 0-1.592.72-1.592 1.6l-.008 12.8c0 .88.712 1.6 1.592 1.6h8.812c.36 0 .68-.12.952-.32l-3.143-3.544A4.001 4.001 0 0 1 6.003 10.8c0-2.208 1.792-4 4-4s4 1.792 4 4c0 .816-.248 1.568-.664 2.2l2.663 3.072Z"
+          d="M7.603 10.8c0 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.4m8.4 5.272V6.8l-4.4-4.8H5.598c-.88 0-1.592.72-1.592 1.6l-.008 12.8c0 .88.712 1.6 1.592 1.6h8.812c.36 0 .68-.12.952-.32l-3.143-3.544A4.001 4.001 0 0 1 6.003 10.8c0-2.208 1.792-4 4-4s4 1.792 4 4c0 .816-.248 1.568-.664 2.2z"
         />
       </defs>
       <use

package/src/Icon/InsightsIcon.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 InsightsIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
-      <path d="M2.29 14.875a1.4 1.4 0 0 1-1.03-.429 1.41 1.41 0 0 1-.427-1.031c0-.402.143-.745.427-1.03a1.4 1.4 0 0 1 1.027-.427c.073 0 .144.004.213.01.07.008.16.025.271.053l4.167-4.167a1.985 1.985 0 0 1-.052-.27 2.14 2.14 0 0 1-.01-.214c0-.4.142-.742.428-1.026a1.41 1.41 0 0 1 1.031-.427c.402 0 .745.143 1.03.43.284.286.427.63.427 1.033 0 .024-.021.183-.063.474l2.292 2.292a1.99 1.99 0 0 1 .27-.052 2.077 2.077 0 0 1 .418 0c.069.007.16.024.27.052l3.334-3.334a1.977 1.977 0 0 1-.052-.27c-.007-.07-.01-.14-.01-.214 0-.4.142-.741.428-1.026a1.41 1.41 0 0 1 1.031-.427 1.4 1.4 0 0 1 1.03.429c.285.286.427.63.427 1.031 0 .402-.143.745-.427 1.03a1.4 1.4 0 0 1-1.027.427c-.072 0-.143-.004-.213-.01a1.986 1.986 0 0 1-.27-.053l-3.334 3.334c.028.11.045.2.052.27.007.07.01.14.01.213 0 .4-.143.742-.428 1.027a1.41 1.41 0 0 1-1.032.427c-.401 0-.744-.142-1.03-.427a1.4 1.4 0 0 1-.426-1.027c0-.072.003-.143.01-.213s.025-.16.052-.27L8.813 8.77a1.987 1.987 0 0 1-.271.052c-.07.007-.14.01-.214.01-.024 0-.182-.02-.474-.062l-4.166 4.166c.027.112.045.202.052.271.007.07.01.14.01.213 0 .4-.143.742-.429 1.027a1.41 1.41 0 0 1-1.031.427Zm1.043-9.208-.421-.912L2 4.333l.912-.422L3.334 3l.421.911.912.422-.912.422-.421.912ZM12.5 4.604l-.64-1.38-1.38-.64 1.38-.64.64-1.381.64 1.38 1.381.64-1.38.64-.64 1.381Z" />
+      <path d="M2.29 14.875a1.4 1.4 0 0 1-1.03-.429 1.41 1.41 0 0 1-.427-1.031c0-.402.143-.745.427-1.03a1.4 1.4 0 0 1 1.027-.427c.073 0 .144.004.213.01.07.008.16.025.271.053l4.167-4.167a1.985 1.985 0 0 1-.052-.27 2.14 2.14 0 0 1-.01-.214c0-.4.142-.742.428-1.026a1.41 1.41 0 0 1 1.031-.427c.402 0 .745.143 1.03.43.284.286.427.63.427 1.033 0 .024-.021.183-.063.474l2.292 2.292a1.99 1.99 0 0 1 .27-.052 2.077 2.077 0 0 1 .418 0c.069.007.16.024.27.052l3.334-3.334a1.977 1.977 0 0 1-.052-.27c-.007-.07-.01-.14-.01-.214 0-.4.142-.741.428-1.026a1.41 1.41 0 0 1 1.031-.427 1.4 1.4 0 0 1 1.03.429c.285.286.427.63.427 1.031 0 .402-.143.745-.427 1.03a1.4 1.4 0 0 1-1.027.427c-.072 0-.143-.004-.213-.01a1.986 1.986 0 0 1-.27-.053l-3.334 3.334c.028.11.045.2.052.27.007.07.01.14.01.213 0 .4-.143.742-.428 1.027a1.41 1.41 0 0 1-1.032.427c-.401 0-.744-.142-1.03-.427a1.4 1.4 0 0 1-.426-1.027c0-.072.003-.143.01-.213s.025-.16.052-.27L8.813 8.77a1.987 1.987 0 0 1-.271.052c-.07.007-.14.01-.214.01-.024 0-.182-.02-.474-.062l-4.166 4.166c.027.112.045.202.052.271.007.07.01.14.01.213 0 .4-.143.742-.429 1.027a1.41 1.41 0 0 1-1.031.427m1.043-9.208-.421-.912L2 4.333l.912-.422L3.334 3l.421.911.912.422-.912.422zM12.5 4.604l-.64-1.38-1.38-.64 1.38-.64.64-1.381.64 1.38 1.381.64-1.38.64z" />
     </>
   )
   return <SVG {...props}>{svgContent}</SVG>

package/src/Icon/InvisibleIcon.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 InvisibleIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.671 9.671 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.53 9.53 0 0 0-3.257.573l1.768 1.768a3.972 3.972 0 0 1 1.498-.295ZM1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224l-1.04 1.04ZM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.452 2.452 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.057 4.057 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801Zm3.528-.638 2.578 2.578.016-.131a2.452 2.452 0 0 0-2.455-2.456l-.14.009Z"
+        d="M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.671 9.671 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.53 9.53 0 0 0-3.257.573l1.768 1.768a3.972 3.972 0 0 1 1.498-.295M1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224zM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.452 2.452 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.057 4.057 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801m3.528-.638 2.578 2.578.016-.131a2.452 2.452 0 0 0-2.455-2.456z"
         fillRule="evenodd"
       />
     </>

package/src/Icon/ItalicsIcon.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 ItalicsIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M5 16v-1.749h2.79l3.464-8.502h-2.71V4H16v1.749h-2.79L9.745 14.25h2.71V16H5Z"
+        d="M5 16v-1.749h2.79l3.464-8.502h-2.71V4H16v1.749h-2.79L9.745 14.25h2.71V16z"
       />
     </>
   )

package/src/Icon/KebabIcon.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 KebabIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const KebabIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M-4 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+          d="M-4 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2"
         />
       </defs>
       <use

package/src/Icon/KioskIcon.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 KioskIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const KioskIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M14.353 2h.314c.92 0 1.353.747 1.353 1.667v12.666c0 .92-.747 1.667-1.667 1.667H5.677c-.92 0-1.667-.747-1.667-1.667V3.667C4.01 2.747 4.757 2 5.677 2h8.676ZM5 14.667h10V4H5v10.667Zm4 1.666c0 .553.446 1 1 1s1-.447 1-1c0-.553-.446-1-1-1s-1 .447-1 1Z"
+          d="M14.353 2h.314c.92 0 1.353.747 1.353 1.667v12.666c0 .92-.747 1.667-1.667 1.667H5.677c-.92 0-1.667-.747-1.667-1.667V3.667C4.01 2.747 4.757 2 5.677 2zM5 14.667h10V4H5zm4 1.666c0 .553.446 1 1 1s1-.447 1-1c0-.553-.446-1-1-1s-1 .447-1 1"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/KioskWhiteIcon.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 KioskWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,14 +12,14 @@ export const KioskWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M14.353 2H5.677c-.92 0-1.667.747-1.667 1.667v12.666c0 .92.747 1.667 1.667 1.667h8.676c.92 0 1.667-.747 1.667-1.667V3.667c0-.92-.433-1.667-1.353-1.667h-.314Z"
+          d="M14.353 2H5.677c-.92 0-1.667.747-1.667 1.667v12.666c0 .92.747 1.667 1.667 1.667h8.676c.92 0 1.667-.747 1.667-1.667V3.667c0-.92-.433-1.667-1.353-1.667z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">
         <use fill="currentColor" href={`#${uniqueId}`} />
         <path
           fill="#FFF"
-          d="M5 14.667h10V4H5zM9 16.333c0-.553.446-1 1-1s1 .447 1 1c0 .553-.446 1-1 1s-1-.447-1-1Z"
+          d="M5 14.667h10V4H5zM9 16.333c0-.553.446-1 1-1s1 .447 1 1c0 .553-.446 1-1 1s-1-.447-1-1"
         />
       </g>
     </>

package/src/Icon/LaunchIcon.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 LaunchIcon = (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-8ZM8.4 13.6l4.8-3.6-4.8-3.6v7.2Z"
+        d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8M8.4 13.6l4.8-3.6-4.8-3.6z"
         fillRule="evenodd"
       />
     </>

package/src/Icon/LaunchWhiteIcon.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 LaunchWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const LaunchWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z"
+          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/LeaderboardIcon.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 LeaderboardIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const LeaderboardIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.4 10c0-.894.72-1.625 1.6-1.625v-3.25c0-.894-.72-1.625-1.6-1.625H3.6c-.88 0-1.592.731-1.592 1.625v3.25c.88 0 1.592.731 1.592 1.625s-.712 1.625-1.6 1.625v3.25c0 .894.72 1.625 1.6 1.625h12.8c.88 0 1.6-.731 1.6-1.625v-3.25c-.88 0-1.6-.731-1.6-1.625Zm-4.111 4.5-2.785-1.882L6.719 14.5l.84-3.37L5 8.927l3.298-.204L9.504 5.5l1.198 3.232L14 8.936l-2.56 2.201.849 3.363Z"
+          d="M16.4 10c0-.894.72-1.625 1.6-1.625v-3.25c0-.894-.72-1.625-1.6-1.625H3.6c-.88 0-1.592.731-1.592 1.625v3.25c.88 0 1.592.731 1.592 1.625s-.712 1.625-1.6 1.625v3.25c0 .894.72 1.625 1.6 1.625h12.8c.88 0 1.6-.731 1.6-1.625v-3.25c-.88 0-1.6-.731-1.6-1.625m-4.111 4.5-2.785-1.882L6.719 14.5l.84-3.37L5 8.927l3.298-.204L9.504 5.5l1.198 3.232L14 8.936l-2.56 2.201z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />

package/src/Icon/ListViewIcon.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 ListViewIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ListViewIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M2 10.89h1.778V9.112H2v1.778Zm0 3.556h1.778v-1.778H2v1.778Zm0-7.112h1.778V5.556H2v1.778Zm3.556 3.556h12.446V9.112H5.556v1.778Zm0 3.556h12.446v-1.778H5.556v1.778Zm0-8.89v1.778h12.446V5.556H5.556Z"
+          d="M2 10.89h1.778V9.112H2zm0 3.556h1.778v-1.778H2zm0-7.112h1.778V5.556H2zm3.556 3.556h12.446V9.112H5.556zm0 3.556h12.446v-1.778H5.556zm0-8.89v1.778h12.446V5.556z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/LiveIcon.tsx

@@ -2,7 +2,8 @@
 // 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 LiveIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
@@ -14,7 +15,7 @@ export const LiveIcon = (props: IconProps): JSX.Element => {
         strokeLinejoin="round"
         strokeLinecap="round"
       />
-      <path fill="currentColor" d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
+      <path fill="currentColor" d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4" />
       <path
         stroke="currentColor"
         d="M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4"

package/src/Icon/LockIcon.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 LockIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const LockIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-4.572 6.857a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Zm2.362-6.857H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z"
+          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524m-4.572 6.857a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523m2.362-6.857H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />

package/src/Icon/LockWhiteIcon.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 LockWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,14 +12,14 @@ export const LockWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-2.21 0H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z"
+          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524m-2.21 0H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">
         <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
         <path
           fill="#FFF"
-          d="M10.095 14.19a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Z"
+          d="M10.095 14.19a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523"
         />
       </g>
     </>

package/src/Icon/LogOutIcon.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 LogOutIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const LogOutIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M9.556 13.667 14 9.5 9.556 5.333 8.302 6.508l2.294 2.159H2v1.666h8.596l-2.294 2.159 1.254 1.175ZM3.778 2C2.79 2 2 2.75 2 3.667V7h1.778V3.667h12.444v11.666H3.778V12H2v3.333C2 16.25 2.791 17 3.778 17h12.444C17.2 17 18 16.25 18 15.333V3.667C18 2.75 17.2 2 16.222 2H3.778Z"
+          d="M9.556 13.667 14 9.5 9.556 5.333 8.302 6.508l2.294 2.159H2v1.666h8.596l-2.294 2.159zM3.778 2C2.79 2 2 2.75 2 3.667V7h1.778V3.667h12.444v11.666H3.778V12H2v3.333C2 16.25 2.791 17 3.778 17h12.444C17.2 17 18 16.25 18 15.333V3.667C18 2.75 17.2 2 16.222 2z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/MaximizeIcon.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 MaximizeIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M2 18v-7.018h1.965v3.697L14.679 3.965h-3.697V2H18v7.018h-1.965V5.32L5.321 16.035h3.697V18H2Z"
+        d="M2 18v-7.018h1.965v3.697L14.679 3.965h-3.697V2H18v7.018h-1.965V5.32L5.321 16.035h3.697V18z"
       />
     </>
   )

package/src/Icon/MeatballsIcon.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 MeatballsIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const MeatballsIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+          d="M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/MinimizeIcon.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 MinimizeIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M2.354 19 1 17.646l5.74-5.74H3.136V10H10v6.864H8.095V13.26L2.355 19ZM10 10V3.136h1.905V6.74L17.645 1 19 2.354l-5.74 5.74h3.604V10H10Z"
+        d="M2.354 19 1 17.646l5.74-5.74H3.136V10H10v6.864H8.095V13.26L2.355 19ZM10 10V3.136h1.905V6.74L17.645 1 19 2.354l-5.74 5.74h3.604V10z"
       />
     </>
   )

package/src/Icon/MinusIcon.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 MinusIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()

package/src/Icon/NavigatorIcon.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 NavigatorIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const NavigatorIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M12.01 3.997v1.858h2.786V8.64h1.857V3.997H12.01Zm-8.663 0V8.64h1.857V5.855H7.99V3.997H3.347Zm11.449 7.363v2.787H12.01v1.856h4.643V11.36h-1.857Zm-11.449 0v4.643H7.99v-1.856H5.204V11.36H3.347Z"
+          d="M12.01 3.997v1.858h2.786V8.64h1.857V3.997zm-8.663 0V8.64h1.857V5.855H7.99V3.997zm11.449 7.363v2.787H12.01v1.856h4.643V11.36zm-11.449 0v4.643H7.99v-1.856H5.204V11.36z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/NotificationIcon.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 NotificationIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const NotificationIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M7.004 3.318 5.882 2.196a8.176 8.176 0 0 0-3.231 6.157H4.22a6.624 6.624 0 0 1 2.784-5.035Zm9.718 5.035h1.568a8.226 8.226 0 0 0-3.231-6.157l-1.114 1.122a6.663 6.663 0 0 1 2.777 5.035Zm-1.546.392c0-2.408-1.286-4.423-3.529-4.957v-.533c0-.651-.525-1.177-1.176-1.177-.651 0-1.177.526-1.177 1.177v.533c-2.25.534-3.53 2.541-3.53 4.957v3.922l-1.568 1.568v.785h12.55v-.785l-1.57-1.568V8.745Zm-4.705 8.628c.11 0 .211-.008.313-.032.51-.11.926-.455 1.13-.925.078-.189.117-.392.117-.612H8.894a1.58 1.58 0 0 0 1.577 1.569Z"
+          d="M7.004 3.318 5.882 2.196a8.176 8.176 0 0 0-3.231 6.157H4.22a6.624 6.624 0 0 1 2.784-5.035m9.718 5.035h1.568a8.226 8.226 0 0 0-3.231-6.157l-1.114 1.122a6.663 6.663 0 0 1 2.777 5.035m-1.546.392c0-2.408-1.286-4.423-3.529-4.957v-.533c0-.651-.525-1.177-1.176-1.177-.651 0-1.177.526-1.177 1.177v.533c-2.25.534-3.53 2.541-3.53 4.957v3.922l-1.568 1.568v.785h12.55v-.785l-1.57-1.568zm-4.705 8.628c.11 0 .211-.008.313-.032.51-.11.926-.455 1.13-.925.078-.189.117-.392.117-.612H8.894a1.58 1.58 0 0 0 1.577 1.569"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />

package/src/Icon/NumberedListIcon.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 NumberedListIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M2.5 16.667v-.834h1.667v-.416h-.834v-.834h.834v-.416H2.5v-.834h2.521v3.334H2.5Zm.854-10v-2.5H2.5v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.479-1.75H2.5v-.834h2.521v.771l-1.5 1.729h1.5v.834H2.5Zm4.104 4.208v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Z"
+        d="M2.5 16.667v-.834h1.667v-.416h-.834v-.834h.834v-.416H2.5v-.834h2.521v3.334zm.854-10v-2.5H2.5v-.834h1.688v3.334zm-.854 5v-.75l1.479-1.75H2.5v-.834h2.521v.771l-1.5 1.729h1.5v.834zm4.104 4.208v-1.75H17.5v1.75zm0-5v-1.75H17.5v1.75zm0-5v-1.75H17.5v1.75z"
       />
     </>
   )

package/src/Icon/NumberedListRtlIcon.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 NumberedListRtlIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M2.5 15.875v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm12.479 10.792v-.834h1.667v-.416h-.834v-.834h.834v-.416h-1.667v-.834H17.5v3.334h-2.521Zm.854-10v-2.5h-.854v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.5-1.75h-1.5v-.834H17.5v.771l-1.479 1.729H17.5v.834h-2.521Z"
+        d="M2.5 15.875v-1.75h10.875v1.75zm0-5v-1.75h10.875v1.75zm0-5v-1.75h10.875v1.75zm12.479 10.792v-.834h1.667v-.416h-.834v-.834h.834v-.416h-1.667v-.834H17.5v3.334zm.854-10v-2.5h-.854v-.834h1.688v3.334zm-.854 5v-.75l1.5-1.75h-1.5v-.834H17.5v.771l-1.479 1.729H17.5v.834z"
       />
     </>
   )

package/src/Icon/OpenIcon.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 OpenIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const OpenIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054ZM5.909 14.91h1.636V9.182H5.91v5.727Zm3.273 0h1.636V6.727H9.182v8.182Zm3.273 0h1.636v-3.273h-1.636v3.273ZM10.818 3.455A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z"
+          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636zM5.909 14.91h1.636V9.182H5.91zm3.273 0h1.636V6.727H9.182zm3.273 0h1.636v-3.273h-1.636zM10.818 3.455A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/OpenWhiteIcon.tsx

@@ -2,7 +2,8 @@
 // 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 OpenWhiteIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
@@ -10,7 +11,7 @@ export const OpenWhiteIcon = (props: IconProps): JSX.Element => {
       <g fill="none" fillRule="evenodd">
         <path
           fill="currentColor"
-          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054Zm-4.543.819A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z"
+          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636zm-4.543.819A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818"
         />
         <path
           fill="#FFF"

package/src/Icon/OrganizationIcon.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 OrganizationIcon = (props: IconProps): JSX.Element => {
   const svgContent = (
     <>
       <path
         fill="currentColor"
-        d="M10 5.6V2H1v16.2h18V5.6h-9ZM4.6 16.4H2.8v-1.8h1.8v1.8Zm0-3.6H2.8V11h1.8v1.8Zm0-3.6H2.8V7.4h1.8v1.8Zm0-3.6H2.8V3.8h1.8v1.8Zm3.6 10.8H6.4v-1.8h1.8v1.8Zm0-3.6H6.4V11h1.8v1.8Zm0-3.6H6.4V7.4h1.8v1.8Zm0-3.6H6.4V3.8h1.8v1.8Zm9 10.8H10v-1.8h1.8v-1.8H10V11h1.8V9.2H10V7.4h7.2v9Zm-1.8-7.2h-1.8V11h1.8V9.2Zm0 3.6h-1.8v1.8h1.8v-1.8Z"
+        d="M10 5.6V2H1v16.2h18V5.6zM4.6 16.4H2.8v-1.8h1.8zm0-3.6H2.8V11h1.8zm0-3.6H2.8V7.4h1.8zm0-3.6H2.8V3.8h1.8zm3.6 10.8H6.4v-1.8h1.8zm0-3.6H6.4V11h1.8zm0-3.6H6.4V7.4h1.8zm0-3.6H6.4V3.8h1.8zm9 10.8H10v-1.8h1.8v-1.8H10V11h1.8V9.2H10V7.4h7.2zm-1.8-7.2h-1.8V11h1.8zm0 3.6h-1.8v1.8h1.8z"
       />
     </>
   )

package/src/Icon/ParticipationIcon.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 ParticipationIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ParticipationIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813-3.79 3.796ZM16.433 4.23c-.638 0-1.011.531-1.011 1.165l-.186 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-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144Z"
+          d="m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813zM16.433 4.23c-.638 0-1.011.531-1.011 1.165l-.186 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-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144"
         />
       </defs>
       <use

package/src/Icon/ParticipationWhiteIcon.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 ParticipationWhiteIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const ParticipationWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.433 4.23c-.638 0-1.011.532-1.011 1.166l-.186 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-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144Z"
+          d="M16.433 4.23c-.638 0-1.011.532-1.011 1.166l-.186 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-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/PauseIcon.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 PauseIcon = (props: IconProps): JSX.Element => {
   const uniqueId = useId()
@@ -11,7 +12,7 @@ export const PauseIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm-.8 11.2H7.6V6.8h1.6v6.4Zm3.2 0h-1.6V6.8h1.6v6.4Z"
+          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m-.8 11.2H7.6V6.8h1.6zm3.2 0h-1.6V6.8h1.6z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />