@crystallize/design-system 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/CHANGELOG.md +106 -0
  2. package/dist/index.css +1813 -0
  3. package/dist/index.d.ts +345 -2
  4. package/dist/index.js +2631 -5
  5. package/dist/index.mjs +2574 -0
  6. package/package.json +90 -78
  7. package/readme.md +9 -0
  8. package/src/Tokens.stories.tsx +18 -0
  9. package/src/action-menu/ActionMenu.stories.tsx +25 -0
  10. package/src/action-menu/action-item.tsx +16 -0
  11. package/src/action-menu/action-menu.css +38 -0
  12. package/src/action-menu/action-menu.tsx +25 -0
  13. package/src/action-menu/index.tsx +3 -0
  14. package/src/avatar/Avatar.stories.tsx +20 -0
  15. package/src/avatar/avatar.css +23 -0
  16. package/src/avatar/avatar.tsx +34 -0
  17. package/src/avatar/get-initials.ts +5 -0
  18. package/src/avatar/index.ts +1 -0
  19. package/src/button/Button.stories.tsx +105 -0
  20. package/src/button/button.css +116 -0
  21. package/src/button/button.tsx +136 -0
  22. package/src/button/index.ts +3 -0
  23. package/src/card/card.css +7 -0
  24. package/src/card/card.stories.tsx +24 -0
  25. package/src/card/card.tsx +27 -0
  26. package/src/card/index.ts +3 -0
  27. package/src/checkbox/checkbox.css +30 -0
  28. package/src/checkbox/checkbox.stories.tsx +62 -0
  29. package/src/checkbox/checkbox.test.tsx +16 -0
  30. package/src/checkbox/checkbox.tsx +28 -0
  31. package/src/checkbox/index.ts +1 -0
  32. package/src/colors/Colors.stories.tsx +127 -0
  33. package/src/colors/color-defaults.json +15 -0
  34. package/src/colors/color-pairing.json +12 -0
  35. package/src/colors/colors.json +158 -0
  36. package/src/colors/index.ts +1 -0
  37. package/src/colors/old-to-new.txt +19 -0
  38. package/src/colors/types.ts +29 -0
  39. package/src/dialog/Dialog.stories.tsx +168 -0
  40. package/src/dialog/Dialog.test.tsx +25 -0
  41. package/src/dialog/config.tsx +139 -0
  42. package/src/dialog/confirm-dialog.tsx +70 -0
  43. package/src/dialog/destroyFns.ts +1 -0
  44. package/src/dialog/dialog.css +27 -0
  45. package/src/dialog/dialog.tsx +94 -0
  46. package/src/dialog/index.tsx +40 -0
  47. package/src/dialog/types.ts +70 -0
  48. package/src/dropdown-menu/DropdownMenu.stories.tsx +38 -0
  49. package/src/dropdown-menu/dropdown-menu-item.tsx +15 -0
  50. package/src/dropdown-menu/dropdown-menu-label.tsx +10 -0
  51. package/src/dropdown-menu/dropdown-menu-root.tsx +33 -0
  52. package/src/dropdown-menu/dropdown-menu.css +20 -0
  53. package/src/dropdown-menu/index.ts +11 -0
  54. package/src/icon-button/IconButton.stories.tsx +45 -0
  55. package/src/icon-button/icon-button.css +48 -0
  56. package/src/icon-button/icon-button.tsx +39 -0
  57. package/src/icon-button/index.ts +3 -0
  58. package/src/iconography/Icon.stories.tsx +47 -0
  59. package/src/iconography/add.tsx +30 -0
  60. package/src/iconography/arrow.tsx +15 -0
  61. package/src/iconography/atom.tsx +59 -0
  62. package/src/iconography/cancel.tsx +26 -0
  63. package/src/iconography/catalogue.tsx +26 -0
  64. package/src/iconography/copy.tsx +24 -0
  65. package/src/iconography/crystal.tsx +93 -0
  66. package/src/iconography/customers.tsx +38 -0
  67. package/src/iconography/edit.tsx +30 -0
  68. package/src/iconography/error.tsx +40 -0
  69. package/src/iconography/fulfilment.tsx +58 -0
  70. package/src/iconography/glasses.tsx +62 -0
  71. package/src/iconography/graphQL.tsx +90 -0
  72. package/src/iconography/grid.tsx +84 -0
  73. package/src/iconography/hooks.tsx +26 -0
  74. package/src/iconography/image.tsx +47 -0
  75. package/src/iconography/index.ts +63 -0
  76. package/src/iconography/info.tsx +41 -0
  77. package/src/iconography/key.tsx +19 -0
  78. package/src/iconography/language.tsx +38 -0
  79. package/src/iconography/nail-polish.tsx +84 -0
  80. package/src/iconography/order.tsx +38 -0
  81. package/src/iconography/particle.tsx +88 -0
  82. package/src/iconography/percentage.tsx +44 -0
  83. package/src/iconography/price-tag.tsx +40 -0
  84. package/src/iconography/shapes.tsx +48 -0
  85. package/src/iconography/subscription.tsx +34 -0
  86. package/src/iconography/topics.tsx +58 -0
  87. package/src/iconography/triangle.tsx +27 -0
  88. package/src/iconography/usage.tsx +34 -0
  89. package/src/iconography/users.tsx +44 -0
  90. package/src/iconography/warning.tsx +51 -0
  91. package/src/index.css +14 -0
  92. package/src/index.ts +33 -0
  93. package/src/inline-radio/index.ts +1 -0
  94. package/src/inline-radio/inline-radio.css +36 -0
  95. package/src/inline-radio/inline-radio.stories.tsx +81 -0
  96. package/src/inline-radio/inline-radio.tsx +41 -0
  97. package/src/input/Input.stories.tsx +26 -0
  98. package/src/input/index.ts +1 -0
  99. package/src/input/input.css +7 -0
  100. package/src/input/input.tsx +20 -0
  101. package/src/input-with-label/InputWithLabel.stories.tsx +98 -0
  102. package/src/input-with-label/index.ts +3 -0
  103. package/src/input-with-label/input-with-label.css +35 -0
  104. package/src/input-with-label/input-with-label.tsx +59 -0
  105. package/src/label/index.ts +1 -0
  106. package/src/label/label.css +3 -0
  107. package/src/label/label.stories.tsx +19 -0
  108. package/src/label/label.tsx +13 -0
  109. package/src/progress/Progress.stories.tsx +26 -0
  110. package/src/progress/index.ts +1 -0
  111. package/src/progress/progress.css +7 -0
  112. package/src/progress/progress.tsx +17 -0
  113. package/src/radio/index.ts +1 -0
  114. package/src/radio/radio.css +20 -0
  115. package/src/radio/radio.stories.tsx +142 -0
  116. package/src/radio/radio.tsx +19 -0
  117. package/src/select/index.ts +1 -0
  118. package/src/select/select-item.tsx +18 -0
  119. package/src/select/select-root.tsx +50 -0
  120. package/src/select/select.css +44 -0
  121. package/src/select/select.stories.tsx +74 -0
  122. package/src/select/select.ts +9 -0
  123. package/src/slider/Slider.stories.tsx +54 -0
  124. package/src/slider/index.ts +1 -0
  125. package/src/slider/slider.css +27 -0
  126. package/src/slider/slider.tsx +20 -0
  127. package/src/spinner/Spinner.stories.tsx +19 -0
  128. package/src/spinner/index.tsx +48 -0
  129. package/src/spinner/spinner.css +11 -0
  130. package/src/tag/Tag.stories.tsx +32 -0
  131. package/src/tag/index.ts +1 -0
  132. package/src/tag/tag.css +7 -0
  133. package/src/tag/tag.tsx +27 -0
  134. package/src/vite-env.d.ts +1 -0
  135. package/tailwind.config.cjs +51 -0
  136. package/LICENSE +0 -21
  137. package/README.md +0 -35
  138. package/dist/components/Button.d.ts +0 -11
  139. package/dist/components/Typography.d.ts +0 -14
  140. package/dist/design-system.cjs.development.js +0 -164
  141. package/dist/design-system.cjs.development.js.map +0 -1
  142. package/dist/design-system.cjs.production.min.js +0 -2
  143. package/dist/design-system.cjs.production.min.js.map +0 -1
  144. package/dist/design-system.esm.js +0 -156
  145. package/dist/design-system.esm.js.map +0 -1
  146. package/dist/styles/theme.d.ts +0 -2
package/src/iconography/customers.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type CustomersProps = SVGProps<SVGSVGElement>;
4
+
5
+ type CustomersRef = SVGSVGElement;
6
+
7
+ export const Customers = forwardRef<CustomersRef, CustomersProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="16" height="16" viewBox="0 0 16 16" fill="none" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#fff"
13
+ />
14
+ <path
15
+ 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"
16
+ fill="#fff"
17
+ />
18
+ <path
19
+ 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"
20
+ fill="#BFF6F8"
21
+ />
22
+ <path
23
+ 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"
24
+ fill="#BFF6F8"
25
+ />
26
+ <path
27
+ 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"
28
+ fill="#528693"
29
+ />
30
+ <path
31
+ 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"
32
+ fill="#528693"
33
+ />
34
+ </svg>
35
+ );
36
+ });
37
+
38
+ Customers.displayName = 'CustomersIcon';
package/src/iconography/edit.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type EditProps = SVGProps<SVGSVGElement>;
4
+
5
+ type EditRef = SVGSVGElement;
6
+
7
+ export const Edit = forwardRef<EditRef, EditProps>((delegated, ref) => {
8
+ return (
9
+ <svg
10
+ ref={ref}
11
+ width="34"
12
+ height="34"
13
+ viewBox="0 0 34 34"
14
+ fill="none"
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ {...delegated}
17
+ >
18
+ <path
19
+ 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"
20
+ fill="#528693"
21
+ />
22
+ <path
23
+ 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"
24
+ fill="none"
25
+ />
26
+ </svg>
27
+ );
28
+ });
29
+
30
+ Edit.displayName = 'EditIcon';
package/src/iconography/error.tsx ADDED
@@ -0,0 +1,40 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type ErrorProps = SVGProps<SVGSVGElement>;
4
+ type ErrorRef = SVGSVGElement;
5
+
6
+ export const Error = forwardRef<ErrorRef, ErrorProps>((delegated, ref) => {
7
+ return (
8
+ <svg
9
+ ref={ref}
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ width="22"
12
+ height="22"
13
+ fill="none"
14
+ viewBox="0 0 22 22"
15
+ {...delegated}
16
+ >
17
+ <g clipPath="url(#clip0_1679_677)">
18
+ <path
19
+ fillRule="evenodd"
20
+ clipRule="evenodd"
21
+ 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"
22
+ fill="#EB1782"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ 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"
28
+ fill="#528693"
29
+ />
30
+ </g>
31
+ <defs>
32
+ <clipPath id="clip0_1679_677">
33
+ <rect width="22" height="22" fill="white" />
34
+ </clipPath>
35
+ </defs>
36
+ </svg>
37
+ );
38
+ });
39
+
40
+ Error.displayName = 'ErrorIcon';
package/src/iconography/fulfilment.tsx ADDED
@@ -0,0 +1,58 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type FulfilmentProps = SVGProps<SVGSVGElement>;
4
+
5
+ type FulfilmentRef = SVGSVGElement;
6
+
7
+ export const Fulfilment = forwardRef<FulfilmentRef, FulfilmentProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ 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"
16
+ fill="#BFF6F8"
17
+ />
18
+ <path
19
+ fillRule="evenodd"
20
+ clipRule="evenodd"
21
+ 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"
22
+ fill="#528693"
23
+ />
24
+ <path
25
+ 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"
26
+ fill="#BFF6F8"
27
+ />
28
+ <path
29
+ 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"
30
+ fill="#fff"
31
+ />
32
+ <path
33
+ fillRule="evenodd"
34
+ clipRule="evenodd"
35
+ 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"
36
+ fill="#528693"
37
+ />
38
+ <path
39
+ fillRule="evenodd"
40
+ clipRule="evenodd"
41
+ 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"
42
+ fill="#528693"
43
+ />
44
+ <path
45
+ 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"
46
+ fill="#fff"
47
+ />
48
+ <path
49
+ fillRule="evenodd"
50
+ clipRule="evenodd"
51
+ 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"
52
+ fill="#528693"
53
+ />
54
+ </svg>
55
+ );
56
+ });
57
+
58
+ Fulfilment.displayName = 'FulfilmentIcon';
package/src/iconography/glasses.tsx ADDED
@@ -0,0 +1,62 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type GlassesProps = SVGProps<SVGSVGElement>;
4
+ type GlassesRef = SVGSVGElement;
5
+
6
+ export const Glasses = forwardRef<GlassesRef, GlassesProps>((delegated, ref) => {
7
+ return (
8
+ <svg
9
+ ref={ref}
10
+ width="20"
11
+ height="15"
12
+ viewBox="0 0 20 15"
13
+ fill="none"
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ {...delegated}
16
+ >
17
+ <path
18
+ fillRule="evenodd"
19
+ clipRule="evenodd"
20
+ 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"
21
+ fill="#528693"
22
+ />
23
+ <path d="m9.7363 8.289-.2116.453-.906-.4233.2116-.453.906.4234Z" fill="#528793" />
24
+ <path
25
+ 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"
26
+ fill="#BFF6F8"
27
+ />
28
+ <path
29
+ 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"
30
+ fill="#fff"
31
+ />
32
+ <path
33
+ fillRule="evenodd"
34
+ clipRule="evenodd"
35
+ 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"
36
+ fill="#528793"
37
+ />
38
+ <path
39
+ 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"
40
+ fill="#BFF6F8"
41
+ />
42
+ <path
43
+ 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"
44
+ fill="#fff"
45
+ />
46
+ <path
47
+ fillRule="evenodd"
48
+ clipRule="evenodd"
49
+ 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"
50
+ fill="#528793"
51
+ />
52
+ <path
53
+ fillRule="evenodd"
54
+ clipRule="evenodd"
55
+ 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"
56
+ fill="#528693"
57
+ />
58
+ </svg>
59
+ );
60
+ });
61
+
62
+ Glasses.displayName = 'GlassesIcon';
package/src/iconography/graphQL.tsx ADDED
@@ -0,0 +1,90 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type GraphQLProps = SVGProps<SVGSVGElement>;
4
+ type GraphQLRef = SVGSVGElement;
5
+
6
+ export const GraphQL = forwardRef<GraphQLRef, GraphQLProps>((delegated, ref) => {
7
+ return (
8
+ <svg
9
+ ref={ref}
10
+ width="23"
11
+ height="22"
12
+ viewBox="0 0 23 22"
13
+ fill="none"
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ {...delegated}
16
+ >
17
+ <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" />
18
+ <path
19
+ fillRule="evenodd"
20
+ clipRule="evenodd"
21
+ 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"
22
+ fill="#528693"
23
+ />
24
+ <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" />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ 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"
29
+ fill="#528693"
30
+ />
31
+ <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" />
32
+ <path
33
+ fillRule="evenodd"
34
+ clipRule="evenodd"
35
+ 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"
36
+ fill="#528693"
37
+ />
38
+ <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" />
39
+ <path
40
+ fillRule="evenodd"
41
+ clipRule="evenodd"
42
+ 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"
43
+ fill="#528693"
44
+ />
45
+ <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" />
46
+ <path
47
+ fillRule="evenodd"
48
+ clipRule="evenodd"
49
+ 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"
50
+ fill="#528693"
51
+ />
52
+ <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" />
53
+ <path
54
+ fillRule="evenodd"
55
+ clipRule="evenodd"
56
+ 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"
57
+ fill="#528693"
58
+ />
59
+ <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" />
60
+ <path
61
+ fillRule="evenodd"
62
+ clipRule="evenodd"
63
+ 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"
64
+ fill="#528693"
65
+ />
66
+ <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" />
67
+ <path
68
+ fillRule="evenodd"
69
+ clipRule="evenodd"
70
+ 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"
71
+ fill="#528693"
72
+ />
73
+ <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" />
74
+ <path
75
+ fillRule="evenodd"
76
+ clipRule="evenodd"
77
+ 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"
78
+ fill="#528693"
79
+ />
80
+ <path
81
+ fillRule="evenodd"
82
+ clipRule="evenodd"
83
+ 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"
84
+ fill="#528693"
85
+ />
86
+ </svg>
87
+ );
88
+ });
89
+
90
+ GraphQL.displayName = 'GraphQLIcon';
package/src/iconography/grid.tsx ADDED
@@ -0,0 +1,84 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type GridProps = SVGProps<SVGSVGElement>;
4
+
5
+ type GridRef = SVGSVGElement;
6
+
7
+ export const Grid = forwardRef<GridRef, GridProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ 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"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ 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"
22
+ fill="#BFF6F8"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ 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"
28
+ fill="#528693"
29
+ />
30
+ <path
31
+ 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"
32
+ fill="#BFF6F8"
33
+ />
34
+ <path
35
+ fillRule="evenodd"
36
+ clipRule="evenodd"
37
+ 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"
38
+ fill="#528693"
39
+ />
40
+ <path
41
+ 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"
42
+ fill="#BFF6F8"
43
+ />
44
+ <path
45
+ fillRule="evenodd"
46
+ clipRule="evenodd"
47
+ 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"
48
+ fill="#528693"
49
+ />
50
+ <path
51
+ 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"
52
+ fill="#BFF6F8"
53
+ />
54
+ <path
55
+ fillRule="evenodd"
56
+ clipRule="evenodd"
57
+ 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"
58
+ fill="#528693"
59
+ />
60
+ <path
61
+ 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"
62
+ fill="#BFF6F8"
63
+ />
64
+ <path
65
+ fillRule="evenodd"
66
+ clipRule="evenodd"
67
+ 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"
68
+ fill="#528693"
69
+ />
70
+ <path
71
+ 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"
72
+ fill="#fff"
73
+ />
74
+ <path
75
+ fillRule="evenodd"
76
+ clipRule="evenodd"
77
+ 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"
78
+ fill="#528693"
79
+ />
80
+ </svg>
81
+ );
82
+ });
83
+
84
+ Grid.displayName = 'GridIcon';
package/src/iconography/hooks.tsx ADDED
@@ -0,0 +1,26 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type HooksProps = SVGProps<SVGSVGElement>;
4
+
5
+ type HooksRef = SVGSVGElement;
6
+
7
+ export const Hooks = forwardRef<HooksRef, HooksProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" {...delegated}>
10
+ <path
11
+ 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"
12
+ fill="#528693"
13
+ />
14
+ <path
15
+ 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"
16
+ fill="white"
17
+ />
18
+ <path
19
+ 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"
20
+ fill="#bff6f8"
21
+ />
22
+ </svg>
23
+ );
24
+ });
25
+
26
+ Hooks.displayName = 'HooksIcon';
package/src/iconography/image.tsx ADDED
@@ -0,0 +1,47 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type ImageProps = SVGProps<SVGSVGElement>;
4
+
5
+ type ImageRef = SVGSVGElement;
6
+
7
+ export const Image = forwardRef<ImageRef, ImageProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="35" height="34" viewBox="0 0 35 34" fill="none" {...delegated}>
10
+ <path
11
+ d="M4.5449 27.7359c.3388 0 .6846.022 1.0195.042.3068.02.5997.039.8766.039 3.5723 0 7.6094.022 11.6635.044 4.248.021 8.514.043 12.2852.044-.049-2.3769-.071-4.7558-.082-7.1367-3.1415 2.7317-7.9652 3.1445-10.595 3.1445-.5347 0-1.0585-.0159-1.5632-.0469-2.234-.132-4.9477-.8067-5.1796-3.2615-.1269-1.3484.6527-2.4448 2.2639-3.1985-4.268.6437-8.1471 2.8707-11.4096 4.9977a.3454.3454 0 0 1-.091.0439v.4088c0 .4858.009.9756.019 1.4674a33.4635 33.4635 0 0 1-.055 3.4813 5.0885 5.0885 0 0 1 .8477-.069ZM17.029 17.5917a5.6858 5.6858 0 0 0-2.6058 1.2694 2.0877 2.0877 0 0 0-.6307 1.6592 2.3925 2.3925 0 0 0 1.0425 1.7092 7.1495 7.1495 0 0 0 4.0531.9216c.4998 0 .9826-.018 1.4343-.035l.181-.008a5.5863 5.5863 0 0 1-3.4744-5.5164Zm-.6167-.9995a1.7152 1.7152 0 0 1 .9995.2239.8253.8253 0 0 1 .3139.7846v.2289c.0265.4098.0854.8169.1759 1.2174a4.9303 4.9303 0 0 0 1.0475 2.134c.0899.1.1839.1999.2829.2999a5.7271 5.7271 0 0 0 2.5078 1.2994c.2678.0716.5444.1052.8216.0999a9.0042 9.0042 0 0 0 1.999-.3118 15.8686 15.8686 0 0 0 5.7833-2.6688c-.05-2.5598-.044-5.1975-.037-7.8433.004-1.9677.0064-3.9335.007-5.8972H27.593c-7.2895.007-16.5002.007-23.8547.007v15.4028a31.1853 31.1853 0 0 1 8.9497-4.36 16.6115 16.6115 0 0 1 2.8337-.5547 8.6182 8.6182 0 0 1 .8866-.062h.004Z"
12
+ fill="#528693"
13
+ />
14
+ <path
15
+ d="M17.1459 17.4508a6.0604 6.0604 0 0 0-2.7987 1.3364 2.252 2.252 0 0 0-.3003 2.8154c.1855.287.4337.5281.7261.7049 1.5103 1.0665 3.8202.9705 5.5974.8996.1929-.007.3808-.019.5737-.033a5.4836 5.4836 0 0 1-3.7982-5.7233Zm13.2607 3.0985c-3.0985 2.8327-8.2551 3.4614-12.2462 3.2215-1.9991-.1189-4.8527-.7077-5.0866-3.1725-.1699-1.8111 1.3554-2.8287 2.8986-3.3874-4.4489.4698-8.484 2.6877-12.1942 5.1046a.2277.2277 0 0 1-.137.041v.4997c0 1.6773.111 3.3984-.048 5.0717a14.6766 14.6766 0 0 1 2.8507 0c7.3516 0 16.6652.0889 24.0507.0889-.055-2.4958-.077-4.9836-.088-7.4715v.004Zm-13.0568-3.6572c.3518.2588.2519.5657.2779.9395.0276.4151.087.8275.1779 1.2334a5.0658 5.0658 0 0 0 1.0695 2.176c.0929.1.1889.2079.2888.2999a5.805 5.805 0 0 0 2.5508 1.3253 6.195 6.195 0 0 0 2.9576-.2259 15.777 15.777 0 0 0 5.7293-2.6577c-.0149-4.6418.015-9.2876.011-13.9265H27.593c-7.3226.008-16.5842.008-23.9548.008v15.6927a31.2829 31.2829 0 0 1 9.0768-4.4529 16.616 16.616 0 0 1 2.8176-.5518 3.1826 3.1826 0 0 1 1.8172.14Z"
16
+ fill="#528693"
17
+ />
18
+ <path
19
+ d="M31.1013 28.4156a.276.276 0 0 1-.1699.2599.23.23 0 0 1-.1399.04c-.5198 0-1.0695-.01-1.6293-.03-.5597-.02-1.0995-.02-1.6192-.02-4.6278.01-9.1657.03-13.7036.03h-.2598c-1.6893 0-3.3485-.02-5.0277-.04-1.5492-.01-3.1185-.03-4.7777-.04-.14 0-.9296-.02-.9296-.02v-.0899s0-2.089.01-2.6488c.01-.4198.03-.8396.05-1.2594.03-.6397.06-1.2694.06-1.8991 0-.9495-.03-1.8991-.06-2.8486-.03-.9496-.05-1.9091-.05-2.8587V5.6763a.3898.3898 0 0 1 .3898-.3898H6.453c7.4165 0 16.932 0 24.3485.01a.3797.3797 0 0 1 .3799.3798c0 1.9691 0 3.9682.01 5.9672.01 5.5484.026 11.2747-.09 16.7721Z"
20
+ fill="#528693"
21
+ />
22
+ <path
23
+ d="M17.1459 17.4508a5.4837 5.4837 0 0 0 3.7982 5.7273 15.752 15.752 0 0 1-.5737.033c-1.7772.0669-4.0871.1629-5.5974-.8996a2.2512 2.2512 0 0 1-1.0702-1.6565 2.2528 2.2528 0 0 1 .6444-1.8638 6.0613 6.0613 0 0 1 2.7987-1.3404Z"
24
+ fill="#fff"
25
+ />
26
+ <path
27
+ d="M30.4067 20.5453c.011 2.4879.033 4.9757.085 7.4595-7.3856 0-16.6992-.0849-24.0507-.0889H3.5903s.048-3.3984.048-5.0717v-.4997a.2277.2277 0 0 0 .137-.041c3.7132-2.4169 7.7483-4.6348 12.1942-5.1046-1.5433.5587-3.0685 1.5763-2.8986 3.3874.2339 2.4649 3.0915 3.0536 5.0866 3.1725 3.9941.2479 9.1507-.3808 12.2492-3.2135Z"
28
+ fill="#fff"
29
+ />
30
+ <path
31
+ d="M30.4137 6.0561c0 4.6389-.026 9.2847-.011 13.9265a15.779 15.779 0 0 1-5.7303 2.6657 6.195 6.195 0 0 1-2.9576.2259 5.805 5.805 0 0 1-2.5508-1.3253c-.1-.1-.1999-.1999-.2889-.2999a5.0681 5.0681 0 0 1-1.0695-2.176 8.117 8.117 0 0 1-.1779-1.2334c-.026-.3738.074-.6807-.2778-.9396a3.1833 3.1833 0 0 0-1.8172-.1449 16.617 16.617 0 0 0-2.8177.5518 31.2832 31.2832 0 0 0-9.0767 4.4529V6.0642c7.3705 0 16.6322 0 23.9547-.008h2.8207Zm-2.8107 7.2486c1.4074-2.2839-.2768-4.9236-3.1725-4.7267a2.961 2.961 0 0 0-2.7933 1.7789 2.9598 2.9598 0 0 0-.2452 1.1377 3.074 3.074 0 0 0 1.6439 3.0414 3.0742 3.0742 0 0 0 1.1687.335 3.6157 3.6157 0 0 0 3.3984-1.5663Z"
32
+ fill="#BFF6F8"
33
+ className="structural-color"
34
+ />
35
+ <path
36
+ d="M26.8674 13.2568a2.31 2.31 0 0 0 .5707-1.8402 2.6545 2.6545 0 0 0-2.7177-2.232c-.093 0-.1889 0-.2809.011a2.3434 2.3434 0 0 0-1.6842.647 2.3448 2.3448 0 0 0-.5282.7534 2.3447 2.3447 0 0 0-.1974.8986 2.4539 2.4539 0 0 0 2.1839 2.7247c.1.007.1999.011.2999.011a3.1778 3.1778 0 0 0 2.3539-.9735ZM24.4275 8.578c2.8987-.2 4.5799 2.4428 3.1725 4.7267a3.6157 3.6157 0 0 1-3.3984 1.5663 3.0746 3.0746 0 0 1-2.8096-3.3764 2.9598 2.9598 0 0 1 .909-2.0919 2.962 2.962 0 0 1 2.1265-.8247Z"
37
+ fill="#528693"
38
+ />
39
+ <path
40
+ d="M27.492 11.4106a2.3541 2.3541 0 0 1-.5817 1.8771 3.243 3.243 0 0 1-2.3989.9996c-.1059 0-.2079 0-.3098-.012a2.4985 2.4985 0 0 1-2.228-2.7787 2.394 2.394 0 0 1 .2004-.918 2.3912 2.3912 0 0 1 2.2585-1.4309c.0939-.008.1919-.012.2868-.012a2.7075 2.7075 0 0 1 2.7727 2.2749Z"
41
+ fill="#fff"
42
+ />
43
+ </svg>
44
+ );
45
+ });
46
+
47
+ Image.displayName = 'ImageIcon';
package/src/iconography/index.ts ADDED
@@ -0,0 +1,63 @@
1
+ import { Add } from './add';
2
+ import { Arrow } from './arrow';
3
+ import { Atom } from './atom';
4
+ import { Cancel } from './cancel';
5
+ import { Catalogue } from './catalogue';
6
+ import { Copy } from './copy';
7
+ import { Crystal } from './crystal';
8
+ import { Customers } from './customers';
9
+ import { Edit } from './edit';
10
+ import { Error } from './error';
11
+ import { Fulfilment } from './fulfilment';
12
+ import { Glasses } from './glasses';
13
+ import { GraphQL } from './graphQL';
14
+ import { Grid } from './grid';
15
+ import { Hooks } from './hooks';
16
+ import { Image } from './image';
17
+ import { Info } from './info';
18
+ import { Key } from './key';
19
+ import { Language } from './language';
20
+ import { NailPolish } from './nail-polish';
21
+ import { Order } from './order';
22
+ import { Particle } from './particle';
23
+ import { Percentage } from './percentage';
24
+ import { PriceTag } from './price-tag';
25
+ import { Subscription } from './subscription';
26
+ import { Shapes } from './shapes';
27
+ import { Topics } from './topics';
28
+ import { Usage } from './usage';
29
+ import { Users } from './users';
30
+ import { Warning } from './warning';
31
+
32
+ export const Icon = {
33
+ Add,
34
+ Arrow,
35
+ Atom,
36
+ Cancel,
37
+ Catalogue,
38
+ Copy,
39
+ Crystal,
40
+ Customers,
41
+ Edit,
42
+ Error,
43
+ Fulfilment,
44
+ Glasses,
45
+ GraphQL,
46
+ Grid,
47
+ Hooks,
48
+ Image,
49
+ Info,
50
+ Key,
51
+ Language,
52
+ NailPolish,
53
+ Order,
54
+ Particle,
55
+ Percentage,
56
+ PriceTag,
57
+ Subscription,
58
+ Shapes,
59
+ Topics,
60
+ Usage,
61
+ Users,
62
+ Warning,
63
+ };
package/src/iconography/info.tsx ADDED
@@ -0,0 +1,41 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type InfoProps = SVGProps<SVGSVGElement>;
4
+ type InfoRef = SVGSVGElement;
5
+
6
+ export const Info = forwardRef<InfoRef, InfoProps>((delegated, ref) => {
7
+ return (
8
+ <svg
9
+ ref={ref}
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ width="22"
12
+ height="22"
13
+ fill="none"
14
+ viewBox="0 0 22 22"
15
+ {...delegated}
16
+ >
17
+ <path
18
+ d="M17.593 3.85212C17.593 4.67937 16.9224 5.34999 16.0952 5.34999C15.2679 5.34999 14.5973 4.67937 14.5973 3.85212C14.5973 3.02487 15.2679 2.35425 16.0952 2.35425C16.9224 2.35425 17.593 3.02487 17.593 3.85212Z"
19
+ fill="#BFF6F8"
20
+ />
21
+ <path
22
+ fill-rule="evenodd"
23
+ clip-rule="evenodd"
24
+ d="M18.253 3.85212C18.253 5.04383 17.2869 6.00991 16.0952 6.00991C14.9035 6.00991 13.9374 5.04383 13.9374 3.85212C13.9374 2.66041 14.9035 1.69434 16.0952 1.69434C17.2869 1.69434 18.253 2.66041 18.253 3.85212ZM16.0952 5.34999C16.9224 5.34999 17.5931 4.67937 17.5931 3.85212C17.5931 3.02487 16.9224 2.35425 16.0952 2.35425C15.2679 2.35425 14.5973 3.02487 14.5973 3.85212C14.5973 4.67937 15.2679 5.34999 16.0952 5.34999Z"
25
+ fill="#528693"
26
+ />
27
+ <path
28
+ d="M11.2267 19.6338C10.1339 19.5731 9.0685 19.2687 8.1091 18.743C6.45171 17.8422 5.90412 16.3181 6.67909 14.7659C7.26511 13.7065 7.9836 12.7256 8.81732 11.8468L8.91693 11.7313C9.29243 11.2963 9.68044 10.8467 10.0199 10.3976C10.4486 9.83253 10.8215 9.28929 10.6797 8.86312C10.5968 8.6196 10.3605 8.44373 9.9584 8.32457C9.83715 8.29874 9.71404 8.28256 9.59022 8.27617L9.50938 8.26941C9.26232 8.2834 9.01575 8.23452 8.79281 8.12735C8.54248 7.93066 8.64731 7.36817 8.77404 7.12204C8.87835 6.92966 9.02762 6.76522 9.2092 6.64266C9.39077 6.5201 9.59929 6.44304 9.81707 6.41802C10.0235 6.38077 10.2331 6.36335 10.4429 6.36598C11.4176 6.41652 12.3773 6.6275 13.2831 6.9904C14.9259 7.62106 15.7097 8.86885 15.3801 10.3284C15.1357 11.2718 14.6733 12.1451 14.0299 12.8781C13.8385 13.118 13.6419 13.3464 13.4458 13.5795L13.3415 13.7024C12.9232 14.1775 12.5323 14.6759 12.1707 15.1952L11.9564 15.5012C11.7156 15.8119 11.5223 16.1565 11.3827 16.5237C11.303 16.7335 11.308 16.966 11.3968 17.1721C11.4855 17.3783 11.651 17.5421 11.8583 17.6289C12.0086 17.6973 12.1701 17.7377 12.335 17.748C12.5957 17.7793 12.8648 17.8126 12.9712 18.0603C13.0139 18.1752 13.0313 18.298 13.0223 18.4203C13.0133 18.5425 12.9781 18.6615 12.9191 18.769C12.7552 19.0647 12.5066 19.305 12.2052 19.459C11.9037 19.6131 11.563 19.6739 11.2267 19.6338Z"
29
+ fill="#BFF6F8"
30
+ />
31
+ <path
32
+ fill-rule="evenodd"
33
+ clip-rule="evenodd"
34
+ d="M11.2842 18.976L11.3049 18.9785C11.5112 19.0031 11.7201 18.9658 11.9049 18.8714C12.0891 18.7772 12.2409 18.6306 12.3411 18.4504C12.3471 18.4394 12.352 18.4277 12.3558 18.4158C12.3317 18.4124 12.3048 18.4091 12.2731 18.4053C12.0384 18.3881 11.8084 18.33 11.5936 18.2335C11.2334 18.0797 10.9456 17.7933 10.7906 17.433C10.6341 17.0694 10.6252 16.6594 10.7658 16.2894C10.9266 15.8663 11.1487 15.4689 11.4246 15.1101L11.6291 14.8181C11.6293 14.8178 11.629 14.8184 11.6291 14.8181C12.0038 14.2802 12.4092 13.763 12.8423 13.2707L12.9418 13.1535C12.9894 13.097 13.0361 13.0418 13.0821 12.9874C13.2314 12.8108 13.3734 12.6428 13.5141 12.4665L13.5237 12.4544L13.5339 12.4428C14.107 11.7899 14.5194 11.0128 14.7386 10.1733C14.8642 9.60674 14.7724 9.1134 14.5125 8.69961C14.2452 8.27422 13.7678 7.88337 13.0466 7.60647L13.0376 7.60304C12.2034 7.26882 11.3198 7.07373 10.4221 7.02572C10.2586 7.02444 10.0952 7.03841 9.93422 7.06745L9.91342 7.0712L9.89242 7.07362C9.77981 7.08656 9.67209 7.12639 9.57839 7.18964C9.48729 7.25113 9.41209 7.33296 9.35867 7.42842C9.35249 7.44171 9.33941 7.47402 9.32659 7.52286C9.31959 7.54951 9.31383 7.57671 9.30949 7.60325C9.36308 7.61115 9.41754 7.61364 9.47206 7.61055L9.51828 7.60793L9.63538 7.61773C9.79024 7.6263 9.94419 7.64682 10.0959 7.67913L10.1211 7.68451L10.1459 7.69185C10.6213 7.83272 11.1176 8.10198 11.3044 8.65041L11.3058 8.6547C11.4603 9.11879 11.309 9.5616 11.1547 9.87197C10.9947 10.194 10.7584 10.5161 10.546 10.7961C10.1932 11.2626 9.79323 11.726 9.4222 12.1559L9.4167 12.1622L9.30686 12.2896L9.29607 12.301C8.50411 13.1358 7.82119 14.0671 7.26353 15.0728C6.95101 15.7053 6.92585 16.2828 7.10297 16.7755C7.28379 17.2785 7.70442 17.772 8.42421 18.1631L8.42623 18.1642C9.29923 18.6426 10.2687 18.9197 11.2633 18.9749L11.2842 18.976ZM6.67909 14.7659C7.26511 13.7065 7.9836 12.7256 8.81732 11.8468L8.91693 11.7313C9.29243 11.2963 9.68044 10.8467 10.0199 10.3976C10.4486 9.83253 10.8215 9.28929 10.6797 8.86312C10.5968 8.6196 10.3605 8.44373 9.9584 8.32457C9.83715 8.29874 9.71404 8.28256 9.59022 8.27617L9.50938 8.26941C9.26232 8.2834 9.01575 8.23452 8.79281 8.12735C8.54248 7.93066 8.64731 7.36817 8.77404 7.12204C8.87835 6.92966 9.02762 6.76522 9.2092 6.64266C9.39077 6.5201 9.59929 6.44304 9.81707 6.41802C10.0235 6.38077 10.2331 6.36335 10.4429 6.36598C11.4176 6.41652 12.3773 6.6275 13.2831 6.9904C14.9259 7.62106 15.7097 8.86885 15.3801 10.3284C15.1357 11.2718 14.6733 12.1451 14.0299 12.8781C13.8828 13.0625 13.7326 13.2401 13.582 13.4182C13.5366 13.4719 13.4912 13.5256 13.4458 13.5795L13.3415 13.7024C12.9232 14.1775 12.5323 14.6759 12.1707 15.1952L11.9564 15.5012C11.7156 15.8119 11.5223 16.1565 11.3827 16.5237C11.303 16.7335 11.308 16.966 11.3968 17.1721C11.4855 17.3783 11.651 17.5421 11.8583 17.6289C12.0086 17.6973 12.1701 17.7377 12.335 17.748C12.5957 17.7793 12.8648 17.8126 12.9712 18.0603C13.0139 18.1752 13.0313 18.298 13.0223 18.4203C13.0133 18.5425 12.9781 18.6615 12.9191 18.769C12.7552 19.0647 12.5066 19.305 12.2052 19.459C11.9037 19.6131 11.563 19.6739 11.2267 19.6338C10.1339 19.5731 9.0685 19.2687 8.1091 18.743C6.45171 17.8422 5.90412 16.3181 6.67909 14.7659Z"
35
+ fill="#528693"
36
+ />
37
+ </svg>
38
+ );
39
+ });
40
+
41
+ Info.displayName = 'InfoIcon';
package/src/iconography/key.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type KeyProps = SVGProps<SVGSVGElement>;
4
+
5
+ type KeyRef = SVGSVGElement;
6
+
7
+ export const Key = forwardRef<KeyRef, KeyProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} viewBox="0 0 24 25" width="24" height="25" fill="none" {...delegated}>
10
+ <path
11
+ fill="#BFF6F8"
12
+ stroke="#528693"
13
+ d="M23.486 5.617a6.308 6.308 0 0 0-2.738-4.03 6.314 6.314 0 0 0-2.335-.942 6.251 6.251 0 0 0-2.51.051c-.928.212-1.799.637-2.545 1.243a6.435 6.435 0 0 0-1.762 2.257 6.617 6.617 0 0 0-.11 5.42 3308.703 3308.703 0 0 1-3.087 3.164l-.042-.043c-.335-.34-1.163-1.187-1.495-1.537-.315-.333-.644-.403-.868-.403-.323 0-.616.138-.868.41-.273.291-.633.671-1.007 1.039-.326.32-.395.657-.396.884 0 .33.135.633.402.9.353.35 1.191 1.208 1.535 1.56l-.545.556-.048-.05c-.331-.337-1.155-1.18-1.484-1.526-.256-.269-.549-.405-.868-.405h-.007c-.222 0-.552.073-.864.409-.312.336-.65.686-1.025 1.058-.319.317-.385.653-.385.878 0 .328.13.625.39.883.355.355 1.195 1.216 1.543 1.573l-.048.05c-.218.221-.443.45-.663.685-.419.449-.65 1.048-.643 1.67a2.41 2.41 0 0 0 1.436 2.181c.284.123.588.187.896.189a2.286 2.286 0 0 0 1.592-.661c.067-.065.127-.127.186-.187l.057-.06 9.604-9.845c.899.388 1.72.562 2.504.528h.017c1.04 0 2.003-.232 2.864-.692a6.458 6.458 0 0 0 2.862-3.016c.595-1.293.75-2.743.455-4.19ZM14.437 7.04c-.016-.738.295-1.487.851-2.056.567-.578 1.312-.9 2.043-.88.755.014 1.475.331 2.003.884.529.553.823 1.298.82 2.072 0 1.631-1.26 2.904-2.866 2.904h-.002c-1.563-.001-2.815-1.283-2.849-2.924Z"
14
+ />
15
+ </svg>
16
+ );
17
+ });
18
+
19
+ Key.displayName = 'KeyIcon';