@tactics/toddle-styleguide 1.4.2 → 1.4.3

package/src/icons/__snapshots__/icons.test.js.snap

@@ -627,6 +627,12 @@ exports[`test icons render an outlined calendar icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M7.33333 6.16667V1.5M16.6667 6.16667V1.5M6.16667 10.8333H17.8333M3.83333 22.5H20.1667C21.4553 22.5 22.5 21.4553 22.5 20.1667V6.16667C22.5 4.878 21.4553 3.83333 20.1667 3.83333H3.83333C2.54467 3.83333 1.5 4.878 1.5 6.16667V20.1667C1.5 21.4553 2.54467 22.5 3.83333 22.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -687,6 +693,12 @@ exports[`test icons render an outlined chat icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M7 10.5H7.01125M11.5 10.5H11.5113M16 10.5H16.0113M21.625 10.5C21.625 15.4706 17.0919 19.5 11.5 19.5C9.76832 19.5 8.13818 19.1136 6.71275 18.4324L1.375 19.5L2.94436 15.315C1.95051 13.9226 1.375 12.2711 1.375 10.5C1.375 5.52944 5.90812 1.5 11.5 1.5C17.0919 1.5 21.625 5.52944 21.625 10.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -747,6 +759,12 @@ exports[`test icons render an outlined chat-alt icon in a grey color and a size
   >
     <RNSVGPath
       d="M7 8.25H7.01125M11.5 8.25H11.5113M16 8.25H16.0113M8.125 15H3.625C2.38236 15 1.375 13.9926 1.375 12.75V3.75C1.375 2.50736 2.38236 1.5 3.625 1.5H19.375C20.6176 1.5 21.625 2.50736 21.625 3.75V12.75C21.625 13.9926 20.6176 15 19.375 15H13.75L8.125 20.625V15Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -807,6 +825,12 @@ exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
   >
     <RNSVGPath
       d="M8.125 11.5L10.375 13.75L14.875 9.25M21.625 11.5C21.625 17.0919 17.0919 21.625 11.5 21.625C5.90812 21.625 1.375 17.0919 1.375 11.5C1.375 5.90812 5.90812 1.375 11.5 1.375C17.0919 1.375 21.625 5.90812 21.625 11.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -867,6 +891,12 @@ exports[`test icons render an outlined chevron-left icon in a white color 1`] =
   >
     <RNSVGPath
       d="M8.875 17.375L1 9.5L8.875 1.625"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -927,6 +957,12 @@ exports[`test icons render an outlined chevron-right icon in a white color 1`] =
   >
     <RNSVGPath
       d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -987,6 +1023,12 @@ exports[`test icons render an outlined clock icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M11.5 6.66667V11L14.875 14.25M21.625 11C21.625 16.3848 17.0919 20.75 11.5 20.75C5.90812 20.75 1.375 16.3848 1.375 11C1.375 5.61522 5.90812 1.25 11.5 1.25C17.0919 1.25 21.625 5.61522 21.625 11Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1047,6 +1089,12 @@ exports[`test icons render an outlined cloud-download icon in a grey color with
   >
     <RNSVGPath
       d="M5.875 17C3.38972 17 1.375 14.9853 1.375 12.5C1.375 10.3546 2.87639 8.5598 4.8858 8.10907C4.7969 7.71194 4.75 7.29895 4.75 6.875C4.75 3.7684 7.2684 1.25 10.375 1.25C13.0967 1.25 15.3669 3.18303 15.8877 5.7511C15.925 5.75037 15.9625 5.75 16 5.75C19.1066 5.75 21.625 8.2684 21.625 11.375C21.625 14.0963 19.6925 16.3663 17.125 16.8875M8.125 20.375L11.5 23.75M11.5 23.75L14.875 20.375M11.5 23.75V10.25"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1107,6 +1155,12 @@ exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
   >
     <RNSVGPath
       d="M13.2981 15.4775C12.0289 17.6742 9.97111 17.6742 8.7019 15.4775C7.4327 13.2808 7.4327 9.71922 8.7019 7.52252C9.97111 5.32583 12.0289 5.32583 13.2981 7.52252M6.66667 9.8125H11M6.66667 13.1875H11M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1167,6 +1221,12 @@ exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
   >
     <RNSVGPath
       d="M11.5 8.125V10.375M11.5 14.875H11.5113M3.70581 19.375H19.2943C21.0263 19.375 22.1088 17.5 21.2428 16L13.4486 2.5C12.5826 1 10.4175 1 9.55148 2.5L1.75725 16C0.891228 17.5 1.97376 19.375 3.70581 19.375Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1227,6 +1287,12 @@ exports[`test icons render an outlined exclamation-circle icon in a pink color 1
   >
     <RNSVGPath
       d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1287,6 +1353,12 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
   >
     <RNSVGPath
       d="M15.875 9.5C15.875 11.364 14.3639 12.875 12.5 12.875C10.636 12.875 9.12497 11.364 9.12497 9.5C9.12497 7.63604 10.636 6.125 12.5 6.125C14.3639 6.125 15.875 7.63604 15.875 9.5Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1307,6 +1379,12 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
     />
     <RNSVGPath
       d="M1.7655 9.49996C3.19906 4.93574 7.46313 1.625 12.5005 1.625C17.5378 1.625 21.8019 4.93578 23.2354 9.50004C21.8019 14.0643 17.5378 17.375 12.5005 17.375C7.46313 17.375 3.19904 14.0642 1.7655 9.49996Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1367,6 +1445,12 @@ exports[`test icons render an outlined filter icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M1.25 2.25C1.25 1.69772 1.69772 1.25 2.25 1.25H19.75C20.3023 1.25 20.75 1.69772 20.75 2.25V5.16912C20.75 5.43434 20.6446 5.68869 20.4571 5.87623L13.4596 12.8738C13.272 13.0613 13.1667 13.3157 13.1667 13.5809V16.4167L8.83333 20.75V13.5809C8.83333 13.3157 8.72798 13.0613 8.54044 12.8738L1.54289 5.87623C1.35536 5.68869 1.25 5.43434 1.25 5.16912V2.25Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1427,6 +1511,12 @@ exports[`test icons render an outlined information-circle icon in the main color
   >
     <RNSVGPath
       d="M12.0833 15.3333H11V11H9.91667M11 6.66667H11.0108M20.75 11C20.75 16.3848 16.3848 20.75 11 20.75C5.61522 20.75 1.25 16.3848 1.25 11C1.25 5.61522 5.61522 1.25 11 1.25C16.3848 1.25 20.75 5.61522 20.75 11Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1486,16 +1576,6 @@ exports[`test icons render an outlined logout icon in a red color 1`] = `
 >
   <RNSVGGroup
     fill={null}
-    matrix={
-      [
-        1,
-        0,
-        0,
-        1,
-        0,
-        0,
-      ]
-    }
     propList={
       [
         "fill",
@@ -1504,6 +1584,12 @@ exports[`test icons render an outlined logout icon in a red color 1`] = `
   >
     <RNSVGPath
       d="M9.91667 15L5.58333 10.5M5.58333 10.5L9.91667 6M5.58333 10.5L20.75 10.5M15.3333 15V16.125C15.3333 17.989 13.8783 19.5 12.0833 19.5H4.5C2.70507 19.5 1.25 17.989 1.25 16.125V4.875C1.25 3.01104 2.70507 1.5 4.5 1.5H12.0833C13.8783 1.5 15.3333 3.01104 15.3333 4.875V6"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1564,6 +1650,12 @@ exports[`test icons render an outlined mail icon in a brown color 1`] = `
   >
     <RNSVGPath
       d="M1.375 5L10.2519 10.9179C11.0077 11.4218 11.9923 11.4218 12.7481 10.9179L21.625 5M3.625 17.375H19.375C20.6176 17.375 21.625 16.3676 21.625 15.125V3.875C21.625 2.63236 20.6176 1.625 19.375 1.625H3.625C2.38236 1.625 1.375 2.63236 1.375 3.875V15.125C1.375 16.3676 2.38236 17.375 3.625 17.375Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1624,6 +1716,12 @@ exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
   >
     <RNSVGPath
       d="M1.375 18.5833V8.90954C1.375 8.18511 1.75098 7.50861 2.37692 7.10676L10.2519 2.05121C11.0077 1.56602 11.9923 1.56602 12.7481 2.05121L20.6231 7.10676C21.249 7.50861 21.625 8.18511 21.625 8.90954V18.5833M1.375 18.5833C1.375 19.7799 2.38236 20.75 3.625 20.75H19.375C20.6176 20.75 21.625 19.7799 21.625 18.5833M1.375 18.5833L8.96875 13.7083M21.625 18.5833L14.0312 13.7083M1.375 8.83331L8.96875 13.7083M21.625 8.83331L14.0312 13.7083M14.0312 13.7083L12.7481 14.5321C11.9923 15.0173 11.0077 15.0173 10.2519 14.5321L8.96875 13.7083"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1684,6 +1782,12 @@ exports[`test icons render an outlined menu icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M1.5 1.75H19.5M1.5 8.5H19.5M1.5 15.25H19.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1744,6 +1848,12 @@ exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M14.5 1.5H1.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1804,6 +1914,12 @@ exports[`test icons render an outlined office-building icon in a green color 1`]
   >
     <RNSVGPath
       d="M19.375 21.625V3.625C19.375 2.38236 18.3676 1.375 17.125 1.375H5.875C4.63236 1.375 3.625 2.38236 3.625 3.625V21.625M19.375 21.625L21.625 21.625M19.375 21.625H13.75M3.625 21.625L1.375 21.625M3.625 21.625H9.25M8.125 5.87497H9.25M8.125 10.375H9.25M13.75 5.87497H14.875M13.75 10.375H14.875M9.25 21.625V16C9.25 15.3787 9.75368 14.875 10.375 14.875H12.625C13.2463 14.875 13.75 15.3787 13.75 16V21.625M9.25 21.625H13.75"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1863,16 +1979,6 @@ exports[`test icons render an outlined paper-airplane icon in a white color 1`]
 >
   <RNSVGGroup
     fill={null}
-    matrix={
-      [
-        1,
-        0,
-        0,
-        1,
-        0,
-        0,
-      ]
-    }
     propList={
       [
         "fill",
@@ -1881,6 +1987,12 @@ exports[`test icons render an outlined paper-airplane icon in a white color 1`]
   >
     <RNSVGPath
       d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -1941,6 +2053,12 @@ exports[`test icons render an outlined paperclip icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M13.4359 5.58333L6.30125 12.7179C5.45511 13.5641 5.45511 14.9359 6.30125 15.7821C7.14739 16.6282 8.51924 16.6282 9.36538 15.7821L16.3141 8.64746C18.0064 6.95519 18.0064 4.21148 16.3141 2.5192C14.6218 0.826932 11.8781 0.826932 10.1859 2.5192L3.23712 9.65381C0.698711 12.1922 0.698711 16.3078 3.23712 18.8462C5.77553 21.3846 9.8911 21.3846 12.4295 18.8462L19.2083 12.0833"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2001,6 +2119,12 @@ exports[`test icons render an outlined pencil icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2061,6 +2185,12 @@ exports[`test icons render an outlined phone icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M1.375 3.41667C1.375 2.22005 2.38236 1.25 3.625 1.25H7.31415C7.79838 1.25 8.22829 1.54838 8.38141 1.99075L10.0665 6.85865C10.2435 7.3701 10.0031 7.92909 9.5023 8.17019L6.96288 9.39287C8.20291 12.0413 10.4186 14.175 13.1689 15.3691L14.4387 12.9237C14.689 12.4415 15.2695 12.21 15.8006 12.3805L20.8558 14.0031C21.3151 14.1505 21.625 14.5645 21.625 15.0308V18.5833C21.625 19.7799 20.6176 20.75 19.375 20.75H18.25C8.93019 20.75 1.375 13.4746 1.375 4.5V3.41667Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2121,6 +2251,12 @@ exports[`test icons render an outlined plus icon in a grey color 1`] = `
   >
     <RNSVGPath
       d="M10.5 1.5V19.5M19.5 10.5L1.5 10.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2181,6 +2317,12 @@ exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
   >
     <RNSVGPath
       d="M8.5 1.75V8.5M8.5 8.5V15.25M8.5 8.5H15.25M8.5 8.5L1.75 8.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2295,6 +2437,12 @@ exports[`test icons render an outlined refresh icon in a purple color 1`] = `
   >
     <RNSVGPath
       d="M1.33337 1.5V7.125H1.96335M18.5997 9.375C18.0665 4.9354 14.4196 1.5 10 1.5C6.36288 1.5 3.24902 3.82669 1.96335 7.125M1.96335 7.125H6.75004M18.6667 19.5V13.875H18.0367M18.0367 13.875C16.7511 17.1733 13.6372 19.5 10 19.5C5.58045 19.5 1.93353 16.0646 1.40043 11.625M18.0367 13.875H13.25"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2355,6 +2503,12 @@ exports[`test icons render an outlined search icon in a white color 1`] = `
   >
     <RNSVGPath
       d="M21.625 21.625L14.875 14.875M17.125 9.25C17.125 13.5992 13.5992 17.125 9.25 17.125C4.90076 17.125 1.375 13.5992 1.375 9.25C1.375 4.90076 4.90076 1.375 9.25 1.375C13.5992 1.375 17.125 4.90076 17.125 9.25Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2415,6 +2569,12 @@ exports[`test icons render an outlined selector icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M1.66663 6.125L5.99996 1.625L10.3333 6.125M10.3333 12.875L5.99996 17.375L1.66663 12.875"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2475,6 +2635,12 @@ exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1
   >
     <RNSVGPath
       d="M15.4166 12.1667V18.6667M12.1666 15.4167H18.6666M3.49998 7.83337H5.66665C6.86326 7.83337 7.83331 6.86332 7.83331 5.66671V3.50004C7.83331 2.30342 6.86326 1.33337 5.66665 1.33337H3.49998C2.30336 1.33337 1.33331 2.30342 1.33331 3.50004V5.66671C1.33331 6.86332 2.30336 7.83337 3.49998 7.83337ZM14.3333 7.83337H16.5C17.6966 7.83337 18.6666 6.86332 18.6666 5.66671V3.50004C18.6666 2.30342 17.6966 1.33337 16.5 1.33337H14.3333C13.1367 1.33337 12.1666 2.30342 12.1666 3.50004V5.66671C12.1666 6.86332 13.1367 7.83337 14.3333 7.83337ZM3.49998 18.6667H5.66665C6.86326 18.6667 7.83331 17.6967 7.83331 16.5V14.3334C7.83331 13.1368 6.86326 12.1667 5.66665 12.1667H3.49998C2.30336 12.1667 1.33331 13.1368 1.33331 14.3334V16.5C1.33331 17.6967 2.30336 18.6667 3.49998 18.6667Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2535,6 +2701,12 @@ exports[`test icons render an outlined status-online icon in an orange color 1`]
   >
     <RNSVGPath
       d="M4.34054 15.6595C0.386485 11.7054 0.386485 5.29464 4.34054 1.34058M18.6595 1.34058C22.6135 5.29464 22.6135 11.7054 18.6595 15.6595M7.52252 12.4775C5.32582 10.2808 5.32582 6.71926 7.52252 4.52256M15.4775 4.52256C17.6742 6.71926 17.6742 10.2808 15.4775 12.4775M12.625 8.50003C12.625 9.12135 12.1213 9.62503 11.5 9.62503C10.8787 9.62503 10.375 9.12135 10.375 8.50003C10.375 7.87871 10.8787 7.37503 11.5 7.37503C12.1213 7.37503 12.625 7.87871 12.625 8.50003Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2595,6 +2767,12 @@ exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
   >
     <RNSVGPath
       d="M13.75 9.25H19.1094C20.782 9.25 21.8699 11.0102 21.1219 12.5062L17.1844 20.3812C16.8033 21.1435 16.0242 21.625 15.1719 21.625H10.652C10.468 21.625 10.2848 21.6024 10.1063 21.5578L5.875 20.5M13.75 9.25V3.625C13.75 2.38236 12.7426 1.375 11.5 1.375H11.3926C10.8306 1.375 10.375 1.83059 10.375 2.39259C10.375 3.19618 10.1371 3.9818 9.69138 4.65043L5.875 10.375V20.5M13.75 9.25H11.5M5.875 20.5H3.625C2.38236 20.5 1.375 19.4926 1.375 18.25V11.5C1.375 10.2574 2.38236 9.25 3.625 9.25H6.4375"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2655,6 +2833,12 @@ exports[`test icons render an outlined trash icon in a red color 1`] = `
   >
     <RNSVGPath
       d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2715,6 +2899,12 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M14 5.875C14 8.36028 11.9853 10.375 9.5 10.375C7.01472 10.375 5 8.36028 5 5.875C5 3.38972 7.01472 1.375 9.5 1.375C11.9853 1.375 14 3.38972 14 5.875Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2735,6 +2925,12 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
     />
     <RNSVGPath
       d="M9.5 13.75C5.15076 13.75 1.625 17.2758 1.625 21.625H17.375C17.375 17.2758 13.8492 13.75 9.5 13.75Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2795,6 +2991,12 @@ exports[`test icons render an outlined user-group icon in a grey color 1`] = `
   >
     <RNSVGPath
       d="M18.125 19.5H23.75V17.25C23.75 15.386 22.239 13.875 20.375 13.875C19.2999 13.875 18.3423 14.3776 17.7242 15.1608M18.125 19.5H6.875M18.125 19.5V17.25C18.125 16.5117 17.9828 15.8067 17.7242 15.1608M6.875 19.5H1.25V17.25C1.25 15.386 2.76104 13.875 4.625 13.875C5.70006 13.875 6.65772 14.3776 7.27578 15.1608M6.875 19.5V17.25C6.875 16.5117 7.01723 15.8067 7.27578 15.1608M7.27578 15.1608C8.10519 13.0887 10.1317 11.625 12.5 11.625C14.8683 11.625 16.8948 13.0887 17.7242 15.1608M15.875 4.875C15.875 6.73896 14.364 8.25 12.5 8.25C10.636 8.25 9.125 6.73896 9.125 4.875C9.125 3.01104 10.636 1.5 12.5 1.5C14.364 1.5 15.875 3.01104 15.875 4.875ZM22.625 8.25C22.625 9.49264 21.6176 10.5 20.375 10.5C19.1324 10.5 18.125 9.49264 18.125 8.25C18.125 7.00736 19.1324 6 20.375 6C21.6176 6 22.625 7.00736 22.625 8.25ZM6.875 8.25C6.875 9.49264 5.86764 10.5 4.625 10.5C3.38236 10.5 2.375 9.49264 2.375 8.25C2.375 7.00736 3.38236 6 4.625 6C5.86764 6 6.875 7.00736 6.875 8.25Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2855,6 +3057,12 @@ exports[`test icons render an outlined users icon in a white color 1`] = `
   >
     <RNSVGPath
       d="M13 2.80557C13.9773 1.69834 15.4071 1 17 1C19.9455 1 22.3333 3.38781 22.3333 6.33333C22.3333 9.27885 19.9455 11.6667 17 11.6667C15.4071 11.6667 13.9773 10.9683 13 9.8611M17 25H1V23.6667C1 19.2484 4.58172 15.6667 9 15.6667C13.4183 15.6667 17 19.2484 17 23.6667V25ZM17 25H25V23.6667C25 19.2484 21.4183 15.6667 17 15.6667C15.5429 15.6667 14.1767 16.0562 13 16.7369M14.3333 6.33333C14.3333 9.27885 11.9455 11.6667 9 11.6667C6.05448 11.6667 3.66667 9.27885 3.66667 6.33333C3.66667 3.38781 6.05448 1 9 1C11.9455 1 14.3333 3.38781 14.3333 6.33333Z"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",
@@ -2915,6 +3123,12 @@ exports[`test icons render an outlined xmark icon in the main color 1`] = `
   >
     <RNSVGPath
       d="M1.75 15.25L15.25 1.75M1.75 1.75L15.25 15.25"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
       propList={
         [
           "stroke",

package/src/icons/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInterface } from '../interfaces/icon.interface';
-export declare const Icon: ({ style, name, size, color }: IconInterface) => import("react").JSX.Element;
+export declare const Icon: ({ style, name, size, color }: IconInterface) => React.JSX.Element;