@crystallize/design-system 1.4.0 → 1.4.2

package/src/iconography/catalogue.tsx

@@ -0,0 +1,26 @@
+import { forwardRef, SVGProps } from 'react';
+
+type CatalogueProps = SVGProps<SVGSVGElement>;
+
+type CatalogueRef = SVGSVGElement;
+
+export const Catalogue = forwardRef<CatalogueRef, CatalogueProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
+      <path
+        d="m20.558 16.922-.006-1.83c-.007-2.697-.007-4.838-.007-7.845l-.013-3.893a.226.226 0 0 0-.213-.22l-7.088-.013c-1.184.032-1.928.498-2.212 1.423-.343-.932-1.067-1.384-2.277-1.423l-7.095-.007a.221.221 0 0 0-.213.22l.02 13.647-.014.77c-.006.497-.006.995-.006 1.493a.29.29 0 0 0 .29.291h.544c.647 0 1.294 0 1.934-.006.64-.007 1.287-.007 1.927-.007h.55c.595 0 1.19.007 1.779.007.588 0 1.19.013 1.785.013s1.183-.007 1.778-.02c.356-.006.718-.006 1.08-.006l2.717.006c.653 0 1.3.007 1.953.007s1.306.006 1.953.006h.556a.294.294 0 0 0 .291-.29l-.013-2.323ZM1.997 5.274c-.026-.543-.046-1.112-.026-1.571l.743-.02c.854 0 1.714 0 2.568-.006.298 0 .647-.013 1.015-.032.42-.02.867-.04 1.307-.04 1.067 0 2.341.104 2.736.88.284.592.413 1.246.375 1.902l-.007 2.73v2.897c0 .304-.006.582-.013.912-.006.607-.019 1.131-.032 1.649-.026.97-.045 1.888.039 3.356-.931-.944-2.613-1.093-3.531-1.1l-2.794-.006c-.557 0-1.158.033-1.727.059l-.653.064c0-1.313.006-2.25.012-3.24 0-.757.007-1.546.013-2.561v-5.07c0-.246-.013-.518-.025-.803Zm7.23 13.615c-1.222.013-2.845.052-3.654.065-.278.006-.46.013-.491.013H3.71c-.582 0-1.164-.007-1.681-.007-.013-.045-.007-.407 0-.698.015-.259.017-.518.006-.776.104 0 .208-.007.31-.02.078-.006.15-.019.22-.019.583-.013 1.094-.02 1.624-.02.317-.006 1.242-.019 1.242-.019.233 0 .504-.006.795-.006 2.723 0 4.198.472 4.508 1.442l.007.084a12.369 12.369 0 0 0-1.514-.039Zm2.005.071a.333.333 0 0 0 .007-.11c.452-1.293 2.354-1.442 3.744-1.442.408 0 .796.02 1.139.026.2.013.381.02.543.02l3.285-.007.046 1.494-8.764.02Zm8.072-2.108c-.156 0-.298 0-.427-.006h-.09c-.46 0-.926-.007-1.385-.02-.563-.006-1.125-.013-1.694-.013h-.492c-.161 0-.336.007-.563.02a9.1 9.1 0 0 0-2.095.362c-.176.058-.35.127-.517.207-.283.119-.545.283-.777.485a.172.172 0 0 0-.032.039c.045-1.462.071-2.807.071-4.237v-.039c.007-.55.007-1.099.007-1.662l-.039-5.6c0-.266-.013-.524-.032-.77.006-.104.013-.214.025-.317.26-1.475 1.475-1.675 2.633-1.675.284 0 .575.013.847.032.252.007.485.02.699.02l2.496.006 1.397-.006c.233 0 .453 0 .627-.013v1.377c-.006 1.61-.006 3.215-.006 4.825 0 1.19.006 2.147.013 3.066.006 1.209.013 2.354.039 3.887-.235.023-.47.033-.705.031Z"
+        fill="#528693"
+      />
+      <path
+        d="m19.996 18.94-8.764.02a.333.333 0 0 0 .007-.11c.452-1.294 2.354-1.443 3.744-1.443.408 0 .796.02 1.139.026.2.013.381.02.543.02l3.285-.007.046 1.494ZM10.74 18.927a12.37 12.37 0 0 0-1.513-.038c-1.222.012-2.845.051-3.654.064l-.491.013H3.71c-.582 0-1.165-.006-1.682-.006-.013-.046-.006-.408 0-.699.015-.258.018-.517.007-.776.103 0 .207-.006.31-.02.078-.006.149-.019.22-.019a71.5 71.5 0 0 1 1.623-.02c.317-.006 1.242-.018 1.242-.018.233 0 .504-.007.796-.007 2.722 0 4.197.472 4.507 1.442l.007.084Z"
+        fill="#fff"
+      />
+      <path
+        d="m10.715 6.387-.007 2.73v2.897c0 .304-.006.582-.013.912-.006.607-.02 1.131-.032 1.649-.026.97-.045 1.888.039 3.356-.932-.944-2.613-1.093-3.532-1.1l-2.794-.006c-.556 0-1.157.033-1.726.059l-.654.064c0-1.313.007-2.25.013-3.24 0-.757.007-1.546.013-2.561v-5.07c0-.246-.013-.518-.026-.803a18.746 18.746 0 0 1-.025-1.571l.743-.02c.854 0 1.714 0 2.568-.006.297 0 .647-.013 1.015-.032.42-.02.867-.04 1.307-.04 1.067 0 2.341.104 2.735.88.285.592.414 1.246.376 1.902ZM20.009 16.82c-.235.023-.47.034-.705.032-.156 0-.298 0-.427-.006h-.09c-.46 0-.926-.007-1.385-.02-.563-.006-1.125-.013-1.694-.013h-.492c-.162 0-.336.007-.563.02a9.1 9.1 0 0 0-2.095.362c-.177.058-.35.127-.518.207a2.88 2.88 0 0 0-.776.485.174.174 0 0 0-.032.038c.045-1.461.071-2.806.071-4.236v-.039c.007-.55.007-1.099.007-1.662l-.04-5.6c0-.266-.012-.524-.031-.77.006-.104.012-.214.025-.317.26-1.475 1.475-1.675 2.633-1.675.284 0 .575.013.847.032.252.007.485.02.698.02l2.497.006 1.397-.006c.233 0 .453 0 .627-.013v1.377c-.006 1.61-.006 3.215-.006 4.825 0 1.19.006 2.147.013 3.066.006 1.208.015 2.353.039 3.887Z"
+        fill="#BFF6F8"
+      />
+    </svg>
+  );
+});
+
+Catalogue.displayName = 'CatalogueIcon';

package/src/iconography/copy.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, SVGProps } from 'react';
+
+type CopyProps = SVGProps<SVGSVGElement>;
+
+type CopyRef = SVGSVGElement;
+
+export const Copy = forwardRef<CopyRef, CopyProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="14"
+      height="16"
+      viewBox="0 0 14 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <rect x=".5" y="3.5" width="9" height="12" rx="2.5" fill="#EAEBEE" stroke="#80878D" strokeDasharray="3 2" />
+      <rect x="4.5" y=".5" width="9" height="12" rx="2.5" fill="#EAEBEE" stroke="#80878D" />
+    </svg>
+  );
+});
+
+Copy.displayName = 'CopyIcon';

package/src/iconography/crystal.tsx

@@ -0,0 +1,93 @@
+import { forwardRef, SVGProps } from 'react';
+
+type CrystalProps = SVGProps<SVGSVGElement>;
+
+type CrystalRef = SVGSVGElement;
+
+export const Crystal = forwardRef<CrystalRef, CrystalProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="27"
+      height="27"
+      viewBox="0 0 27 27"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path
+        fill="#528693"
+        d="M13.945 26.805c3.479 0 6.299-.386 6.299-.861 0-.476-2.82-.861-6.299-.861-3.478 0-6.298.385-6.298.86 0 .476 2.82.862 6.298.862ZM25.356 5.894l-2.998-2.938-1.98 4.77 4.978-1.832ZM26.995 14.579l-.341-3.357-3.644 1.896 3.985 1.46ZM.896 14.579l.341-3.357 3.643 1.896-3.984 1.46ZM2.563 5.894l2.999-2.938 1.98 4.77-4.979-1.832Z"
+        opacity=".15"
+      />
+      <path fill="#AEF9F6" d="m23.267 13.32-1.348-.562-1.444-6.409 2.792 6.971Z" />
+      <path fill="#fff" d="M20.475 6.35 15.51 10.6l-1.412-.367 6.378-3.884Z" />
+      <path fill="#fff" d="m14.732 23.732-.635-13.5 1.412.368.217.181-.994 12.951Z" />
+      <path
+        fill="#AEF9F6"
+        d="m23.267 13.32-8.535 10.412 6.63-10.123.557-.85 1.348.56ZM21.92 12.758 15.51 10.6l4.965-4.25 1.444 6.408Z"
+      />
+      <path fill="#AEF9F6" d="m15.51 10.6 6.41 2.158-.558.85-6.63 10.124.777-13.132Z" />
+      <path
+        fill="#528693"
+        d="m20.358 6.113-5.596 3.406-.782.476a.263.263 0 0 0-.145.223l.216 4.584.34 7.25.079 1.666a.27.27 0 0 0 .18.259.262.262 0 0 0 .3-.098l2.898-3.535 4.584-5.592 1.054-1.285a.267.267 0 0 0 .017-.266l-2.45-6.114-.343-.855c-.127-.316-.596-.078-.47.237l2.45 6.115.343.854.017-.266-2.898 3.535-4.584 5.592-1.054 1.285.48.162-.216-4.584-.341-7.25-.078-1.666-.145.223 5.596-3.406.782-.477c.288-.174.056-.65-.234-.473Z"
+      />
+      <path
+        fill="#528693"
+        d="M23.309 13.194c-.47-.196-.935-.417-1.416-.584-.556-.193-1.117-.376-1.675-.564l-4.498-1.514c-.517-.174-1.055-.288-1.582-.426-.162-.042-.246.209-.083.251.492.129.997.234 1.48.392.56.183 1.116.375 1.675.564l4.499 1.514c.516.174 1.014.409 1.517.618.156.065.239-.186.083-.251Z"
+      />
+      <path
+        fill="#528693"
+        d="m14.863 23.739.16-2.712.327-5.509.258-4.366.027-.449c0-.013.014-.078.005-.089.043.052-.1.109-.006.054.164-.119.319-.25.462-.395l.857-.735 3.537-3.027.073-.062-.216-.072.905 4.012.48 2.13c.01.076.026.15.05.222.042.093-.023-.039.025-.05-.04.01-.128.196-.15.228l-2.166 3.307-3.055 4.663-1.18 1.8c-.2.308-.42.61-.606.928l-.027.041a.134.134 0 0 0 .038.18.13.13 0 0 0 .18-.032l1.504-2.297 3.03-4.626 2.375-3.626c.1-.151.316-.37.29-.562-.08-.56-.254-1.124-.378-1.676l-1.037-4.603-.021-.093a.135.135 0 0 0-.088-.098.131.131 0 0 0-.128.025l-3.14 2.689-1.64 1.403c-.084.072-.203.141-.23.254a1.507 1.507 0 0 0-.014.245l-.232 3.907-.333 5.624-.13 2.194c-.022.368-.062.74-.065 1.11l-.003.049a.13.13 0 0 0 .262.014Z"
+      />
+      <path
+        fill="#fff"
+        d="M20.692 13.37c-.28.417-.553.837-.83 1.257-.456.693-.91 1.387-1.36 2.083-.497.767-.99 1.537-1.485 2.306-.409.635-.815 1.27-1.22 1.908-.194.303-.4.602-.583.912l-.008.013a.145.145 0 0 0 .041.195.14.14 0 0 0 .195-.035l.474-.746 1.162-1.83a928.57 928.57 0 0 0 2.815-4.46c.296-.47.59-.942.894-1.407l.06-.091a.095.095 0 0 0-.027-.128.093.093 0 0 0-.128.023ZM20.92 13.108l.005.006c.08.104.22-.012.178-.12l-.002-.006c-.041-.105-.196-.068-.215.03a.117.117 0 0 0 .057.12.114.114 0 0 0 .13-.011l.005-.003c.102-.081-.012-.222-.12-.18l-.005.003a.105.105 0 0 0-.054.073.108.108 0 0 0 .022.088ZM21.084 11.8l-.002-.028c.003.036-.003-.016-.005-.032l-.008-.05a56.027 56.027 0 0 0-.237-1.25c-.147-.724-.297-1.448-.449-2.17l-.107-.496a.123.123 0 0 0-.223-.041.126.126 0 0 0-.018.092c.093.45.182.903.275 1.354.148.724.296 1.448.461 2.168.028.12.055.239.085.358l.025.098c.014.052-.006-.01.01.027l.002.01a.097.097 0 0 0 .175.032.1.1 0 0 0 .016-.073Z"
+      />
+      <path
+        fill="#fff"
+        d="m22.606 13.365-1.138 1.425a4396.042 4396.042 0 0 0-2.227 2.793c-.031.04.034.083.065.044l1.133-1.429 1.803-2.277.413-.522c.025-.03-.026-.064-.05-.034h.001ZM22.54 12.58c-.21-.569-.417-1.138-.638-1.703-.018-.047-.088-.011-.07.035.219.565.436 1.13.653 1.695.014.037.068.009.054-.028Z"
+        opacity=".25"
+      />
+      <path
+        fill="#fff"
+        d="M16.367 11.99a.23.23 0 0 0 .286-.152.237.237 0 0 0-.139-.294.23.23 0 0 0-.173.017.235.235 0 0 0-.102.31.233.233 0 0 0 .128.118ZM16.051 12.237l-.007.01a.16.16 0 0 0-.01.16l.022.033a.154.154 0 0 0 .069.046.156.156 0 0 0 .181-.063.162.162 0 0 0 .026-.08v-.012l-.003-.04a.114.114 0 0 0-.024-.054.077.077 0 0 0-.026-.03.117.117 0 0 0-.052-.031l-.04-.008-.04.003a.172.172 0 0 0-.095.066h-.001ZM16.749 10.5a.084.084 0 0 0 .107-.053.085.085 0 0 0-.118-.104.085.085 0 0 0-.038.115c.01.02.027.035.049.043ZM16.417 10.402a.085.085 0 0 0 .104-.055.087.087 0 0 0-.05-.108.084.084 0 0 0-.105.056.086.086 0 0 0 .05.107ZM16.69 10.169a.075.075 0 0 0 .092-.05.076.076 0 0 0-.045-.096.075.075 0 0 0-.092.05.077.077 0 0 0 .044.096ZM16.043 13.249l.011.004a.087.087 0 0 0 .108-.055l.004-.022a.088.088 0 0 0-.008-.043l-.013-.019a.085.085 0 0 0-.037-.025l-.012-.004a.061.061 0 0 0-.033-.003.061.061 0 0 0-.031.008.096.096 0 0 0-.043.05l-.004.022c0 .015.002.03.009.043l.012.018c.01.011.023.02.037.025v.001Z"
+      />
+      <path fill="#AEF9F6" d="m18.609 12.145-1.93.258L9.838 1.35l8.771 10.795Z" />
+      <path fill="#fff" d="M9.837 1.35 7.842 14.228l-1.875.527L9.837 1.35Z" />
+      <path fill="#fff" d="m14.69 25.314-8.723-10.56 1.875-.527.37.063 6.479 11.024Z" />
+      <path
+        fill="#AEF9F6"
+        d="m18.609 12.144-3.918 13.17 1.906-11.552.082-1.359 1.93-.259ZM16.679 12.403l-8.837 1.824L9.837 1.35l6.842 11.053Z"
+      />
+      <path fill="#AEF9F6" d="m7.842 14.227 8.837-1.824-.082 1.36-1.906 11.551-6.849-11.087Z" />
+      <path
+        fill="#528693"
+        d="M9.506 1.238 8.196 5.77l-2.085 7.22c-.156.54-.33 1.078-.469 1.623-.097.385.45.842.669 1.107l4.482 5.424c1.191 1.443 2.35 2.922 3.578 4.333l.06.072a.352.352 0 0 0 .592-.122l1.357-4.561 2.123-7.138c.144-.483.333-.973.437-1.467.05-.24-.08-.367-.213-.531l-.551-.678-4.5-5.536c-1.172-1.442-2.31-2.92-3.52-4.33-.02-.023-.038-.047-.057-.071-.286-.352-.808.12-.522.472l2.967 3.65 4.725 5.814 1.08 1.327-.072-.35-1.324 4.454-2.11 7.094-.483 1.624.592-.122-2.95-3.571-4.7-5.69-1.075-1.301.071.35 1.31-4.535 2.085-7.22.476-1.647c.126-.437-.537-.665-.663-.227Z"
+      />
+      <path
+        fill="#528693"
+        d="M18.574 11.97c-.673.091-1.357.148-2.023.28-.77.152-1.539.317-2.31.476l-6.2 1.28c-.713.147-1.41.377-2.11.573-.215.06-.147.407.07.347.654-.184 1.306-.402 1.97-.545.767-.165 1.539-.318 2.309-.477l6.202-1.28c.712-.146 1.442-.21 2.163-.308.223-.03.152-.376-.07-.346h-.001Z"
+      />
+      <path
+        fill="#528693"
+        d="m14.847 25.234-2.316-3.75-3.669-5.938-.571-.925c-.063-.102-.172-.388-.278-.45-.048-.028-.015.075.007.047.023-.03.022-.141.028-.178l.125-.81 1.025-6.616.516-3.326.183-1.18a5.54 5.54 0 0 0 .102-.658.661.661 0 0 1 .013-.087l-.33.068 2.325 3.757 3.67 5.928.566.915c.053.085.174.39.269.434.037.017.024-.093-.012-.045-.026.035-.022.146-.029.188l-.126.823-1.021 6.632c-.265 1.714-.59 3.431-.794 5.154l-.014.087c-.034.225.316.247.35.024l.672-4.367 1.075-6.974.162-1.056c.037-.163.063-.328.076-.494a.473.473 0 0 0-.11-.264l-.415-.671-3.527-5.699c-.92-1.485-1.83-2.978-2.76-4.457l-.045-.074a.178.178 0 0 0-.19-.089.177.177 0 0 0-.141.157l-.678 4.375-1.08 6.966-.161 1.043a3.035 3.035 0 0 0-.074.477c.012.1.053.195.118.271l.423.685 3.529 5.713c.916 1.483 1.822 2.974 2.749 4.45l.046.075c.118.192.431.033.312-.16v-.001Z"
+      />
+      <path
+        fill="#fff"
+        d="M15.423 13.982c-.141 1.096-.303 2.19-.45 3.284-.181 1.338-.356 2.677-.524 4.016l-.203 1.605c-.03.245.348.27.378.026.137-1.095.271-2.19.402-3.287.16-1.34.32-2.679.465-4.02.058-.536.117-1.071.18-1.606.02-.161-.228-.176-.248-.017ZM15.594 13.639l.008.004c.128.06.26-.14.154-.235l-.004-.004a.153.153 0 0 0-.264.134.155.155 0 0 0 .14.124.152.152 0 0 0 .155-.105l.002-.005c.061-.13-.139-.262-.232-.155l-.007.007a.142.142 0 0 0 .048.234ZM15.557 11.79c-.302-.557-.644-1.096-.975-1.636L13.55 8.473a133.094 133.094 0 0 1-2.044-3.407A79.116 79.116 0 0 1 10.46 3.19a.165.165 0 0 0-.219-.067.168.168 0 0 0-.075.218c1.215 2.33 2.615 4.56 4.013 6.78.383.609.756 1.227 1.165 1.817.085.123.282-.018.213-.147Z"
+      />
+      <path
+        fill="#fff"
+        d="M17.647 12.679c-.275.877-.552 1.753-.82 2.633-.02.064.078.098.098.034.272-.879.534-1.76.8-2.641.014-.051-.062-.076-.077-.026ZM17.583 11.942c-.563-.726-1.121-1.452-1.688-2.173-.042-.053-.119.017-.078.07.565.722 1.136 1.439 1.705 2.158.033.041.093-.014.06-.055Z"
+        opacity=".25"
+      />
+      <path
+        fill="#fff"
+        d="M9.753 15.255a.311.311 0 0 0 .23-.368.314.314 0 0 0-.354-.246.312.312 0 0 0-.23.367.314.314 0 0 0 .354.247ZM9.55 15.754l-.001.016a.214.214 0 0 0 .094.191l.048.024a.206.206 0 0 0 .11.007.232.232 0 0 0 .134-.09.212.212 0 0 0 .011-.215l-.008-.014-.03-.044a.152.152 0 0 0-.063-.046.104.104 0 0 0-.05-.017.155.155 0 0 0-.08-.002l-.053.019-.043.03a.232.232 0 0 0-.067.14H9.55ZM9.129 13.173a.113.113 0 0 0 .088-.135.112.112 0 0 0-.205-.04.115.115 0 0 0 .032.158.112.112 0 0 0 .085.017ZM8.68 13.283a.116.116 0 0 0 .037-.206.114.114 0 0 0-.083-.018.114.114 0 0 0-.084.134.115.115 0 0 0 .047.071.113.113 0 0 0 .082.02ZM8.84 12.83a.103.103 0 0 0 .033-.183.1.1 0 0 0-.073-.018.102.102 0 0 0-.074.12.102.102 0 0 0 .114.08ZM10.21 16.93l.016-.004a.116.116 0 0 0 .071-.05.119.119 0 0 0 .018-.085l-.01-.03a.115.115 0 0 0-.04-.043l-.026-.013a.111.111 0 0 0-.06-.004l-.015.003a.082.082 0 0 0-.041.019.084.084 0 0 0-.031.03.13.13 0 0 0-.017.086l.01.029a.115.115 0 0 0 .039.043l.026.013c.02.006.04.008.06.004v.002ZM10.731 17.922a.108.108 0 0 0 .084-.128.11.11 0 0 0-.046-.07.107.107 0 0 0-.15.031.11.11 0 0 0 .03.152.107.107 0 0 0 .082.015Z"
+      />
+    </svg>
+  );
+});
+
+Crystal.displayName = 'CrystalIcon';

package/src/iconography/customers.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, SVGProps } from 'react';
+
+type CustomersProps = SVGProps<SVGSVGElement>;
+
+type CustomersRef = SVGSVGElement;
+
+export const Customers = forwardRef<CustomersRef, CustomersProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="16" height="16" viewBox="0 0 16 16" fill="none" {...delegated}>
+      <path
+        d="M8.404 9.6176a.505.505 0 0 1-.3293.174.5165.5165 0 0 1-.395-.1129.5736.5736 0 0 1-.1411-.174.6699.6699 0 0 1-.0377-.1036 1.2879 1.2879 0 0 1-.0188-.141.0354.0354 0 0 0-.0047-.0236.299.299 0 0 1 .0094-.0423c.0141.0094-.0141 0 .0282.0188.1414.0742.297.1175.4562.127.1982.0035.394-.0434.5692-.1364a.6085.6085 0 0 1-.1364.414Z"
+        fill="#fff"
+      />
+      <path
+        d="M8.8367 10.8219a10.8362 10.8362 0 0 1-.682.0189 8.6454 8.6454 0 0 1-1.4065-.0753 11.1623 11.1623 0 0 1-1.3781-.3104.3187.3187 0 0 0-.0894-.0141c0-.0141.0094-.0188.0094-.0329.042-.2007.1235-.391.24-.5598a.9674.9674 0 0 1 .4515-.3057.9234.9234 0 0 1 .2774-.0424l.334-.0047h.2634l.207.0047h.0188v.0095c.0123.0511.028.1014.047.1505.0048.0094.0142.0188.0189.0282.0047.0094.0047.0235.0093.033a.7647.7647 0 0 0 .0518.0799c.0046.0104.011.02.0188.0282a.914.914 0 0 0 .1035.1317l.0094.0094a.77.77 0 0 0 .1364.1082c0 .0047.0047.0047.0094.0094.0508.0328.1043.0611.16.0847a.9932.9932 0 0 0 .3857.0799.8826.8826 0 0 0 .3621-.0799.9532.9532 0 0 0 .2352-.1506l.0659-.0517a.9361.9361 0 0 0 .2116-.3057c.0236-.047.0518-.1411.0565-.1506h.522c.2128-.0233.428.0008.6304.0706a.9474.9474 0 0 1 .254.1552.6675.6675 0 0 1 .174.2164c.0527.0907.0953.1869.127.2869l.0423.1552.0047.0329v.0048l-.1599.0611a.4584.4584 0 0 1-.0752.0235 11.626 11.626 0 0 1-1.1995.254c-.1364.0141-.268.033-.3998.0424a.1434.1434 0 0 1-.047.0046Zm-.6725-1.9475c-.0094.0047-.0141.0094-.0188.0047a.5169.5169 0 0 1-.1693.0141 1.9402 1.9402 0 0 1-.9596-.6162 1.3368 1.3368 0 0 1-.2822-.4704 2.0513 2.0513 0 0 1-.0988-.5738c-.0141-.2117-.047-.4515-.047-.6444a1.3454 1.3454 0 0 1 .0893-.4422.4875.4875 0 0 1 .0659-.141 1.223 1.223 0 0 1 .08-.1318.9871.9871 0 0 1 .0893-.1081.3608.3608 0 0 1 .0847-.0847.8524.8524 0 0 1 .094-.0894h.0048a1.4632 1.4632 0 0 1 .9266-.3057c.3404.0053.669.1264.9313.3434.0997.0819.1897.175.2681.2774.0351.0543.0665.1109.094.1694.0308.0603.056.1233.0753.1881.0191.0584.0333.1181.0424.1788a3.325 3.325 0 0 1-.0188.6397 3.2264 3.2264 0 0 1-.0753.635 1.417 1.417 0 0 1-.2963.5315 3.523 3.523 0 0 1-.5221.4562 1.2068 1.2068 0 0 1-.3434.1647c-.0047.0094-.0094.0094-.0141.0047Z"
+        fill="#fff"
+      />
+      <path
+        d="M8.0842 2.4303a5.5547 5.5547 0 0 1 5.4656 4.8964c.0038.0666.0133.1327.0282.1977.0048.0893.0048.1787.0048.268l-.9125-.014a.1684.1684 0 0 0-.1694.1693v.1034a.1665.1665 0 0 0 .1646.1646c.1553 0 .3105 0 .4845.0048.1457.0094.2918.0094.4375 0a5.578 5.578 0 0 1-1.4356 3.5148 5.5779 5.5779 0 0 1-3.3528 1.7815c-.24.0338-.482.051-.7243.0517l.0141-.9078a.1682.1682 0 0 0-.0495-.1198.168.168 0 0 0-.1199-.0495l-.0093-1.2088c.1975.0047.3997 0 .6067-.0095a7.9564 7.9564 0 0 0 1.0442-.0893 8.7682 8.7682 0 0 0 .7432-.16l.381-.1128c.1129-.0471.3058-.1223.4233-.1694a.134.134 0 0 0 .0847-.1505c-.0376-.1599-.0988-.4327-.1082-.4704a1.4315 1.4315 0 0 0-.428-.7243 1.321 1.321 0 0 0-.3293-.2023.0807.0807 0 0 0-.0235-.0094c-.0094-.0047-.0141-.0047-.0235-.0094a1.1368 1.1368 0 0 0-.1646-.0564.2995.2995 0 0 1-.033-.0095 1.4732 1.4732 0 0 0-.3998-.047c-.2304 0-.4703 0-.7102-.0047l-.047-.1223a3.8915 3.8915 0 0 0 .3856-.3386 1.8455 1.8455 0 0 0 .4186-.6727 2.7539 2.7539 0 0 0 .1224-.7479 4.7543 4.7543 0 0 0 .0235-.7431 1.7253 1.7253 0 0 0-.2681-.7526A1.855 1.855 0 0 0 7.99 4.881L7.9148 3.512a.1667.1667 0 0 0 .1647-.1646c0-.1553 0-.3105.0047-.4845a3.3168 3.3168 0 0 0 0-.4328Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M7.0495 8.8602v.2023H6.739c-.6537.0047-1.411.0847-1.7074.7808a2.038 2.038 0 0 0-.127.334 1.7783 1.7783 0 0 0-.047.1975c-.0141.0753-.0235.1458-.0377.2211a.1333.1333 0 0 0 .08.1505l.3622.1412c.1028.0422.208.0784.3152.1081.2022.0565.4091.1082.6208.1552a7.578 7.578 0 0 0 1.3217.1364c.127 0 .2588 0 .3905-.0047l.0093 1.2089h-.1034a.1673.1673 0 0 0-.1694.1646c0 .1552.0047.3057 0 .4845a3.0925 3.0925 0 0 0-.0046.4186 5.564 5.564 0 0 1-2.8081-.9642 5.6563 5.6563 0 0 1-2.4083-4.0734l-.0142-.3104.9455.014a.1675.1675 0 0 0 .1646-.1693v-.1034A.164.164 0 0 0 3.4202 7.8a.1639.1639 0 0 0-.0631-.0123l-.9407-.0047c-.0094-.0188-.0141-.0188-.0235-.0376a1.7458 1.7458 0 0 0 .0705-.4186 5.65 5.65 0 0 1 .207-.9784c.0188-.047.033-.094.047-.1411a6.2069 6.2069 0 0 1 .1176-.3152c.033-.0752.0659-.1505.1035-.2257.0376-.0753.0705-.1505.1082-.2258.047-.094.0987-.1834.1505-.2728.033-.0565.0658-.113.1034-.1646a4.4284 4.4284 0 0 1 .2117-.3057 1.4975 1.4975 0 0 1 .0753-.1083 4.6344 4.6344 0 0 1 .3151-.3668v-.0048c.1176-.1223.2352-.2445.3622-.3575.0094-.0046.0141-.014.0236-.0188a5.6011 5.6011 0 0 1 3.3678-1.4017l-.0141.9032a.1684.1684 0 0 0 .1044.1565.1693.1693 0 0 0 .0649.0128h.1035l.0752 1.3687a1.8924 1.8924 0 0 0-1.6604.936 1.8814 1.8814 0 0 0-.1787 1.0255c.0195.3332.0699.6638.1505.9877.0718.2497.197.4808.367.6774.1128.1319.2407.2503.3809.3527Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M8.5169 11.2734a8.7996 8.7996 0 0 1-.6068.0095c-.1317.0046-.2634.0046-.3904.0046a7.5785 7.5785 0 0 1-1.3218-.1364 11.9326 11.9326 0 0 1-.6208-.1552 2.802 2.802 0 0 1-.3152-.1082l-.3621-.1411a.1329.1329 0 0 1-.08-.1505c.014-.0753.0235-.1458.0376-.2211a1.776 1.776 0 0 1 .047-.1975 2.0357 2.0357 0 0 1 .127-.334c.2964-.6961 1.0537-.776 1.7075-.7808h.3104v-.2022a2.2478 2.2478 0 0 1-.381-.3529 1.7947 1.7947 0 0 1-.3669-.6773 5.3925 5.3925 0 0 1-.1505-.9877 1.882 1.882 0 0 1 .1788-1.0255 1.8925 1.8925 0 0 1 1.6604-.936 1.8552 1.8552 0 0 1 1.618.7996c.147.2265.2389.4843.2681.7527.0116.248.0038.4964-.0235.7431a2.7542 2.7542 0 0 1-.1223.7479 1.8455 1.8455 0 0 1-.4186.6726 3.8915 3.8915 0 0 1-.3857.3387l.047.1223c.24.0047.4798.0047.7103.0047a1.4738 1.4738 0 0 1 .3998.047.3066.3066 0 0 0 .0329.0094c.0562.0146.1113.0335.1646.0565.0095.0047.0142.0047.0236.0094a.0807.0807 0 0 1 .0235.0094c.1191.051.23.119.3292.2023.2121.193.3612.4454.4281.7243.0094.0376.0706.3105.1082.4704a.1343.1343 0 0 1-.0847.1505c-.1176.0471-.3104.1223-.4233.1693l-.381.1129a8.7293 8.7293 0 0 1-.7432.1599 7.9394 7.9394 0 0 1-1.0442.0894Zm-.3622-.4327c.2305 0 .4563-.0047.682-.0188a.1434.1434 0 0 0 .047-.0048c.1318-.0093.2635-.0281.3999-.0422a11.673 11.673 0 0 0 1.1994-.254.463.463 0 0 0 .0753-.0236l.1599-.0611v-.0047l-.0047-.033-.0424-.1552a1.433 1.433 0 0 0-.1269-.287.6666.6666 0 0 0-.1741-.2163.9459.9459 0 0 0-.254-.1552 1.4498 1.4498 0 0 0-.6303-.0706h-.522c-.0048.0094-.033.1035-.0565.1505a.9362.9362 0 0 1-.2117.3058l-.0658.0517a.9494.9494 0 0 1-.2352.1505.8794.8794 0 0 1-.3622.08.9915.9915 0 0 1-.3857-.08 1.0392 1.0392 0 0 1-.16-.0846c-.0046-.0047-.0093-.0047-.0093-.0094a.7693.7693 0 0 1-.1364-.1082l-.0095-.0094a.9109.9109 0 0 1-.1034-.1317.0982.0982 0 0 1-.0188-.0282.7612.7612 0 0 1-.0518-.08c-.0047-.0094-.0047-.0235-.0094-.033-.0047-.0093-.0141-.0187-.0188-.0282a1.1857 1.1857 0 0 1-.047-.1505v-.008h-.0189l-.207-.0046h-.2633l-.334.0046a.9235.9235 0 0 0-.2775.0424.9675.9675 0 0 0-.4515.3057 1.5423 1.5423 0 0 0-.24.5598c0 .0141-.0093.0188-.0093.0329a.3188.3188 0 0 1 .0893.0141c.4524.1325.9127.2362 1.3782.3104.466.0629.9364.0876 1.4064.0739Zm.0094-1.9661c.0047.0047.0094.0047.0141-.0048a1.2082 1.2082 0 0 0 .3434-.1646 3.5214 3.5214 0 0 0 .522-.4562 1.4162 1.4162 0 0 0 .2964-.5316 3.2173 3.2173 0 0 0 .0753-.635 3.325 3.325 0 0 0 .0188-.6397 1.1087 1.1087 0 0 0-.0423-.1787 1.1236 1.1236 0 0 0-.0753-.1881 1.4405 1.4405 0 0 0-.0941-.1694 1.6808 1.6808 0 0 0-.268-.2775 1.4978 1.4978 0 0 0-.9314-.3434 1.4634 1.4634 0 0 0-.9266.3058h-.0047a.8462.8462 0 0 0-.0941.0893.3613.3613 0 0 0-.0847.0847.9924.9924 0 0 0-.0893.1082 1.2285 1.2285 0 0 0-.08.1317.4859.4859 0 0 0-.0659.141 1.3482 1.3482 0 0 0-.0893.4423c0 .1928.033.4327.047.6444.0055.195.0388.3882.0988.5738a1.337 1.337 0 0 0 .2822.4704c.251.2969.5852.5115.9596.6162a.518.518 0 0 0 .1693-.0141c.0047.0046.0094 0 .0188-.0047Zm.3763.3292a1.171 1.171 0 0 1-.5691.1364 1.1262 1.1262 0 0 1-.4563-.127c-.0423-.0188-.0141-.0094-.0282-.0188a.3052.3052 0 0 0-.0094.0423.0348.0348 0 0 1 .0047.0235c.0036.0474.0099.0945.0188.1412a.6723.6723 0 0 0 .0376.1034.5742.5742 0 0 0 .1411.174.5181.5181 0 0 0 .3952.113.5052.5052 0 0 0 .3292-.174.6086.6086 0 0 0 .1364-.414Z"
+        fill="#528693"
+      />
+      <path
+        d="M8.0841 2.4302c.0094.144.0094.2886 0 .4327-.0047.174-.0047.3293-.0047.4845a.1664.1664 0 0 1-.1647.1646h-.1034a.169.169 0 0 1-.1694-.1693l.0141-.9031a5.6012 5.6012 0 0 0-3.3678 1.4017c-.0093.0047-.0141.014-.0235.0188-.127.1129-.2445.2351-.3622.3574v.0048a4.6344 4.6344 0 0 0-.3151.3668 1.5008 1.5008 0 0 0-.0753.1082 4.4277 4.4277 0 0 0-.2117.3057c-.0375.0518-.0705.1082-.1034.1647-.0518.0894-.1035.1787-.1505.2728-.0377.0753-.0753.1505-.1082.2258-.033.0752-.0706.1505-.1035.2258-.0423.1034-.08.207-.1176.3151a1.653 1.653 0 0 1-.047.1411 5.6503 5.6503 0 0 0-.207.9784 1.7462 1.7462 0 0 1-.0705.4186c.0093.0188.014.0188.0235.0377l.9407.0046a.164.164 0 0 1 .1646.1647v.1035a.1674.1674 0 0 1-.1646.1693l-.9454-.0141.014.3104a5.6565 5.6565 0 0 0 2.4084 4.0734 5.5628 5.5628 0 0 0 2.808.9642 3.0992 3.0992 0 0 1 .0048-.4185c.0047-.1788 0-.3293 0-.4846a.1676.1676 0 0 1 .1693-.1646h.1035a.168.168 0 0 1 .1199.0495.1683.1683 0 0 1 .0494.1198l-.0141.9079a5.3045 5.3045 0 0 0 .7244-.0518 5.5775 5.5775 0 0 0 4.7883-5.2963 3.4081 3.4081 0 0 1-.4375 0c-.174-.0047-.3292-.0047-.4844-.0047a.1668.1668 0 0 1-.1647-.1646V7.949a.1698.1698 0 0 1 .1045-.1565.1695.1695 0 0 1 .0649-.0129l.9125.0142c0-.0894 0-.1788-.0047-.2682a1.165 1.165 0 0 1-.0282-.1975 5.5545 5.5545 0 0 0-5.4657-4.8966v-.0013Zm-3.9182.922a5.9953 5.9953 0 0 1 6.7465-.621c.0423.0235.0847.0423.127.0706a4.117 4.117 0 0 1 .2822.1787c.0706.0423.1411.0894.207.1364.0753.0565.1505.1129.2258.174.0517.0423.1082.08.1599.1223a.7765.7765 0 0 0 .0659.0612c.047.047.094.0894.141.1364a4.829 4.829 0 0 1 .3105.3105c.0047 0 .0047.0046.0094.0046s.0047.0095.0094.0141c.1254.1345.2431.2758.3528.4234a.0049.0049 0 0 1 .0033.0013.0046.0046 0 0 1 .0014.0034 5.923 5.923 0 0 1 1.1759 2.9069c.0047.0658.0047.1128.0047.1693.0197.2142.0275.4293.0235.6444 0 .141-.0141.2822-.0235.4233v.0376c0 .0142-.0047.0283-.0047.0376a5.5345 5.5345 0 0 1-.0847.5598 5.9788 5.9788 0 0 1-6.737 4.8227 6.0162 6.0162 0 0 1-5.174-5.8796 6.404 6.404 0 0 1 .0376-.7385c.0047-.0282 0-.047.0047-.0753a5.9916 5.9916 0 0 1 2.1354-3.9242Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Customers.displayName = 'CustomersIcon';

package/src/iconography/edit.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, SVGProps } from 'react';
+
+type EditProps = SVGProps<SVGSVGElement>;
+
+type EditRef = SVGSVGElement;
+
+export const Edit = forwardRef<EditRef, EditProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="34"
+      height="34"
+      viewBox="0 0 34 34"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path
+        d="m27.2751 9.9953-4.3639-4.367a.5799.5799 0 0 0-.8067.007c-3.9421 4.0122-4.6858 4.447-8.5799 8.509-1.3464 1.4174-2.7077 2.8197-4.0611 4.2301l-1.6672 1.6982a2.3308 2.3308 0 0 0-.8766 1.5362c-.3718 2.237-1.0105 3.9282-1.3824 6.1801-.07.4628-.007.8346.4568.7227 1.3884-.3089 2.6088-.7437 3.9911-1.0595.7227-.1619 2.199-.6597 3.0446-.9546a3.9637 3.9637 0 0 0 1.3194-.9535c.8996-.7787.9995-.9546 1.8581-1.7612a285.1786 285.1786 0 0 0 3.0096-2.8826 9.4842 9.4842 0 0 1 .9755-.9196s.084-.084.9536-.9675l3.2555-3.2555c1.0525-1.0525 2.6587-2.7987 3.7672-3.7982a1.0384 1.0384 0 0 0 .2998-.3998.5995.5995 0 0 0-.1269-.5328 8.0111 8.0111 0 0 0-1.0665-1.0315Zm.1 1.4733c-.014.014-.035.007-.042.028-3.9642 3.8982-4.4689 4.4689-8.439 8.3411l-5.7673 5.5414c-1.6323.5087-3.2495 1.1084-4.9197 1.5472l-.6097.147a2.7125 2.7125 0 0 1-.7647.1329l1.3324-6.0751L22.5183 6.6239c1.8522 1.8801 2.9956 2.9716 4.8548 4.8407l.002.004Z"
+        fill="#528693"
+      />
+      <path
+        d="M27.3731 11.4646c-.014.014-.035.007-.042.028-3.9641 3.8982-4.4689 4.4689-8.439 8.3411l-5.7673 5.5414c-1.6302.5127-3.2475 1.1124-4.9177 1.5512l-.6097.147a2.7125 2.7125 0 0 1-.7646.1329l1.3323-6.0751L22.5184 6.6239c1.8521 1.8801 2.9956 2.9716 4.8547 4.8407Z"
+        fill="none"
+      />
+    </svg>
+  );
+});
+
+Edit.displayName = 'EditIcon';

package/src/iconography/error.tsx

@@ -0,0 +1,40 @@
+import { forwardRef, SVGProps } from 'react';
+
+type ErrorProps = SVGProps<SVGSVGElement>;
+type ErrorRef = SVGSVGElement;
+
+export const Error = forwardRef<ErrorRef, ErrorProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      fill="none"
+      viewBox="0 0 22 22"
+      {...delegated}
+    >
+      <g clipPath="url(#clip0_1679_677)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.63864 18.2702C10.2437 19.3181 11.7562 19.3181 12.3613 18.2702L19.8485 5.3019C20.4536 4.25396 19.6973 2.94403 18.4872 2.94403L3.51271 2.94403C2.30265 2.94403 1.54636 4.25396 2.15139 5.3019L9.63864 18.2702ZM10.4355 12.9854C10.6864 13.4199 11.3135 13.4199 11.5643 12.9854L14.6686 7.60866C14.9195 7.17417 14.6059 6.63107 14.1042 6.63107L7.89566 6.63107C7.39396 6.63107 7.08039 7.17417 7.33124 7.60866L10.4355 12.9854Z"
+          fill="#EB1782"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M10.1583 17.9702C10.5323 18.6181 11.4676 18.6181 11.8417 17.9702L19.3289 5.0019C19.703 4.35396 19.2354 3.54403 18.4872 3.54403L3.51271 3.54403C2.76453 3.54403 2.29692 4.35396 2.67101 5.0019L10.1583 17.9702ZM12.084 13.2854C11.6022 14.1199 10.3977 14.1199 9.9159 13.2854L6.81163 7.90866C6.32984 7.07417 6.93207 6.03107 7.89566 6.03107L14.1042 6.03107C15.0678 6.03107 15.67 7.07418 15.1882 7.90866L12.084 13.2854ZM12.3613 18.2702C11.7562 19.3181 10.2437 19.3181 9.63864 18.2702L2.15139 5.3019C1.54636 4.25396 2.30265 2.94403 3.51271 2.94403L18.4872 2.94403C19.6973 2.94403 20.4536 4.25396 19.8485 5.3019L12.3613 18.2702ZM11.5643 12.9854C11.3135 13.4199 10.6864 13.4199 10.4355 12.9854L7.33124 7.60866C7.08039 7.17417 7.39396 6.63107 7.89566 6.63107L14.1042 6.63107C14.6059 6.63107 14.9195 7.17417 14.6686 7.60866L11.5643 12.9854Z"
+          fill="#528693"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_1679_677">
+          <rect width="22" height="22" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Error.displayName = 'ErrorIcon';

package/src/iconography/fulfilment.tsx

@@ -0,0 +1,58 @@
+import { forwardRef, SVGProps } from 'react';
+
+type FulfilmentProps = SVGProps<SVGSVGElement>;
+
+type FulfilmentRef = SVGSVGElement;
+
+export const Fulfilment = forwardRef<FulfilmentRef, FulfilmentProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
+      <path
+        d="M1.232 5.397c0-.591.426-1.097 1.009-1.198l8.621-1.487c.12-.021.244-.024.365-.008l8.484 1.115c.605.08 1.057.595 1.057 1.205v11.699c0 .563-.387 1.052-.934 1.183l-8.51 2.022a1.214 1.214 0 0 1-.56 0L2.17 17.904a1.216 1.216 0 0 1-.937-1.183V5.397Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M1.232 5.397c0-.591.426-1.097 1.009-1.198l8.621-1.487c.12-.021.244-.024.365-.008l8.484 1.115c.605.08 1.057.595 1.057 1.205v11.699c0 .563-.387 1.052-.934 1.183l-8.51 2.022a1.214 1.214 0 0 1-.56 0L2.17 17.904a1.216 1.216 0 0 1-.937-1.183V5.397Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20.147 16.723V5.024a.595.595 0 0 0-.517-.59L11.146 3.32a.595.595 0 0 0-.178.003L2.346 4.811a.595.595 0 0 0-.493.586v11.324c0 .276.19.516.458.579l8.596 2.024c.09.021.183.021.273 0l8.51-2.022a.595.595 0 0 0 .457-.58ZM2.241 4.199c-.583.1-1.01.607-1.01 1.198v11.324c0 .564.389 1.054.938 1.183l8.595 2.024c.184.044.376.044.56 0l8.51-2.023c.547-.13.934-.62.934-1.182V5.024c0-.61-.452-1.126-1.057-1.205l-8.484-1.115a1.216 1.216 0 0 0-.365.008L2.241 4.199Z"
+        fill="#528693"
+      />
+      <path
+        d="M14.643 8.787a.608.608 0 0 1-.748-.591v-2.85l3.941-.872v3.074a.608.608 0 0 1-.467.591l-2.726.648Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M14.643 8.787a.608.608 0 0 1-.748-.591v-2.85l3.941-.872v3.074a.608.608 0 0 1-.467.591l-2.726.648Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m17.836 4.474-3.941.871v2.85c0 .393.366.683.748.592l2.726-.648a.608.608 0 0 0 .467-.591V4.474Zm-.62.773-2.7.597v2.335l2.7-.642v-2.29Z"
+        fill="#528693"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m11.268 6.38 9.045-1.785-.12-.61-9.243 1.826L1.793 4.43l-.093.614 8.947 1.349v13.232h.62V6.381Z"
+        fill="#528693"
+      />
+      <path
+        d="M4.531 10.81c0-.074.066-.13.14-.12l1.276.193V9.384c0-.118.15-.167.22-.071l2.046 2.822a.122.122 0 0 1-.018.163l-2.047 1.795A.122.122 0 0 1 5.947 14v-1.317l-1.313-.198a.122.122 0 0 1-.103-.12V10.81Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.947 12.684-1.312-.198a.122.122 0 0 1-.104-.12V10.81c0-.074.066-.13.14-.12l1.276.193V9.384c0-.118.15-.167.22-.071l2.046 2.822a.122.122 0 0 1-.018.163l-2.047 1.795A.122.122 0 0 1 5.947 14v-1.317Zm-.621-2.522v-.778c0-.72.92-1.018 1.343-.436l2.047 2.823a.742.742 0 0 1-.112.994l-2.046 1.794a.742.742 0 0 1-1.232-.558v-.783l-.784-.118a.742.742 0 0 1-.632-.734V10.81c0-.454.405-.801.854-.733l.562.085Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Fulfilment.displayName = 'FulfilmentIcon';

package/src/iconography/glasses.tsx

@@ -0,0 +1,62 @@
+import { forwardRef, SVGProps } from 'react';
+
+type GlassesProps = SVGProps<SVGSVGElement>;
+type GlassesRef = SVGSVGElement;
+
+export const Glasses = forwardRef<GlassesRef, GlassesProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="20"
+      height="15"
+      viewBox="0 0 20 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.4856 2.0673c-.3158-.7572-1.2453-1.0361-1.9258-.578l-3.42 2.3025c-.8613.5798-.7287 1.8856.2315 2.2806l.1216.05.2282-.5549-.1216-.05c-.517-.2127-.5884-.9158-.1246-1.228l3.42-2.3025c.3664-.2467.8669-.0965 1.037.3112l.0748.1795a.3.3 0 0 0 .5537-.231l-.0748-.1795Z"
+        fill="#528693"
+      />
+      <path d="m9.7363 8.289-.2116.453-.906-.4233.2116-.453.906.4234Z" fill="#528793" />
+      <path
+        d="M4.391 9.9236c1.5958.7593 3.5051.0811 4.2644-1.5148.7593-1.596.081-3.5052-1.5148-4.2644-1.5959-.7593-3.5051-.0811-4.2644 1.5148-.7593 1.5958-.0811 3.505 1.5148 4.2644Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M3.1883 8.7645a3.2004 3.2004 0 0 1-.3446-.514l5.955-2.1168c.0388.203.0579.4094.0568.6162L3.1883 8.7644Zm4.8102-4.212L2.468 6.517a3.2001 3.2001 0 0 0 .1588 1.2118l6.0129-2.136a3.2002 3.2002 0 0 0-.6412-1.0403Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.4255 9.3845c1.4463.6881 3.1766.0735 3.8647-1.3728.688-1.4463.0735-3.1765-1.3728-3.8646-1.4463-.6881-3.1765-.0735-3.8646 1.3728-.6882 1.4462-.0735 3.1765 1.3727 3.8646Zm-.2577.5418c1.7455.8305 3.8337.0887 4.6642-1.6568.8304-1.7455.0887-3.8338-1.6568-4.6642-1.7455-.8305-3.8338-.0887-4.6643 1.6568-.8304 1.7455-.0886 3.8337 1.6569 4.6642Z"
+        fill="#528793"
+      />
+      <path
+        d="M11.3275 12.7751c1.5959.7593 3.5051.0811 4.2644-1.5148.7593-1.5959.0811-3.5051-1.5148-4.2644-1.5959-.7593-3.5051-.081-4.2644 1.5148-.7593 1.5959-.0811 3.5052 1.5148 4.2644Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M10.1248 11.616a3.2048 3.2048 0 0 1-.3446-.5139l5.9551-2.1168c.0388.203.0578.4094.0568.6161l-5.6673 2.0146Zm4.8102-4.212L9.4045 9.3687a3.1998 3.1998 0 0 0 .1588 1.2117l6.0129-2.1358a3.1995 3.1995 0 0 0-.6412-1.0404Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.3621 12.2361c1.4462.6881 3.1765.0734 3.8646-1.3728.6881-1.4463.0735-3.1766-1.3728-3.8647-1.4463-.688-3.1765-.0735-3.8646 1.3728-.6881 1.4463-.0735 3.1766 1.3728 3.8647Zm-.2578.5418c1.7455.8304 3.8337.0887 4.6642-1.6568.8305-1.7455.0887-3.8338-1.6568-4.6643-1.7455-.8304-3.8338-.0887-4.6642 1.6568-.8305 1.7455-.0887 3.8338 1.6568 4.6643Z"
+        fill="#528793"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.7461 5.0551c.7572-.3158 1.614.14 1.7751.9444l.81 4.0424c.204 1.0181-.809 1.8527-1.7692 1.4577l-.1216-.05.2283-.5549.1216.05c.517.2127 1.0625-.2367.9526-.7849l-.81-4.0424c-.0868-.4331-.5481-.6786-.9558-.5085l-.1794.0748a.3.3 0 0 1-.231-.5538l.1794-.0748Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Glasses.displayName = 'GlassesIcon';

package/src/iconography/graphQL.tsx

@@ -0,0 +1,90 @@
+import { forwardRef, SVGProps } from 'react';
+
+type GraphQLProps = SVGProps<SVGSVGElement>;
+type GraphQLRef = SVGSVGElement;
+
+export const GraphQL = forwardRef<GraphQLRef, GraphQLProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="23"
+      height="22"
+      viewBox="0 0 23 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path d="M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#fff" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M10.479 18.75a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 20.75a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8ZM10.44 3.851a.3.3 0 0 1-.112.41l-3.5 2a.3.3 0 0 1-.298-.521l3.5-2a.3.3 0 0 1 .41.111ZM13.419 3.851a.3.3 0 0 0 .111.41l3.5 2a.3.3 0 0 0 .298-.521l-3.5-2a.3.3 0 0 0-.41.111Z"
+        fill="#528693"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.44 18.149a.3.3 0 0 0-.112-.41l-3.5-2a.3.3 0 0 0-.298.521l3.5 2a.3.3 0 0 0 .41-.111ZM13.419 18.149a.3.3 0 0 1 .111-.41l3.5-2a.3.3 0 0 1 .298.521l-3.5 2a.3.3 0 0 1-.41-.111ZM5.079 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM18.679 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM11.033 4.743a.3.3 0 0 1 .103.411l-4.8 8a.3.3 0 1 1-.514-.308l4.8-8a.3.3 0 0 1 .411-.103ZM12.725 4.743a.3.3 0 0 0-.103.411l4.8 8a.3.3 0 1 0 .514-.308l-4.8-8a.3.3 0 0 0-.411-.103ZM6.579 14.9a.3.3 0 0 1 .3-.3h10a.3.3 0 0 1 0 .6h-10a.3.3 0 0 1-.3-.3Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+GraphQL.displayName = 'GraphQLIcon';

package/src/iconography/grid.tsx

@@ -0,0 +1,84 @@
+import { forwardRef, SVGProps } from 'react';
+
+type GridProps = SVGProps<SVGSVGElement>;
+
+type GridRef = SVGSVGElement;
+
+export const Grid = forwardRef<GridRef, GridProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
+      <path
+        d="M2.86 4.197c0-.353.286-.639.64-.639h2.453c.352 0 .639.286.639.64V6.65a.639.639 0 0 1-.64.64H3.5a.639.639 0 0 1-.639-.64V4.197Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.5 2.92h2.452c.706 0 1.279.571 1.279 1.277V6.65c0 .706-.573 1.279-1.279 1.279H3.5A1.278 1.278 0 0 1 2.221 6.65V4.197c0-.706.572-1.278 1.278-1.278Zm0 .638a.639.639 0 0 0-.64.64V6.65c0 .353.286.64.64.64h2.452a.639.639 0 0 0 .64-.64V4.197a.639.639 0 0 0-.64-.639H3.5Z"
+        fill="#528693"
+      />
+      <path
+        d="M9.134 4.197c0-.353.286-.639.64-.639h2.453c.352 0 .639.286.639.64V6.65a.639.639 0 0 1-.64.64H9.774a.639.639 0 0 1-.639-.64V4.197Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.773 2.92h2.454c.705 0 1.278.571 1.278 1.277V6.65c0 .706-.573 1.279-1.278 1.279H9.773A1.278 1.278 0 0 1 8.495 6.65V4.197c0-.706.573-1.278 1.278-1.278Zm0 .638a.639.639 0 0 0-.639.64V6.65c0 .353.287.64.64.64h2.453a.639.639 0 0 0 .639-.64V4.197a.639.639 0 0 0-.64-.639H9.774Z"
+        fill="#528693"
+      />
+      <path
+        d="M15.408 4.197a.64.64 0 0 1 .64-.639H18.5c.353 0 .639.286.639.64V6.65a.639.639 0 0 1-.64.64h-2.453a.64.64 0 0 1-.639-.64V4.197Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.048 2.92H18.5c.706 0 1.278.571 1.278 1.277V6.65c0 .706-.572 1.279-1.278 1.279h-2.453A1.278 1.278 0 0 1 14.77 6.65V4.197c0-.706.572-1.278 1.278-1.278Zm0 .638a.639.639 0 0 0-.64.64V6.65c0 .353.287.64.64.64H18.5a.639.639 0 0 0 .639-.64V4.197a.639.639 0 0 0-.64-.639h-2.452Z"
+        fill="#528693"
+      />
+      <path
+        d="M2.86 10.492a.64.64 0 0 1 .64-.639h8.727a.64.64 0 0 1 .639.64v2.453a.64.64 0 0 1-.64.639H3.5a.639.639 0 0 1-.639-.64v-2.453Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.5 9.214h8.726c.706 0 1.279.573 1.279 1.278v2.454c0 .706-.573 1.278-1.279 1.278H3.5a1.278 1.278 0 0 1-1.278-1.278v-2.454c0-.705.572-1.278 1.278-1.278Zm0 .64a.64.64 0 0 0-.64.639v2.453c0 .353.286.639.64.639h8.726a.64.64 0 0 0 .64-.64v-2.453a.64.64 0 0 0-.64-.639H3.5Z"
+        fill="#528693"
+      />
+      <path
+        d="M2.86 16.788c0-.353.286-.64.64-.64h2.453c.352 0 .639.287.639.64v2.453a.639.639 0 0 1-.64.639H3.5a.639.639 0 0 1-.639-.64v-2.452Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.5 15.51h2.452c.706 0 1.279.572 1.279 1.278v2.453c0 .706-.573 1.278-1.279 1.278H3.5a1.278 1.278 0 0 1-1.278-1.278v-2.453c0-.706.572-1.279 1.278-1.279Zm0 .639a.639.639 0 0 0-.64.639v2.453c0 .353.286.639.64.639h2.452a.639.639 0 0 0 .64-.64v-2.452a.639.639 0 0 0-.64-.64H3.5Z"
+        fill="#528693"
+      />
+      <path
+        d="M9.134 16.788c0-.353.286-.64.64-.64h2.453c.352 0 .639.287.639.64v2.453a.639.639 0 0 1-.64.639H9.774a.639.639 0 0 1-.639-.64v-2.452Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.773 15.51h2.454c.705 0 1.278.572 1.278 1.278v2.453c0 .706-.573 1.278-1.278 1.278H9.773a1.278 1.278 0 0 1-1.278-1.278v-2.453c0-.706.573-1.279 1.278-1.279Zm0 .639a.639.639 0 0 0-.639.639v2.453c0 .353.287.639.64.639h2.453a.639.639 0 0 0 .639-.64v-2.452a.639.639 0 0 0-.64-.64H9.774Z"
+        fill="#528693"
+      />
+      <path
+        d="M15.408 10.492a.64.64 0 0 1 .64-.639H18.5a.64.64 0 0 1 .639.64v8.748a.639.639 0 0 1-.64.639h-2.453a.64.64 0 0 1-.639-.64v-8.747Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.048 9.214H18.5c.706 0 1.278.573 1.278 1.278v8.749c0 .706-.572 1.278-1.278 1.278h-2.453a1.278 1.278 0 0 1-1.278-1.278v-8.748c0-.706.572-1.279 1.278-1.279Zm0 .64a.639.639 0 0 0-.64.639v8.748c0 .353.287.639.64.639H18.5a.639.639 0 0 0 .639-.64v-8.747a.639.639 0 0 0-.64-.64h-2.452Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Grid.displayName = 'GridIcon';

package/src/iconography/hooks.tsx

@@ -0,0 +1,26 @@
+import { forwardRef, SVGProps } from 'react';
+
+type HooksProps = SVGProps<SVGSVGElement>;
+
+type HooksRef = SVGSVGElement;
+
+export const Hooks = forwardRef<HooksRef, HooksProps>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" {...delegated}>
+      <path
+        d="M13.3225 23.6578C13.0084 22.0351 13.5197 20.5568 12.6857 18.9973C12.4168 18.4953 11.6734 17.7783 11.2432 17.1868C11.2253 17.1594 10.0781 17.3302 9.94314 17.3387C9.47021 17.3644 8.99589 17.3404 8.52798 17.267C7.59689 17.1111 6.69399 16.8183 5.84862 16.3981C4.74695 15.8041 3.7796 14.9893 3.00698 14.0046C2.37959 13.2696 2.28997 12.947 2.36167 12.4951C2.43991 12.0661 2.60457 11.6575 2.84565 11.2941C3.0628 10.9126 3.3155 10.5525 3.6004 10.2186C4.20467 9.40329 4.90114 8.66059 5.67597 8.00526C7.1812 6.66607 8.94036 5.64323 10.8488 4.99758C10.945 4.9677 11.0462 4.9578 11.1463 4.96851C11.2464 4.97922 11.3433 5.0103 11.4309 5.05985C13.7169 6.42218 15.8764 10.6346 14.9264 14.2376C15.5967 14.9032 16.2002 15.6328 16.7283 16.416C17.3604 17.5667 17.7305 18.8427 17.8124 20.153C17.8172 21.2619 18.114 22.35 18.6728 23.3078C18.8458 23.5565 19.0677 23.7672 19.3249 23.9272C19.5821 24.0872 19.8692 24.1931 20.1687 24.2384C20.4682 24.2837 20.7738 24.2675 21.0668 24.1907C21.3598 24.1139 21.6341 23.9782 21.8729 23.7918C22.5136 23.3928 22.9879 22.775 23.2079 22.0531C23.5986 20.4193 23.5429 18.7105 23.0466 17.1057C22.8008 16.081 22.4987 15.0706 22.1418 14.0791C22.1141 13.9989 22.1138 13.9117 22.141 13.8313C22.1681 13.7508 22.2211 13.6817 22.2917 13.6346C22.3623 13.5874 22.4466 13.5651 22.5312 13.5709C22.6159 13.5767 22.6963 13.6105 22.7598 13.6668C27.5817 16.8038 29.5893 22.3785 25.1712 26.7259C22.3748 29.4685 17.5614 29.71 14.8641 26.69C14.0858 25.8371 13.5531 24.7893 13.3225 23.6578ZM3.66927 11.8092C3.6155 11.9035 3.25699 12.4092 3.27492 12.6158C3.28435 12.7857 3.49946 13.0187 3.65229 13.1979C5.40898 15.3584 7.9723 17.0075 10.7602 16.4339C10.0158 15.3584 9.59501 13.664 10.4639 12.6781C11.4677 11.5403 12.9291 11.9705 14.2018 13.4583C14.4443 12.3703 14.3885 11.237 14.0405 10.178C13.6783 8.96125 13.0611 7.8356 12.23 6.87597C12.0055 6.62502 11.3875 6.08726 11.1272 5.86272C11.0935 5.82993 11.0507 5.80813 11.0043 5.80021C10.958 5.79229 10.9104 5.79863 10.8677 5.81838C10.6073 5.93442 10.0431 6.18537 9.73558 6.32878C9.00471 6.69136 8.2959 7.0968 7.61285 7.54298C6.77126 8.12514 6.0017 8.80508 5.32029 9.56854C4.9037 10.0182 4.52028 10.4974 4.17307 11.0026C3.99193 11.2714 3.8306 11.5403 3.66927 11.8092ZM12.1659 13.1178C11.2073 13.0281 10.947 13.9329 11.2696 14.9461C11.6254 15.8488 12.1118 16.6943 12.7131 17.4557C13.1759 18.0368 13.5615 18.6755 13.8603 19.3558C14.0978 20.4137 14.1792 21.5008 14.1018 22.5823C14.152 23.5687 14.4576 24.5251 14.9886 25.3579C15.5197 26.1906 16.258 26.871 17.1312 27.3325C20.2238 28.9817 24.0419 27.4127 25.7627 24.5447C27.9939 20.8077 26.0759 17.2849 23.1211 14.8386C24.3853 17.9755 25.774 24.0428 21.0455 25.1004C20.4748 25.2583 19.8697 25.2411 19.3089 25.051C18.748 24.8609 18.2572 24.5067 17.9001 24.0343C17.2459 22.9093 16.917 21.6247 16.9501 20.3237C16.9237 18.7904 16.4227 17.3029 15.516 16.066C14.8905 15.3131 13.3131 13.23 12.1659 13.1178Z"
+        fill="#528693"
+      />
+      <path
+        d="M11.2701 14.9461C10.9475 13.9328 11.2079 13.0281 12.1664 13.1177C13.3136 13.2337 14.891 15.3131 15.5099 16.0659C16.4166 17.3028 16.9176 18.7903 16.944 20.3237C16.9109 21.6246 17.2398 22.9092 17.894 24.0342C18.2511 24.5066 18.7419 24.8609 19.3028 25.051C19.8636 25.2411 20.4687 25.2583 21.0394 25.1003C25.7717 24.0427 24.383 17.9754 23.115 14.8385C26.0727 17.2848 27.9907 20.8076 25.7566 24.5446C24.0358 27.4127 20.2177 28.9788 17.1251 27.3325C16.2519 26.871 15.5136 26.1905 14.9825 25.3578C14.4515 24.5251 14.1459 23.5686 14.0957 22.5823C14.1731 21.5007 14.0917 20.4137 13.8542 19.3557C13.5555 18.6755 13.1698 18.0368 12.707 17.4556C12.108 16.6938 11.6239 15.8483 11.2701 14.9461Z"
+        fill="white"
+      />
+      <path
+        d="M14.0388 10.178C14.3868 11.237 14.4426 12.3703 14.2001 13.4583C12.9274 11.9705 11.4642 11.5403 10.4622 12.6781C9.59333 13.664 10.0141 15.3584 10.7585 16.4339C7.97061 17.0075 5.40729 15.3584 3.65061 13.1979C3.49871 13.0187 3.28361 12.7856 3.27323 12.6158C3.25531 12.4092 3.61381 11.9073 3.66759 11.8092C3.82892 11.5403 3.99025 11.2714 4.1695 11.0025C4.51762 10.4973 4.90198 10.018 5.31955 9.56851C6.00096 8.80504 6.77052 8.12511 7.61211 7.54294C8.29586 7.09798 9.00531 6.6938 9.73673 6.33251C10.0415 6.18911 10.6056 5.93815 10.8689 5.82211C10.9115 5.80236 10.9591 5.79603 11.0055 5.80395C11.0518 5.81186 11.0946 5.83366 11.1283 5.86645C11.3887 6.09099 12.0066 6.62875 12.2312 6.87971C13.0608 7.83849 13.677 8.96279 14.0388 10.178Z"
+        fill="#bff6f8"
+      />
+    </svg>
+  );
+});
+
+Hooks.displayName = 'HooksIcon';