meticulous-ui 3.2.9 → 3.3.1

package/components/components/Icons/TrashOutline/TrashOutline.jsx

@@ -0,0 +1,25 @@
+const TrashOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path d='M20.5001 6H3.5' stroke={color} strokeWidth='1.5' strokeLinecap='round' />
+    <path
+      d='M18.8332 8.5L18.3732 15.3991C18.1962 18.054 18.1077 19.3815 17.2427 20.1907C16.3777 21 15.0473 21 12.3865 21H11.6132C8.95235 21 7.62195 21 6.75694 20.1907C5.89194 19.3815 5.80344 18.054 5.62644 15.3991L5.1665 8.5'
+      stroke={color}
+      strokeWidth='1.5'
+      strokeLinecap='round'
+    />
+    <path
+      d='M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6'
+      stroke={color}
+      strokeWidth='1.5'
+    />
+  </svg>
+);
+
+export default TrashOutline;

package/components/components/Icons/TrashOutline/index.js

@@ -0,0 +1 @@
+export { default } from './TrashOutline';

package/components/components/Icons/Upload/Upload.jsx

@@ -0,0 +1,21 @@
+const Upload = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      d='M12.5535 2.49392C12.4114 2.33852 12.2106 2.25 12 2.25C11.7894 2.25 11.5886 2.33852 11.4465 2.49392L7.44648 6.86892C7.16698 7.17462 7.18822 7.64902 7.49392 7.92852C7.79963 8.20802 8.27402 8.18678 8.55352 7.88108L11.25 4.9318V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V4.9318L15.4465 7.88108C15.726 8.18678 16.2004 8.20802 16.5061 7.92852C16.8118 7.64902 16.833 7.17462 16.5535 6.86892L12.5535 2.49392Z'
+      fill={color}
+    />
+    <path
+      d='M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default Upload;

package/components/components/Icons/Upload/index.js

@@ -0,0 +1 @@
+export { default } from './Upload';

package/components/components/Icons/UploadBoxFilled/UploadBoxFilled.jsx

@@ -0,0 +1,19 @@
+const UploadBoxFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12ZM12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11.8107L14.4697 13.5303C14.7626 13.8232 15.2374 13.8232 15.5303 13.5303C15.8232 13.2374 15.8232 12.7626 15.5303 12.4697L12.5303 9.46967C12.3897 9.32902 12.1989 9.25 12 9.25C11.8011 9.25 11.6103 9.32902 11.4697 9.46967L8.46967 12.4697C8.17678 12.7626 8.17678 13.2374 8.46967 13.5303C8.76256 13.8232 9.23744 13.8232 9.53033 13.5303L11.25 11.8107V17C11.25 17.4142 11.5858 17.75 12 17.75ZM8 7.75C7.58579 7.75 7.25 7.41421 7.25 7C7.25 6.58579 7.58579 6.25 8 6.25H16C16.4142 6.25 16.75 6.58579 16.75 7C16.75 7.41421 16.4142 7.75 16 7.75H8Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default UploadBoxFilled;

package/components/components/Icons/UploadBoxFilled/index.js

@@ -0,0 +1 @@
+export { default } from './UploadBoxFilled';

package/components/components/Icons/UploadBoxOutline/UploadBoxOutline.jsx

@@ -0,0 +1,27 @@
+const UploadBoxOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      d='M7.25 7C7.25 7.41421 7.58579 7.75 8 7.75H16C16.4142 7.75 16.75 7.41421 16.75 7C16.75 6.58579 16.4142 6.25 16 6.25H8C7.58579 6.25 7.25 6.58579 7.25 7Z'
+      fill={color}
+    />
+    <path
+      d='M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11.8107L14.4697 13.5303C14.7626 13.8232 15.2374 13.8232 15.5303 13.5303C15.8232 13.2374 15.8232 12.7626 15.5303 12.4697L12.5303 9.46967C12.3897 9.32902 12.1989 9.25 12 9.25C11.8011 9.25 11.6103 9.32902 11.4697 9.46967L8.46967 12.4697C8.17678 12.7626 8.17678 13.2374 8.46967 13.5303C8.76256 13.8232 9.23744 13.8232 9.53033 13.5303L11.25 11.8107V17C11.25 17.4142 11.5858 17.75 12 17.75Z'
+      fill={color}
+    />
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M11.9426 1.25C9.63423 1.24999 7.82519 1.24998 6.4137 1.43975C4.96897 1.63399 3.82895 2.03933 2.93414 2.93414C2.03933 3.82895 1.63399 4.96897 1.43975 6.41371C1.24998 7.82519 1.24999 9.63423 1.25 11.9426V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.4137 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H12.0574C14.3658 22.75 16.1748 22.75 17.5863 22.5603C19.031 22.366 20.1711 21.9607 21.0659 21.0659C21.9607 20.1711 22.366 19.031 22.5603 17.5863C22.75 16.1748 22.75 14.3658 22.75 12.0574V11.9426C22.75 9.63423 22.75 7.82519 22.5603 6.41371C22.366 4.96897 21.9607 3.82895 21.0659 2.93414C20.1711 2.03933 19.031 1.63399 17.5863 1.43975C16.1748 1.24998 14.3658 1.24999 12.0574 1.25H11.9426ZM3.9948 3.9948C4.56445 3.42514 5.33517 3.09825 6.61358 2.92637C7.91356 2.75159 9.62177 2.75 12 2.75C14.3782 2.75 16.0864 2.75159 17.3864 2.92637C18.6648 3.09825 19.4355 3.42514 20.0052 3.9948C20.5749 4.56445 20.9018 5.33517 21.0736 6.61358C21.2484 7.91356 21.25 9.62178 21.25 12C21.25 14.3782 21.2484 16.0864 21.0736 17.3864C20.9018 18.6648 20.5749 19.4355 20.0052 20.0052C19.4355 20.5749 18.6648 20.9018 17.3864 21.0736C16.0864 21.2484 14.3782 21.25 12 21.25C9.62177 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12C2.75 9.62178 2.75159 7.91356 2.92637 6.61358C3.09825 5.33517 3.42514 4.56445 3.9948 3.9948Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default UploadBoxOutline;

package/components/components/Icons/UploadBoxOutline/index.js

@@ -0,0 +1 @@
+export { default } from './UploadBoxOutline';

package/components/components/Icons/VolumeFilled/VolumeFilled.jsx

@@ -0,0 +1,28 @@
+const VolumeFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_fill</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-1344.000000, -48.000000)' fillRule='nonzero'>
+        <g transform='translate(1344.000000, 48.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M13.2606,3.29912 C13.9570435,2.80169043 14.9125962,3.25623123 14.9943712,4.07969721 L15,4.19422 L15,19.8056 C15,20.6614 14.0747274,21.1747403 13.3570692,20.7626806 L13.2606,20.7007 L6.67953,15.9999 L4,15.9999 C2.94563773,15.9999 2.08183483,15.18405 2.00548573,14.1491661 L2,13.9999 L2,9.99991 C2,8.94554773 2.81587733,8.08174483 3.85073759,8.00539573 L4,7.99991 L6.67953,7.99991 L13.2606,3.29912 Z M19.6669,6.78255 C21.0974,8.06287 21.9999957,9.92664 21.9999957,11.9999 C21.9999957,14.0732 21.0974,15.9369 19.6669,17.2172 C19.2554,17.5856 18.6232,17.5506 18.2549,17.139 C17.8865,16.7275 17.9216,16.0953 18.3331,15.727 C19.3576,14.81 19.9999957,13.4806 19.9999957,11.9999 C19.9999957,10.5192 19.3576,9.18979 18.3331,8.27282 C17.9216,7.9045 17.8865,7.2723 18.2549,6.86078 C18.6232,6.44925 19.2554,6.41423 19.6669,6.78255 Z M17.6669,9.01867 C18.4837,9.74967 18.9999957,10.8151 18.9999957,11.9999 C18.9999957,13.1847 18.4837,14.2502 17.6669,14.9812 C17.2554,15.3495 16.6232,15.3145 16.2549,14.9029 C15.9148385,14.5230538 15.9185876,13.9551556 16.2448325,13.5803563 L16.3331,13.4909 C16.7439,13.1232 16.9999957,12.5921 16.9999957,11.9999 C16.9999957,11.46692 16.7925582,10.983431 16.4515975,10.6240097 L16.3331,10.5089 C15.9216,10.1406 15.8865,9.50842 16.2549,9.09689 C16.6232,8.68536 17.2554,8.65034 17.6669,9.01867 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeFilled;

package/components/components/Icons/VolumeFilled/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeFilled';

package/components/components/Icons/VolumeMuteFilled/VolumeMuteFilled.jsx

@@ -0,0 +1,28 @@
+const VolumeMuteFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_mute_fill</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-624.000000, -144.000000)' fillRule='nonzero'>
+        <g transform='translate(624.000000, 144.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M13.2606,3.29924 C13.9570435,2.80181043 14.9125962,3.25635123 14.9943712,4.07982597 L15,4.19435 L15,19.8057 C15,20.6615 14.0747274,21.1749318 13.3570692,20.7627926 L13.2606,20.7008 L6.67953,16 L4,16 C2.94563773,16 2.08183483,15.18415 2.00548573,14.1492661 L2,14 L2,10 C2,8.94566636 2.81587733,8.08186477 3.85073759,8.00551573 L4,8.00003 L6.67953,8.00003 L13.2606,3.29924 Z M17.5858,9.17162 L19,10.5858 L20.4142,9.17163 C20.8047,8.7811 21.4379,8.7811 21.8284,9.17163 C22.2189,9.56215 22.2189,10.1953 21.8284,10.5858 L20.4142,12 L21.8284,13.4143 C22.2189,13.8048 22.2189,14.4379 21.8284,14.8285 C21.4379,15.219 20.8047,15.219 20.4142,14.8285 L19,13.4143 L17.5858,14.8285 C17.1952,15.219 16.5621,15.219 16.1716,14.8285 C15.781,14.438 15.781,13.8048 16.1716,13.4143 L17.5858,12 L16.1716,10.5858 C15.781,10.1953 15.781,9.56214 16.1716,9.17162 C16.5621,8.78109 17.1952,8.78109 17.5858,9.17162 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeMuteFilled;

package/components/components/Icons/VolumeMuteFilled/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeMuteFilled';

package/components/components/Icons/VolumeMuteOutline/VolumeMuteOutline.jsx

@@ -0,0 +1,28 @@
+const VolumeMuteOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_mute_line</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-624.000000, -96.000000)'>
+        <g transform='translate(624.000000, 96.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M15,4.19432 L15,19.8057 C15,20.7004 13.9887,21.2208 13.2606,20.7008 L6.67953,16 L4,16 C2.89543,16 2,15.1046 2,14 L2,10 C2,8.89543 2.89543,8 4,8 L6.67953,8 L13.2606,3.29921 C13.9887,2.77917 15,3.29961 15,4.19432 Z M13,5.94319 L7.84201,9.62746 C7.50281,9.86975 7.09638,10 6.67953,10 L4,10 L4,14 L6.67953,14 C7.09638,14 7.50281,14.1302 7.84201,14.3725 L13,18.0568 L13,5.94319 Z M16.1715,9.17163 C16.5319615,8.81115 17.0992207,8.78342077 17.4914973,9.08844231 L17.5857,9.17163 L18.9999,10.5858 L20.4141,9.17164 C20.8046,8.78112 21.4378,8.78112 21.8283,9.17164 C22.1888538,9.53212923 22.2165888,10.0993309 21.9115047,10.4916771 L21.8283,10.5859 L20.4141,12.0001 L21.8283,13.4143 C22.2189,13.8048 22.2189,14.438 21.8283,14.8285 C21.4678385,15.1889615 20.9005793,15.2166893 20.5083027,14.9116834 L20.4141,14.8285 L18.9999,13.4143 L17.5857,14.8285 C17.1952,15.219 16.562,15.219 16.1715,14.8285 C15.8110385,14.4680385 15.7833107,13.9007793 16.0883166,13.5085027 L16.1715,13.4143 L17.5857,12.0001 L16.1715,10.5858 C15.781,10.1953 15.781,9.56215 16.1715,9.17163 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeMuteOutline;

package/components/components/Icons/VolumeMuteOutline/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeMuteOutline';

package/components/components/Icons/VolumeOffFilled/VolumeOffFilled.jsx

@@ -0,0 +1,28 @@
+const VolumeOffFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_off_fill</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-672.000000, -144.000000)' fillRule='nonzero'>
+        <g transform='translate(672.000000, 144.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M4.59599,8.00003 L15,18.404 L15,19.8057 C15,20.7004 13.9887,21.2209 13.2606,20.7008 L6.67953,16 L4,16 C2.89543,16 2,15.1046 2,14 L2,10 C2,8.89546 2.89543,8.00003 4,8.00003 L4.59599,8.00003 Z M15,4.19435 L15,13.5857 L16.1133,14.6989 C15.9251182,14.3389909 15.9730521,13.8927182 16.2448552,13.5804424 L16.3331,13.491 C16.7438,13.1234 17,12.5923 17,12 C17,11.46702 16.792478,10.983531 16.4515733,10.6241826 L16.3331,10.5091 C15.9216,10.1407 15.8865,9.50853 16.2549,9.097 C16.6232,8.68548 17.2554,8.65045 17.6669,9.01878 C18.4836,9.74978 19,10.8153 19,12 C19,13.1848 18.4836,14.2503 17.6669,14.9813 C17.3478,15.2669 16.8959,15.31 16.5373,15.1229 L18.0072,16.5929 C17.9694,16.2796 18.0801,15.9535 18.3331,15.7271 C19.3576,14.8102 20,13.4808 20,12 C20,10.5193 19.3576,9.18993 18.3331,8.27297 C17.9216,7.90464 17.8865,7.27244 18.2549,6.86092 C18.6232,6.44939 19.2554,6.41437 19.6669,6.7827 C21.0974,8.06302 22,9.92678 22,12 C22,14.0733 21.0974,15.9371 19.6669,17.2174 C19.4436,17.4173 19.1552,17.4984 18.8793,17.465 L20.4854,19.071 C20.8759,19.4616 20.8759,20.0947 20.4854,20.4853 C20.0949,20.8758 19.4617,20.8758 19.0712,20.4853 L3.51482,4.92891 C3.12429,4.53838 3.12429,3.90522 3.51482,3.51469 C3.90534,3.12417 4.53851,3.12417 4.92903,3.51469 L8.27485,6.86052 L13.2606,3.29924 C13.9887,2.7792 15,3.29964 15,4.19435 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeOffFilled;

package/components/components/Icons/VolumeOffFilled/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeOffFilled';

package/components/components/Icons/VolumeOffOutline/VolumeOffOutline.jsx

@@ -0,0 +1,28 @@
+const VolumeOffOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_off_line</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-672.000000, -96.000000)'>
+        <g transform='translate(672.000000, 96.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M4.59604,8 L6.59604,10 L4,10 L4,14 L6.67953,14 C7.09638,14 7.50281,14.1302 7.84201,14.3725 L13,18.0568 L13,16.404 L15,18.404 L15,19.8057 C15,20.7004 13.9887,21.2208 13.2606,20.7008 L6.67953,16 L4,16 C2.89543,16 2,15.1046 2,14 L2,10 C2,8.89543 2.89543,8 4,8 L4.59604,8 Z M13.2606,3.29921 C13.9570435,2.80178043 14.9125962,3.25632123 14.9943712,4.07979597 L15,4.19432 L15,13.5857 L16.1133,14.699 C15.9250273,14.3390909 15.9729529,13.8927355 16.2448304,13.5804448 L16.3331,13.491 C16.7438,13.1233 17,12.5922 17,12 C17,11.46693 16.792478,10.983513 16.4515733,10.624107 L16.3331,10.509 C15.9216,10.1407 15.8865,9.50849 16.2549,9.09696 C16.6232,8.68544 17.2554,8.65042 17.6669,9.01874 C18.4836,9.74974 19,10.8152 19,12 C19,13.1847 18.4836,14.2502 17.6669,14.9812 C17.3831667,15.2351556 16.9945049,15.2973481 16.6597823,15.1766272 L16.5371,15.1228 L18.0072,16.5929 C17.9694,16.2796 18.0801,15.9535 18.3331,15.7271 C19.3576,14.8101 20,13.4807 20,12 C20,10.5193 19.3576,9.18989 18.3331,8.27293 C17.9216,7.9046 17.8865,7.27241 18.2549,6.86088 C18.6232,6.44935 19.2554,6.41433 19.6669,6.78266 C21.0974,8.06298 22,9.92675 22,12 C22,14.0733 21.0974,15.937 19.6669,17.2174 C19.4754143,17.3887429 19.2361735,17.4728041 18.9979822,17.4722286 L18.8792,17.4649 L20.4854,19.0711 C20.8759,19.4616 20.8759,20.0948 20.4854,20.4853 C20.1249385,20.8457615 19.5576793,20.8734893 19.1654027,20.5684834 L19.0712,20.4853 L3.51482,4.92894 C3.12429,4.53841 3.12429,3.90525 3.51482,3.51473 C3.8753,3.15424077 4.44253503,3.12651083 4.8348235,3.43154018 L4.92903,3.51473 L8.27482,6.86051 L13.2606,3.29921 Z M13,5.94319 L9.70854,8.29423 L13,11.5857 L13,5.94319 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeOffOutline;

package/components/components/Icons/VolumeOffOutline/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeOffOutline';

package/components/components/Icons/VolumeOutline/VolumeOutline.jsx

@@ -0,0 +1,28 @@
+const VolumeOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>volume_line</title>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-1344.000000, 0.000000)'>
+        <g transform='translate(1344.000000, 0.000000)'>
+          <path
+            d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z'
+            fillRule='nonzero'
+          ></path>
+          <path
+            d='M15,4.19422 L15,19.8056 C15,20.7003 13.9887,21.2207 13.2606,20.7007 L6.67953,15.9999 L4,15.9999 C2.89543,15.9999 2,15.1045 2,13.9999 L2,9.99991 C2,8.89534 2.89543,7.99991 4,7.99991 L6.67953,7.99991 L13.2606,3.29912 C13.9887,2.77908 15,3.29952 15,4.19422 Z M13,5.94309 L7.84201,9.62737 C7.50281,9.86966 7.09638,9.99991 6.67953,9.99991 L4,9.99991 L4,13.9999 L6.67953,13.9999 C7.09638,13.9999 7.50281,14.1302 7.84201,14.3724 L13,18.0567 L13,5.94309 Z M18.2549,6.86093 C18.6232,6.4494 19.2554,6.41438 19.6669,6.78271 C21.0974,8.06302 21.9999957,9.92679 21.9999957,12.0001 C21.9999957,14.0733 21.0974,15.9371 19.6669,17.2174 C19.2554,17.5857 18.6232,17.5507 18.2549,17.1392 C17.8865,16.7277 17.9216,16.0955 18.3331,15.7271 C19.3576,14.8102 19.9999957,13.4808 19.9999957,12.0001 C19.9999957,10.5193 19.3576,9.18994 18.3331,8.27298 C17.9216,7.90465 17.8865,7.27245 18.2549,6.86093 Z M17.6669,9.01879 C18.4837,9.74979 18.9999957,10.8153 18.9999957,12 C18.9999957,13.1848 18.4837,14.2503 17.6669,14.9813 C17.2554,15.3496 16.6232,15.3146 16.2549,14.9031 C15.9148385,14.5231615 15.9185876,13.9552562 16.2448325,13.5804564 L16.3331,13.491 C16.7439,13.1234 16.9999957,12.5923 16.9999957,12 C16.9999957,11.46702 16.7925582,10.983531 16.4515975,10.6241826 L16.3331,10.5091 C15.9216,10.1407 15.8865,9.50854 16.2549,9.09701 C16.6232,8.68548 17.2554,8.65046 17.6669,9.01879 Z'
+            fill={color}
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default VolumeOutline;

package/components/components/Icons/VolumeOutline/index.js

@@ -0,0 +1 @@
+export { default } from './VolumeOutline';

package/components/components/Icons/WalletFilled/WalletFilled.jsx

@@ -0,0 +1,24 @@
+const WalletFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='-1.5 0 33 33'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>wallet</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs></defs>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd' sketch:type='MSPage'>
+      <g sketch:type='MSLayerGroup' transform='translate(-259.000000, -776.000000)' fill={color}>
+        <path
+          d='M283,799 L289,799 L289,797 L283,797 L283,799 Z M287,787 L259,787 L259,807 C259,808.104 259.896,809 261,809 L287,809 C288.104,809 289,808.104 289,807 L289,801 L282,801 C281.448,801 281,800.553 281,800 L281,796 C281,795.448 281.448,795 282,795 L289,795 L289,789 C289,787.896 288.104,787 287,787 L287,787 Z M287,778 C287,777.447 286.764,777.141 286.25,776.938 C285.854,776.781 285.469,776.875 285,777 L259,785 L287,785 L287,778 L287,778 Z'
+          sketch:type='MSShapeGroup'
+        ></path>
+      </g>
+    </g>
+  </svg>
+);
+
+export default WalletFilled;

package/components/components/Icons/WalletFilled/index.js

@@ -0,0 +1 @@
+export { default } from './WalletFilled';

package/components/components/Icons/WalletOutline/WalletOutline.jsx

@@ -0,0 +1,24 @@
+const WalletOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='-1.5 0 33 33'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>wallet</title>
+    <desc>Created with Sketch Beta.</desc>
+    <defs></defs>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd' sketch:type='MSPage'>
+      <g sketch:type='MSLayerGroup' transform='translate(-257.000000, -774.000000)' fill={color}>
+        <path
+          d='M285,793 L280,793 C279.448,793 279,793.448 279,794 L279,798 C279,798.553 279.448,799 280,799 L285,799 L285,804 C285,804.553 284.552,805 284,805 L260,805 C259.448,805 259,804.553 259,804 L259,785 L284,785 C284.552,785 285,785.447 285,786 L285,793 L285,793 Z M285,796 L285,797 L281,797 L281,796 L281,795 L285,795 L285,796 L285,796 Z M283,777 L283,783 L263.5,783 L283,777 L283,777 Z M285,783 L285,776 C285,775.447 284.764,775.141 284.25,774.938 C283.854,774.781 283.469,774.875 283,775 L257,783 L257,805 C257,806.104 257.896,807 259,807 L285,807 C286.104,807 287,806.104 287,805 L287,785 C287,783.896 286.104,783 285,783 L285,783 Z'
+          sketch:type='MSShapeGroup'
+        ></path>
+      </g>
+    </g>
+  </svg>
+);
+
+export default WalletOutline;

package/components/components/Icons/WalletOutline/index.js

@@ -0,0 +1 @@
+export { default } from './WalletOutline';

package/components/components/Icons/Warning/Warning.jsx

@@ -0,0 +1,20 @@
+const Warning = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      d='M12 18.99V19M12 5V16'
+      stroke={color}
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+  </svg>
+);
+
+export default Warning;

package/components/components/Icons/Warning/index.js

@@ -0,0 +1 @@
+export { default } from './Warning';

package/components/components/Icons/WarningCircleFilled/WarningCircleFilled.jsx

@@ -0,0 +1,17 @@
+const WarningCircleFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 1024 1024'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      fill={color}
+      d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z'
+    />
+  </svg>
+);
+
+export default WarningCircleFilled;

package/components/components/Icons/WarningCircleFilled/index.js

@@ -0,0 +1 @@
+export { default } from './WarningCircleFilled';

package/components/components/Icons/WarningCircleOutline/WarningCircleOutline.jsx

@@ -0,0 +1,17 @@
+const WarningCircleOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 1024 1024'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      fill={color}
+      d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z'
+    />
+  </svg>
+);
+
+export default WarningCircleOutline;

package/components/components/Icons/WarningCircleOutline/index.js

@@ -0,0 +1 @@
+export { default } from './WarningCircleOutline';

package/components/components/Icons/WarningSmall/WarningSmall.jsx

@@ -0,0 +1,20 @@
+const WarningSmall = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      d='M12 16.99V17M12 7V14'
+      stroke={color}
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+  </svg>
+);
+
+export default WarningSmall;

package/components/components/Icons/WarningSmall/index.js

@@ -0,0 +1 @@
+export { default } from './WarningSmall';

package/components/components/Icons/WarningTriangleFilled/WarningTriangleFilled.jsx

@@ -0,0 +1,18 @@
+const WarningTriangleFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 32 32'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>warning</title>
+    <path
+      fill={color}
+      d='M30.555 25.219l-12.519-21.436c-1.044-1.044-2.738-1.044-3.782 0l-12.52 21.436c-1.044 1.043-1.044 2.736 0 3.781h28.82c1.046-1.045 1.046-2.738 0.001-3.781zM14.992 11.478c0-0.829 0.672-1.5 1.5-1.5s1.5 0.671 1.5 1.5v7c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5v-7zM16.501 24.986c-0.828 0-1.5-0.67-1.5-1.5 0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.83-0.672 1.5-1.5 1.5z'
+    ></path>
+  </svg>
+);
+
+export default WarningTriangleFilled;

package/components/components/Icons/WarningTriangleFilled/index.js

@@ -0,0 +1 @@
+export { default } from './WarningTriangleFilled';

package/components/components/Icons/WarningTriangleOutline/WarningTriangleOutline.jsx

@@ -0,0 +1,20 @@
+const WarningTriangleOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      d='M12 15H12.01M12 12V9M4.98207 19H19.0179C20.5615 19 21.5233 17.3256 20.7455 15.9923L13.7276 3.96153C12.9558 2.63852 11.0442 2.63852 10.2724 3.96153L3.25452 15.9923C2.47675 17.3256 3.43849 19 4.98207 19Z'
+      stroke={color}
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+  </svg>
+);
+
+export default WarningTriangleOutline;

package/components/components/Icons/WarningTriangleOutline/index.js

@@ -0,0 +1 @@
+export { default } from './WarningTriangleOutline';

package/components/components/Icons/WhatsappFilled/WhatsappFilled.jsx

@@ -0,0 +1,23 @@
+const WhatsappFilled = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 20 20'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <title>whatsapp [#128]</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g transform='translate(-300.000000, -7599.000000)' fill={color}>
+        <g transform='translate(56.000000, 160.000000)'>
+          <path d='M259.821,7453.12124 C259.58,7453.80344 258.622,7454.36761 257.858,7454.53266 C257.335,7454.64369 256.653,7454.73172 254.355,7453.77943 C251.774,7452.71011 248.19,7448.90097 248.19,7446.36621 C248.19,7445.07582 248.934,7443.57337 250.235,7443.57337 C250.861,7443.57337 250.999,7443.58538 251.205,7444.07952 C251.446,7444.6617 252.034,7446.09613 252.104,7446.24317 C252.393,7446.84635 251.81,7447.19946 251.387,7447.72462 C251.252,7447.88266 251.099,7448.05372 251.27,7448.3478 C251.44,7448.63589 252.028,7449.59418 252.892,7450.36341 C254.008,7451.35771 254.913,7451.6748 255.237,7451.80984 C255.478,7451.90987 255.766,7451.88687 255.942,7451.69881 C256.165,7451.45774 256.442,7451.05762 256.724,7450.6635 C256.923,7450.38141 257.176,7450.3464 257.441,7450.44643 C257.62,7450.50845 259.895,7451.56477 259.991,7451.73382 C260.062,7451.85686 260.062,7452.43903 259.821,7453.12124 M254.002,7439 L253.997,7439 L253.997,7439 C248.484,7439 244,7443.48535 244,7449 C244,7451.18666 244.705,7453.21526 245.904,7454.86076 L244.658,7458.57687 L248.501,7457.3485 C250.082,7458.39482 251.969,7459 254.002,7459 C259.515,7459 264,7454.51465 264,7449 C264,7443.48535 259.515,7439 254.002,7439'></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default WhatsappFilled;

package/components/components/Icons/WhatsappFilled/index.js

@@ -0,0 +1 @@
+export { default } from './WhatsappFilled';

package/components/components/Icons/WhatsappOutline/WhatsappOutline.jsx

@@ -0,0 +1,19 @@
+const WhatsappOutline = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 0 24 24'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M3.50002 12C3.50002 7.30558 7.3056 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C10.3278 20.5 8.77127 20.0182 7.45798 19.1861C7.21357 19.0313 6.91408 18.9899 6.63684 19.0726L3.75769 19.9319L4.84173 17.3953C4.96986 17.0955 4.94379 16.7521 4.77187 16.4751C3.9657 15.176 3.50002 13.6439 3.50002 12ZM12 1.5C6.20103 1.5 1.50002 6.20101 1.50002 12C1.50002 13.8381 1.97316 15.5683 2.80465 17.0727L1.08047 21.107C0.928048 21.4637 0.99561 21.8763 1.25382 22.1657C1.51203 22.4552 1.91432 22.5692 2.28599 22.4582L6.78541 21.1155C8.32245 21.9965 10.1037 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM14.2925 14.1824L12.9783 15.1081C12.3628 14.7575 11.6823 14.2681 10.9997 13.5855C10.2901 12.8759 9.76402 12.1433 9.37612 11.4713L10.2113 10.7624C10.5697 10.4582 10.6678 9.94533 10.447 9.53028L9.38284 7.53028C9.23954 7.26097 8.98116 7.0718 8.68115 7.01654C8.38113 6.96129 8.07231 7.046 7.84247 7.24659L7.52696 7.52195C6.76823 8.18414 6.3195 9.2723 6.69141 10.3741C7.07698 11.5163 7.89983 13.314 9.58552 14.9997C11.3991 16.8133 13.2413 17.5275 14.3186 17.8049C15.1866 18.0283 16.008 17.7288 16.5868 17.2572L17.1783 16.7752C17.4313 16.5691 17.5678 16.2524 17.544 15.9269C17.5201 15.6014 17.3389 15.308 17.0585 15.1409L15.3802 14.1409C15.0412 13.939 14.6152 13.9552 14.2925 14.1824Z'
+      fill={color}
+    />
+  </svg>
+);
+
+export default WhatsappOutline;

package/components/components/Icons/WhatsappOutline/index.js

@@ -0,0 +1 @@
+export { default } from './WhatsappOutline';

package/components/components/Icons/Youtube/Youtube.jsx

@@ -0,0 +1,17 @@
+const Youtube = ({ size = 24, color = 'currentColor', ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox='0 -4 32 32'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+    {...props}
+  >
+    <path
+      fill={color}
+      d='M30.722,20.579 C30.137,21.894 28.628,23.085 27.211,23.348 C27.066,23.375 23.603,24.000 16.010,24.000 L15.990,24.000 C8.398,24.000 4.932,23.375 4.788,23.349 C3.371,23.085 1.861,21.894 1.275,20.578 C1.223,20.461 0.001,17.647 0.001,12.000 C0.001,6.353 1.223,3.538 1.275,3.421 C1.861,2.105 3.371,0.915 4.788,0.652 C4.932,0.625 8.398,-0.000 15.990,-0.000 C23.603,-0.000 27.066,0.625 27.210,0.651 C28.628,0.915 30.137,2.105 30.723,3.420 C30.775,3.538 32.000,6.353 32.000,12.000 C32.000,17.647 30.775,20.461 30.722,20.579 ZM28.893,4.230 C28.581,3.529 27.603,2.759 26.845,2.618 C26.813,2.612 23.386,2.000 16.010,2.000 C8.615,2.000 5.185,2.612 5.152,2.618 C4.394,2.759 3.417,3.529 3.104,4.234 C3.094,4.255 2.002,6.829 2.002,12.000 C2.002,17.170 3.094,19.744 3.106,19.770 C3.417,20.471 4.394,21.241 5.153,21.382 C5.185,21.388 8.615,22.000 15.990,22.000 L16.010,22.000 C23.386,22.000 26.813,21.388 26.846,21.382 C27.604,21.241 28.581,20.471 28.894,19.766 C28.904,19.744 29.998,17.170 29.998,12.000 C29.998,6.830 28.904,4.255 28.893,4.230 ZM13.541,17.846 C13.379,17.949 13.193,18.000 13.008,18.000 C12.842,18.000 12.676,17.959 12.525,17.875 C12.206,17.699 12.008,17.364 12.008,17.000 L12.008,7.000 C12.008,6.637 12.204,6.303 12.521,6.127 C12.838,5.950 13.227,5.958 13.534,6.149 L21.553,11.105 C21.846,11.286 22.026,11.606 22.027,11.951 C22.028,12.296 21.852,12.618 21.560,12.801 L13.541,17.846 ZM14.009,8.794 L14.009,15.189 L19.137,11.963 L14.009,8.794 Z'
+    />
+  </svg>
+);
+
+export default Youtube;

package/components/components/Icons/Youtube/index.js

@@ -0,0 +1 @@
+export { default } from './Youtube';