@crystallize/design-system 1.16.4 → 1.16.5

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 (59) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/chunk-NIH5ZMPE.mjs +8 -0
  3. package/dist/index.css +173 -5
  4. package/dist/index.d.ts +54 -10
  5. package/dist/index.js +31440 -1331
  6. package/dist/index.mjs +2420 -1138
  7. package/dist/parser-babel-B7AMC4UT.mjs +8379 -0
  8. package/dist/parser-html-URMUOK6U.mjs +3222 -0
  9. package/dist/parser-postcss-AN2EJ77H.mjs +5621 -0
  10. package/dist/standalone-AR2ENVE7.mjs +11618 -0
  11. package/package.json +4 -2
  12. package/src/action-menu/action-item.tsx +1 -1
  13. package/src/action-menu/action-menu.css +2 -2
  14. package/src/action-menu/action-menu.tsx +3 -2
  15. package/src/dropdown-menu/dropdown-menu.css +31 -0
  16. package/src/iconography/Icon.stories.tsx +4 -4
  17. package/src/iconography/app.tsx +23 -10
  18. package/src/iconography/billing-payments.tsx +8 -8
  19. package/src/iconography/cancel.tsx +1 -9
  20. package/src/iconography/catalogue.tsx +24 -4
  21. package/src/iconography/choice.tsx +112 -0
  22. package/src/iconography/chunk.tsx +65 -0
  23. package/src/iconography/dashboard.tsx +13 -10
  24. package/src/iconography/date.tsx +114 -0
  25. package/src/iconography/document.tsx +15 -3
  26. package/src/iconography/file-upload.tsx +43 -0
  27. package/src/iconography/fixed-property-table.tsx +35 -0
  28. package/src/iconography/grid-relation.tsx +67 -0
  29. package/src/iconography/image.tsx +21 -15
  30. package/src/iconography/index.ts +53 -7
  31. package/src/iconography/location.tsx +35 -0
  32. package/src/iconography/magnifier.tsx +40 -0
  33. package/src/iconography/numeric.tsx +36 -0
  34. package/src/iconography/paragraph-collection.tsx +69 -0
  35. package/src/iconography/percentage.tsx +18 -9
  36. package/src/iconography/plug.tsx +38 -0
  37. package/src/iconography/price-tag.tsx +20 -11
  38. package/src/iconography/product.tsx +39 -10
  39. package/src/iconography/property-table.tsx +36 -0
  40. package/src/iconography/relation.tsx +25 -0
  41. package/src/iconography/rich-text.tsx +47 -0
  42. package/src/iconography/selection.tsx +78 -0
  43. package/src/iconography/settings.tsx +7 -16
  44. package/src/iconography/singleline.tsx +25 -0
  45. package/src/iconography/split.tsx +54 -0
  46. package/src/iconography/stock-location.tsx +31 -33
  47. package/src/iconography/switch.tsx +56 -0
  48. package/src/iconography/video.tsx +46 -0
  49. package/src/index.ts +2 -0
  50. package/src/rich-text-editor/rich-text-editor.css +0 -1
  51. package/src/switch/Switch.stories.tsx +62 -0
  52. package/src/switch/index.tsx +3 -0
  53. package/src/switch/switch.css +13 -0
  54. package/src/switch/switch.tsx +12 -0
  55. package/src/tooltip/Tooltip.stories.tsx +62 -0
  56. package/src/tooltip/index.tsx +3 -0
  57. package/src/tooltip/tooltip.css +7 -0
  58. package/src/tooltip/tooltip.tsx +38 -0
  59. package/tailwind.config.cjs +1 -0
package/src/iconography/numeric.tsx ADDED
@@ -0,0 +1,36 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type NumericProps = SVGProps<SVGSVGElement>;
4
+
5
+ type NumericRef = SVGSVGElement;
6
+
7
+ export const Numeric = forwardRef<NumericRef, NumericProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M18.7392 15.2607C19.0398 15.2607 19.2835 15.5044 19.2835 15.805V16.8059C19.2835 17.1065 19.0398 17.3502 18.7392 17.3502H12.2785C11.9779 17.3502 11.7342 17.1065 11.7342 16.8059V15.5788L15.2612 11.2967C15.5914 10.861 15.854 10.4769 16.0492 10.1444C16.2493 9.81194 16.3944 9.51099 16.4844 9.24156C16.5745 8.9664 16.6195 8.71417 16.6195 8.48487C16.6195 8.11226 16.567 7.79697 16.4619 7.53901C16.3618 7.28105 16.2143 7.08328 16.0191 6.9457C15.824 6.80812 15.5864 6.73933 15.3062 6.73933C15.0061 6.73933 14.7484 6.82819 14.5333 7.00589C14.3182 7.1836 14.1531 7.4301 14.038 7.74538C13.9784 7.90564 13.9343 8.07743 13.9056 8.26073C13.859 8.55771 13.6217 8.80303 13.3211 8.80303H12.0534C11.7527 8.80303 11.5055 8.5586 11.5374 8.25969C11.5963 7.70774 11.7469 7.19522 11.9893 6.72213C12.3095 6.09156 12.7573 5.58997 13.3326 5.21736C13.9079 4.83901 14.5808 4.64984 15.3513 4.64984C16.1417 4.64984 16.8046 4.79315 17.3399 5.07978C17.8752 5.3664 18.2804 5.77627 18.5556 6.3094C18.8308 6.84252 18.9683 7.48455 18.9683 8.23551C18.9683 8.65971 18.9083 9.06959 18.7882 9.46513C18.6732 9.86067 18.5056 10.2533 18.2854 10.6432C18.0653 11.033 17.8002 11.4314 17.49 11.8384C17.1798 12.2396 16.8296 12.6639 16.4394 13.111L15.1248 14.8228C14.9873 15.0018 15.1149 15.2607 15.3406 15.2607H18.7392Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M11.1899 15.5788C11.1899 15.4525 11.2338 15.3302 11.314 15.2328L14.834 10.9592C15.153 10.5378 15.4001 10.175 15.5797 9.86893L15.5828 9.86371L15.5828 9.86373C15.7688 9.55464 15.8938 9.29107 15.9676 9.07061C16.0439 8.83716 16.0752 8.64347 16.0752 8.48486C16.0752 8.16021 16.029 7.9191 15.9578 7.7443L15.9544 7.73586L15.9544 7.73583C15.8868 7.56153 15.7997 7.45697 15.7055 7.39052C15.6173 7.32832 15.4941 7.28362 15.3062 7.28362C15.1223 7.28362 14.9898 7.33472 14.8799 7.42552C14.7533 7.53015 14.6379 7.68915 14.5493 7.93198L14.5482 7.93502L14.5482 7.93502C14.5023 8.05841 14.4668 8.19463 14.4433 8.345C14.3639 8.85175 13.942 9.34731 13.3211 9.34731H12.0533C11.4705 9.34731 10.9257 8.86207 10.9961 8.20194C11.0618 7.58687 11.2305 7.00971 11.5045 6.4748C11.8664 5.76243 12.3776 5.18776 13.0351 4.76152C13.7092 4.31869 14.4883 4.10553 15.3513 4.10553C16.2051 4.10553 16.9622 4.26013 17.5968 4.59992C18.228 4.93789 18.7129 5.42745 19.0393 6.05975C19.363 6.68705 19.5126 7.41908 19.5126 8.2355C19.5126 8.71076 19.4454 9.17297 19.31 9.62015C19.1823 10.0583 18.9978 10.4885 18.7594 10.9108C18.5254 11.3251 18.2461 11.7442 17.9229 12.1683L17.9206 12.1713L17.9206 12.1712C17.6059 12.5784 17.2524 13.0067 16.8607 13.456L15.8927 14.7164H18.7392C19.3404 14.7164 19.8278 15.2037 19.8278 15.805V16.8058C19.8278 17.4071 19.3404 17.8944 18.7392 17.8944H12.2785C11.6773 17.8944 11.1899 17.4071 11.1899 16.8058V15.5788ZM16.4394 13.111C16.8296 12.6638 17.1798 12.2396 17.49 11.8384C17.8002 11.4314 18.0653 11.0329 18.2854 10.6431C18.5056 10.2533 18.6732 9.86066 18.7882 9.46512C18.9083 9.06957 18.9683 8.6597 18.9683 8.2355C18.9683 7.48454 18.8307 6.8425 18.5556 6.30938C18.2804 5.77626 17.8752 5.36639 17.3399 5.07977C16.8046 4.79314 16.1417 4.64983 15.3513 4.64983C14.5808 4.64983 13.9079 4.839 13.3326 5.21734C12.7573 5.58996 12.3095 6.09155 11.9893 6.72212C11.7469 7.19521 11.5963 7.70773 11.5374 8.25968C11.5055 8.55859 11.7527 8.80301 12.0533 8.80301H13.3211C13.6217 8.80301 13.859 8.5577 13.9055 8.26072C13.9343 8.07741 13.9784 7.90563 14.038 7.74537C14.1531 7.43008 14.3182 7.18359 14.5333 7.00588C14.7484 6.82817 15.0061 6.73932 15.3062 6.73932C15.5864 6.73932 15.824 6.80811 16.0191 6.94569C16.2142 7.08327 16.3618 7.28104 16.4619 7.539C16.5669 7.79696 16.6195 8.11225 16.6195 8.48486C16.6195 8.71416 16.5745 8.96639 16.4844 9.24155C16.3943 9.51098 16.2493 9.81193 16.0492 10.1444C15.854 10.4769 15.5914 10.861 15.2612 11.2966L11.7342 15.5788V16.8058C11.7342 17.1065 11.9779 17.3501 12.2785 17.3501H18.7392C19.0398 17.3501 19.2835 17.1065 19.2835 16.8058V15.805C19.2835 15.5043 19.0398 15.2607 18.7392 15.2607H15.3406C15.1149 15.2607 14.9873 15.0017 15.1247 14.8227L16.4394 13.111Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M10.1239 12.5692C10.2742 12.5692 10.396 12.6911 10.396 12.8414V14.378C10.396 14.5283 10.2742 14.6501 10.1239 14.6501H2.67849C2.39432 14.6501 2.15797 14.4315 2.13584 14.1482L2.06006 13.1777C2.05184 13.0724 2.07442 12.967 2.12506 12.8744L6.36523 5.11371C6.46067 4.93903 6.64384 4.83038 6.84289 4.83038H8.37359L6.36244 8.64822L4.53491 12.1718C4.44095 12.3529 4.57243 12.5692 4.7765 12.5692H10.1239ZM8.32458 4.83038C8.62519 4.83038 8.86888 5.07407 8.86888 5.37468V16.8058C8.86888 17.1064 8.62519 17.3501 8.32458 17.3501H7.07183C6.77123 17.3501 6.52753 17.1064 6.52753 16.8058V5.37468C6.52753 5.07407 6.77123 4.83038 7.07183 4.83038H8.32458Z"
23
+ fill="#BFF6F8"
24
+ className="c-icon-fill"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M8.82045 5.14993C8.79965 5.10412 8.7727 5.0617 8.74063 5.02373C8.6517 4.9184 8.5235 4.8473 8.37861 4.83302C8.37694 4.83286 8.37526 4.8327 8.37358 4.83255C8.37322 4.83252 8.37285 4.83248 8.37249 4.83245L8.37358 4.83037H6.84287C6.64383 4.83037 6.46066 4.93902 6.36522 5.11369L2.12504 12.8743C2.07441 12.967 2.05183 13.0724 2.06005 13.1777L2.13583 14.1482C2.15796 14.4315 2.39431 14.6501 2.67848 14.6501H6.52752V16.8058C6.52752 17.1064 6.77121 17.3501 7.07182 17.3501H8.32457C8.62517 17.3501 8.86887 17.1064 8.86887 16.8058V14.6501H10.1238C10.2741 14.6501 10.396 14.5283 10.396 14.378V12.8414C10.396 12.6911 10.2741 12.5692 10.1238 12.5692H8.86887V5.37467C8.86887 5.29453 8.85155 5.21844 8.82045 5.14993ZM6.36243 8.64821L6.52752 8.3348V12.5692H4.77649C4.57241 12.5692 4.44094 12.3529 4.5349 12.1718L6.36243 8.64821ZM5.98322 10.5615L5.22422 12.0249H5.98322V10.5615ZM9.41316 12.0249H10.1238C10.5748 12.0249 10.9403 12.3905 10.9403 12.8414V14.378C10.9403 14.8289 10.5748 15.1944 10.1238 15.1944H9.41316V16.8058C9.41316 17.407 8.92578 17.8944 8.32457 17.8944H7.07182C6.47061 17.8944 5.98322 17.407 5.98322 16.8058V15.1944H2.67848C2.11013 15.1944 1.63743 14.7572 1.59319 14.1906L1.5174 13.2201C1.50096 13.0095 1.54613 12.7987 1.64739 12.6134L5.88756 4.85272C6.07844 4.50337 6.44478 4.28607 6.84287 4.28607H8.37358C8.41268 4.28607 8.45119 4.29027 8.48857 4.29834C9.01197 4.37743 9.41316 4.8292 9.41316 5.37467V12.0249Z"
30
+ fill="#528693"
31
+ />
32
+ </svg>
33
+ );
34
+ });
35
+
36
+ Numeric.displayName = 'Numeric';
package/src/iconography/paragraph-collection.tsx ADDED
@@ -0,0 +1,69 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type ParagraphCollectionProps = SVGProps<SVGSVGElement>;
4
+
5
+ type ParagraphCollectionRef = SVGSVGElement;
6
+
7
+ export const ParagraphCollection = forwardRef<ParagraphCollectionRef, ParagraphCollectionProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M18 18.4001C18 18.7314 17.7314 19.0001 17.4 19.0001L4.6 19.0001C4.26863 19.0001 4 18.7314 4 18.4001L4 14.6001C4 14.2687 4.26863 14.0001 4.6 14.0001L17.4 14.0001C17.7314 14.0001 18 14.2687 18 14.6001L18 18.4001Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M17.4 19.6L4.60001 19.6C3.93726 19.6 3.40001 19.0628 3.40001 18.4L3.40001 14.6C3.40001 13.9373 3.93726 13.4 4.60001 13.4L17.4 13.4C18.0627 13.4 18.6 13.9373 18.6 14.6L18.6 18.4C18.6 19.0628 18.0627 19.6 17.4 19.6ZM17.4 19C17.7314 19 18 18.7314 18 18.4L18 14.6C18 14.2687 17.7314 14 17.4 14L4.60001 14C4.26864 14 4.00001 14.2687 4.00001 14.6L4.00001 18.4C4.00001 18.7314 4.26863 19 4.60001 19L17.4 19Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M18 10.4001C18 10.7314 17.7314 11.0001 17.4 11.0001L4.6 11.0001C4.26863 11.0001 4 10.7314 4 10.4001L4 9.60006C4 9.26869 4.26863 9.00006 4.6 9.00006L17.4 9.00006C17.7314 9.00006 18 9.26869 18 9.60006L18 10.4001Z"
23
+ fill="#BFF6F8"
24
+ className="c-icon-fill"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M17.4 11.6L4.60001 11.6C3.93726 11.6 3.40001 11.0628 3.40001 10.4L3.40001 9.60004C3.40001 8.93729 3.93726 8.40004 4.60001 8.40004L17.4 8.40004C18.0627 8.40004 18.6 8.93729 18.6 9.60004L18.6 10.4C18.6 11.0628 18.0627 11.6 17.4 11.6ZM17.4 11C17.7314 11 18 10.7314 18 10.4L18 9.60004C18 9.26867 17.7314 9.00004 17.4 9.00004L4.60001 9.00004C4.26864 9.00004 4.00001 9.26866 4.00001 9.60004L4.00001 10.4C4.00001 10.7314 4.26863 11 4.60001 11L17.4 11Z"
30
+ fill="#528693"
31
+ />
32
+ <path
33
+ d="M18 5.40006C18 5.73143 17.7314 6.00006 17.4 6.00006L4.6 6.00006C4.26863 6.00006 4 5.73143 4 5.40006L4 3.60006C4 3.26869 4.26863 3.00006 4.6 3.00006L17.4 3.00006C17.7314 3.00006 18 3.26869 18 3.60006L18 5.40006Z"
34
+ fill="#BFF6F8"
35
+ className="c-icon-fill"
36
+ />
37
+ <path
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M17.4 6.60004L4.60001 6.60004C3.93726 6.60004 3.40001 6.06278 3.40001 5.40004L3.40001 3.60004C3.40001 2.93729 3.93726 2.40004 4.60001 2.40004L17.4 2.40004C18.0627 2.40004 18.6 2.93729 18.6 3.60004L18.6 5.40004C18.6 6.06278 18.0627 6.60004 17.4 6.60004ZM17.4 6.00004C17.7314 6.00004 18 5.73141 18 5.40004L18 3.60004C18 3.26867 17.7314 3.00004 17.4 3.00004L4.60001 3.00004C4.26864 3.00004 4.00001 3.26866 4.00001 3.60004L4.00001 5.40004C4.00001 5.73141 4.26863 6.00004 4.60001 6.00004L17.4 6.00004Z"
41
+ fill="#528693"
42
+ />
43
+ <path
44
+ d="M11 15C8.6 14.6 5 16.8333 3.5 18L4 19L4.5 19.5H17L18 19L18.5 16.5C18.1 17.3 15 17.8333 13.5 18C11.5 17.6 11 15.8333 11 15Z"
45
+ fill="white"
46
+ />
47
+ <path
48
+ fillRule="evenodd"
49
+ clipRule="evenodd"
50
+ d="M8.12258 15.2807C9.53327 14.8558 10.7686 14.7497 11.4727 14.8201C11.5725 14.8301 11.6494 14.9124 11.6527 15.0126C11.656 15.1128 11.5846 15.1999 11.4857 15.2164C10.5346 15.3749 9.97375 15.6289 9.66223 15.9136C9.36259 16.1875 9.27811 16.504 9.31556 16.8504C9.35133 17.1812 9.47565 17.4361 9.6655 17.6338C9.85768 17.834 10.1264 17.9852 10.4634 18.0893C11.1414 18.2986 12.0567 18.3051 13.0478 18.174C15.0299 17.9117 17.214 17.1139 18.1891 16.4638L18.411 16.7966C17.3722 17.4891 15.1257 18.3025 13.1002 18.5705C12.0875 18.7045 11.1047 18.706 10.3453 18.4714C9.96356 18.3536 9.62877 18.1731 9.37695 17.9108C9.1228 17.6461 8.96266 17.3077 8.91787 16.8934C8.86874 16.4389 8.98565 15.9901 9.39237 15.6184C9.52033 15.5014 9.67515 15.3938 9.8594 15.2962C9.37178 15.3693 8.82237 15.4877 8.23794 15.6637C6.86614 16.0769 5.31482 16.8036 3.93021 17.9904L3.66989 17.6867C5.10473 16.4569 6.7085 15.7067 8.12258 15.2807Z"
51
+ fill="#528693"
52
+ />
53
+ <path
54
+ fillRule="evenodd"
55
+ clipRule="evenodd"
56
+ d="M11.5316 14.8353C11.6331 14.8788 11.6802 14.9963 11.6367 15.0979C11.4602 15.5097 11.3727 16.1267 11.6369 16.6837C11.8959 17.2297 12.5181 17.7698 13.8683 17.9874C13.905 17.9933 13.9423 17.999 13.9801 18.0045C14.0894 18.0202 14.1653 18.1215 14.1496 18.2309C14.1339 18.3402 14.0325 18.4161 13.9232 18.4004C13.8832 18.3946 13.8436 18.3886 13.8046 18.3823C12.3693 18.151 11.6079 17.5559 11.2755 16.8551C10.9483 16.1653 11.0618 15.4238 11.269 14.9403C11.3125 14.8388 11.4301 14.7917 11.5316 14.8353Z"
57
+ fill="#528693"
58
+ />
59
+ <path
60
+ fillRule="evenodd"
61
+ clipRule="evenodd"
62
+ d="M17.4 19.6L4.60001 19.6C3.93726 19.6 3.40001 19.0628 3.40001 18.4L3.40001 14.6C3.40001 13.9373 3.93726 13.4 4.60001 13.4L17.4 13.4C18.0627 13.4 18.6 13.9373 18.6 14.6L18.6 18.4C18.6 19.0628 18.0627 19.6 17.4 19.6ZM17.4 19C17.7314 19 18 18.7314 18 18.4L18 14.6C18 14.2687 17.7314 14 17.4 14L4.60001 14C4.26864 14 4.00001 14.2687 4.00001 14.6L4.00001 18.4C4.00001 18.7314 4.26863 19 4.60001 19L17.4 19Z"
63
+ fill="#528693"
64
+ />
65
+ </svg>
66
+ );
67
+ });
68
+
69
+ ParagraphCollection.displayName = 'ParagraphCollection';
package/src/iconography/percentage.tsx CHANGED
@@ -6,35 +6,44 @@ type PercentageRef = SVGSVGElement;
6
6
 
7
7
  export const Percentage = forwardRef<PercentageRef, PercentageProps>((delegated, ref) => {
8
8
  return (
9
- <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
10
  <path
11
- d="M2.5603 14.0231c-.5858-.5858-.5858-1.5356 0-2.1213L12.886 1.5761c.5858-.5858 1.5355-.5858 2.1213 0 .5858.5857.5858 1.5355 0 2.1213L4.6816 14.023c-.5858.5858-1.5356.5858-2.1213 0Z"
11
+ fillRule="evenodd"
12
+ clipRule="evenodd"
13
+ d="M6.03188 15.4616L16.3576 5.13588C16.7481 4.74536 17.3813 4.74536 17.7718 5.13588C18.1623 5.52641 18.1623 6.15957 17.7718 6.5501L7.44609 16.8758C7.05556 17.2663 6.4224 17.2663 6.03188 16.8758C5.64135 16.4853 5.64135 15.8521 6.03188 15.4616Z"
12
14
  fill="#BFF6F8"
15
+ className="c-icon-fill"
13
16
  />
14
17
  <path
15
18
  fillRule="evenodd"
16
19
  clipRule="evenodd"
17
- d="M13.2395 1.9296 2.9138 12.2553c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0L14.6537 3.3438c.3906-.3905.3906-1.0237 0-1.4142-.3905-.3905-1.0236-.3905-1.4142 0ZM2.5603 11.9018c-.5858.5857-.5858 1.5355 0 2.1213.5857.5858 1.5355.5858 2.1213 0L15.0073 3.6974c.5858-.5858.5858-1.5356 0-2.1214-.5858-.5857-1.5355-.5857-2.1213 0L2.5603 11.9018Z"
20
+ d="M5.60761 15.0373L15.9333 4.71159C16.5582 4.08676 17.5712 4.08676 18.1961 4.7116C18.8209 5.33644 18.8209 6.3495 18.1961 6.97434L7.87035 17.3C7.24551 17.9249 6.23245 17.9249 5.60761 17.3C4.98277 16.6752 4.98277 15.6621 5.60761 15.0373ZM16.3576 5.13586L6.03187 15.4616C5.64135 15.8521 5.64135 16.4853 6.03187 16.8758C6.4224 17.2663 7.05556 17.2663 7.44609 16.8758L17.7718 6.55007C18.1623 6.15955 18.1623 5.52638 17.7718 5.13586C17.3813 4.74533 16.7481 4.74533 16.3576 5.13586Z"
18
21
  fill="#528693"
19
22
  />
20
23
  <path
21
- d="M6.984 3.4998c0 1.3807-1.1193 2.5-2.5 2.5s-2.5-1.1193-2.5-2.5 1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5Z"
22
- fill="#fff"
24
+ fillRule="evenodd"
25
+ clipRule="evenodd"
26
+ d="M9.60204 6.70605C9.60204 7.81062 8.70661 8.70605 7.60204 8.70605C6.49747 8.70605 5.60204 7.81062 5.60204 6.70605C5.60204 5.60148 6.49747 4.70605 7.60204 4.70605C8.70661 4.70605 9.60204 5.60148 9.60204 6.70605Z"
27
+ fill="#BFF6F8"
28
+ className="c-icon-fill"
23
29
  />
24
30
  <path
25
31
  fillRule="evenodd"
26
32
  clipRule="evenodd"
27
- d="M4.484 5.4998c1.1045 0 2-.8955 2-2 0-1.1046-.8955-2-2-2-1.1046 0-2 .8954-2 2 0 1.1045.8954 2 2 2Zm0 .5c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5-2.5 1.1193-2.5 2.5 1.1193 2.5 2.5 2.5Z"
33
+ d="M10.202 6.70603C10.202 8.14197 9.03798 9.30603 7.60204 9.30603C6.1661 9.30603 5.00204 8.14197 5.00204 6.70603C5.00204 5.27009 6.1661 4.10603 7.60204 4.10603C9.03798 4.10603 10.202 5.27009 10.202 6.70603ZM7.60204 8.70603C8.70661 8.70603 9.60204 7.8106 9.60204 6.70603C9.60204 5.60146 8.70661 4.70603 7.60204 4.70603C6.49747 4.70603 5.60204 5.60146 5.60204 6.70603C5.60204 7.8106 6.49747 8.70603 7.60204 8.70603Z"
28
34
  fill="#528693"
29
35
  />
30
36
  <path
31
- d="M15.984 12.4998c0 1.3807-1.1193 2.5-2.5 2.5s-2.5-1.1193-2.5-2.5 1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5Z"
32
- fill="#fff"
37
+ fillRule="evenodd"
38
+ clipRule="evenodd"
39
+ d="M18.602 15.7061C18.602 16.8106 17.7066 17.7061 16.602 17.7061C15.4975 17.7061 14.602 16.8106 14.602 15.7061C14.602 14.6015 15.4975 13.7061 16.602 13.7061C17.7066 13.7061 18.602 14.6015 18.602 15.7061Z"
40
+ fill="#BFF6F8"
41
+ className="c-icon-fill"
33
42
  />
34
43
  <path
35
44
  fillRule="evenodd"
36
45
  clipRule="evenodd"
37
- d="M13.484 14.4998c1.1045 0 2-.8955 2-2 0-1.1046-.8955-2-2-2-1.1046 0-2 .8954-2 2 0 1.1045.8954 2 2 2Zm0 .5c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5-2.5 1.1193-2.5 2.5 1.1193 2.5 2.5 2.5Z"
46
+ d="M19.202 15.7061C19.202 17.142 18.038 18.3061 16.602 18.3061C15.1661 18.3061 14.002 17.142 14.002 15.7061C14.002 14.2701 15.1661 13.1061 16.602 13.1061C18.038 13.1061 19.202 14.2701 19.202 15.7061ZM16.602 17.7061C17.7066 17.7061 18.602 16.8106 18.602 15.7061C18.602 14.6015 17.7066 13.7061 16.602 13.7061C15.4975 13.7061 14.602 14.6015 14.602 15.7061C14.602 16.8106 15.4975 17.7061 16.602 17.7061Z"
38
47
  fill="#528693"
39
48
  />
40
49
  </svg>
package/src/iconography/plug.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type PlugProps = SVGProps<SVGSVGElement>;
4
+
5
+ type PlugRef = SVGSVGElement;
6
+
7
+ export const Plug = forwardRef<PlugRef, PlugProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
10
+ <path
11
+ fill="#fff"
12
+ d="m8.858 2.818.924-.314.924.314v4.453H8.858V2.818ZM13.228 2.818l.924-.314.924.314v4.453h-1.848V2.818ZM8.563 14.186l3.288.416 3.327-.416v2.29c0 .673-.535 1.219-1.196 1.219H9.76c-.66 0-1.196-.546-1.196-1.22v-2.29Z"
13
+ />
14
+ <path
15
+ fill="#528693"
16
+ fillRule="evenodd"
17
+ d="m11.863 14.627-3.557-.441v2.43c0 .715.58 1.295 1.294 1.295h4.57c.714 0 1.294-.58 1.294-1.295v-2.43l-3.6.441Zm3 .237-3 .368-2.957-.367v1.751c0 .384.31.695.694.695h4.57c.383 0 .694-.311.694-.695v-1.752Z"
18
+ clipRule="evenodd"
19
+ />
20
+ <path fill="#fff" d="M8.513 3.338a1.261 1.261 0 0 1 2.522 0v4.36H8.513v-4.36Z" />
21
+ <path
22
+ fill="#528693"
23
+ fillRule="evenodd"
24
+ d="M10.435 7.098v-3.76a.661.661 0 0 0-1.322 0v3.76h1.322Zm-1.922.6v-4.36a1.261 1.261 0 0 1 2.522 0v4.36H8.513ZM14.864 7.098v-3.76a.661.661 0 1 0-1.323 0v3.76h1.323Zm-1.923.6v-4.36a1.261 1.261 0 1 1 2.523 0v4.36H12.94ZM17.058 13a.3.3 0 0 1 .3.3v3.964a2.959 2.959 0 0 1-2.96 2.96h-.466a2.492 2.492 0 0 1-2.492-2.493h.6c0 1.045.847 1.892 1.892 1.892h.467a2.359 2.359 0 0 0 2.359-2.359V13.3a.3.3 0 0 1 .3-.3Z"
25
+ clipRule="evenodd"
26
+ />
27
+ <path fill="#BFF6F8" d="M7.168 7.454h9.384v4.667l-1.644 2.772-3.012.996-2.982-1.23-1.674-2.538-.072-4.667Z" />
28
+ <path
29
+ fill="#528693"
30
+ fillRule="evenodd"
31
+ d="M7.427 7.735V10.9a4.458 4.458 0 1 0 8.916 0V7.735H7.427Zm-.022-.6a.578.578 0 0 0-.578.579V10.9a5.058 5.058 0 0 0 10.116 0V7.714a.578.578 0 0 0-.579-.579H7.405Z"
32
+ clipRule="evenodd"
33
+ />
34
+ </svg>
35
+ );
36
+ });
37
+
38
+ Plug.displayName = 'PlugIcon';
package/src/iconography/price-tag.tsx CHANGED
@@ -6,31 +6,40 @@ type PriceTagRef = SVGSVGElement;
6
6
 
7
7
  export const PriceTag = forwardRef<PriceTagRef, PriceTagProps>((delegated, ref) => {
8
8
  return (
9
- <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
10
- <path d="m9.2016 14.5299-5.3736-3.853 5.793-8.0797 4.7251-.9167.6485 4.7692-5.793 8.0802Z" fill="#fff" />
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
11
10
  <path
12
- d="m8.8128 13.9276-4.5965-3.3019a.0133.0133 0 0 1-.0055-.0032.014.014 0 0 1-.002-.0178l.1163-.1641.3672-.5163.7297-1.027 1.4482-2.0394C7.8328 5.5134 8.79 4.1755 9.7544 2.8277c.0069-.0108.014-.013.0314-.0153l.1965-.0375.3929-.0744.7955-.1488 2.1305-.402.5326-.0999.2613-.0492c.0064-.001.0133-.0022.0184.001.0051.0033.0016.0094.0034.0208l.0352.2687.0714.5403.2851 2.1503.1452 1.0746.0362.2686.0081.0493-.3143.4373-5.059 7.0545a1.7584 1.7584 0 0 0-.1567.2598 1.2226 1.2226 0 0 0-.0467.1131l-.0088.0263-.004.0128-.0015.0063c.027.0194-.06-.0408.0603.0433-.004.0006.007-.0129-.0102.03a.9797.9797 0 0 1-.0686.0787.0912.0912 0 0 0 .0044.1157.216.216 0 0 0 .2575.0442.3054.3054 0 0 0 .0912-.0611l.0448-.0358a1.1938 1.1938 0 0 0 .092-.0805 1.7974 1.7974 0 0 0 .1962-.2324l4.9402-6.8749.3088-.4313.18-.2535c.1009-.1407.0376-.3684.0327-.4162l-.1446-1.0616a3719.7822 3719.7822 0 0 1-.4494-3.319.424.424 0 0 0-.2845-.3766.4551.4551 0 0 0-.2507-.0093l-.1964.038-.5549.1087-2.2858.4401-.7855.1508-.3928.0754-.1998.0385a.4623.4623 0 0 0-.3335.1831L6.5894 6.3278 5.1243 8.373 4.339 9.472l-.4118.5743-.2538.3564a.4262.4262 0 0 0 .104.5907l4.737 3.3491c.5716.4042.8656-.0029.2983-.4149Z"
13
- fill="#528693"
11
+ d="M4.57615 15.8029C4.12332 15.4868 4.01254 14.8634 4.32871 14.4105L11.4395 4.22629L16.7681 3.58176L17.9989 8.80612L10.8881 18.9904C10.5719 19.4432 9.9485 19.554 9.49567 19.2378L4.57615 15.8029Z"
12
+ fill="white"
14
13
  />
15
14
  <path
16
- d="m4.2171 11.2794 3.6044 2.5937.888.6332.1194.0851a.8012.8012 0 0 0 .2158.1291.4078.4078 0 0 0 .4288-.1178l.3711-.514 1.2481-1.7573 2.483-3.4894 1.2492-1.7412.3257-.4518a.39.39 0 0 0 .0815-.2246.7585.7585 0 0 0-.0109-.1213l-.011-.0666-.0349-.2673-.139-1.07-.4028-3.1009a.4107.4107 0 0 0-.3439-.3566.8.8 0 0 0-.2811.028l-.1572.0296-.6002.1136-1.2003.2283-2.4284.4662c-.1993.0197-.3265.259-.356.2978l-.172.2385-.3432.4775-.6868.9555L6.693 6.1885l-2.7413 3.8248a1.7602 1.7602 0 0 0-.1567.2599 1.1378 1.1378 0 0 0-.0467.113l-.019.0538a.3149.3149 0 0 0-.0325.1102.2297.2297 0 0 0 .1267.243.0914.0914 0 0 0 .1147-.0295c.0202-.0282.0286-.066.0494-.0933a.0703.0703 0 0 1 .0376-.0274c-.0104-.0075.0924.0658.0492.0344l.006-.001.0108-.0079.022-.0168a1.131 1.131 0 0 0 .0916-.0804 1.7693 1.7693 0 0 0 .1967-.2325l5.3837-7.4935 2.2612-.4386 1.2325-.2387.6331-.1226.192-.0367c.006-.001.0099.0044.0092.0096.1114.829.2523 1.874.3971 2.9524l.1411 1.0556c.0201.1526.0576.423.0457.351l-.2695.3742-1.1748 1.6332c-.7724 1.0755-1.5297 2.1323-2.3164 3.2285L9.733 13.2977l-.5927.8321s-.0027.005-.0059.0045c-.003-.0005.0266.0199-.0813-.057l-.4595-.3294-4.0784-2.8844c-.5719-.4031-.8654.0039-.2981.4159Z"
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M10.9475 3.88277C11.0453 3.74281 11.198 3.6511 11.3675 3.6306L16.696 2.98607C16.9994 2.94937 17.282 3.14663 17.3521 3.44414L18.5829 8.66851C18.622 8.83466 18.5885 9.00962 18.4908 9.14958L11.38 19.3338C10.8741 20.0584 9.8767 20.2356 9.15218 19.7297L4.23266 16.2949C3.50814 15.789 3.33088 14.7916 3.83676 14.067L10.9475 3.88277ZM17.9989 8.80609L10.8881 18.9904C10.5719 19.4432 9.94849 19.554 9.49567 19.2378L4.57615 15.8029C4.12332 15.4867 4.01254 14.8634 4.32871 14.4105L11.4395 4.22626L16.7681 3.58173L17.9989 8.80609Z"
17
18
  fill="#528693"
18
19
  />
19
20
  <path
20
- d="M12.7352 4.6305a.559.559 0 0 0-.3575-.4881.5496.5496 0 0 0-.7468.6068.5279.5279 0 0 0 .1813.3014c.0103.01.0178.0214.0289.0307a.5425.5425 0 0 0 .0557.0308.507.507 0 0 0 .3297.0915.4996.4996 0 0 0 .2349-.0802c.0083-.005.0138-.012.022-.0173a.583.583 0 0 0 .1228-.1033.5614.5614 0 0 0 .0826-.1408c.0042-.0113.0135-.02.0172-.0312a.523.523 0 0 0 .0292-.2003Zm-.5592.0122c-.0034.0005-.0098.0016 0 0l.0109-.0018c.0029-.0005.0044-.0008.0093.0015-.0106.0027-.0196.0037-.0198.0022l-.0004-.002ZM9.6696 9.7357c.1039-.1448.1402-.3035.109-.476-.0297-.1714-.1362-.3836-.3195-.6365-.2619-.3427-.4113-.6512-.4482-.9255-.0342-.2748.0396-.5389.2213-.7923.185-.2581.4116-.4162.6796-.4743.2697-.057.5472-.007.8326.15l.3708-.517.3518.2522-.3725.5194c.2385.2258.3644.484.3776.7748.0148.2918-.0935.599-.3248.9218l-.4345-.3115c.1592-.222.2328-.436.221-.6423-.0118-.2063-.1074-.3738-.2868-.5024-.1874-.1343-.3656-.1882-.5347-.1617-.168.025-.3141.124-.4382.2971-.1151.1606-.1552.326-.1201.4966.0377.17.148.3802.3309.6304.1855.2498.3113.47.3774.6603.0688.19.0901.3696.0639.5391-.0246.1707-.0967.3394-.2164.5062-.1907.2661-.4245.4226-.7012.4696-.2753.0482-.5676-.0161-.8771-.1927l-.3234.451-.3494-.2505.3233-.451c-.2736-.2367-.429-.5053-.466-.806-.0344-.301.0602-.6075.2836-.9191l.4368.3131c-.1568.2188-.2201.4285-.1899.6289.0303.2004.151.3763.3618.5275.2063.1478.404.2145.593.2.1892-.0146.3453-.1076.4683-.2792Z"
21
- fill="#528693"
21
+ d="M3.7702 13.1376C3.37968 12.7471 3.37968 12.114 3.7702 11.7234L12.5532 2.94043L17.9123 3.23815L18.2101 8.59728L9.42706 17.3803C9.03653 17.7708 8.40337 17.7708 8.01284 17.3803L3.7702 13.1376Z"
22
+ fill="#BFF6F8"
23
+ className="c-icon-fill"
22
24
  />
23
- <path d="M7.0697 13.5895 2.3944 8.9137 9.4246 1.884l4.8112-.136-.1359 4.8113-7.0302 7.0302Z" fill="#BFF6F8" />
24
25
  <path
25
- d="M6.784 12.932 2.7859 8.9264a.014.014 0 0 1-.004-.022l.1414-.1429.4463-.4498.887-.8946 1.7608-1.7766c1.1684-1.17 2.3304-2.3344 3.5013-3.5074.0085-.0095.016-.0105.0335-.01l.1999-.005.3998-.0095.8091-.0175 2.1675-.05.5418-.012.2658-.006c.0065 0 .0135 0 .018.004.0045.004 0 .0096 0 .021l-.009.271-.0175.5447-.0684 2.168-.0315 1.084-.008.2708v.05l-.3813.3803-6.1391 6.1376a1.7614 1.7614 0 0 0-.197.2309 1.2262 1.2262 0 0 0-.0644.104l-.013.0245-.006.012-.0025.0059c.0235.0235-.0525-.0499.0525.0525-.004 0 .009-.0115-.015.028a.9673.9673 0 0 1-.0805.0665.0913.0913 0 0 0-.0145.1149.2155.2155 0 0 0 .2469.0855.305.305 0 0 0 .1-.0455l.05-.028a1.2113 1.2113 0 0 0 .1039-.0644c.0825-.0592.16-.1252.2314-.1975l5.9926-5.9796.3749-.3754.2189-.2209c.1224-.1224.0969-.3573.0999-.4053l.03-1.071a3270.5647 3270.5647 0 0 1 .0965-3.3479.4234.4234 0 0 0-.2194-.4178.4554.4554 0 0 0-.2459-.05l-.1999.0055-.5653.017-2.3269.0625-.7996.021-.3998.0105-.2034.0055a.4623.4623 0 0 0-.3588.1264L5.8264 5.0717 4.0483 6.8514l-.9536.9566-.4997.4997-.3084.3104a.4262.4262 0 0 0 .0065.5997l4.129 4.0751c.4983.4917.8547.1379.3619-.3609Z"
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M12.129 2.51616C12.2497 2.39546 12.4161 2.33188 12.5865 2.34135L17.9456 2.63908C18.2508 2.65603 18.4945 2.89969 18.5114 3.20487L18.8091 8.564C18.8186 8.73444 18.755 8.90084 18.6343 9.02154L9.85132 17.8046C9.22648 18.4294 8.21342 18.4294 7.58858 17.8046L3.34594 13.5619C2.7211 12.9371 2.7211 11.924 3.34594 11.2992L12.129 2.51616ZM18.2101 8.59728L9.42706 17.3803C9.03653 17.7708 8.40337 17.7708 8.01284 17.3803L3.7702 13.1376C3.37968 12.7471 3.37968 12.114 3.7702 11.7234L12.5532 2.94043L17.9123 3.23815L18.2101 8.59728Z"
26
29
  fill="#528693"
27
30
  />
28
31
  <path
29
- d="m2.6802 9.5715 3.1346 3.1455.7731.7692.104.1034a.7985.7985 0 0 0 .1919.1625.4073.4073 0 0 0 .4423-.0465l.4497-.4468 1.5173-1.5308 3.0176-3.039 1.5158-1.5149.3948-.3928a.3894.3894 0 0 0 .117-.2084.7594.7594 0 0 0 .0089-.1214V6.384l.009-.2694.037-1.0784.107-3.125a.4105.4105 0 0 0-.2814-.4079.7995.7995 0 0 0-.2819-.018l-.1599.0035-.6107.0145-1.2214.03-2.4719.065c-.1999-.013-.3643.2024-.3998.2359l-.2084.2074-.4163.4153-.833.831-1.6643 1.6633-3.327 3.328a1.7572 1.7572 0 0 0-.1968.2308 1.139 1.139 0 0 0-.0645.104l-.0275.05a.315.315 0 0 0-.05.1034.2299.2299 0 0 0 .0855.2604.0914.0914 0 0 0 .118-.0105c.0244-.0245.039-.0605.0639-.084a.0704.0704 0 0 1 .0415-.021c-.009-.009.0804.08.043.042h.006l.012-.006.0244-.013a1.1354 1.1354 0 0 0 .1035-.0644c.0828-.059.1604-.1251.2319-.1975l6.531-6.5179 2.3023-.065 1.2549-.035.6447-.018.1954-.005c.006 0 .009.006.0075.011-.025.8362-.0559 1.8902-.0884 2.9777L13.83 6.0857c-.005.1539-.012.4268-.012.3538l-.3269.3253-1.4248 1.4204c-.937.9355-1.8561 1.8551-2.8107 2.8087l-1.4613 1.4663-.7201.7246s-.0035.0045-.0065.0035c-.003-.001.023.024-.071-.0694l-.3998-.3999L3.042 9.2097c-.4988-.4908-.8546-.137-.3619.3618Z"
32
+ d="M15.4375 5.71302C15.7304 6.00591 15.7304 6.48078 15.4375 6.77368C15.1446 7.06657 14.6697 7.06657 14.3768 6.77368C14.0839 6.48078 14.0839 6.00591 14.3768 5.71302C14.6697 5.42012 15.1446 5.42012 15.4375 5.71302Z"
33
+ fill="white"
34
+ />
35
+ <path
36
+ fillRule="evenodd"
37
+ clipRule="evenodd"
38
+ d="M15.8617 5.28875C16.3889 5.81596 16.3889 6.67073 15.8617 7.19794C15.3345 7.72515 14.4797 7.72515 13.9525 7.19794C13.4253 6.67073 13.4253 5.81596 13.9525 5.28875C14.4797 4.76155 15.3345 4.76155 15.8617 5.28875ZM15.4375 6.77368C15.7304 6.48078 15.7304 6.00591 15.4375 5.71302C15.1446 5.42012 14.6697 5.42012 14.3768 5.71302C14.0839 6.00591 14.0839 6.48078 14.3768 6.77368C14.6697 7.06657 15.1446 7.06657 15.4375 6.77368Z"
30
39
  fill="#528693"
31
40
  />
32
41
  <path
33
- d="M12.1665 4.3968a.5599.5599 0 0 0-.2734-.5397.5498.5498 0 0 0-.8356.4772.5286.5286 0 0 0 .1299.3269c.0085.0115.014.024.0235.035a.5401.5401 0 0 0 .05.0395.5065.5065 0 0 0 .3103.1439.4995.4995 0 0 0 .2449-.041c.009-.0035.0155-.0095.0245-.0135a.5816.5816 0 0 0 .138-.082.5613.5613 0 0 0 .1044-.1254c.006-.0105.0165-.0175.022-.028a.5237.5237 0 0 0 .0615-.1929Zm-.5538-.079c-.0035 0-.01 0 0 0h.011c.003 0 .0045 0 .009.003-.011.001-.02.0006-.02-.001v-.002ZM8.3114 8.9353c.126-.126.1876-.2767.1849-.452-.0014-.174-.072-.4006-.2116-.68-.2027-.3807-.3-.7094-.2917-.986.011-.2767.1266-.5253.3471-.7458.2247-.2246.474-.3437.7478-.3574.2753-.0124.541.0821.7971.2835l.4499-.45.3061.3062-.452.452c.1986.2615.2808.5368.2466.8258-.0329.2903-.1897.5759-.4705.8566l-.378-.378c.1931-.193.3006-.3923.3225-.5978.022-.2054-.0451-.3862-.2013-.5423-.163-.163-.33-.2452-.5012-.2465-.1699-.0028-.33.0712-.4808.2218-.1396.1397-.206.2965-.1992.4705.0096.1739.0842.3992.224.6759.1423.2766.2307.5142.265.7128.0369.1986.0287.3794-.0247.5423-.052.1644-.1507.3192-.2959.4643-.2314.2315-.4875.3479-.7683.3493-.2794.0027-.5574-.1082-.834-.3328l-.3924.3923-.304-.304.3923-.3924c-.2314-.278-.341-.5684-.3287-.871.015-.3027.1582-.5896.4294-.8608l.38.38c-.1903.1904-.2869.387-.2896.5897-.0028.2027.0876.3958.2711.5793.1795.1794.3637.2773.5527.2938.189.0164.3581-.05.5074-.1993Z"
42
+ d="M9.80065 13.1157C9.97264 12.9437 10.0568 12.738 10.053 12.4987C10.0512 12.2613 9.95488 11.9519 9.76419 11.5705C9.4875 11.0508 9.35476 10.6021 9.36598 10.2245C9.38094 9.84682 9.53891 9.5075 9.8399 9.20651C10.1465 8.89991 10.4868 8.73726 10.8607 8.71856C11.2364 8.70174 11.5991 8.83073 11.9487 9.10555L12.5629 8.49142L12.9807 8.90925L12.3638 9.52619C12.6348 9.88327 12.747 10.259 12.7003 10.6535C12.6554 11.0499 12.4413 11.4396 12.0581 11.8229L11.5421 11.3069C11.8057 11.0433 11.9525 10.7713 11.9824 10.4909C12.0123 10.2104 11.9207 9.96366 11.7076 9.75054C11.4851 9.52806 11.257 9.41589 11.0233 9.41402C10.7915 9.41028 10.5728 9.51124 10.3671 9.71688C10.1764 9.90758 10.0857 10.1216 10.0951 10.3591C10.1082 10.5965 10.2101 10.904 10.4008 11.2817C10.5952 11.6593 10.7158 11.9837 10.7625 12.2548C10.813 12.5258 10.8018 12.7726 10.7289 12.9951C10.6578 13.2194 10.5232 13.4307 10.325 13.6289C10.0091 13.9448 9.6595 14.1037 9.27625 14.1056C8.89486 14.1093 8.51535 13.9579 8.13771 13.6513L7.60209 14.1869L7.18706 13.7719L7.72268 13.2363C7.40673 12.8567 7.25717 12.4604 7.27399 12.0472C7.29456 11.6341 7.48992 11.2424 7.86009 10.8722L8.37888 11.391C8.11901 11.6509 7.98721 11.9192 7.98347 12.1959C7.97973 12.4726 8.10312 12.7362 8.35364 12.9867C8.59855 13.2316 8.85 13.3653 9.10799 13.3877C9.36598 13.4101 9.59687 13.3194 9.80065 13.1157Z"
34
43
  fill="#528693"
35
44
  />
36
45
  </svg>
package/src/iconography/product.tsx CHANGED
@@ -6,33 +6,62 @@ type ProductRef = SVGSVGElement;
6
6
 
7
7
  export const Product = forwardRef<ProductRef, ProductProps>((delegated, ref) => {
8
8
  return (
9
- <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" fill="none" {...delegated}>
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
10
  <path
11
- d="M30.14 8.196a5.316 5.316 0 0 0-7.567-.609c-.02-.01-.02-.03-.03-.042a10.505 10.505 0 0 0-10.024-2.067 5.313 5.313 0 0 0-7.902-1.154c-2.887 2.382-2.561 6.759-.1 9.288a.346.346 0 0 0 .272.126 16.462 16.462 0 0 0 .368 11.271c2.392 5.448 8.68 6.728 14.063 5.698 6.559-1.25 9.373-6.717 8.496-12.951a13.94 13.94 0 0 0 2.109-1.628 6.065 6.065 0 0 0 .316-7.932ZM4.754 5.216a4.578 4.578 0 0 1 7.021.524 10.141 10.141 0 0 0-3.478 2.141 13.557 13.557 0 0 0-3.26 5.143c-2.014-2.078-2.445-5.627-.283-7.808Zm14.252 24.747c-5.397.976-11.565-.43-13.476-6.171-1.574-4.733-.631-11.041 2.767-14.766 3.399-3.725 9.817-4.45 13.694-.924.01.01.02.01.032.021a6.367 6.367 0 0 0 .7 8.91 5.19 5.19 0 0 0 4.533.872c.283 5.877-1.867 10.903-8.25 12.058Zm3.831-13.885a5.53 5.53 0 0 1 .357-7.996 4.552 4.552 0 0 1 6.969 1.542c2.183 4.27-3.339 10.473-7.326 6.454Z"
11
+ d="M8.39836 6.06214C8.39836 7.75331 7.13285 9.12428 5.57177 9.12428C4.01069 9.12428 2.74518 7.75331 2.74518 6.06214C2.74518 4.37097 4.01069 3 5.57177 3C7.13285 3 8.39836 4.37097 8.39836 6.06214Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M8.99835 6.06216C8.99835 8.03858 7.50853 9.7243 5.57176 9.7243C3.63499 9.7243 2.14517 8.03858 2.14517 6.06216C2.14517 4.08574 3.63499 2.40002 5.57176 2.40002C7.50853 2.40002 8.99835 4.08574 8.99835 6.06216ZM5.57176 9.1243C7.13284 9.1243 8.39835 7.75334 8.39835 6.06216C8.39835 4.37099 7.13284 3.00002 5.57176 3.00002C4.01068 3.00002 2.74517 4.37099 2.74517 6.06216C2.74517 7.75334 4.01068 9.1243 5.57176 9.1243Z"
12
19
  fill="#528693"
13
20
  />
14
21
  <path
15
- d="M15.605 18.271c-.073.441-.2.872-.241 1.323-.036.419-.05.839-.042 1.26-.011.377-.62.482-.683.083a4.85 4.85 0 0 1 .43-2.899c.169-.301.578-.07.536.233ZM10.252 16.939c-.073.44-.2.882-.24 1.332-.036.416-.05.833-.044 1.25-.01.378-.618.493-.681.094-.16-.988-.01-2 .43-2.899.168-.313.578-.082.535.223Z"
22
+ d="M17.6319 11.7624C17.6319 15.9253 14.4681 19.3 10.5654 19.3C6.66273 19.3 3.49896 15.9253 3.49896 11.7624C3.49896 7.59954 6.66273 4.22485 10.5654 4.22485C14.4681 4.22485 17.6319 7.59954 17.6319 11.7624Z"
23
+ fill="#BFF6F8"
24
+ className="c-icon-fill"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M18.2319 11.7625C18.2319 16.2196 14.8354 19.9 10.5655 19.9C6.2955 19.9 2.89899 16.2196 2.89899 11.7625C2.89899 7.30526 6.2955 3.62488 10.5655 3.62488C14.8354 3.62488 18.2319 7.30526 18.2319 11.7625ZM10.5655 19.3C14.4682 19.3 17.6319 15.9253 17.6319 11.7625C17.6319 7.59956 14.4682 4.22488 10.5655 4.22488C6.66275 4.22488 3.49899 7.59956 3.49899 11.7625C3.49899 15.9253 6.66275 19.3 10.5655 19.3Z"
16
30
  fill="#528693"
17
31
  />
18
32
  <path
19
- d="M30.215 8.138a5.198 5.198 0 0 0-4.088-1.95 5.63 5.63 0 0 0-3.538 1.26 10.142 10.142 0 0 0-6.856-2.53c-1.072.001-2.138.15-3.169.44a5.705 5.705 0 0 0-4.538-2.407A5.38 5.38 0 0 0 4.558 4.25a5.734 5.734 0 0 0-2.09 4.198 7.069 7.069 0 0 0 1.97 5.227c.056.07.133.119.22.14a16.514 16.514 0 0 0 .4 11.234c1.699 3.868 5.627 6.087 10.765 6.087 1.144 0 2.285-.11 3.408-.328 6.167-1.17 9.535-6.297 8.556-12.994.02-.021.12-.081.21-.141a10.2 10.2 0 0 0 1.889-1.47 6.152 6.152 0 0 0 .329-8.065ZM4.827 5.288A4.435 4.435 0 0 1 8.005 3.91a4.64 4.64 0 0 1 3.608 1.788 9.881 9.881 0 0 0-3.378 2.108 13.573 13.573 0 0 0-3.237 5.03c-1.79-1.948-2.36-5.339-.171-7.546Zm14.164 24.58c-1.026.186-2.066.28-3.108.279-5.168 0-8.906-2.33-10.256-6.387-1.649-4.947-.49-11.115 2.75-14.663a10.164 10.164 0 0 1 7.436-3.189 9.085 9.085 0 0 1 6.067 2.22 6.248 6.248 0 0 0-1.44 4.557 6.305 6.305 0 0 0 2.22 4.428 5.121 5.121 0 0 0 3.208 1.07 5.43 5.43 0 0 0 1.29-.15c.288 6.626-2.62 10.824-8.167 11.835Zm10.685-15.154a4.934 4.934 0 0 1-3.988 2.559 3.824 3.824 0 0 1-2.779-1.268 5.524 5.524 0 0 1-1.5-4.21 4.955 4.955 0 0 1 1.85-3.638 4.638 4.638 0 0 1 2.849-.99 4.416 4.416 0 0 1 3.968 2.5 5.199 5.199 0 0 1-.401 5.047h.001Z"
33
+ d="M19.3279 8.04078C19.3279 9.73195 18.0624 11.1029 16.5013 11.1029C14.9403 11.1029 13.6747 9.73195 13.6747 8.04078C13.6747 6.3496 14.9403 4.97864 16.5013 4.97864C18.0624 4.97864 19.3279 6.3496 19.3279 8.04078Z"
34
+ fill="#BFF6F8"
35
+ className="c-icon-fill"
36
+ />
37
+ <path
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M19.9279 8.04074C19.9279 10.0172 18.4381 11.7029 16.5013 11.7029C14.5646 11.7029 13.0747 10.0172 13.0747 8.04074C13.0747 6.06432 14.5646 4.3786 16.5013 4.3786C18.4381 4.3786 19.9279 6.06432 19.9279 8.04074ZM16.5013 11.1029C18.0624 11.1029 19.3279 9.73191 19.3279 8.04074C19.3279 6.34957 18.0624 4.9786 16.5013 4.9786C14.9402 4.9786 13.6747 6.34957 13.6747 8.04074C13.6747 9.73191 14.9402 11.1029 16.5013 11.1029Z"
20
41
  fill="#528693"
21
42
  />
22
43
  <path
23
- d="M11.614 5.697a9.882 9.882 0 0 0-3.379 2.108 13.573 13.573 0 0 0-3.237 5.03c-1.79-1.948-2.36-5.338-.17-7.546a4.435 4.435 0 0 1 3.178-1.38 4.64 4.64 0 0 1 3.608 1.788ZM29.675 14.714a4.932 4.932 0 0 1-3.988 2.559 3.824 3.824 0 0 1-2.779-1.268 5.524 5.524 0 0 1-1.5-4.21 4.954 4.954 0 0 1 1.85-3.638 4.638 4.638 0 0 1 2.849-.99 4.416 4.416 0 0 1 3.968 2.5 5.197 5.197 0 0 1-.4 5.047Z"
24
- fill="#bff6f8"
44
+ fillRule="evenodd"
45
+ clipRule="evenodd"
46
+ d="M7.06508 11.0485L7.06561 11.0474C7.06563 11.0474 7.06557 11.0474 7.06508 11.0485L7.05935 11.0613C7.05373 11.0741 7.04471 11.0957 7.03338 11.1259C7.01073 11.1862 6.97883 11.2814 6.94635 11.4113C6.88144 11.6708 6.81396 12.0704 6.81396 12.6104C6.81396 12.7761 6.67964 12.9104 6.51396 12.9104C6.34827 12.9104 6.21396 12.7761 6.21396 12.6104C6.21396 12.0198 6.28783 11.5714 6.36427 11.2657C6.40247 11.113 6.44124 10.9961 6.4716 10.9151C6.48678 10.8747 6.49984 10.8432 6.50968 10.8207C6.51459 10.8095 6.5187 10.8005 6.52186 10.7938L6.52587 10.7854L6.52731 10.7824L6.52788 10.7813C6.52793 10.7812 6.52835 10.7803 6.79363 10.913L6.52835 10.7803C6.60246 10.6321 6.78266 10.5721 6.93085 10.6462C7.07894 10.7203 7.13897 10.9004 7.06508 11.0485Z"
47
+ fill="#528693"
25
48
  />
26
49
  <path
27
- d="M27.156 18.032a5.437 5.437 0 0 1-1.29.15 5.123 5.123 0 0 1-3.208-1.069 6.307 6.307 0 0 1-2.219-4.428 6.248 6.248 0 0 1 1.44-4.557 9.085 9.085 0 0 0-6.067-2.22 10.164 10.164 0 0 0-7.437 3.188c-3.238 3.548-4.398 9.716-2.749 14.663 1.35 4.058 5.088 6.387 10.256 6.387a17.358 17.358 0 0 0 3.11-.278c5.546-1.01 8.454-5.209 8.164-11.835ZM9.625 16.673a.37.37 0 0 1 .32-.21.415.415 0 0 1 .3.15.427.427 0 0 1 .11.34c-.03.17-.07.34-.1.51-.068.27-.114.543-.14.82a6.266 6.266 0 0 0-.04.859l-.01.38a.465.465 0 0 1-.48.44.391.391 0 0 1-.4-.33 4.953 4.953 0 0 1 .44-2.959Zm4.667 7.957a1.698 1.698 0 0 1-1.569.859c-.22.003-.44-.03-.65-.1-.39-.14-.72-.407-.94-.759a1.519 1.519 0 0 1-1.049.43 1.499 1.499 0 0 1-1.379-1.4.357.357 0 0 1 .1-.278.457.457 0 0 1 .34-.14.365.365 0 0 1 .39.32c.04.31.23.669.61.669.27 0 .45-.2.649-.4 0-.19-.02-.31-.02-.42a.4.4 0 0 1 .41-.4.388.388 0 0 1 .384.255.4.4 0 0 1 .026.155 1.207 1.207 0 0 0 .86 1.22c.085.019.172.029.26.03a1.97 1.97 0 0 0 1.099-.48.314.314 0 0 1 .18-.06.326.326 0 0 1 .26.15.4.4 0 0 1 .04.35Zm1.31-5.838a7.647 7.647 0 0 0-.14.81 6.477 6.477 0 0 0-.04.88v.37a.464.464 0 0 1-.48.439.384.384 0 0 1-.4-.34 4.898 4.898 0 0 1 .44-2.959.367.367 0 0 1 .31-.2.434.434 0 0 1 .41.49c-.03.18-.06.341-.1.51Z"
28
- fill="#bff6f8"
50
+ fillRule="evenodd"
51
+ clipRule="evenodd"
52
+ d="M10.3157 11.8965L10.3163 11.8954C10.3163 11.8953 10.3162 11.8954 10.3157 11.8965L10.31 11.9092C10.3044 11.9221 10.2954 11.9436 10.284 11.9738C10.2614 12.0342 10.2295 12.1293 10.197 12.2592C10.1321 12.5188 10.0646 12.9184 10.0646 13.4584C10.0646 13.6241 9.93029 13.7584 9.7646 13.7584C9.59891 13.7584 9.4646 13.6241 9.4646 13.4584C9.4646 12.8678 9.53847 12.4194 9.61491 12.1137C9.65311 11.9609 9.69188 11.844 9.72224 11.7631C9.73742 11.7226 9.75048 11.6912 9.76032 11.6687C9.76524 11.6575 9.76934 11.6485 9.7725 11.6417L9.77651 11.6333L9.77795 11.6304L9.77852 11.6292C9.77857 11.6291 9.77899 11.6283 10.0443 11.7609L9.77899 11.6283C9.8531 11.4801 10.0333 11.42 10.1815 11.4942C10.3296 11.5682 10.3896 11.7483 10.3157 11.8965Z"
53
+ fill="#528693"
29
54
  />
30
55
  <path
31
- d="M15.702 18.282c-.03.18-.06.341-.1.51a7.673 7.673 0 0 0-.14.81 6.493 6.493 0 0 0-.04.88v.37a.464.464 0 0 1-.48.439.384.384 0 0 1-.4-.34 4.898 4.898 0 0 1 .44-2.959.367.367 0 0 1 .31-.2.434.434 0 0 1 .41.49ZM10.354 16.953c-.03.17-.07.34-.1.51a5.63 5.63 0 0 0-.14.82 6.25 6.25 0 0 0-.04.859l-.01.38a.465.465 0 0 1-.48.44.391.391 0 0 1-.4-.33 4.953 4.953 0 0 1 .44-2.959.37.37 0 0 1 .32-.21.415.415 0 0 1 .3.15.425.425 0 0 1 .11.34ZM14.293 24.63a1.699 1.699 0 0 1-1.569.859c-.22.003-.44-.03-.65-.1-.39-.14-.72-.407-.94-.759a1.519 1.519 0 0 1-1.049.43 1.5 1.5 0 0 1-1.38-1.4.357.357 0 0 1 .1-.278.457.457 0 0 1 .34-.14.365.365 0 0 1 .39.32c.04.31.23.669.61.669.27 0 .45-.2.65-.4 0-.19-.02-.31-.02-.42a.4.4 0 0 1 .41-.4.388.388 0 0 1 .384.255c.018.05.027.102.025.155a1.207 1.207 0 0 0 .86 1.22c.085.019.172.029.26.03a1.97 1.97 0 0 0 1.1-.48.316.316 0 0 1 .18-.06.327.327 0 0 1 .26.15.398.398 0 0 1 .04.35Z"
56
+ fillRule="evenodd"
57
+ clipRule="evenodd"
58
+ d="M7.59368 14.6746C7.75459 14.714 7.85301 14.8765 7.81351 15.0374C7.74019 15.3362 7.61348 15.5725 7.43374 15.7311C7.24915 15.894 7.02714 15.9577 6.81002 15.9357C6.39445 15.8936 6.04476 15.5506 5.94033 15.1329C5.90015 14.9721 5.99788 14.8093 6.15862 14.7691C6.31935 14.7289 6.48223 14.8266 6.52242 14.9873C6.57503 15.1978 6.74353 15.3259 6.8705 15.3387C6.92465 15.3442 6.97999 15.3313 7.03674 15.2812C7.09833 15.2269 7.17694 15.1139 7.23081 14.8944C7.27031 14.7335 7.43277 14.6351 7.59368 14.6746Z"
32
59
  fill="#528693"
33
60
  />
34
61
  <path
35
- d="M14.198 24.588a1.739 1.739 0 0 1-2.088.7c-.415-.15-.76-.45-.966-.84a1.351 1.351 0 0 1-1.144.5 1.372 1.372 0 0 1-1.2-1.3c-.02-.356.579-.44.63-.083a.784.784 0 0 0 .714.755c.346 0 .557-.262.777-.493a2.85 2.85 0 0 1-.052-.42.31.31 0 0 1 .619 0 1.31 1.31 0 0 0 .934 1.322 1.73 1.73 0 0 0 1.448-.461c.213-.14.412.133.328.32Z"
62
+ fillRule="evenodd"
63
+ clipRule="evenodd"
64
+ d="M7.53156 14.666C7.36588 14.666 7.23156 14.8003 7.23156 14.966C7.23156 15.3263 7.34517 15.6211 7.53837 15.8387C7.72863 16.0529 7.97965 16.1739 8.22742 16.2206C8.47321 16.2669 8.73204 16.2433 8.95113 16.1492C9.17052 16.0549 9.37514 15.8762 9.44318 15.604C9.48337 15.4433 9.38564 15.2804 9.2249 15.2402C9.06416 15.2 8.90128 15.2978 8.8611 15.4585C8.85062 15.5004 8.81341 15.5553 8.71422 15.5979C8.61473 15.6407 8.47823 15.6573 8.3385 15.631C8.20076 15.605 8.07608 15.5406 7.98702 15.4403C7.90089 15.3433 7.83156 15.1945 7.83156 14.966C7.83156 14.8003 7.69725 14.666 7.53156 14.666Z"
36
65
  fill="#528693"
37
66
  />
38
67
  </svg>
package/src/iconography/property-table.tsx ADDED
@@ -0,0 +1,36 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type PropertyTableProps = SVGProps<SVGSVGElement>;
4
+
5
+ type PropertyTableRef = SVGSVGElement;
6
+
7
+ export const PropertyTable = forwardRef<PropertyTableRef, PropertyTableProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M5.25482 3H9.34603C9.74692 3 10.034 3.38464 9.92363 3.77005C9.31279 5.9038 8.66795 8.74673 10 10.7037C11.295 12.6062 10.8547 16.1665 10.264 18.5558C10.199 18.8189 9.96088 19 9.68994 19H5.2986C4.86287 19 4.56788 18.5491 4.71707 18.1398C5.45619 16.1115 6.17961 12.7471 4.851 10.7037C3.42147 8.50515 4.0913 5.11706 4.70833 3.37652C4.78991 3.14641 5.01068 3 5.25482 3Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M5.25483 2.40002H9.34604C10.15 2.40002 10.7194 3.1706 10.5005 3.93521C10.1971 4.99483 9.89923 6.18576 9.83223 7.33802C9.76516 8.49157 9.93372 9.54003 10.496 10.3661C11.2487 11.472 11.4617 12.9902 11.4391 14.4565C11.4162 15.9424 11.1488 17.477 10.8465 18.6999C10.7133 19.2387 10.2285 19.6 9.68995 19.6H5.29861C4.41674 19.6 3.87182 18.7069 4.15334 17.9343C4.5103 16.9548 4.85962 15.6611 4.96133 14.3799C5.06407 13.0857 4.90738 11.8911 4.34799 11.0308C3.53603 9.78203 3.34403 8.23969 3.41295 6.8389C3.48228 5.42955 3.8191 4.08925 4.14283 3.17606C4.31474 2.69113 4.77328 2.40002 5.25483 2.40002ZM9.34604 3.00002H5.25483C5.01069 3.00002 4.78992 3.14643 4.70835 3.37654C4.09132 5.11708 3.42149 8.50517 4.85101 10.7037C6.17962 12.7471 5.4562 16.1115 4.71708 18.1398C4.56789 18.5492 4.86288 19 5.29861 19H9.68995C9.9609 19 10.199 18.8189 10.264 18.5559C10.8548 16.1665 11.295 12.6062 10 10.7037C8.66796 8.74676 9.31281 5.90382 9.92364 3.77008C10.034 3.38466 9.74693 3.00002 9.34604 3.00002Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M13.2548 3H17.346C17.7469 3 18.034 3.38464 17.9236 3.77005C17.3128 5.9038 16.6679 8.74673 18 10.7037C19.295 12.6062 18.8547 16.1665 18.264 18.5558C18.199 18.8189 17.9609 19 17.6899 19H13.2986C12.8629 19 12.5679 18.5491 12.7171 18.1398C13.4562 16.1115 14.1796 12.7471 12.851 10.7037C11.4215 8.50515 12.0913 5.11706 12.7083 3.37652C12.7899 3.14641 13.0107 3 13.2548 3Z"
23
+ fill="#BFF6F8"
24
+ className="c-icon-fill"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M13.2548 2.40002H17.346C18.15 2.40002 18.7194 3.1706 18.5005 3.93521C18.1971 4.99483 17.8992 6.18576 17.8322 7.33802C17.7652 8.49157 17.9337 9.54003 18.496 10.3661C19.2487 11.472 19.4617 12.9902 19.4391 14.4565C19.4162 15.9424 19.1488 17.477 18.8465 18.6999C18.7133 19.2387 18.2285 19.6 17.69 19.6H13.2986C12.4167 19.6 11.8718 18.7069 12.1533 17.9343C12.5103 16.9548 12.8596 15.6611 12.9613 14.3799C13.0641 13.0857 12.9074 11.8911 12.348 11.0308C11.536 9.78203 11.344 8.23969 11.4129 6.8389C11.4823 5.42955 11.8191 4.08925 12.1428 3.17606C12.3147 2.69113 12.7733 2.40002 13.2548 2.40002ZM17.346 3.00002H13.2548C13.0107 3.00002 12.7899 3.14643 12.7083 3.37654C12.0913 5.11708 11.4215 8.50517 12.851 10.7037C14.1796 12.7471 13.4562 16.1115 12.7171 18.1398C12.5679 18.5492 12.8629 19 13.2986 19H17.69C17.9609 19 18.199 18.8189 18.264 18.5559C18.8548 16.1665 19.295 12.6062 18 10.7037C16.668 8.74676 17.3128 5.90382 17.9236 3.77008C18.034 3.38466 17.7469 3.00002 17.346 3.00002Z"
30
+ fill="#528693"
31
+ />
32
+ </svg>
33
+ );
34
+ });
35
+
36
+ PropertyTable.displayName = 'PropertyTable';
package/src/iconography/relation.tsx ADDED
@@ -0,0 +1,25 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type RelationProps = SVGProps<SVGSVGElement>;
4
+
5
+ type RelationRef = SVGSVGElement;
6
+
7
+ export const Relation = forwardRef<RelationRef, RelationProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M14.8812 3.79999C12.9026 3.79999 11.9488 5.40165 11.2618 6.69266C11.1494 6.90405 10.8506 6.90407 10.7381 6.69269C10.051 5.40167 9.09737 3.79999 7.11879 3.79999C4.87692 3.79999 3 5.8738 3 8.43196C3 12.5133 11 18.8 11 18.8C11 18.8 19 12.5133 19 8.43196C19.0003 5.8738 17.123 3.79999 14.8812 3.79999Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M10.6292 19.2718L11 18.8L11.3707 19.2718C11.1531 19.4428 10.8468 19.4428 10.6292 19.2718ZM19 8.43199C19.0002 5.87382 17.123 3.80001 14.8812 3.80001C12.9026 3.80001 11.9488 5.40167 11.2618 6.69268C11.1494 6.90407 10.8506 6.90409 10.7381 6.69271C10.051 5.40169 9.09736 3.80001 7.11879 3.80001C4.87691 3.80001 2.99999 5.87382 2.99999 8.43199C2.99999 12.5133 11 18.8 11 18.8C10.6292 19.2718 10.6294 19.2719 10.6292 19.2718L10.6223 19.2663L10.6039 19.2517L10.5345 19.1963C10.4742 19.1479 10.3864 19.0769 10.2751 18.9853C10.0526 18.8024 9.73574 18.5372 9.35593 18.2064C8.59713 17.5456 7.58324 16.6197 6.5673 15.5622C5.55372 14.5071 4.52485 13.3074 3.74571 12.0989C2.97688 10.9064 2.39999 9.62795 2.39999 8.43199C2.39999 5.60736 4.48415 3.20001 7.11879 3.20001C9.2023 3.20001 10.3084 4.70368 10.9999 5.92098C11.6914 4.70363 12.7977 3.20001 14.8812 3.20001C17.5157 3.20001 19.6002 5.60728 19.6 8.43199M19 8.43199C19 12.5133 11 18.8 11 18.8C11.3707 19.2718 11.3706 19.2719 11.3707 19.2718L11.3777 19.2663L11.396 19.2517L11.4654 19.1963C11.5258 19.1479 11.6135 19.0769 11.7248 18.9854C11.9473 18.8024 12.2642 18.5372 12.644 18.2064C13.4028 17.5456 14.4167 16.6197 15.4327 15.5622C16.4462 14.5071 17.4751 13.3074 18.2543 12.0989C19.0231 10.9064 19.6 9.62793 19.6 8.43199"
19
+ fill="#528693"
20
+ />
21
+ </svg>
22
+ );
23
+ });
24
+
25
+ Relation.displayName = 'Relation';
package/src/iconography/rich-text.tsx ADDED
@@ -0,0 +1,47 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type RichTextProps = SVGProps<SVGSVGElement>;
4
+
5
+ type RichTextRef = SVGSVGElement;
6
+
7
+ export const RichText = forwardRef<RichTextRef, RichTextProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M4 4.6C4 4.26863 4.26863 4 4.6 4H17.4C17.7314 4 18 4.26863 18 4.6V6.2C18 6.53137 17.7314 6.8 17.4 6.8H4.6C4.26863 6.8 4 6.53137 4 6.2V4.6Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M4.59999 3.40002H17.4C18.0627 3.40002 18.6 3.93728 18.6 4.60002V6.20003C18.6 6.86277 18.0627 7.40002 17.4 7.40002H4.59999C3.93725 7.40002 3.39999 6.86277 3.39999 6.20002V4.60002C3.39999 3.93728 3.93725 3.40002 4.59999 3.40002ZM4.59999 4.00002C4.26862 4.00002 3.99999 4.26865 3.99999 4.60002V6.20002C3.99999 6.5314 4.26862 6.80002 4.59999 6.80002H17.4C17.7314 6.80002 18 6.5314 18 6.20003V4.60002C18 4.26865 17.7314 4.00002 17.4 4.00002H4.59999Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M4 10.2C4 9.86867 4.26863 9.60004 4.6 9.60004H17.4C17.7314 9.60004 18 9.86867 18 10.2V11.8C18 12.1314 17.7314 12.4 17.4 12.4H4.6C4.26863 12.4 4 12.1314 4 11.8V10.2Z"
23
+ className="c-icon-fill"
24
+ fill="#BFF6F8"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M4.59999 9H17.4C18.0627 9 18.6 9.53726 18.6 10.2V11.8C18.6 12.4627 18.0627 13 17.4 13H4.59999C3.93725 13 3.39999 12.4627 3.39999 11.8V10.2C3.39999 9.53726 3.93725 9 4.59999 9ZM4.59999 9.6C4.26862 9.6 3.99999 9.86863 3.99999 10.2V11.8C3.99999 12.1314 4.26862 12.4 4.59999 12.4H17.4C17.7314 12.4 18 12.1314 18 11.8V10.2C18 9.86863 17.7314 9.6 17.4 9.6H4.59999Z"
30
+ fill="#528693"
31
+ />
32
+ <path
33
+ d="M4 15.8C4 15.4686 4.26863 15.2 4.6 15.2H13.025C13.3564 15.2 13.625 15.4686 13.625 15.8V17.4C13.625 17.7314 13.3564 18 13.025 18H4.6C4.26863 18 4 17.7314 4 17.4V15.8Z"
34
+ className="c-icon-fill"
35
+ fill="#BFF6F8"
36
+ />
37
+ <path
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M4.59999 14.6H13.025C13.6877 14.6 14.225 15.1373 14.225 15.8V17.4C14.225 18.0628 13.6877 18.6 13.025 18.6H4.59999C3.93725 18.6 3.39999 18.0628 3.39999 17.4V15.8C3.39999 15.1373 3.93725 14.6 4.59999 14.6ZM4.59999 15.2C4.26862 15.2 3.99999 15.4687 3.99999 15.8V17.4C3.99999 17.7314 4.26862 18 4.59999 18H13.025C13.3564 18 13.625 17.7314 13.625 17.4V15.8C13.625 15.4687 13.3564 15.2 13.025 15.2H4.59999Z"
41
+ fill="#528693"
42
+ />
43
+ </svg>
44
+ );
45
+ });
46
+
47
+ RichText.displayName = 'RichText';
package/src/iconography/selection.tsx ADDED
@@ -0,0 +1,78 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type SelectionProps = SVGProps<SVGSVGElement>;
4
+
5
+ type SelectionRef = SVGSVGElement;
6
+
7
+ export const Selection = forwardRef<SelectionRef, SelectionProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M3.98749 15.5C3.98749 15.3343 4.1218 15.2 4.28749 15.2H6.48749C6.65317 15.2 6.78749 15.3343 6.78749 15.5V17.7C6.78749 17.8657 6.65317 18 6.48749 18H4.28749C4.1218 18 3.98749 17.8657 3.98749 17.7V15.5Z"
12
+ fill="white"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M4.28751 14.6H6.48751C6.98457 14.6 7.38751 15.0029 7.38751 15.5V17.7C7.38751 18.197 6.98457 18.6 6.48751 18.6H4.28751C3.79045 18.6 3.38751 18.197 3.38751 17.7V15.5C3.38751 15.0029 3.79046 14.6 4.28751 14.6ZM4.28751 15.2C4.12183 15.2 3.98751 15.3343 3.98751 15.5V17.7C3.98751 17.8657 4.12183 18 4.28751 18H6.48751C6.6532 18 6.78751 17.8657 6.78751 17.7V15.5C6.78751 15.3343 6.6532 15.2 6.48751 15.2H4.28751Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="M9.28754 15.5C9.28754 15.3343 9.42185 15.2 9.58754 15.2H17.7125C17.8782 15.2 18.0125 15.3343 18.0125 15.5V17.7C18.0125 17.8657 17.8782 18 17.7125 18H9.58754C9.42185 18 9.28754 17.8657 9.28754 17.7V15.5Z"
22
+ fill="#BFF6F8"
23
+ className="c-icon-fill"
24
+ />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M9.58756 14.6H17.7125C18.2096 14.6 18.6125 15.0029 18.6125 15.5V17.7C18.6125 18.197 18.2096 18.6 17.7125 18.6H9.58756C9.09051 18.6 8.68756 18.197 8.68756 17.7V15.5C8.68756 15.0029 9.09051 14.6 9.58756 14.6ZM9.58756 15.2C9.42188 15.2 9.28756 15.3343 9.28756 15.5V17.7C9.28756 17.8657 9.42188 18 9.58756 18H17.7125C17.8782 18 18.0125 17.8657 18.0125 17.7V15.5C18.0125 15.3343 17.8782 15.2 17.7125 15.2H9.58756Z"
29
+ fill="#528693"
30
+ />
31
+ <path
32
+ d="M3.98749 9.89991C3.98749 9.73423 4.1218 9.59991 4.28749 9.59991H6.48749C6.65317 9.59991 6.78749 9.73423 6.78749 9.89991V12.0999C6.78749 12.2656 6.65317 12.3999 6.48749 12.3999H4.28749C4.1218 12.3999 3.98749 12.2656 3.98749 12.0999V9.89991Z"
33
+ fill="white"
34
+ />
35
+ <path
36
+ fillRule="evenodd"
37
+ clipRule="evenodd"
38
+ d="M4.28751 8.99994H6.48751C6.98457 8.99994 7.38751 9.40288 7.38751 9.89994V12.0999C7.38751 12.597 6.98457 12.9999 6.48751 12.9999H4.28751C3.79045 12.9999 3.38751 12.597 3.38751 12.0999V9.89994C3.38751 9.40288 3.79046 8.99994 4.28751 8.99994ZM4.28751 9.59994C4.12183 9.59994 3.98751 9.73425 3.98751 9.89994V12.0999C3.98751 12.2656 4.12183 12.3999 4.28751 12.3999H6.48751C6.6532 12.3999 6.78751 12.2656 6.78751 12.0999V9.89994C6.78751 9.73425 6.6532 9.59994 6.48751 9.59994H4.28751Z"
39
+ fill="#528693"
40
+ />
41
+ <path
42
+ d="M9.28754 9.89991C9.28754 9.73423 9.42185 9.59991 9.58754 9.59991H17.7125C17.8782 9.59991 18.0125 9.73423 18.0125 9.89991V12.0999C18.0125 12.2656 17.8782 12.3999 17.7125 12.3999H9.58754C9.42185 12.3999 9.28754 12.2656 9.28754 12.0999V9.89991Z"
43
+ fill="#BFF6F8"
44
+ className="c-icon-fill"
45
+ />
46
+ <path
47
+ fillRule="evenodd"
48
+ clipRule="evenodd"
49
+ d="M9.5875 8.99994H17.7125C18.2095 8.99994 18.6125 9.40288 18.6125 9.89994V12.0999C18.6125 12.597 18.2095 12.9999 17.7125 12.9999H9.5875C9.09044 12.9999 8.6875 12.597 8.6875 12.0999V9.89994C8.6875 9.40288 9.09044 8.99994 9.5875 8.99994ZM9.5875 9.59994C9.42181 9.59994 9.2875 9.73425 9.2875 9.89994V12.0999C9.2875 12.2656 9.42181 12.3999 9.5875 12.3999H17.7125C17.8782 12.3999 18.0125 12.2656 18.0125 12.0999V9.89994C18.0125 9.73425 17.8782 9.59994 17.7125 9.59994H9.5875Z"
50
+ fill="#528693"
51
+ />
52
+ <path
53
+ d="M3.98749 4.29994C3.98749 4.13425 4.1218 3.99994 4.28749 3.99994H6.48749C6.65317 3.99994 6.78749 4.13425 6.78749 4.29994V6.49994C6.78749 6.66562 6.65317 6.79994 6.48749 6.79994H4.28749C4.1218 6.79994 3.98749 6.66562 3.98749 6.49994V4.29994Z"
54
+ fill="#BFF6F8"
55
+ className="c-icon-fill"
56
+ />
57
+ <path
58
+ fillRule="evenodd"
59
+ clipRule="evenodd"
60
+ d="M4.28751 3.39996H6.48751C6.98457 3.39996 7.38751 3.80291 7.38751 4.29996V6.49996C7.38751 6.99702 6.98457 7.39996 6.48751 7.39996H4.28751C3.79045 7.39996 3.38751 6.99702 3.38751 6.49996V4.29996C3.38751 3.80291 3.79046 3.39996 4.28751 3.39996ZM4.28751 3.99996C4.12183 3.99996 3.98751 4.13428 3.98751 4.29996V6.49996C3.98751 6.66565 4.12183 6.79996 4.28751 6.79996H6.48751C6.6532 6.79996 6.78751 6.66565 6.78751 6.49996V4.29996C6.78751 4.13428 6.6532 3.99996 6.48751 3.99996H4.28751Z"
61
+ fill="#528693"
62
+ />
63
+ <path
64
+ d="M9.28748 4.29994C9.28748 4.13425 9.42179 3.99994 9.58748 3.99994H17.7125C17.8782 3.99994 18.0125 4.13425 18.0125 4.29994V6.49994C18.0125 6.66562 17.8782 6.79994 17.7125 6.79994H9.58748C9.42179 6.79994 9.28748 6.66562 9.28748 6.49994V4.29994Z"
65
+ fill="#BFF6F8"
66
+ className="c-icon-fill"
67
+ />
68
+ <path
69
+ fillRule="evenodd"
70
+ clipRule="evenodd"
71
+ d="M9.5875 3.39996H17.7125C18.2096 3.39996 18.6125 3.80291 18.6125 4.29996V6.49996C18.6125 6.99702 18.2096 7.39996 17.7125 7.39996H9.5875C9.09044 7.39996 8.6875 6.99702 8.6875 6.49996V4.29996C8.6875 3.80291 9.09044 3.39996 9.5875 3.39996ZM9.5875 3.99996C9.42181 3.99996 9.2875 4.13428 9.2875 4.29996V6.49996C9.2875 6.66565 9.42181 6.79996 9.5875 6.79996H17.7125C17.8782 6.79996 18.0125 6.66565 18.0125 6.49996V4.29996C18.0125 4.13428 17.8782 3.99996 17.7125 3.99996H9.5875Z"
72
+ fill="#528693"
73
+ />
74
+ </svg>
75
+ );
76
+ });
77
+
78
+ Selection.displayName = 'Selection';