fix attrs replace

status-im · Sep 24, 2024 · 4428c2d · 4428c2d
1 parent 7f29e1e
commit 4428c2d
Show file tree

Hide file tree

Showing 1,209 changed files with 3,097 additions and 1,364 deletions.
diff --git a/packages/icons/scripts/sync.ts b/packages/icons/scripts/sync.ts
@@ -127,15 +127,30 @@ for (const [nodeId, { name, folder }] of Object.entries(NODE_IDS)) {
 
       const svg = await transform(svgRaw, {
         plugins: ['@svgr/plugin-svgo'],
-        replaceAttrValues: {
-          '#09101C': 'currentColor',
-          '#2A4AF5': 'var(--customisation-50, #2A4AF5)',
-        },
-        svgProps: {
-          'aria-hidden': '{true}',
-        },
         svgoConfig: {
           plugins: [
+            {
+              name: 'replace-attributes',
+              fn: () => {
+                return {
+                  element: {
+                    enter: node => {
+                      if (node.attributes.fill === '#09101C') {
+                        node.attributes.fill = 'currentColor'
+                      } else if (node.attributes.stroke === '#09101C') {
+                        node.attributes.stroke = 'currentColor'
+                      } else if (node.attributes.fill === '#2A4AF5') {
+                        node.attributes.fill =
+                          'var(--customisation-50, #2A4AF5)'
+                      } else if (node.attributes.stroke === '#2A4AF5') {
+                        node.attributes.stroke =
+                          'var(--customisation-50, #2A4AF5)'
+                      }
+                    },
+                  },
+                }
+              },
+            },
             {
               name: 'preset-default',
               params: {
@@ -163,7 +178,7 @@ for (const [nodeId, { name, folder }] of Object.entries(NODE_IDS)) {
 
       await fs.writeFile(filePath, svg, { encoding: 'utf8' })
 
-      log.success(filePath)
+      // log.success(filePath)
     },
     { concurrency: 5 }
   )

diff --git a/packages/icons/src/12/active-icon.tsx b/packages/icons/src/12/active-icon.tsx
@@ -7,11 +7,13 @@ const SvgActiveIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_4041_988)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M6 .45c-1.996 0-3.464.236-4.389 1.161C.686 2.536.451 4.004.451 6c0 1.996.235 3.464 1.16 4.389.925.925 2.393 1.161 4.39 1.161 1.995 0 3.463-.236 4.388-1.161.925-.925 1.161-2.393 1.161-4.389 0-1.996-.236-3.464-1.16-4.389C9.463.686 7.995.45 6 .45ZM1.55 6c0-2.004.264-3.036.839-3.611C2.964 1.814 3.996 1.55 6 1.55c2.004 0 3.036.264 3.611.839.575.575.84 1.607.84 3.611 0 2.004-.265 3.036-.84 3.611-.575.575-1.607.839-3.61.839-2.005 0-3.037-.264-3.612-.839C1.814 9.036 1.55 8.004 1.55 6Zm6.356.187c0-.75-2.25-2.25-3-2.25s-.75 4.125 0 4.125 3-1.125 3-1.875Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/active-members-icon.tsx b/packages/icons/src/12/active-members-icon.tsx
@@ -7,10 +7,12 @@ const SvgActiveMembersIcon = (props: SVGProps<SVGSVGElement>) => (
     height={13}
     fill="none"
     viewBox="0 0 12 13"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      stroke="#09101C"
+      stroke="currentColor"
       strokeWidth={1.1}
       d="m8 1.5-1.5 3H10l-5.5 6L5 7H2l2.5-5.5H8Z"
     />

diff --git a/packages/icons/src/12/add-circle-icon.tsx b/packages/icons/src/12/add-circle-icon.tsx
@@ -7,6 +7,8 @@ const SvgAddCircleIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_691_20)">

diff --git a/packages/icons/src/12/add-icon.tsx b/packages/icons/src/12/add-icon.tsx
@@ -7,10 +7,12 @@ const SvgAddIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M5.45 6.55V10h1.1V6.55H10v-1.1H6.55V2h-1.1v3.45H2v1.1h3.45Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/add-reaction-icon.tsx b/packages/icons/src/12/add-reaction-icon.tsx
@@ -7,16 +7,18 @@ const SvgAddReactionIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M5.81.955C3.551 1.081 1.95 3.42 1.95 6c0 2.652 1.693 5.05 4.05 5.05 2.219 0 3.849-2.124 4.033-4.585A4.039 4.039 0 0 1 8.93 6.46C8.755 8.53 7.407 9.95 6 9.95 4.49 9.95 3.05 8.318 3.05 6c0-2.07 1.148-3.593 2.468-3.895.04-.404.14-.79.29-1.15ZM4.008 7.746 4.5 7.5l.492-.246v-.001a1.73 1.73 0 0 0 .273.359c.19.189.433.338.735.338.303 0 .546-.149.736-.34a1.73 1.73 0 0 0 .273-.358v.001L7.5 7.5l.492.246v.002l-.002.002-.002.005-.008.015a1.795 1.795 0 0 1-.116.191 2.829 2.829 0 0 1-.35.428c-.31.31-.816.66-1.514.66-.697 0-1.204-.35-1.514-.66a2.829 2.829 0 0 1-.465-.62l-.008-.014-.003-.005v-.002l-.001-.001Zm3-.494v-.001.001ZM4.99 7.25v.001Z"
       clipRule="evenodd"
     />
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M8.95 3.05V5h1.1V3.05H12v-1.1h-1.95V0h-1.1v1.95H7v1.1h1.95Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/add-user-icon.tsx b/packages/icons/src/12/add-user-icon.tsx
@@ -7,10 +7,12 @@ const SvgAddUserIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M5.05 2.5a.95.95 0 1 1 1.9 0 .95.95 0 0 1-1.9 0ZM6 .45a2.05 2.05 0 1 0 0 4.1 2.05 2.05 0 0 0 0-4.1Zm1.907 5.38c-.435.189-.83.453-1.169.776A4.395 4.395 0 0 0 6 6.55c-.881 0-1.565.192-2.052.75-.458.525-.823 1.465-.888 3.15h2.554c.095.393.249.763.45 1.1H1.95V11c0-2.132.403-3.546 1.17-4.424C3.906 5.675 4.972 5.45 6 5.45c.647 0 1.309.09 1.907.38ZM8.95 12v-1.95H7v-1.1h1.95V7h1.1v1.95H12v1.1h-1.95V12h-1.1Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/advanced-icon.tsx b/packages/icons/src/12/advanced-icon.tsx
@@ -7,10 +7,12 @@ const SvgAdvancedIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M5.548 2.8a2.944 2.944 0 0 1-.021.322 1.04 1.04 0 0 1-.285.62 1.04 1.04 0 0 1-.62.285c-.173.023-.383.023-.593.023H3.97c-.21 0-.42 0-.593-.023a1.04 1.04 0 0 1-.62-.285 1.04 1.04 0 0 1-.285-.62 2.944 2.944 0 0 1-.021-.322H1V1.7h1.452c.002-.115.008-.224.021-.322a1.04 1.04 0 0 1 .285-.62 1.04 1.04 0 0 1 .62-.285C3.551.45 3.761.45 3.971.45h.058c.21 0 .42 0 .593.023.197.027.428.092.62.284.193.193.258.424.285.621.013.098.019.207.021.322H11v1.1H5.548ZM4 1.55c.221 0 .35 0 .44.01.01.09.01.219.01.44v.5c0 .221 0 .35-.01.44-.09.01-.219.01-.44.01s-.35-.001-.44-.01c-.01-.09-.01-.219-.01-.44V2c0-.221 0-.35.01-.44.09-.01.219-.01.44-.01Zm-3 5v-1.1h5.452c.002-.115.008-.224.021-.322a1.04 1.04 0 0 1 .285-.62 1.04 1.04 0 0 1 .62-.285c.173-.023.383-.023.593-.023h.058c.21 0 .42 0 .593.023.197.027.428.092.62.284.193.193.258.424.285.621.013.098.019.207.021.322H11v1.1H9.548a2.944 2.944 0 0 1-.021.322 1.04 1.04 0 0 1-.285.62 1.04 1.04 0 0 1-.62.285c-.173.023-.383.023-.593.023H7.97c-.21 0-.42 0-.593-.023a1.04 1.04 0 0 1-.62-.285 1.04 1.04 0 0 1-.285-.62 2.944 2.944 0 0 1-.021-.322H1ZM8 5.3c.221 0 .35 0 .44.01.01.09.01.219.01.44v.5c0 .221 0 .35-.01.44-.09.009-.219.01-.44.01s-.35-.001-.44-.01c-.01-.09-.01-.219-.01-.44v-.5c0-.221 0-.35.01-.44.09-.01.219-.01.44-.01Zm-5.548 5H1V9.2h1.452c.002-.115.008-.224.021-.322a1.04 1.04 0 0 1 .285-.62 1.04 1.04 0 0 1 .62-.285c.173-.023.383-.023.593-.023h.058c.21 0 .42 0 .593.023.197.027.428.092.62.284.193.193.258.424.285.621.013.098.019.207.021.322H11v1.1H5.548a2.946 2.946 0 0 1-.021.322 1.04 1.04 0 0 1-.285.62 1.04 1.04 0 0 1-.62.285c-.173.023-.383.023-.593.023H3.97c-.21 0-.42 0-.593-.023a1.04 1.04 0 0 1-.62-.285 1.04 1.04 0 0 1-.285-.62 2.946 2.946 0 0 1-.021-.322ZM4 9.05c.221 0 .35 0 .44.01.01.09.01.219.01.44v.5c0 .221 0 .35-.01.44-.09.009-.219.01-.44.01s-.35-.001-.44-.01c-.01-.09-.01-.219-.01-.44v-.5c0-.221 0-.35.01-.44.09-.01.219-.01.44-.01Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/alert-icon.tsx b/packages/icons/src/12/alert-icon.tsx
@@ -7,11 +7,13 @@ const SvgAlertIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_2283_851)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M1.55 6a4.45 4.45 0 1 1 8.9 0 4.45 4.45 0 0 1-8.9 0ZM6 .45a5.55 5.55 0 1 0 0 11.1A5.55 5.55 0 0 0 6 .45ZM5.45 7l-.2-4h1.5l-.2 4h-1.1Zm1.17 1.625a.625.625 0 1 0-1.25 0 .625.625 0 0 0 1.25 0Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/arrow-down-icon.tsx b/packages/icons/src/12/arrow-down-icon.tsx
@@ -7,10 +7,12 @@ const SvgArrowDownIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="m6.55 9.288 3.088-2.702.724.828-4 3.5L6 11.23l-.362-.317-4-3.5.724-.828L5.45 9.288V1.5h1.1v7.788Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/arrow-left-icon.tsx b/packages/icons/src/12/arrow-left-icon.tsx
@@ -7,10 +7,12 @@ const SvgArrowLeftIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="m4.586 1.638-3.5 4L.769 6l.317.362 3.5 4 .828-.724L2.712 6.55H10.5v-1.1H2.712l2.702-3.088-.828-.724Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/arrow-left-right-icon.tsx b/packages/icons/src/12/arrow-left-right-icon.tsx
@@ -7,10 +7,12 @@ const SvgArrowLeftrightIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="m1.077 5.648 2.5-3 .845.704L2.674 5.45h6.652L7.577 3.352l.846-.704 2.5 3 .293.352-.293.352-2.5 3-.846-.704L9.326 6.55H2.674l1.748 2.098-.845.704-2.5-3L.784 6l.293-.352Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/arrow-right-icon.tsx b/packages/icons/src/12/arrow-right-icon.tsx
@@ -7,10 +7,12 @@ const SvgArrowRightIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M9.288 6.55H1.5v-1.1h7.788L6.586 2.362l.828-.724 3.5 4L11.23 6l-.317.362-3.5 4-.828-.724L9.288 6.55Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/arrow-top-icon.tsx b/packages/icons/src/12/arrow-top-icon.tsx
@@ -7,10 +7,12 @@ const SvgArrowTopIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M6.362 1.086 6 .77l-.362.317-4 3.5.724.828L5.45 2.712V10.5h1.1V2.712l3.088 2.702.724-.828-4-3.5Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/block-icon.tsx b/packages/icons/src/12/block-icon.tsx
@@ -7,11 +7,13 @@ const SvgBlockIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_2265_853)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M1.55 6a4.45 4.45 0 0 1 7.184-3.512L2.488 8.734A4.43 4.43 0 0 1 1.55 6Zm1.716 3.511a4.45 4.45 0 0 0 6.245-6.245L3.266 9.511ZM6 .45a5.55 5.55 0 1 0 0 11.1A5.55 5.55 0 0 0 6 .45Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/bold-icon.tsx b/packages/icons/src/12/bold-icon.tsx
@@ -7,10 +7,12 @@ const SvgBoldIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M4 .95A1.55 1.55 0 0 0 2.45 2.5v7c0 .856.694 1.55 1.55 1.55h2.5c1.587 0 2.616-.397 3.251-.993a2.48 2.48 0 0 0 .799-1.807c0-.49-.163-1.212-.799-1.808a3.292 3.292 0 0 0-1.214-.7c.118-.102.225-.211.322-.326A3.034 3.034 0 0 0 9.55 3.5c0-.525-.16-1.192-.744-1.72C8.232 1.259 7.326.95 6 .95H4Zm-.45 5.6H6.5c1.413 0 2.134.353 2.499.695.364.341.45.744.45 1.005 0 .26-.086.663-.45 1.005-.365.342-1.086.695-2.5.695H4a.45.45 0 0 1-.45-.45V6.55Zm2.481-1.1c1.096-.007 1.673-.369 1.985-.741.334-.397.434-.885.434-1.209 0-.308-.09-.641-.381-.905-.3-.27-.896-.545-2.069-.545H4a.45.45 0 0 0-.45.45v2.95H6.031Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/bullet-list-icon.tsx b/packages/icons/src/12/bullet-list-icon.tsx
@@ -7,16 +7,18 @@ const SvgBulletListIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M3 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
       clipRule="evenodd"
     />
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M4 1.45h7v1.1H4v-1.1Zm0 4h7v1.1H4v-1.1Zm7 4H4v1.1h7v-1.1Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/calendar-icon.tsx b/packages/icons/src/12/calendar-icon.tsx
@@ -7,10 +7,12 @@ const SvgCalendarIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <path
-      fill="#09101C"
+      fill="currentColor"
       fillRule="evenodd"
       d="M4.55 2.004V1h-1.1v1.162c-.743.16-1.345.422-1.812.83C.693 3.82.45 5.106.45 6.75c0 1.644.243 2.931 1.188 3.758C2.556 11.31 4 11.55 6 11.55s3.444-.239 4.362-1.042c.945-.827 1.188-2.114 1.188-3.758 0-1.644-.243-2.931-1.188-3.758-.466-.408-1.07-.67-1.812-.83V1h-1.1v1.004A17.133 17.133 0 0 0 6 1.95c-.52 0-1.004.016-1.45.054ZM1.726 4.948c.132-.516.343-.871.636-1.128.582-.509 1.639-.77 3.638-.77 2 0 3.056.261 3.638.77.294.257.504.612.636 1.128C9.492 4.682 8.188 4.45 6 4.45s-3.49.232-4.274.498ZM1.56 6.224c-.006.166-.01.34-.01.526 0 1.606.257 2.444.813 2.93.581.509 1.638.77 3.637.77 2 0 3.056-.261 3.638-.77.555-.486.812-1.324.812-2.93 0-.185-.003-.36-.01-.526a2.183 2.183 0 0 0-.44-.207c-.604-.22-1.783-.467-4-.467s-3.396.247-4 .467c-.22.08-.357.154-.44.207Z"
       clipRule="evenodd"

diff --git a/packages/icons/src/12/camera-icon.tsx b/packages/icons/src/12/camera-icon.tsx
@@ -7,11 +7,13 @@ const SvgCameraIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_409_48)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M4.75.45a1.3 1.3 0 0 0-1.3 1.3.2.2 0 0 1-.2.2C1.707 1.95.437 3.207.47 4.766.502 6.233.578 7.39.744 8.295c.165.903.43 1.613.887 2.135.467.536 1.078.811 1.8.955.706.141 1.564.165 2.57.165 1.004 0 1.863-.024 2.569-.165.722-.144 1.333-.42 1.8-.955.456-.522.721-1.232.887-2.135.166-.905.241-2.062.273-3.529.034-1.559-1.237-2.816-2.78-2.816a.2.2 0 0 1-.2-.2 1.3 1.3 0 0 0-1.3-1.3h-2.5Zm-.2 1.3c0-.11.09-.2.2-.2h2.5c.11 0 .2.09.2.2a1.3 1.3 0 0 0 1.3 1.3c.942 0 1.7.766 1.68 1.692-.031 1.455-.106 2.54-.255 3.354-.15.816-.365 1.303-.634 1.611-.258.295-.616.486-1.187.6-.585.117-1.342.143-2.354.143-1.011 0-1.768-.026-2.354-.143-.57-.114-.929-.305-1.186-.6-.27-.308-.485-.795-.634-1.61-.15-.815-.224-1.9-.256-3.355-.02-.926.738-1.692 1.68-1.692a1.3 1.3 0 0 0 1.3-1.3Zm0 4.75a1.45 1.45 0 1 1 2.9 0 1.45 1.45 0 0 1-2.9 0ZM6 3.95a2.55 2.55 0 1 0 0 5.1 2.55 2.55 0 0 0 0-5.1Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/cards-icon.tsx b/packages/icons/src/12/cards-icon.tsx
@@ -7,11 +7,13 @@ const SvgCardsIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_637_26)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M6 .45c-1.996 0-3.464.236-4.389 1.161-.925.925-1.16 2.393-1.16 4.39 0 1.995.235 3.463 1.16 4.388.925.925 2.393 1.161 4.39 1.161 1.995 0 3.463-.236 4.388-1.16.925-.926 1.161-2.394 1.161-4.39 0-1.996-.236-3.464-1.16-4.389C9.463.686 7.995.451 6 .451Zm4.345 3.734c-.126-.874-.366-1.428-.734-1.795-.575-.575-1.607-.839-3.61-.839-2.005 0-3.037.264-3.612.84-.367.366-.608.92-.733 1.794a3.52 3.52 0 0 1 .098-.05C2.62 3.7 3.972 3.45 6 3.45c2.028 0 3.381.25 4.246.683l.099.051ZM1.55 6c0 2.004.264 3.036.84 3.611.574.575 1.606.84 3.61.84 2.004 0 3.036-.265 3.611-.84.575-.575.84-1.607.84-3.61a.748.748 0 0 0-.127-.43c-.092-.138-.26-.3-.57-.454C9.12 4.8 7.972 4.55 6 4.55s-3.119.25-3.754.567c-.31.155-.478.316-.57.454A.748.748 0 0 0 1.55 6Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/check-circle-icon.tsx b/packages/icons/src/12/check-circle-icon.tsx
@@ -7,6 +7,8 @@ const SvgCheckCircleIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_2946_860)">

diff --git a/packages/icons/src/12/check-icon.tsx b/packages/icons/src/12/check-icon.tsx
@@ -7,11 +7,13 @@ const SvgCheckIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
     <g clipPath="url(#prefix__clip0_417_74)">
       <path
-        fill="#09101C"
+        fill="currentColor"
         fillRule="evenodd"
         d="M1.55 6a4.45 4.45 0 1 1 8.9 0 4.45 4.45 0 0 1-8.9 0ZM6 .45a5.55 5.55 0 1 0 0 11.1A5.55 5.55 0 0 0 6 .45Zm-.332 7.658 3-3.5-.836-.716-2.613 3.05-1.08-1.081-.778.778 1.5 1.5.42.42.387-.451Z"
         clipRule="evenodd"

diff --git a/packages/icons/src/12/check-large-icon.tsx b/packages/icons/src/12/check-large-icon.tsx
@@ -7,9 +7,11 @@ const SvgCheckLargeIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
-    <path stroke="#09101C" strokeWidth={1.1} d="m1.5 7 3 2.5 6-7" />
+    <path stroke="currentColor" strokeWidth={1.1} d="m1.5 7 3 2.5 6-7" />
   </svg>
 )
 export default SvgCheckLargeIcon
diff --git a/packages/icons/src/12/chevron-down-icon.tsx b/packages/icons/src/12/chevron-down-icon.tsx
@@ -7,9 +7,11 @@ const SvgChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
-    <path stroke="#09101C" strokeWidth={1.1} d="m3 4.5 3 3 3-3" />
+    <path stroke="currentColor" strokeWidth={1.1} d="m3 4.5 3 3 3-3" />
   </svg>
 )
 export default SvgChevronDownIcon
diff --git a/packages/icons/src/12/chevron-left-icon.tsx b/packages/icons/src/12/chevron-left-icon.tsx
@@ -7,9 +7,11 @@ const SvgChevronLeftIcon = (props: SVGProps<SVGSVGElement>) => (
     height={12}
     fill="none"
     viewBox="0 0 12 12"
+    aria-hidden={true}
+    focusable={false}
     {...props}
   >
-    <path stroke="#09101C" strokeWidth={1.1} d="m7.5 3-3 3 3 3" />
+    <path stroke="currentColor" strokeWidth={1.1} d="m7.5 3-3 3 3 3" />
   </svg>
 )
 export default SvgChevronLeftIcon