@kaizen/components 1.54.3 → 1.55.0

package/src/Icon/PowerIcon.tsx

@@ -12,7 +12,7 @@ export const PowerIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M9.111 10.889h1.778V2H9.11zm6.076-6.965-1.258 1.258A6.21 6.21 0 0 1 16.222 10a6.223 6.223 0 0 1-12.444 0A6.21 6.21 0 0 1 6.07 5.182L4.813 3.924A7.972 7.972 0 0 0 2 10a8 8 0 0 0 16 0 7.972 7.972 0 0 0-2.813-6.076"
+          d="M9.111 10.889h1.778V2H9.11zm6.076-6.965-1.258 1.258A6.21 6.21 0 0 1 16.222 10a6.223 6.223 0 0 1-12.444 0A6.21 6.21 0 0 1 6.07 5.182L4.813 3.924A7.97 7.97 0 0 0 2 10a8 8 0 0 0 16 0 7.97 7.97 0 0 0-2.813-6.076"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/PrintIcon.tsx

@@ -12,7 +12,7 @@ export const PrintIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M5.2 6h9.6V2.8H5.2zm10.4.8c1.328 0 2.4 1.072 2.4 2.4V14h-3.2v3.2H5.2V14H2V9.2c0-1.328 1.072-2.4 2.4-2.4zm0 3.2c.44 0 .8-.36.8-.8 0-.44-.36-.8-.8-.8-.44 0-.8.36-.8.8 0 .44.36.8.8.8m-8.8 5.6h6.4v-4H6.8z"
+          d="M5.2 6h9.6V2.8H5.2zm10.4.8c1.328 0 2.4 1.072 2.4 2.4V14h-3.2v3.2H5.2V14H2V9.2c0-1.328 1.072-2.4 2.4-2.4zm0 3.2c.44 0 .8-.36.8-.8s-.36-.8-.8-.8-.8.36-.8.8.36.8.8.8m-8.8 5.6h6.4v-4H6.8z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/PrintWhiteIcon.tsx

@@ -15,7 +15,7 @@ export const PrintWhiteIcon = (props: IconProps): JSX.Element => {
         />
         <path
           fill="#FFF"
-          d="M15.6 10c-.44 0-.8-.36-.8-.8 0-.44.36-.8.8-.8.44 0 .8.36.8.8 0 .44-.36.8-.8.8M6.8 15.6h6.4v-4H6.8z"
+          d="M15.6 10c-.44 0-.8-.36-.8-.8s.36-.8.8-.8.8.36.8.8-.36.8-.8.8M6.8 15.6h6.4v-4H6.8z"
         />
       </g>
     </>

package/src/Icon/QuestionIcon.tsx

@@ -10,7 +10,7 @@ export const QuestionIcon = (props: IconProps): JSX.Element => {
     <>
       <path
         fill="currentColor"
-        d="M10 2c4.415 0 8 3.584 8 8s-3.585 8-8 8c-4.416 0-8-3.584-8-8s3.584-8 8-8m2.456 7.4a2.546 2.546 0 0 0 .744-1.8 3.2 3.2 0 1 0-6.4 0h1.6c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .44-.176.84-.472 1.128l-.992 1.008A3.22 3.22 0 0 0 9.2 12v.4h1.6c0-1.2.36-1.68.936-2.264zM9.2 15.6h1.6V14H9.2z"
+        d="M10 2c4.415 0 8 3.584 8 8s-3.585 8-8 8c-4.416 0-8-3.584-8-8s3.584-8 8-8m2.456 7.4a2.55 2.55 0 0 0 .744-1.8 3.2 3.2 0 1 0-6.4 0h1.6c0-.88.72-1.6 1.6-1.6s1.6.72 1.6 1.6c0 .44-.176.84-.472 1.128l-.992 1.008A3.22 3.22 0 0 0 9.2 12v.4h1.6c0-1.2.36-1.68.936-2.264zM9.2 15.6h1.6V14H9.2z"
         fillRule="evenodd"
       />
     </>

package/src/Icon/QuestionWhiteIcon.tsx

@@ -19,7 +19,7 @@ export const QuestionWhiteIcon = (props: IconProps): JSX.Element => {
         <use fill="currentColor" href={`#${uniqueId}`} />
         <path
           fill="#FFF"
-          d="m12.456 9.4-.72.736c-.576.584-.936 1.064-.936 2.264H9.2V12c0-.88.36-1.68.936-2.264l.992-1.008c.296-.288.472-.688.472-1.128 0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6H6.8a3.2 3.2 0 1 1 6.4 0c0 .704-.288 1.344-.744 1.8M9.2 15.6h1.6V14H9.2z"
+          d="m12.456 9.4-.72.736c-.576.584-.936 1.064-.936 2.264H9.2V12c0-.88.36-1.68.936-2.264l.992-1.008c.296-.288.472-.688.472-1.128 0-.88-.72-1.6-1.6-1.6s-1.6.72-1.6 1.6H6.8a3.2 3.2 0 1 1 6.4 0c0 .704-.288 1.344-.744 1.8M9.2 15.6h1.6V14H9.2z"
         />
       </g>
     </>

package/src/Icon/RedoIcon.tsx

@@ -12,7 +12,7 @@ export const RedoIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M15.832 9.209A9.168 9.168 0 0 0 9.764 6.92C5.673 6.92 2.21 9.587 1 13.274l2.081.687a7.035 7.035 0 0 1 6.683-4.84 6.97 6.97 0 0 1 4.502 1.659l-3.182 3.18h7.92V6.04z"
+          d="M15.832 9.209A9.17 9.17 0 0 0 9.764 6.92C5.673 6.92 2.21 9.587 1 13.274l2.081.687a7.035 7.035 0 0 1 6.683-4.84 6.97 6.97 0 0 1 4.502 1.659l-3.182 3.18h7.92V6.04z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/RefreshIcon.tsx

@@ -12,7 +12,7 @@ export const RefreshIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M15.831 10a5.79 5.79 0 0 1-1.706 4.121A5.79 5.79 0 0 1 10 15.83a5.789 5.789 0 0 1-4.123-1.709A5.79 5.79 0 0 1 4.17 10c0-1.558.607-3.022 1.708-4.123A5.794 5.794 0 0 1 10 4.17c1.415 0 2.75.505 3.808 1.42l-2.001 2.002 6.04.778-.778-6.04-1.728 1.727A7.926 7.926 0 0 0 10.001 2a7.954 7.954 0 0 0-5.657 2.343A7.95 7.95 0 0 0 2.001 10a7.962 7.962 0 0 0 2.343 5.658l.001-.001A7.949 7.949 0 0 0 10.002 18a7.942 7.942 0 0 0 5.656-2.343A7.941 7.941 0 0 0 18 10.162z"
+          d="M15.831 10a5.8 5.8 0 0 1-1.706 4.121A5.8 5.8 0 0 1 10 15.83a5.8 5.8 0 0 1-4.123-1.709A5.8 5.8 0 0 1 4.17 10c0-1.558.607-3.022 1.708-4.123A5.8 5.8 0 0 1 10 4.17c1.415 0 2.75.505 3.808 1.42l-2.001 2.002 6.04.778-.778-6.04-1.728 1.727A7.93 7.93 0 0 0 10.001 2a7.95 7.95 0 0 0-5.657 2.343A7.95 7.95 0 0 0 2.001 10a7.96 7.96 0 0 0 2.343 5.658l.001-.001A7.95 7.95 0 0 0 10.002 18a7.94 7.94 0 0 0 5.656-2.343A7.94 7.94 0 0 0 18 10.162z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/RemoveLinkIcon.tsx

@@ -10,7 +10,7 @@ export const RemoveLinkIcon = (props: IconProps): JSX.Element => {
     <>
       <path
         fill="currentColor"
-        d="m16.188 13.646-1.334-1.334c.57-.167 1-.462 1.292-.885A2.46 2.46 0 0 0 16.583 10c0-.695-.229-1.271-.687-1.729-.459-.459-1.035-.688-1.729-.688h-3.396v-1.75h3.396c1.153 0 2.135.406 2.948 1.219.812.813 1.218 1.795 1.218 2.948 0 .805-.198 1.524-.593 2.156a4.314 4.314 0 0 1-1.552 1.49m-2.855-2.854-1.666-1.667h1.666zm3.105 8.041L1.167 3.562l1.229-1.229 15.271 15.271zm-7.313-4.666H5.833c-1.153 0-2.135-.406-2.948-1.219-.812-.813-1.218-1.795-1.218-2.948 0-.972.298-1.83.895-2.573a4.178 4.178 0 0 1 2.25-1.469L5.354 6l1.084 1.583h-.605c-.694 0-1.27.23-1.729.688-.458.458-.687 1.034-.687 1.729 0 .695.229 1.271.687 1.729.459.459 1.035.688 1.729.688h3.292zm-2.458-3.292v-1.75h1.312l1.75 1.75z"
+        d="m16.188 13.646-1.334-1.334q.854-.25 1.292-.885A2.46 2.46 0 0 0 16.583 10q0-1.042-.687-1.729t-1.729-.688h-3.396v-1.75h3.396q1.729 0 2.948 1.219T18.333 10q0 1.208-.593 2.156a4.3 4.3 0 0 1-1.552 1.49m-2.855-2.854-1.666-1.667h1.666zm3.105 8.041L1.167 3.562l1.229-1.229 15.271 15.271zm-7.313-4.666H5.833q-1.729 0-2.948-1.219T1.667 10q0-1.458.895-2.573a4.18 4.18 0 0 1 2.25-1.469L5.354 6l1.084 1.583h-.605q-1.04 0-1.729.688-.687.687-.687 1.729t.687 1.729q.688.688 1.729.688h3.292zm-2.458-3.292v-1.75h1.312l1.75 1.75z"
       />
     </>
   )

package/src/Icon/RestoreIcon.tsx

@@ -10,7 +10,7 @@ export const RestoreIcon = (props: IconProps): JSX.Element => {
     <>
       <path
         fill="currentColor"
-        d="M11.286 2C7.026 2 3.57 5.425 3.57 9.65H1l3.334 3.307.06.118L7.857 9.65H5.286c0-3.29 2.683-5.95 6-5.95s6 2.66 6 5.95-2.683 5.95-6 5.95a5.977 5.977 0 0 1-4.235-1.751l-1.217 1.207a7.708 7.708 0 0 0 5.452 2.244c4.26 0 7.714-3.425 7.714-7.65C19 5.425 15.546 2 11.286 2m-.857 4.25v4.25l3.668 2.159.617-1.028-3-1.769V6.25z"
+        d="M11.286 2C7.026 2 3.57 5.425 3.57 9.65H1l3.334 3.307.06.118L7.857 9.65H5.286c0-3.29 2.683-5.95 6-5.95s6 2.66 6 5.95-2.683 5.95-6 5.95a5.98 5.98 0 0 1-4.235-1.751l-1.217 1.207a7.7 7.7 0 0 0 5.452 2.244c4.26 0 7.714-3.425 7.714-7.65S15.546 2 11.286 2m-.857 4.25v4.25l3.668 2.159.617-1.028-3-1.769V6.25z"
         fillRule="nonzero"
       />
     </>

package/src/Icon/SearchIcon.tsx

@@ -12,7 +12,7 @@ export const SearchIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637zm-5.489 0A4.111 4.111 0 0 1 3.83 7.946 4.111 4.111 0 0 1 7.946 3.83a4.111 4.111 0 0 1 4.117 4.116 4.111 4.111 0 0 1-4.117 4.117"
+          d="M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637zm-5.489 0A4.11 4.11 0 0 1 3.83 7.946 4.11 4.11 0 0 1 7.946 3.83a4.11 4.11 0 0 1 4.117 4.116 4.11 4.11 0 0 1-4.117 4.117"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/SearchWhiteIcon.tsx

@@ -19,7 +19,7 @@ export const SearchWhiteIcon = (props: IconProps): JSX.Element => {
         <use fill="currentColor" href={`#${uniqueId}`} />
         <path
           fill="#FFF"
-          d="M7.946 12.063A4.111 4.111 0 0 1 3.83 7.946 4.111 4.111 0 0 1 7.946 3.83a4.111 4.111 0 0 1 4.117 4.116 4.111 4.111 0 0 1-4.117 4.117"
+          d="M7.946 12.063A4.11 4.11 0 0 1 3.83 7.946 4.11 4.11 0 0 1 7.946 3.83a4.11 4.11 0 0 1 4.117 4.116 4.11 4.11 0 0 1-4.117 4.117"
         />
       </g>
     </>

package/src/Icon/SettingsIcon.tsx

@@ -12,7 +12,7 @@ export const SettingsIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512zm-6.11 2.016c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8"
+          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6 6 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.4.4 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.41.41 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8q.64.482 1.39.784l.313 2.12a.4.4 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512zm-6.11 2.016c-1.587 0-2.879-1.256-2.879-2.8s1.292-2.8 2.879-2.8S12.88 8.456 12.88 10s-1.291 2.8-2.878 2.8"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/SettingsWhiteIcon.tsx

@@ -12,14 +12,14 @@ export const SettingsWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512z"
+          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6 6 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.4.4 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.41.41 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8q.64.482 1.39.784l.313 2.12a.4.4 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">
         <use fill="currentColor" href={`#${uniqueId}`} />
         <path
           fill="#FFF"
-          d="M10.002 12.8c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8"
+          d="M10.002 12.8c-1.587 0-2.879-1.256-2.879-2.8s1.292-2.8 2.879-2.8S12.88 8.456 12.88 10s-1.291 2.8-2.878 2.8"
         />
       </g>
     </>

package/src/Icon/ShareIcon.tsx

@@ -12,7 +12,7 @@ export const ShareIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M14.82 13.31c-.611 0-1.158.24-1.575.618l-5.728-3.333c.041-.185.073-.37.073-.563 0-.193-.032-.378-.073-.562L13.18 6.17a2.404 2.404 0 0 0 4.05-1.76A2.407 2.407 0 0 0 14.82 2a2.407 2.407 0 0 0-2.41 2.41c0 .193.03.378.072.562l-5.662 3.3a2.4 2.4 0 0 0-1.64-.65 2.407 2.407 0 0 0-2.41 2.41 2.407 2.407 0 0 0 2.41 2.41 2.4 2.4 0 0 0 1.64-.65l5.719 3.34c-.04.17-.065.345-.065.522A2.349 2.349 0 0 0 14.82 18a2.35 2.35 0 0 0 2.345-2.346 2.349 2.349 0 0 0-2.345-2.345"
+          d="M14.82 13.31c-.611 0-1.158.24-1.575.618l-5.728-3.333c.041-.185.073-.37.073-.563s-.032-.378-.073-.562L13.18 6.17a2.404 2.404 0 0 0 4.05-1.76A2.407 2.407 0 0 0 14.82 2a2.407 2.407 0 0 0-2.41 2.41c0 .193.03.378.072.562l-5.662 3.3a2.4 2.4 0 0 0-1.64-.65 2.407 2.407 0 0 0-2.41 2.41 2.407 2.407 0 0 0 2.41 2.41 2.4 2.4 0 0 0 1.64-.65l5.719 3.34c-.04.17-.065.345-.065.522A2.35 2.35 0 0 0 14.82 18a2.35 2.35 0 0 0 2.345-2.346 2.35 2.35 0 0 0-2.345-2.345"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/SupportIcon.tsx

@@ -12,7 +12,7 @@ export const SupportIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10 14.5c-.92 0-1.776-.276-2.488-.75l-3.213 3.213A8.963 8.963 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.482 4.482 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.967 8.967 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.701M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.965 8.965 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.484 4.484 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.967 8.967 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.482 4.482 0 0 1 10 5.5"
+          d="M10 14.5c-.92 0-1.776-.276-2.488-.75l-3.213 3.213A8.96 8.96 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.5 4.5 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.97 8.97 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.701M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.97 8.97 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.5 4.5 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.97 8.97 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.5 4.5 0 0 1 10 5.5"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/SurveysIcon.tsx

@@ -12,7 +12,7 @@ export const SurveysIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M12.193 2.454h3.251c.856 0 1.556.655 1.556 1.455v13.636c0 .8-.7 1.455-1.556 1.455H4.556C3.7 19 3 18.345 3 17.545V3.91c0-.8.7-1.455 1.556-1.455h3.25C8.134 1.611 8.99 1 10 1c1.01 0 1.867.61 2.193 1.454m-5.83 6.091h7.273V7.091H6.363zm0 2.909h7.273V9.999H6.363zm0 2.908h5.091v-1.454h-5.09zM10 2.454a.73.73 0 0 0-.727.728c0 .4.327.727.727.727a.73.73 0 0 0 .726-.727.73.73 0 0 0-.726-.728"
+          d="M12.193 2.454h3.251c.856 0 1.556.655 1.556 1.455v13.636c0 .8-.7 1.455-1.556 1.455H4.556C3.7 19 3 18.345 3 17.545V3.91c0-.8.7-1.455 1.556-1.455h3.25C8.134 1.611 8.99 1 10 1s1.867.61 2.193 1.454m-5.83 6.091h7.273V7.091H6.363zm0 2.909h7.273V9.999H6.363zm0 2.908h5.091v-1.454h-5.09zM10 2.454a.73.73 0 0 0-.727.728c0 .4.327.727.727.727a.73.73 0 0 0 .726-.727.73.73 0 0 0-.726-.728"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/SyncIcon.tsx

@@ -12,7 +12,7 @@ export const SyncIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m3.638 6.365 3.637 3.638H4.547a5.461 5.461 0 0 0 5.456 5.456c.919 0 1.792-.228 2.546-.637l1.328 1.327a7.216 7.216 0 0 1-3.874 1.128 7.273 7.273 0 0 1-7.275-7.274H0zm11.82 3.638a5.46 5.46 0 0 0-5.455-5.457c-.919 0-1.791.227-2.547.637L6.13 3.855a7.214 7.214 0 0 1 3.874-1.128 7.273 7.273 0 0 1 7.275 7.276h2.728l-3.638 3.637-3.637-3.637z"
+          d="m3.638 6.365 3.637 3.638H4.547a5.46 5.46 0 0 0 5.456 5.456c.919 0 1.792-.228 2.546-.637l1.328 1.327a7.2 7.2 0 0 1-3.874 1.128 7.273 7.273 0 0 1-7.275-7.274H0zm11.82 3.638a5.46 5.46 0 0 0-5.455-5.457c-.919 0-1.791.227-2.547.637L6.13 3.855a7.2 7.2 0 0 1 3.874-1.128 7.273 7.273 0 0 1 7.275 7.276h2.728l-3.638 3.637-3.637-3.637z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/TagIcon.tsx

@@ -12,7 +12,7 @@ export const TagIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m13.315 3.978-10.419.01a1.892 1.892 0 0 0-1.894 1.884v8.256c0 1.042.853 1.885 1.894 1.885l10.419.01c.635 0 1.203-.313 1.544-.796l4.139-5.239-4.14-5.215a1.888 1.888 0 0 0-1.543-.795"
+          d="m13.315 3.978-10.419.01a1.89 1.89 0 0 0-1.894 1.884v8.256c0 1.042.853 1.885 1.894 1.885l10.419.01c.635 0 1.203-.313 1.544-.796l4.139-5.239-4.14-5.215a1.89 1.89 0 0 0-1.543-.795"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/TemplateIcon.tsx

@@ -12,7 +12,7 @@ export const TemplateIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M12.307 2.636h3.061c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.641c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.052A2.463 2.463 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636m-.302 8.637h1.455V9.818h-1.455zM9.182 3.455c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818.82.82 0 0 0-.818-.819.82.82 0 0 0-.818.819m.106 7.818h1.454V9.818H9.288zm-2.745 0h1.455V9.818H6.543z"
+          d="M12.307 2.636h3.061c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.641c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.052A2.46 2.46 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636m-.302 8.637h1.455V9.818h-1.455zM9.182 3.455c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818.82.82 0 0 0-.818-.819.82.82 0 0 0-.818.819m.106 7.818h1.454V9.818H9.288zm-2.745 0h1.455V9.818H6.543z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/TemplateWhiteIcon.tsx

@@ -12,7 +12,7 @@ export const TemplateWhiteIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M9.182 3.455A.82.82 0 0 1 10 2.636a.82.82 0 0 1 .818.819.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818m3.125-.819A2.463 2.463 0 0 0 10 1a2.463 2.463 0 0 0-2.307 1.636H4.64c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.727c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.737-1.637-1.637-1.637z"
+          d="M9.182 3.455A.82.82 0 0 1 10 2.636a.82.82 0 0 1 .818.819.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818m3.125-.819A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.307 1.636H4.64c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.727c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.737-1.637-1.637-1.637z"
         />
       </defs>
       <g fill="none" fillRule="evenodd">

package/src/Icon/TranslationIcon.tsx

@@ -12,7 +12,7 @@ export const TranslationIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m10.725 12.558-2.117-2.091.025-.025A14.6 14.6 0 0 0 11.725 5h2.442V3.333H8.333V1.667H6.667v1.666H.833v1.659h9.309A13.094 13.094 0 0 1 7.5 9.458a13.038 13.038 0 0 1-1.925-2.791H3.908a14.635 14.635 0 0 0 2.484 3.8L2.15 14.65l1.183 1.183L7.5 11.667l2.592 2.591zm4.692-4.225H13.75l-3.75 10h1.667l.933-2.5h3.958l.942 2.5h1.667zm-2.184 5.834 1.35-3.609 1.35 3.609z"
+          d="m10.725 12.558-2.117-2.091.025-.025A14.6 14.6 0 0 0 11.725 5h2.442V3.333H8.333V1.667H6.667v1.666H.833v1.659h9.309A13.1 13.1 0 0 1 7.5 9.458a13 13 0 0 1-1.925-2.791H3.908a14.6 14.6 0 0 0 2.484 3.8L2.15 14.65l1.183 1.183L7.5 11.667l2.592 2.591zm4.692-4.225H13.75l-3.75 10h1.667l.933-2.5h3.958l.942 2.5h1.667zm-2.184 5.834 1.35-3.609 1.35 3.609z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />

package/src/Icon/UnattributedIcon.tsx

@@ -12,7 +12,7 @@ export const UnattributedIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M17.497 3.145c.825 0 1.5.686 1.5 1.523l-.008 10.664c0 .838-.667 1.523-1.492 1.523H2.503c-.825 0-1.5-.685-1.5-1.523V4.668c0-.837.675-1.523 1.5-1.523zM7.001 5.43c-1.245 0-2.25 1.02-2.25 2.286C4.752 8.98 5.757 10 7.002 10s2.25-1.02 2.25-2.284C9.25 6.45 8.246 5.43 7 5.43m4.499 9.14v-.761c0-1.524-3-2.361-4.499-2.361-1.5 0-4.498.837-4.498 2.36v.763zm2.535-2.107h1.125v-1.071h-1.125zm2.29-4.15c.32-.307.522-.735.522-1.207 0-1.183-1.007-2.142-2.25-2.142-1.242 0-2.249.96-2.249 2.142h1.125c0-.588.506-1.07 1.125-1.07s1.124.482 1.124 1.07c0 .296-.123.563-.332.756l-.696.675a2.107 2.107 0 0 0-.659 1.516v.268h1.125c0-.803.254-1.125.659-1.516z"
+          d="M17.497 3.145c.825 0 1.5.686 1.5 1.523l-.008 10.664c0 .838-.667 1.523-1.492 1.523H2.503c-.825 0-1.5-.685-1.5-1.523V4.668c0-.837.675-1.523 1.5-1.523zM7.001 5.43c-1.245 0-2.25 1.02-2.25 2.286C4.752 8.98 5.757 10 7.002 10s2.25-1.02 2.25-2.284C9.25 6.45 8.246 5.43 7 5.43m4.499 9.14v-.761c0-1.524-3-2.361-4.499-2.361-1.5 0-4.498.837-4.498 2.36v.763zm2.535-2.107h1.125v-1.071h-1.125zm2.29-4.15c.32-.307.522-.735.522-1.207 0-1.183-1.007-2.142-2.25-2.142-1.242 0-2.249.96-2.249 2.142h1.125c0-.588.506-1.07 1.125-1.07s1.124.482 1.124 1.07c0 .296-.123.563-.332.756l-.696.675a2.1 2.1 0 0 0-.659 1.516v.268h1.125c0-.803.254-1.125.659-1.516z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/UnattributedWhiteIcon.tsx

@@ -19,7 +19,7 @@ export const UnattributedWhiteIcon = (props: IconProps): JSX.Element => {
         <use fill="currentColor" href={`#${uniqueId}`} />
         <path
           fill="#FFF"
-          d="M7.001 5.43c1.245 0 2.25 1.02 2.25 2.286C9.25 8.98 8.246 10 7 10s-2.25-1.02-2.25-2.284c0-1.265 1.005-2.286 2.25-2.286M11.5 14.57H2.503v-.761c0-1.524 2.998-2.361 4.498-2.361s4.499.837 4.499 2.36zM14.035 12.463h1.125v-1.071h-1.125zM16.324 8.312l-.505.493c-.405.39-.66.713-.66 1.516h-1.124v-.268c0-.59.254-1.125.659-1.516l.696-.675c.209-.193.332-.46.332-.756 0-.588-.505-1.07-1.124-1.07-.619 0-1.125.482-1.125 1.07h-1.125c0-1.183 1.007-2.142 2.25-2.142 1.242 0 2.249.96 2.249 2.142 0 .472-.203.9-.523 1.206"
+          d="M7.001 5.43c1.245 0 2.25 1.02 2.25 2.286C9.25 8.98 8.246 10 7 10s-2.25-1.02-2.25-2.284c0-1.265 1.005-2.286 2.25-2.286M11.5 14.57H2.503v-.761c0-1.524 2.998-2.361 4.498-2.361s4.499.837 4.499 2.36zM14.035 12.463h1.125v-1.071h-1.125zM16.324 8.312l-.505.493c-.405.39-.66.713-.66 1.516h-1.124v-.268c0-.59.254-1.125.659-1.516l.696-.675c.209-.193.332-.46.332-.756 0-.588-.505-1.07-1.124-1.07s-1.125.482-1.125 1.07h-1.125c0-1.183 1.007-2.142 2.25-2.142 1.242 0 2.249.96 2.249 2.142 0 .472-.203.9-.523 1.206"
         />
       </g>
     </>

package/src/Icon/UnderlineIcon.tsx

@@ -10,7 +10,7 @@ export const UnderlineIcon = (props: IconProps): JSX.Element => {
     <>
       <path
         fill="currentColor"
-        d="M10 13.667c-1.428 0-2.643-.486-3.643-1.459-1-.972-1.5-2.16-1.5-3.562V3h2.229v5.646c0 .791.282 1.465.846 2.021.564.555 1.253.833 2.068.833.815 0 1.504-.278 2.068-.833.564-.556.846-1.23.846-2.021V3h2.23v5.646c0 1.403-.5 2.59-1.5 3.562-1.001.973-2.216 1.459-3.644 1.459M4 17v-2h12v2z"
+        d="M10 13.667q-2.142 0-3.643-1.459t-1.5-3.562V3h2.229v5.646q0 1.187.846 2.021T10 11.5q1.222 0 2.068-.833.846-.834.846-2.021V3h2.23v5.646q0 2.104-1.5 3.562-1.502 1.46-3.644 1.459M4 17v-2h12v2z"
       />
     </>
   )

package/src/Icon/UndoIcon.tsx

@@ -12,7 +12,7 @@ export const UndoIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M10.24 6.921A9.166 9.166 0 0 0 4.172 9.21L1 6.041v7.92h7.92L5.739 10.78A6.967 6.967 0 0 1 10.24 9.12c3.12 0 5.76 2.028 6.684 4.84l2.08-.686c-1.21-3.688-4.672-6.354-8.764-6.354"
+          d="M10.24 6.921A9.17 9.17 0 0 0 4.172 9.21L1 6.041v7.92h7.92L5.739 10.78A6.97 6.97 0 0 1 10.24 9.12c3.12 0 5.76 2.028 6.684 4.84l2.08-.686c-1.21-3.688-4.672-6.354-8.764-6.354"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/UserAddIcon.tsx

@@ -12,7 +12,7 @@ export const UserAddIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M7.499 11.667C5.274 11.667.833 12.783.833 15v1.667h13.331V15c0-2.217-4.44-3.333-6.665-3.333m9.165-3.334v-2.5h-1.667v2.5h-2.5V10h2.5v2.5h1.667V10h2.5V8.333zM7.499 10a3.332 3.332 0 0 0 3.333-3.333 3.332 3.332 0 1 0-6.666 0A3.332 3.332 0 0 0 7.5 10"
+          d="M7.499 11.667C5.274 11.667.833 12.783.833 15v1.667h13.331V15c0-2.217-4.44-3.333-6.665-3.333m9.165-3.334v-2.5h-1.667v2.5h-2.5V10h2.5v2.5h1.667V10h2.5V8.333zM7.499 10a3.33 3.33 0 0 0 3.333-3.333 3.332 3.332 0 1 0-6.666 0A3.33 3.33 0 0 0 7.5 10"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/UserSettingsIcon.tsx

@@ -12,7 +12,7 @@ export const UserSettingsIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333m2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213zM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666m0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333"
+          d="M16.036 9.917a1.17 1.17 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333m2.477-.84c.012-.107.023-.217.023-.327s-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.16.16 0 0 0-.203-.073l-.83.333a2.5 2.5 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.16.16 0 0 0-.162.14l-.127.883q-.305.127-.563.327l-.83-.333a.17.17 0 0 0-.203.073l-.668 1.153a.17.17 0 0 0 .04.214l.703.55a3 3 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.17.17 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884q.305-.125.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.17.17 0 0 0-.04-.213zM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666m0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/UserUpdateIcon.tsx

@@ -12,7 +12,7 @@ export const UserUpdateIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334M7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666"
+          d="m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.87 2.87 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334M7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/VisibleIcon.tsx

@@ -12,7 +12,7 @@ export const VisibleIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135m0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09m0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454"
+          d="M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135s7.583-2.544 8.998-6.135C17.414 6.294 13.921 3.75 9.831 3.75m0 10.225a4.09 4.09 0 0 1-4.09-4.09 4.09 4.09 0 0 1 4.09-4.09 4.09 4.09 0 0 1 4.09 4.09 4.09 4.09 0 0 1-4.09 4.09m0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/WritingIcon.tsx

@@ -12,7 +12,7 @@ export const WritingIcon = (props: IconProps): JSX.Element => {
       <defs>
         <path
           id={uniqueId}
-          d="M1 18.55h18.002V15.7H1zM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812z"
+          d="M1 18.55h18.002V15.7H1zM16.53 4.333a.69.69 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812z"
         />
       </defs>
       <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />

package/src/Icon/bin/update-icons.sh

@@ -2,6 +2,6 @@
 
 pnpm svgo -f ./assets/svgs/icons -o ./src/Icon/bin/built-svgs/
 
-ts-node ./src/Icon/bin/wrapSVGs.ts --source-dir ./src/Icon/bin/built-svgs --output-dir ./src/Icon --delete-source-dir
+npx tsx ./src/Icon/bin/wrapSVGs.ts --source-dir ./src/Icon/bin/built-svgs --output-dir ./src/Icon --delete-source-dir
 
 pnpm prettier -w ./src/Icon

package/src/Icon/index.ts

@@ -17,6 +17,7 @@ export * from "./ArrowForwardIcon"
 export * from "./ArrowLeftIcon"
 export * from "./ArrowRightIcon"
 export * from "./ArrowUpIcon"
+export * from "./AssignmentIcon"
 export * from "./BlankIcon"
 export * from "./BoldIcon"
 export * from "./BookmarkOffIcon"

package/src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx

@@ -113,6 +113,10 @@ export const MenuDropdown = ({
       noIsolation
       shards={referenceElement ? [referenceElement] : undefined}
       onEscapeKey={hideMenuDropdown}
+      returnFocus={() => {
+        referenceElement?.focus()
+        return false
+      }}
     >
       {/* eslint-disable-next-line
       jsx-a11y/click-events-have-key-events,