@seamapi/react 1.26.0 → 1.27.0

package/src/lib/icons/Check.tsx

@@ -1,15 +1,21 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const CheckIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={25}
-    height={24}
-    fill='none'
-    {...props}
-  >
-    <path
-      fill='#27AE60'
-      d='m9.5 15.73-3.936-4.038-1.895 1.872L9.5 19.476l12.765-12.92-1.82-1.87L9.5 15.73Z'
-    />
-  </svg>
-)
+export function CheckIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={25}
+      height={24}
+      fill='none'
+      {...props}
+    >
+      <path
+        fill='#27AE60'
+        d='m9.5 15.73-3.936-4.038-1.895 1.872L9.5 19.476l12.765-12.92-1.82-1.87L9.5 15.73Z'
+      />
+    </svg>
+  )
+}

package/src/lib/icons/ChevronDown.tsx

@@ -1,19 +1,23 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const ChevronDownIcon = (
-  props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={20}
-    height={20}
-    fill='none'
-    {...props}
-  >
-    <g mask='url(#chevron-down_svg__mask0_1045_100036)'>
-      <path
-        fill='#6E7179'
-        d='m10 12.813-5-5 1.167-1.167L10 10.479l3.833-3.833L15 7.813l-5 5Z'
-      />
-    </g>
-  </svg>
-)
+export function ChevronDownIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width={20}
+      height={20}
+      fill='none'
+      {...props}
+    >
+      <g mask='url(#chevron-down_svg__mask0_1045_100036)'>
+        <path
+          fill='#6E7179'
+          d='m10 12.813-5-5 1.167-1.167L10 10.479l3.833-3.833L15 7.813l-5 5Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/ChevronRight.tsx

@@ -1,32 +1,36 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const ChevronRightIcon = (
-  props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={25}
-    height={24}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='chevron-right_svg__a'
+export function ChevronRightIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={25}
       height={24}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M.333 0h24v24h-24z' />
-    </mask>
-    <g mask='url(#chevron-right_svg__a)'>
-      <path
-        fill='#9DA1A9'
-        d='m9.733 18-1.4-1.4 4.6-4.6-4.6-4.6 1.4-1.4 6 6-6 6Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='chevron-right_svg__a'
+        width={25}
+        height={24}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M.333 0h24v24h-24z' />
+      </mask>
+      <g mask='url(#chevron-right_svg__a)'>
+        <path
+          fill='#9DA1A9'
+          d='m9.733 18-1.4-1.4 4.6-4.6-4.6-4.6 1.4-1.4 6 6-6 6Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/Close.tsx

@@ -1,30 +1,36 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const CloseIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={24}
-    height={24}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='close_svg__a'
+export function CloseIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={24}
       height={24}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M0 0h24v24H0z' />
-    </mask>
-    <g mask='url(#close_svg__a)'>
-      <path
-        fill='#B9BEC5'
-        d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='close_svg__a'
+        width={24}
+        height={24}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 0h24v24H0z' />
+      </mask>
+      <g mask='url(#close_svg__a)'>
+        <path
+          fill='#B9BEC5'
+          d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/Copy.tsx

@@ -1,30 +1,36 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const CopyIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={18}
-    height={18}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='copy_svg__a'
+export function CopyIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={18}
       height={18}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M0 0h18v18H0z' />
-    </mask>
-    <g mask='url(#copy_svg__a)'>
-      <path
-        fill='#007AFC'
-        d='M3.75 16.5c-.413 0-.766-.147-1.06-.44A1.446 1.446 0 0 1 2.25 15V4.5h1.5V15H12v1.5H3.75Zm3-3c-.412 0-.766-.147-1.059-.44A1.445 1.445 0 0 1 5.25 12V3c0-.413.147-.766.441-1.06.293-.293.647-.44 1.059-.44h6.75c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44H6.75Zm0-1.5h6.75V3H6.75v9Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='copy_svg__a'
+        width={18}
+        height={18}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 0h18v18H0z' />
+      </mask>
+      <g mask='url(#copy_svg__a)'>
+        <path
+          fill='#007AFC'
+          d='M3.75 16.5c-.413 0-.766-.147-1.06-.44A1.446 1.446 0 0 1 2.25 15V4.5h1.5V15H12v1.5H3.75Zm3-3c-.412 0-.766-.147-1.059-.44A1.445 1.445 0 0 1 5.25 12V3c0-.413.147-.766.441-1.06.293-.293.647-.44 1.059-.44h6.75c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44H6.75Zm0-1.5h6.75V3H6.75v9Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/DotsEllipsisMore.tsx

@@ -1,32 +1,38 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const DotsEllipsisMoreIcon = (
+export function DotsEllipsisMoreIcon(
   props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={18}
-    height={18}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='dots-ellipsis-more_svg__a'
+): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={18}
       height={18}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#2196F3' d='M0 0h18v18H0z' />
-    </mask>
-    <g mask='url(#dots-ellipsis-more_svg__a)'>
-      <path
-        fill='#007AFC'
-        d='M4.5 10.5c-.412 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 3 9c0-.412.147-.766.44-1.06.294-.293.648-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Zm4.5 0c-.412 0-.766-.147-1.06-.44A1.444 1.444 0 0 1 7.5 9c0-.412.147-.766.44-1.06.294-.293.647-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44Zm4.5 0c-.412 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 12 9c0-.412.147-.766.44-1.06.294-.293.648-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='dots-ellipsis-more_svg__a'
+        width={18}
+        height={18}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#2196F3' d='M0 0h18v18H0z' />
+      </mask>
+      <g mask='url(#dots-ellipsis-more_svg__a)'>
+        <path
+          fill='#007AFC'
+          d='M4.5 10.5c-.412 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 3 9c0-.412.147-.766.44-1.06.294-.293.648-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44Zm4.5 0c-.412 0-.766-.147-1.06-.44A1.444 1.444 0 0 1 7.5 9c0-.412.147-.766.44-1.06.294-.293.647-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44Zm4.5 0c-.412 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 12 9c0-.412.147-.766.44-1.06.294-.293.648-.44 1.06-.44.412 0 .766.147 1.06.44.293.294.44.647.44 1.06 0 .412-.147.766-.44 1.06-.294.293-.648.44-1.06.44Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/ExclamationCircle.tsx

@@ -1,32 +1,38 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const ExclamationCircleIcon = (
+export function ExclamationCircleIcon(
   props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={24}
-    height={24}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='exclamation-circle_svg__a'
+): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={24}
       height={24}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M0 0h24v24H0z' />
-    </mask>
-    <g mask='url(#exclamation-circle_svg__a)'>
-      <path
-        fill='#E36857'
-        d='M12 17a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 16c0 .283.096.52.288.712A.965.965 0 0 0 12 17Zm-1-4h2V7h-2v6Zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2c1.383 0 2.683.262 3.9.787a10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='exclamation-circle_svg__a'
+        width={24}
+        height={24}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 0h24v24H0z' />
+      </mask>
+      <g mask='url(#exclamation-circle_svg__a)'>
+        <path
+          fill='#E36857'
+          d='M12 17a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 16c0 .283.096.52.288.712A.965.965 0 0 0 12 17Zm-1-4h2V7h-2v6Zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2c1.383 0 2.683.262 3.9.787a10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/ExclamationCircleOutline.tsx

@@ -1,32 +1,38 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const ExclamationCircleOutlineIcon = (
+export function ExclamationCircleOutlineIcon(
   props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={24}
-    height={25}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='exclamation-circle-outline_svg__a'
+): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={24}
       height={25}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M0 .018h24v24H0z' />
-    </mask>
-    <g mask='url(#exclamation-circle-outline_svg__a)'>
-      <path
-        fill='#E36857'
-        d='M12 17.018a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Zm-1-4h2v-6h-2v6Zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.959-2.137-3.175a9.733 9.733 0 0 1-.788-3.9c0-1.384.263-2.684.788-3.9a10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138a9.743 9.743 0 0 1 3.9-.787c1.383 0 2.683.262 3.9.787a10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175a9.733 9.733 0 0 1 .788 3.9 9.733 9.733 0 0 1-.788 3.9 10.093 10.093 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137a9.733 9.733 0 0 1-3.9.788Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.143 20 14.25 20 12.018c0-2.234-.775-4.125-2.325-5.675-1.55-1.55-3.442-2.325-5.675-2.325-2.233 0-4.125.775-5.675 2.325C4.775 7.893 4 9.784 4 12.018c0 2.233.775 4.125 2.325 5.675 1.55 1.55 3.442 2.325 5.675 2.325Z'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='exclamation-circle-outline_svg__a'
+        width={24}
+        height={25}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M0 .018h24v24H0z' />
+      </mask>
+      <g mask='url(#exclamation-circle-outline_svg__a)'>
+        <path
+          fill='#E36857'
+          d='M12 17.018a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Zm-1-4h2v-6h-2v6Zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.959-2.137-3.175a9.733 9.733 0 0 1-.788-3.9c0-1.384.263-2.684.788-3.9a10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138a9.743 9.743 0 0 1 3.9-.787c1.383 0 2.683.262 3.9.787a10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175a9.733 9.733 0 0 1 .788 3.9 9.733 9.733 0 0 1-.788 3.9 10.093 10.093 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137a9.733 9.733 0 0 1-3.9.788Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.143 20 14.25 20 12.018c0-2.234-.775-4.125-2.325-5.675-1.55-1.55-3.442-2.325-5.675-2.325-2.233 0-4.125.775-5.675 2.325C4.775 7.893 4 9.784 4 12.018c0 2.233.775 4.125 2.325 5.675 1.55 1.55 3.442 2.325 5.675 2.325Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/LockLocked.tsx

@@ -1,32 +1,38 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const LockLockedIcon = (props: SVGProps<SVGSVGElement>): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={25}
-    height={25}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='lock-locked_svg__a'
+export function LockLockedIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={25}
       height={25}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M.461.839h24v24h-24z' />
-    </mask>
-    <g fill='#232B3A' mask='url(#lock-locked_svg__a)'>
-      <rect width={12} height={8.152} x={6.461} y={12.839} rx={1.259} />
-      <path
-        fillRule='evenodd'
-        d='M7.94 10.359a4.52 4.52 0 0 1 9.04 0v5.692a1 1 0 1 1-2 0v-5.692a2.52 2.52 0 0 0-5.04 0v3.531a1 1 0 1 1-2 0V10.36Z'
-        clipRule='evenodd'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='lock-locked_svg__a'
+        width={25}
+        height={25}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M.461.839h24v24h-24z' />
+      </mask>
+      <g fill='#232B3A' mask='url(#lock-locked_svg__a)'>
+        <rect width={12} height={8.152} x={6.461} y={12.839} rx={1.259} />
+        <path
+          fillRule='evenodd'
+          d='M7.94 10.359a4.52 4.52 0 0 1 9.04 0v5.692a1 1 0 1 1-2 0v-5.692a2.52 2.52 0 0 0-5.04 0v3.531a1 1 0 1 1-2 0V10.36Z'
+          clipRule='evenodd'
+        />
+      </g>
+    </svg>
+  )
+}

package/src/lib/icons/LockUnlocked.tsx

@@ -1,34 +1,38 @@
+/*
+ * Automaically generated by SVGR from assets/icons/*.svg.
+ * Do not edit this file or add other components to this directory.
+ */
 import type { SVGProps } from 'react'
-export const LockUnlockedIcon = (
-  props: SVGProps<SVGSVGElement>
-): JSX.Element => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    width={25}
-    height={25}
-    fill='none'
-    {...props}
-  >
-    <mask
-      id='lock-unlocked_svg__a'
+export function LockUnlockedIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
       width={25}
       height={25}
-      x={0}
-      y={0}
-      maskUnits='userSpaceOnUse'
-      style={{
-        maskType: 'alpha',
-      }}
+      fill='none'
+      {...props}
     >
-      <path fill='#D9D9D9' d='M.461.839h24v24h-24z' />
-    </mask>
-    <g mask='url(#lock-unlocked_svg__a)'>
-      <path
-        fill='#232B3A'
-        fillRule='evenodd'
-        d='M5.924 3.893a4.463 4.463 0 0 0-4.463 4.464v3.345a1 1 0 1 0 2 0V8.357a2.463 2.463 0 0 1 4.926 0v4.482H7.72a1.26 1.26 0 0 0-1.26 1.259v5.481c0 .696.565 1.26 1.26 1.26h9.481a1.26 1.26 0 0 0 1.26-1.26v-5.481a1.26 1.26 0 0 0-1.26-1.26h-6.814V8.357a4.463 4.463 0 0 0-4.463-4.464Z'
-        clipRule='evenodd'
-      />
-    </g>
-  </svg>
-)
+      <mask
+        id='lock-unlocked_svg__a'
+        width={25}
+        height={25}
+        x={0}
+        y={0}
+        maskUnits='userSpaceOnUse'
+        style={{
+          maskType: 'alpha',
+        }}
+      >
+        <path fill='#D9D9D9' d='M.461.839h24v24h-24z' />
+      </mask>
+      <g mask='url(#lock-unlocked_svg__a)'>
+        <path
+          fill='#232B3A'
+          fillRule='evenodd'
+          d='M5.924 3.893a4.463 4.463 0 0 0-4.463 4.464v3.345a1 1 0 1 0 2 0V8.357a2.463 2.463 0 0 1 4.926 0v4.482H7.72a1.26 1.26 0 0 0-1.26 1.259v5.481c0 .696.565 1.26 1.26 1.26h9.481a1.26 1.26 0 0 0 1.26-1.26v-5.481a1.26 1.26 0 0 0-1.26-1.26h-6.814V8.357a4.463 4.463 0 0 0-4.463-4.464Z'
+          clipRule='evenodd'
+        />
+      </g>
+    </svg>
+  )
+}