@crystallize/design-system 1.16.4 → 1.16.6

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 (60) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/chunk-NIH5ZMPE.mjs +8 -0
  3. package/dist/index.css +174 -5
  4. package/dist/index.d.ts +54 -10
  5. package/dist/index.js +31444 -1333
  6. package/dist/index.mjs +2424 -1140
  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/input-with-label/input-with-label.tsx +4 -3
  51. package/src/rich-text-editor/rich-text-editor.css +0 -1
  52. package/src/switch/Switch.stories.tsx +62 -0
  53. package/src/switch/index.tsx +3 -0
  54. package/src/switch/switch.css +13 -0
  55. package/src/switch/switch.tsx +12 -0
  56. package/src/tooltip/Tooltip.stories.tsx +62 -0
  57. package/src/tooltip/index.tsx +3 -0
  58. package/src/tooltip/tooltip.css +7 -0
  59. package/src/tooltip/tooltip.tsx +38 -0
  60. package/tailwind.config.cjs +1 -0
package/src/iconography/date.tsx ADDED
@@ -0,0 +1,114 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type DateProps = SVGProps<SVGSVGElement>;
4
+
5
+ type DateRef = SVGSVGElement;
6
+
7
+ export const Date = forwardRef<DateRef, DateProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M19.2827 14.8562C19.2932 15.1273 19.1931 15.3911 19.0054 15.587L16.0297 18.6919C15.841 18.8887 15.5803 19 15.3077 19L3.99999 19C3.4477 19 2.99999 18.5523 2.99999 18L2.99999 7.58923L19 7.58923L19.2827 14.8562Z"
12
+ fill="white"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M3.99999 3.40002H18C18.8837 3.40002 19.6 4.11637 19.6 5.00002V15.0858C19.6 15.5102 19.4314 15.9171 19.1314 16.2172L16.2172 19.1314C15.9171 19.4315 15.5101 19.6 15.0858 19.6H3.99999C3.11634 19.6 2.39999 18.8837 2.39999 18V5.00002C2.39999 4.11637 3.11634 3.40002 3.99999 3.40002ZM3.99999 4.00002H18C18.5523 4.00002 19 4.44774 19 5.00002V15.0858C19 15.351 18.8946 15.6054 18.7071 15.7929L15.7929 18.7071C15.6054 18.8947 15.351 19 15.0858 19H3.99999C3.44771 19 2.99999 18.5523 2.99999 18V5.00002C2.99999 4.44774 3.44771 4.00002 3.99999 4.00002Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="M3 5C3 4.44772 3.44772 4 4 4H18C18.5523 4 19 4.44772 19 5V7H3V5Z"
22
+ fill="#BFF6F8"
23
+ className="c-icon-fill"
24
+ />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M19.6 7.60002H2.39999V5.00002C2.39999 4.11637 3.11634 3.40002 3.99999 3.40002H18C18.8836 3.40002 19.6 4.11637 19.6 5.00002V7.60002ZM3.99999 4.00002C3.44771 4.00002 2.99999 4.44774 2.99999 5.00002V7.00002H19V5.00002C19 4.44774 18.5523 4.00002 18 4.00002H3.99999Z"
29
+ fill="#528693"
30
+ />
31
+ <path
32
+ fillRule="evenodd"
33
+ clipRule="evenodd"
34
+ d="M6.5 2.5L6.5 4L5.5 4L5.5 2.5C5.5 2.22386 5.72386 2 6 2C6.27614 2 6.5 2.22386 6.5 2.5Z"
35
+ fill="#528693"
36
+ />
37
+ <path
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M16.5 2.5L16.5 4L15.5 4L15.5 2.5C15.5 2.22386 15.7239 2 16 2C16.2761 2 16.5 2.22386 16.5 2.5Z"
41
+ fill="#528693"
42
+ />
43
+ <path
44
+ fillRule="evenodd"
45
+ clipRule="evenodd"
46
+ d="M11.5 2.5L11.5 4L10.5 4L10.5 2.5C10.5 2.22386 10.7239 2 11 2C11.2761 2 11.5 2.22386 11.5 2.5Z"
47
+ fill="#528693"
48
+ />
49
+ <path
50
+ d="M5.20001 10.156C5.20001 9.90415 5.40415 9.70001 5.65597 9.70001H7.40628C7.6581 9.70001 7.86224 9.90415 7.86224 10.156V11.9063C7.86224 12.1581 7.6581 12.3622 7.40628 12.3622H5.65597C5.40415 12.3622 5.20001 12.1581 5.20001 11.9063V10.156Z"
51
+ fill="#BFF6F8"
52
+ className="c-icon-fill"
53
+ />
54
+ <path
55
+ fillRule="evenodd"
56
+ clipRule="evenodd"
57
+ d="M5.65596 9.24408H7.40627C7.90991 9.24408 8.31818 9.65235 8.31818 10.156V11.9063C8.31818 12.4099 7.9099 12.8182 7.40627 12.8182H5.65596C5.15232 12.8182 4.74405 12.4099 4.74405 11.9063V10.156C4.74405 9.65235 5.15232 9.24408 5.65596 9.24408ZM5.65596 9.70003C5.40414 9.70003 5.2 9.90417 5.2 10.156V11.9063C5.2 12.1581 5.40414 12.3623 5.65596 12.3623H7.40627C7.65809 12.3623 7.86223 12.1581 7.86223 11.9063V10.156C7.86223 9.90417 7.65809 9.70003 7.40627 9.70003H5.65596Z"
58
+ fill="#528693"
59
+ />
60
+ <path
61
+ d="M9.67651 10.156C9.67651 9.90415 9.88065 9.70001 10.1325 9.70001H11.8828C12.1346 9.70001 12.3387 9.90415 12.3387 10.156V11.9063C12.3387 12.1581 12.1346 12.3622 11.8828 12.3622H10.1325C9.88065 12.3622 9.67651 12.1581 9.67651 11.9063V10.156Z"
62
+ fill="#BFF6F8"
63
+ className="c-icon-fill"
64
+ />
65
+ <path
66
+ fillRule="evenodd"
67
+ clipRule="evenodd"
68
+ d="M10.1325 9.24408H11.8828C12.3864 9.24408 12.7947 9.65235 12.7947 10.156V11.9063C12.7947 12.4099 12.3864 12.8182 11.8828 12.8182H10.1325C9.62882 12.8182 9.22055 12.4099 9.22055 11.9063V10.156C9.22055 9.65235 9.62883 9.24408 10.1325 9.24408ZM10.1325 9.70003C9.88064 9.70003 9.6765 9.90417 9.6765 10.156V11.9063C9.6765 12.1581 9.88064 12.3623 10.1325 12.3623H11.8828C12.1346 12.3623 12.3387 12.1581 12.3387 11.9063V10.156C12.3387 9.90417 12.1346 9.70003 11.8828 9.70003H10.1325Z"
69
+ fill="#528693"
70
+ />
71
+ <path
72
+ d="M14.1531 10.156C14.1531 9.90415 14.3573 9.70001 14.6091 9.70001H16.3594C16.6112 9.70001 16.8154 9.90415 16.8154 10.156V11.9063C16.8154 12.1581 16.6112 12.3622 16.3594 12.3622H14.6091C14.3573 12.3622 14.1531 12.1581 14.1531 11.9063V10.156Z"
73
+ fill="#BFF6F8"
74
+ className="c-icon-fill"
75
+ />
76
+ <path
77
+ fillRule="evenodd"
78
+ clipRule="evenodd"
79
+ d="M14.6091 9.24408H16.3594C16.863 9.24408 17.2713 9.65235 17.2713 10.156V11.9063C17.2713 12.4099 16.863 12.8182 16.3594 12.8182H14.6091C14.1054 12.8182 13.6972 12.4099 13.6972 11.9063V10.156C13.6972 9.65235 14.1054 9.24408 14.6091 9.24408ZM14.6091 9.70003C14.3573 9.70003 14.1531 9.90417 14.1531 10.156V11.9063C14.1531 12.1581 14.3573 12.3623 14.6091 12.3623H16.3594C16.6112 12.3623 16.8154 12.1581 16.8154 11.9063V10.156C16.8154 9.90417 16.6112 9.70003 16.3594 9.70003H14.6091Z"
80
+ fill="#528693"
81
+ />
82
+ <path
83
+ d="M5.20001 14.8182C5.20001 14.5664 5.40415 14.3622 5.65597 14.3622H7.40628C7.6581 14.3622 7.86224 14.5664 7.86224 14.8182V16.5685C7.86224 16.8203 7.6581 17.0245 7.40628 17.0245H5.65597C5.40415 17.0245 5.20001 16.8203 5.20001 16.5685V14.8182Z"
84
+ fill="#BFF6F8"
85
+ className="c-icon-fill"
86
+ />
87
+ <path
88
+ fillRule="evenodd"
89
+ clipRule="evenodd"
90
+ d="M5.65596 13.9063H7.40627C7.90991 13.9063 8.31818 14.3146 8.31818 14.8182V16.5685C8.31818 17.0722 7.9099 17.4804 7.40627 17.4804H5.65596C5.15232 17.4804 4.74405 17.0722 4.74405 16.5685V14.8182C4.74405 14.3146 5.15232 13.9063 5.65596 13.9063ZM5.65596 14.3623C5.40414 14.3623 5.2 14.5664 5.2 14.8182V16.5685C5.2 16.8204 5.40414 17.0245 5.65596 17.0245H7.40627C7.65809 17.0245 7.86223 16.8204 7.86223 16.5685V14.8182C7.86223 14.5664 7.65809 14.3623 7.40627 14.3623H5.65596Z"
91
+ fill="#528693"
92
+ />
93
+ <path
94
+ d="M9.67651 14.8182C9.67651 14.5664 9.88065 14.3622 10.1325 14.3622H11.8828C12.1346 14.3622 12.3387 14.5664 12.3387 14.8182V16.5685C12.3387 16.8203 12.1346 17.0245 11.8828 17.0245H10.1325C9.88065 17.0245 9.67651 16.8203 9.67651 16.5685V14.8182Z"
95
+ fill="#BFF6F8"
96
+ className="c-icon-fill"
97
+ />
98
+ <path
99
+ fillRule="evenodd"
100
+ clipRule="evenodd"
101
+ d="M10.1325 13.9063H11.8828C12.3864 13.9063 12.7947 14.3146 12.7947 14.8182V16.5685C12.7947 17.0722 12.3864 17.4804 11.8828 17.4804H10.1325C9.62882 17.4804 9.22055 17.0722 9.22055 16.5685V14.8182C9.22055 14.3146 9.62883 13.9063 10.1325 13.9063ZM10.1325 14.3623C9.88064 14.3623 9.6765 14.5664 9.6765 14.8182V16.5685C9.6765 16.8204 9.88064 17.0245 10.1325 17.0245H11.8828C12.1346 17.0245 12.3387 16.8204 12.3387 16.5685V14.8182C12.3387 14.5664 12.1346 14.3623 11.8828 14.3623H10.1325Z"
102
+ fill="#528693"
103
+ />
104
+ <path
105
+ fillRule="evenodd"
106
+ clipRule="evenodd"
107
+ d="M19.4 15.7L16.4 15.7C16.0134 15.7 15.7 16.0134 15.7 16.4L15.7 19.4L15.1 19.4L15.1 16.4C15.1 15.6821 15.6821 15.1 16.4 15.1L19.4 15.1L19.4 15.7Z"
108
+ fill="#528693"
109
+ />
110
+ </svg>
111
+ );
112
+ });
113
+
114
+ Date.displayName = 'Date';
package/src/iconography/document.tsx CHANGED
@@ -6,10 +6,22 @@ type DocumentRef = SVGSVGElement;
6
6
 
7
7
  export const Document = forwardRef<DocumentRef, DocumentProps>((delegated, ref) => {
8
8
  return (
9
- <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" fill="none" {...delegated}>
10
- <path d="m27.127 10.355.175.184V31.34l-20.745-.064V2.652h13.282l3.166 3.346 4.357 4.357h-.235Z" fill="#bff6f8" />
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
11
10
  <path
12
- d="M27.823 15.88a132.896 132.896 0 0 0-.073-3.047c-.02-.5-.041-1-.065-1.5 0-.25-.019-.5-.054-.747l-.006-.019a.354.354 0 0 0-.087-.27 1.343 1.343 0 0 0-.13-.232 11.003 11.003 0 0 0-.829-.925c-.323-.354-.656-.7-.993-1.039-.662-.67-1.338-1.327-1.983-2.015-.476-.506-.954-1.008-1.433-1.507-.457-.439-.89-.9-1.3-1.383a3.636 3.636 0 0 0-.625-.678 1.162 1.162 0 0 0-.358-.186 2.48 2.48 0 0 0-.76-.06c-.314 0-.63-.007-.946-.007H6.56a.393.393 0 0 0-.387.387c0 9.543-.003 19.085-.009 28.627a.4.4 0 0 0 .4.395c6.913.029 13.827.05 20.742.063a.4.4 0 0 0 .4-.4c0-2.572.046-5.146.086-7.72.04-2.572.065-5.158.032-7.738ZM20.516 3.998c.84.886 1.677 1.776 2.526 2.652 1.045 1.077 2.04 2.264 3.12 3.328-1.907-.173-3.912-.038-5.806-.02 0-2.04.014-4.082 0-6.122.055.052.111.106.16.162Zm6.093 26.943a34.23 34.23 0 0 1-5.133-.017l-7.283-.026c-1.966-.008-3.932-.012-5.897-.012-.439.048-.88.066-1.322.051a2.234 2.234 0 0 0-.023-.5 33.236 33.236 0 0 1-.005-4.21c-.004-4.77-.004-9.541 0-14.313V4.757c0-.316-.14-1.806-.274-1.718.265-.04.534-.04.8 0H19.57c-.032 2.44-.007 4.88-.006 7.32a.4.4 0 0 0 .4.399c2.308.121 4.622.088 6.925-.1l.068.061c-.235 4.204-.044 8.472-.046 12.683 0 2.069-.2 4.258 0 6.318.123 1.338.708 1.066-.303 1.218v.003Z"
11
+ d="M5.63656 19H16.4366C16.7679 19 17.0366 18.7314 17.0366 18.4V6.64853C17.0366 6.4894 16.9733 6.33679 16.8608 6.22426L13.8123 3.17574C13.6998 3.06321 13.5472 3 13.388 3H5.63656C5.30519 3 5.03656 3.26863 5.03656 3.6V18.4C5.03656 18.7314 5.30519 19 5.63656 19Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M16.8608 6.22429L17.2851 5.80003C17.5101 6.02507 17.6366 6.33029 17.6366 6.64855V18.4C17.6366 19.0628 17.0993 19.6 16.4366 19.6H5.63655C4.97381 19.6 4.43655 19.0628 4.43655 18.4V3.60002C4.43655 2.93728 4.97381 2.40002 5.63655 2.40002H13.388C13.7063 2.40002 14.0115 2.52645 14.2366 2.7515L17.2851 5.80002L16.8608 6.22429ZM16.4366 19H5.63655C5.30518 19 5.03655 18.7314 5.03655 18.4V3.60002C5.03655 3.26865 5.30518 3.00002 5.63655 3.00002H13.388C13.5472 3.00002 13.6998 3.06324 13.8123 3.17576L16.8608 6.22429C16.9733 6.33681 17.0366 6.48942 17.0366 6.64855V18.4C17.0366 18.7314 16.7679 19 16.4366 19Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ fillRule="evenodd"
23
+ clipRule="evenodd"
24
+ d="M13.7366 2.79999V5.40001C13.7366 5.78661 14.05 6.10001 14.4366 6.10001L17.4366 6.10001V6.70001L14.4366 6.70001C13.7186 6.70001 13.1366 6.11798 13.1366 5.40001V2.79999H13.7366Z"
13
25
  fill="#528693"
14
26
  />
15
27
  </svg>
package/src/iconography/file-upload.tsx ADDED
@@ -0,0 +1,43 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type FileUploadProps = SVGProps<SVGSVGElement>;
4
+
5
+ type FileUploadRef = SVGSVGElement;
6
+
7
+ export const FileUpload = forwardRef<FileUploadRef, FileUploadProps>((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.6 19H16.4C16.7314 19 17 18.7314 17 18.4V6.64853C17 6.4894 16.9368 6.33679 16.8243 6.22426L13.7757 3.17574C13.6632 3.06321 13.5106 3 13.3515 3H5.6C5.26863 3 5 3.26863 5 3.6V18.4C5 18.7314 5.26863 19 5.6 19Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M16.8243 6.22429L17.2486 5.80003C17.4736 6.02507 17.6 6.33029 17.6 6.64855V18.4C17.6 19.0628 17.0628 19.6 16.4 19.6H5.60002C4.93728 19.6 4.40002 19.0628 4.40002 18.4V3.60002C4.40002 2.93728 4.93728 2.40002 5.60002 2.40002H13.3515C13.6698 2.40002 13.975 2.52645 14.2 2.7515L17.2486 5.80002L16.8243 6.22429ZM16.4 19H5.60002C5.26865 19 5.00002 18.7314 5.00002 18.4V3.60002C5.00002 3.26865 5.26865 3.00002 5.60002 3.00002H13.3515C13.5106 3.00002 13.6632 3.06324 13.7758 3.17576L16.8243 6.22429C16.9368 6.33681 17 6.48942 17 6.64855V18.4C17 18.7314 16.7314 19 16.4 19Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ fillRule="evenodd"
23
+ clipRule="evenodd"
24
+ d="M13.7 2.79999V5.40001C13.7 5.78661 14.0134 6.10001 14.4 6.10001L17.4 6.10001V6.70001L14.4 6.70001C13.6821 6.70001 13.1 6.11798 13.1 5.40001V2.79999H13.7Z"
25
+ fill="#528693"
26
+ />
27
+ <path
28
+ fillRule="evenodd"
29
+ clipRule="evenodd"
30
+ d="M11.2139 9.28958C11.0963 9.17008 10.9037 9.17008 10.7861 9.28958L8.50201 11.6118C8.31542 11.8014 8.44981 12.1221 8.71588 12.1221H10V14.0721C10 14.2378 10.1343 14.3721 10.3 14.3721H11.7C11.8657 14.3721 12 14.2378 12 14.0721V12.1221H13.2841C13.5502 12.1221 13.6846 11.8014 13.498 11.6118L11.2139 9.28958Z"
31
+ fill="white"
32
+ />
33
+ <path
34
+ fillRule="evenodd"
35
+ clipRule="evenodd"
36
+ d="M10.7861 9.2896L10.3584 8.86886C10.711 8.51035 11.289 8.51035 11.6416 8.86886L13.9258 11.191C14.4855 11.7601 14.0823 12.7221 13.2841 12.7221H12.6V14.0722C12.6 14.5692 12.1971 14.9722 11.7 14.9722H10.3C9.80296 14.9722 9.40001 14.5692 9.40001 14.0722V12.7221H8.71589C7.91765 12.7221 7.5145 11.7601 8.07426 11.191L8.50201 11.6118C8.31543 11.8015 8.44981 12.1222 8.71589 12.1222H10V14.0722C10 14.2378 10.1343 14.3722 10.3 14.3722H11.7C11.8657 14.3722 12 14.2378 12 14.0722V12.1222H13.2841C13.5502 12.1222 13.6846 11.8015 13.498 11.6118L11.2139 9.2896C11.0963 9.1701 10.9037 9.1701 10.7861 9.2896ZM10.7861 9.2896L8.50201 11.6118L8.07426 11.191L10.3584 8.86886L10.7861 9.2896Z"
37
+ fill="#528693"
38
+ />
39
+ </svg>
40
+ );
41
+ });
42
+
43
+ FileUpload.displayName = 'FileUpload';
package/src/iconography/fixed-property-table.tsx ADDED
@@ -0,0 +1,35 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type FixedPropertyTableProps = SVGProps<SVGSVGElement>;
4
+
5
+ type FixedPropertyTableRef = SVGSVGElement;
6
+
7
+ export const FixedPropertyTable = forwardRef<FixedPropertyTableRef, FixedPropertyTableProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M13.2548 3H17.346C17.7469 3 18.0339 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.8628 19 12.5679 18.5491 12.717 18.1398C13.4562 16.1115 14.1796 12.7471 12.851 10.7037C11.4214 8.50515 12.0913 5.11706 12.7083 3.37652C12.7899 3.14641 13.0106 3 13.2548 3Z"
12
+ fill="white"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M13.2548 2.40002H17.346C18.15 2.40002 18.7193 3.1706 18.5004 3.93521C18.1971 4.99483 17.8992 6.18576 17.8322 7.33802C17.7651 8.49157 17.9337 9.54003 18.496 10.3661C19.2487 11.472 19.4617 12.9902 19.4391 14.4565C19.4161 15.9424 19.1488 17.477 18.8465 18.6999C18.7133 19.2387 18.2285 19.6 17.6899 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.064 13.0857 12.9073 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.7732 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.717 18.1398C12.5679 18.5492 12.8629 19 13.2986 19H17.6899C17.9609 19 18.199 18.8189 18.264 18.5559C18.8547 16.1665 19.295 12.6062 18 10.7037C16.6679 8.74676 17.3128 5.90382 17.9236 3.77008C18.0339 3.38466 17.7469 3.00002 17.346 3.00002Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="M4 3.6C4 3.26863 4.26863 3 4.6 3H8.4C8.73137 3 9 3.26863 9 3.6V18.4C9 18.7314 8.73137 19 8.4 19H4.6C4.26863 19 4 18.7314 4 18.4V3.6Z"
22
+ fill="#BFF6F8"
23
+ className="c-icon-fill"
24
+ />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M4.59999 2.40002H8.39999C9.06274 2.40002 9.59999 2.93728 9.59999 3.60002V18.4C9.59999 19.0628 9.06274 19.6 8.39999 19.6H4.59999C3.93725 19.6 3.39999 19.0628 3.39999 18.4V3.60002C3.39999 2.93728 3.93725 2.40002 4.59999 2.40002ZM4.59999 3.00002C4.26862 3.00002 3.99999 3.26865 3.99999 3.60002V18.4C3.99999 18.7314 4.26862 19 4.59999 19H8.39999C8.73136 19 8.99999 18.7314 8.99999 18.4V3.60002C8.99999 3.26865 8.73136 3.00002 8.39999 3.00002H4.59999Z"
29
+ fill="#528693"
30
+ />
31
+ </svg>
32
+ );
33
+ });
34
+
35
+ FixedPropertyTable.displayName = 'FixedPropertyTable';
package/src/iconography/grid-relation.tsx ADDED
@@ -0,0 +1,67 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type GridRelationProps = SVGProps<SVGSVGElement>;
4
+
5
+ type GridRelationRef = SVGSVGElement;
6
+
7
+ export const GridRelation = forwardRef<GridRelationRef, GridRelationProps>((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.35754 9.85C3.35754 9.51863 3.62617 9.25 3.95754 9.25H6.26083C6.5922 9.25 6.86083 9.51863 6.86083 9.85V12.1533C6.86083 12.4847 6.5922 12.7533 6.26083 12.7533H3.95754C3.62617 12.7533 3.35754 12.4847 3.35754 12.1533V9.85Z"
12
+ fill="white"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M3.95754 8.65002H6.26082C6.92357 8.65002 7.46082 9.18728 7.46082 9.85002V12.1533C7.46082 12.8161 6.92356 13.3533 6.26082 13.3533H3.95754C3.2948 13.3533 2.75754 12.8161 2.75754 12.1533V9.85002C2.75754 9.18728 3.2948 8.65002 3.95754 8.65002ZM3.95754 9.25002C3.62617 9.25002 3.35754 9.51865 3.35754 9.85002V12.1533C3.35754 12.4847 3.62617 12.7533 3.95754 12.7533H6.26082C6.59219 12.7533 6.86082 12.4847 6.86082 12.1533V9.85002C6.86082 9.51865 6.5922 9.25002 6.26082 9.25002H3.95754Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="M15.1392 3.93777C15.1392 3.6064 15.4078 3.33777 15.7392 3.33777H18.0424C18.3738 3.33777 18.6424 3.6064 18.6424 3.93777V6.24105C18.6424 6.57243 18.3738 6.84105 18.0424 6.84105H15.7392C15.4078 6.84105 15.1392 6.57243 15.1392 6.24105V3.93777Z"
22
+ fill="white"
23
+ />
24
+ <path
25
+ fillRule="evenodd"
26
+ clipRule="evenodd"
27
+ d="M15.7392 2.73779H18.0424C18.7052 2.73779 19.2424 3.27505 19.2424 3.93779V6.24108C19.2424 6.90382 18.7052 7.44108 18.0424 7.44108H15.7392C15.0764 7.44108 14.5392 6.90382 14.5392 6.24108V3.93779C14.5392 3.27505 15.0764 2.73779 15.7392 2.73779ZM15.7392 3.33779C15.4078 3.33779 15.1392 3.60642 15.1392 3.93779V6.24108C15.1392 6.57245 15.4078 6.84108 15.7392 6.84108H18.0424C18.3738 6.84108 18.6424 6.57245 18.6424 6.24108V3.93779C18.6424 3.60642 18.3738 3.33779 18.0424 3.33779H15.7392Z"
28
+ fill="#528693"
29
+ />
30
+ <path
31
+ d="M3.35754 3.94003C3.35754 3.60866 3.62617 3.34003 3.95754 3.34003H12.1516C12.483 3.34003 12.7516 3.60866 12.7516 3.94003V6.24331C12.7516 6.57468 12.483 6.84331 12.1516 6.84331H3.95754C3.62617 6.84331 3.35754 6.57468 3.35754 6.24331V3.94003Z"
32
+ fill="#BFF6F8"
33
+ className="c-icon-fill"
34
+ />
35
+ <path
36
+ fillRule="evenodd"
37
+ clipRule="evenodd"
38
+ d="M3.95754 2.74005H12.1516C12.8144 2.74005 13.3516 3.27731 13.3516 3.94005V6.24334C13.3516 6.90608 12.8144 7.44334 12.1516 7.44334H3.95754C3.2948 7.44334 2.75754 6.90608 2.75754 6.24334V3.94005C2.75754 3.27731 3.2948 2.74005 3.95754 2.74005ZM3.95754 3.34005C3.62617 3.34005 3.35754 3.60868 3.35754 3.94005V6.24334C3.35754 6.57471 3.62617 6.84334 3.95754 6.84334H12.1516C12.483 6.84334 12.7516 6.57471 12.7516 6.24334V3.94005C12.7516 3.60868 12.483 3.34005 12.1516 3.34005H3.95754Z"
39
+ fill="#528693"
40
+ />
41
+ <path
42
+ d="M3.35754 15.7589C3.35754 15.4276 3.62617 15.1589 3.95754 15.1589H6.26083C6.5922 15.1589 6.86083 15.4276 6.86083 15.7589V18.0622C6.86083 18.3936 6.5922 18.6622 6.26083 18.6622H3.95754C3.62617 18.6622 3.35754 18.3936 3.35754 18.0622V15.7589Z"
43
+ fill="#BFF6F8"
44
+ className="c-icon-fill"
45
+ />
46
+ <path
47
+ fillRule="evenodd"
48
+ clipRule="evenodd"
49
+ d="M3.95754 14.559H6.26082C6.92357 14.559 7.46082 15.0962 7.46082 15.759V18.0622C7.46082 18.725 6.92356 19.2622 6.26082 19.2622H3.95754C3.2948 19.2622 2.75754 18.725 2.75754 18.0622V15.759C2.75754 15.0962 3.2948 14.559 3.95754 14.559ZM3.95754 15.159C3.62617 15.159 3.35754 15.4276 3.35754 15.759V18.0622C3.35754 18.3936 3.62617 18.6622 3.95754 18.6622H6.26082C6.59219 18.6622 6.86082 18.3936 6.86082 18.0622V15.759C6.86082 15.4276 6.5922 15.159 6.26082 15.159H3.95754Z"
50
+ fill="#528693"
51
+ />
52
+ <path
53
+ d="M16.7 9.5C15.5415 9.5 14.9395 10.3544 14.5123 11.117C14.3963 11.3241 14.1036 11.3241 13.9876 11.117C13.5604 10.3544 12.9585 9.5 11.8 9.5C10.3848 9.5 9.20001 10.7858 9.20001 12.3718C9.20001 14.9022 14.25 18.8 14.25 18.8C14.25 18.8 19.3 14.9022 19.3 12.3718C19.3002 10.7858 18.1152 9.5 16.7 9.5Z"
54
+ fill="#BFF6F8"
55
+ className="c-icon-fill"
56
+ />
57
+ <path
58
+ fillRule="evenodd"
59
+ clipRule="evenodd"
60
+ d="M13.8834 19.275L14.25 18.8L14.6166 19.275C14.4006 19.4417 14.0994 19.4417 13.8834 19.275ZM19.3 12.3718C19.3002 10.7858 18.1152 9.50002 16.7 9.50002C15.5415 9.50002 14.9395 10.3544 14.5123 11.117C14.3963 11.3241 14.1036 11.3241 13.9876 11.117C13.5604 10.3544 12.9585 9.50002 11.8 9.50002C10.3848 9.50002 9.20001 10.7858 9.20001 12.3718C9.20001 14.9023 14.25 18.8 14.25 18.8C13.8834 19.275 13.8834 19.275 13.8834 19.275L13.8819 19.2738L13.8785 19.2713L13.8665 19.2619L13.8218 19.2268C13.7831 19.1963 13.727 19.1517 13.656 19.0944C13.5141 18.9798 13.3125 18.814 13.0709 18.6074C12.5887 18.1949 11.9434 17.6162 11.2961 16.9544C10.6512 16.2951 9.99059 15.5395 9.48747 14.773C8.9952 14.0231 8.60001 13.1832 8.60001 12.3718C8.60001 10.5087 10.0016 8.90002 11.8 8.90002C13.0559 8.90002 13.7895 9.6828 14.25 10.3886C14.7105 9.68277 15.4441 8.90002 16.7 8.90002C18.4983 8.90002 19.9002 10.5086 19.9 12.3718M19.3 12.3718C19.3 14.9023 14.25 18.8 14.25 18.8C14.6166 19.275 14.6166 19.275 14.6166 19.275L14.6181 19.2738L14.6214 19.2713L14.6335 19.2619L14.6782 19.2268C14.7169 19.1963 14.773 19.1517 14.844 19.0944C14.9859 18.9798 15.1875 18.814 15.4291 18.6074C15.9113 18.1949 16.5566 17.6162 17.2039 16.9544C17.8488 16.2951 18.5094 15.5395 19.0125 14.773C19.5048 14.0231 19.9 13.1832 19.9 12.3718"
61
+ fill="#528693"
62
+ />
63
+ </svg>
64
+ );
65
+ });
66
+
67
+ GridRelation.displayName = 'GridRelation';
package/src/iconography/image.tsx CHANGED
@@ -6,39 +6,45 @@ type ImageRef = SVGSVGElement;
6
6
 
7
7
  export const Image = forwardRef<ImageRef, ImageProps>((delegated, ref) => {
8
8
  return (
9
- <svg ref={ref} width="35" height="34" viewBox="0 0 35 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="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"
11
+ d="M2.26135 4.94489C2.26135 4.3926 2.70907 3.94489 3.26135 3.94489H18.6572C19.2095 3.94489 19.6572 4.3926 19.6572 4.94489V17.0561C19.6572 17.6084 19.2095 18.0561 18.6572 18.0561H3.26135C2.70907 18.0561 2.26135 17.6084 2.26135 17.0561V4.94489Z"
12
12
  fill="#528693"
13
13
  />
14
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"
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M3.26138 3.34491H18.6573C19.5409 3.34491 20.2573 4.06125 20.2573 4.94491V17.0561C20.2573 17.9398 19.5409 18.6561 18.6573 18.6561H3.26138C2.37772 18.6561 1.66138 17.9398 1.66138 17.0561V4.94491C1.66138 4.06125 2.37772 3.34491 3.26138 3.34491ZM3.26138 3.94491C2.70909 3.94491 2.26138 4.39263 2.26138 4.94491V17.0561C2.26138 17.6084 2.70909 18.0561 3.26138 18.0561H18.6573C19.2095 18.0561 19.6573 17.6084 19.6573 17.0561V4.94491C19.6573 4.39262 19.2095 3.94491 18.6573 3.94491H3.26138Z"
16
18
  fill="#528693"
17
19
  />
18
20
  <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
+ d="M19.7184 3.9187C19.7184 6.92029 19.7014 9.76839 19.7111 12.7719C18.6042 13.5911 17.3429 14.1778 16.0033 14.4968C15.3866 14.6997 14.7299 14.7499 14.0896 14.643C13.4762 14.5 12.9086 14.2051 12.439 13.7854C12.3744 13.7207 12.3097 13.656 12.2521 13.5914C11.9109 13.185 11.6734 12.7018 11.5601 12.1834C11.5013 11.9207 11.4883 11.6972 11.445 11.3853C11.4116 11.145 11.5371 10.9448 11.3621 10.7697C11.1316 10.5392 10.0894 10.6836 10.0894 10.6836C10.0894 10.6836 8.86249 10.8692 8.26619 11.0406C6.1652 11.6762 3.9984 12.6494 2.20984 13.9219L2.21002 3.92388C6.97918 3.92388 13.1552 3.92388 17.8933 3.9187H19.7184Z"
22
+ fill="#BFF6F8"
23
+ className="c-icon-fill"
21
24
  />
22
25
  <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"
26
+ d="M19.6695 13.5079C19.6766 15.1177 19.6909 16.5214 19.7245 18.1286C14.9456 18.1286 8.91916 18.0736 4.16228 18.071C3.93338 18.071 3.55342 18.071 3.18644 18.071C2.62828 18.071 2.17816 17.6145 2.18501 17.0564C2.19334 16.378 2.2024 15.5059 2.2024 14.921V14.5977C2.23402 14.5986 2.26508 14.5893 2.29101 14.5711C4.6937 13.0073 6.91601 11.6376 9.95177 11.218C8.95318 11.5795 7.96623 12.2379 8.07618 13.4098C8.22752 15.0047 10.0766 15.3856 11.3675 15.4626C13.9519 15.623 17.1959 15.2374 19.6695 13.5079Z"
27
+ fill="white"
25
28
  />
26
29
  <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"
30
+ d="M10.9579 11.3522C10.8839 12.1576 11.0872 12.964 11.5341 13.638C11.9811 14.3119 12.7488 14.764 13.5195 15.0091C13.3947 15.0181 13.1691 15.075 13.0443 15.0795C11.8944 15.1228 10.3997 15.1849 9.42249 14.4974C9.23332 14.383 9.07266 14.227 8.95269 14.0413C8.83272 13.8556 8.75657 13.645 8.73003 13.4256C8.70348 13.2061 8.72722 12.9834 8.79946 12.7745C8.8717 12.5655 8.99054 12.3758 9.14697 12.2195C9.66513 11.7782 10.2892 11.4793 10.9579 11.3522Z"
31
+ fill="white"
29
32
  />
30
33
  <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
+ d="M17.3696 7.34985C17.3696 8.14498 16.7251 8.78955 15.9299 8.78955C15.1348 8.78955 14.4902 8.14498 14.4902 7.34985C14.4902 6.55473 15.1348 5.91016 15.9299 5.91016C16.7251 5.91016 17.3696 6.55473 17.3696 7.34985Z"
35
+ fill="white"
34
36
  />
35
37
  <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"
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M17.9697 7.34988C17.9697 8.47637 17.0564 9.38958 15.93 9.38958C14.8035 9.38958 13.8903 8.47637 13.8903 7.34988C13.8903 6.22338 14.8035 5.31018 15.93 5.31018C17.0564 5.31018 17.9697 6.22338 17.9697 7.34988ZM15.93 8.78958C16.7251 8.78958 17.3697 8.145 17.3697 7.34988C17.3697 6.55475 16.7251 5.91018 15.93 5.91018C15.1348 5.91018 14.4903 6.55475 14.4903 7.34988C14.4903 8.145 15.1348 8.78958 15.93 8.78958Z"
37
41
  fill="#528693"
38
42
  />
39
43
  <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"
44
+ fillRule="evenodd"
45
+ clipRule="evenodd"
46
+ d="M3.26138 3.34491H18.6573C19.5409 3.34491 20.2573 4.06125 20.2573 4.94491V17.0561C20.2573 17.9398 19.5409 18.6561 18.6573 18.6561H3.26138C2.37772 18.6561 1.66138 17.9398 1.66138 17.0561V4.94491C1.66138 4.06125 2.37772 3.34491 3.26138 3.34491ZM3.26138 3.94491C2.70909 3.94491 2.26138 4.39263 2.26138 4.94491V17.0561C2.26138 17.6084 2.70909 18.0561 3.26138 18.0561H18.6573C19.2095 18.0561 19.6573 17.6084 19.6573 17.0561V4.94491C19.6573 4.39262 19.2095 3.94491 18.6573 3.94491H3.26138Z"
47
+ fill="#528693"
42
48
  />
43
49
  </svg>
44
50
  );
package/src/iconography/index.ts CHANGED
@@ -9,6 +9,8 @@ import { Cancel } from './cancel';
9
9
  import { Caret } from './caret';
10
10
  import { Catalogue } from './catalogue';
11
11
  import { CheckWithCircle } from './check-with-circle';
12
+ import { Choice } from './choice';
13
+ import { Chunk } from './chunk';
12
14
  import { Cloud } from './cloud';
13
15
  import { CloudWithKeyHole } from './cloud-with-key-hole';
14
16
  import { Copy } from './copy';
@@ -16,44 +18,61 @@ import { CopyWithCloud } from './copy-with-cloud';
16
18
  import { Crystal } from './crystal';
17
19
  import { Customers } from './customers';
18
20
  import { Dashboard } from './dashboard';
21
+ import { Date } from './date';
19
22
  import { Document } from './document';
20
23
  import { Edit } from './edit';
21
24
  import { Error } from './error';
25
+ import { FileUpload } from './file-upload';
26
+ import { FixedPropertyTable } from './fixed-property-table';
22
27
  import { Folder } from './folder';
23
28
  import { Frontends } from './frontends';
24
29
  import { Fulfilment } from './fulfilment';
25
30
  import { Glasses } from './glasses';
26
31
  import { GraphQL } from './graphQL';
27
32
  import { Grid } from './grid';
33
+ import { GridRelation } from './grid-relation';
34
+ import { HandMirror } from './hand-mirror';
28
35
  import { Hooks } from './hooks';
29
36
  import { Image } from './image';
30
37
  import { Info } from './info';
31
38
  import { Key } from './key';
32
39
  import { Language } from './language';
40
+ import { Location } from './location';
33
41
  import { LockClosed } from './lock-closed';
42
+ import { Magnifier } from './magnifier';
34
43
  import { Multilingual } from './multilingual';
35
44
  import { Mushroom } from './mushroom';
36
45
  import { NailPolish } from './nail-polish';
46
+ import { Numeric } from './numeric';
37
47
  import { Order } from './order';
48
+ import { ParagraphCollection } from './paragraph-collection';
38
49
  import { Particle } from './particle';
39
50
  import { People } from './people';
40
51
  import { Percentage } from './percentage';
41
52
  import { Pin } from './pin';
42
53
  import { PipelineDashed } from './pipeline-dashed';
43
54
  import { PlansAndPricing } from './plans-and-pricing';
55
+ import { Plug } from './plug';
44
56
  import { PriceList } from './price-list';
45
57
  import { PriceTag } from './price-tag';
46
58
  import { Product } from './product';
59
+ import { PropertyTable } from './property-table';
60
+ import { Relation } from './relation';
47
61
  import { Renew } from './renew';
48
62
  import { RestrictedCatalogue } from './restricted-catalogue';
63
+ import { RichText } from './rich-text';
49
64
  import { Rocket } from './rocket';
50
65
  import { Search } from './search';
66
+ import { Selection } from './selection';
51
67
  import { Settings } from './settings';
52
68
  import { Shapes } from './shapes';
69
+ import { SingleLine } from './singleline';
70
+ import { Split } from './split';
53
71
  import { StockLocation } from './stock-location';
54
72
  import { Subscription } from './subscription';
55
73
  import { SubscriptionContracts } from './subscription-contracts';
56
74
  import { SubscriptionPlans } from './subscription-plans';
75
+ import { Switch } from './switch';
57
76
  import { Target } from './target';
58
77
  import { Topics } from './topics';
59
78
  import { Unpublish } from './unpublish';
@@ -61,17 +80,15 @@ import { Usage } from './usage';
61
80
  import { UsageMeter } from './usage-meter';
62
81
  import { UserCard } from './user-card';
63
82
  import { Users } from './users';
83
+ import { Video } from './video';
64
84
  import { Warning } from './warning';
65
85
 
66
86
  export const Icon = {
67
87
  Add,
68
88
  App,
69
- Arrow,
70
- Atom,
71
89
  BillingPayments,
72
90
  Bin,
73
91
  Bell,
74
- Cancel,
75
92
  Caret,
76
93
  Catalogue,
77
94
  CheckWithCircle,
@@ -79,33 +96,32 @@ export const Icon = {
79
96
  CloudWithKeyHole,
80
97
  Copy,
81
98
  CopyWithCloud,
82
- Crystal,
83
99
  Customers,
84
100
  Dashboard,
85
101
  Document,
86
102
  Edit,
87
- Error,
88
103
  Folder,
89
104
  Frontends,
90
105
  Fulfilment,
91
106
  Glasses,
92
107
  GraphQL,
93
108
  Grid,
109
+ HandMirror,
94
110
  Hooks,
95
- Image,
96
111
  Info,
97
112
  Key,
98
113
  Language,
99
114
  LockClosed,
100
115
  Multilingual,
116
+ Magnifier,
101
117
  Mushroom,
102
118
  NailPolish,
103
119
  Order,
104
- Particle,
105
120
  People,
106
121
  Percentage,
107
122
  Pin,
108
123
  PlansAndPricing,
124
+ Plug,
109
125
  PriceList,
110
126
  PriceTag,
111
127
  Product,
@@ -116,9 +132,39 @@ export const Icon = {
116
132
  Search,
117
133
  Settings,
118
134
  Shapes,
135
+ Split,
119
136
  StockLocation,
120
137
  SubscriptionContracts,
121
138
  SubscriptionPlans,
139
+ /**
140
+ * Component icons
141
+ */
142
+ Image,
143
+ SingleLine,
144
+ RichText,
145
+ ParagraphCollection,
146
+ PropertyTable,
147
+ FixedPropertyTable,
148
+ Switch,
149
+ Location,
150
+ Video,
151
+ GridRelation,
152
+ Date,
153
+ Relation,
154
+ Numeric,
155
+ FileUpload,
156
+ /**
157
+ * Misc
158
+ */
159
+ Arrow,
160
+ Atom,
161
+ Cancel,
162
+ Error,
163
+ Particle,
164
+ Crystal,
165
+ Choice,
166
+ Chunk,
167
+ Selection,
122
168
  /**
123
169
  * @deprecated Use SubscriptionPlans icon instead
124
170
  */
package/src/iconography/location.tsx ADDED
@@ -0,0 +1,35 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type LocationProps = SVGProps<SVGSVGElement>;
4
+
5
+ type LocationRef = SVGSVGElement;
6
+
7
+ export const Location = forwardRef<LocationRef, LocationProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M16 8C16 10.0465 13.2539 15.1012 11.8319 17.5813C11.4586 18.2324 10.5414 18.2324 10.1681 17.5813C8.74614 15.1012 6 10.0465 6 8C6 5.23858 8.23858 3 11 3C13.7614 3 16 5.23858 16 8Z"
12
+ fill="#BFF6F8"
13
+ className="c-icon-fill"
14
+ />
15
+ <path
16
+ fillRule="evenodd"
17
+ clipRule="evenodd"
18
+ d="M14.9917 12.8844C14.1175 14.7348 13.0666 16.6342 12.3524 17.8798C11.7486 18.9329 10.2514 18.9329 9.64757 17.8798C8.93343 16.6342 7.88246 14.7348 7.0083 12.8844C6.57144 11.9596 6.17414 11.0375 5.88488 10.2096C5.60106 9.39733 5.39999 8.6179 5.39999 8.00002C5.39999 4.90723 7.9072 2.40002 11 2.40002C14.0928 2.40002 16.6 4.90723 16.6 8.00002C16.6 8.6179 16.3989 9.39733 16.1151 10.2096C15.8258 11.0375 15.4286 11.9596 14.9917 12.8844ZM11.8319 17.5814C13.2539 15.1012 16 10.0465 16 8.00002C16 5.2386 13.7614 3.00002 11 3.00002C8.23857 3.00002 5.99999 5.2386 5.99999 8.00002C5.99999 10.0465 8.74613 15.1012 10.1681 17.5814C10.5414 18.2324 11.4586 18.2324 11.8319 17.5814Z"
19
+ fill="#528693"
20
+ />
21
+ <path
22
+ d="M13 8C13 9.10457 12.1046 10 11 10C9.89543 10 9 9.10457 9 8C9 6.89543 9.89543 6 11 6C12.1046 6 13 6.89543 13 8Z"
23
+ fill="white"
24
+ />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M13.6 8.00002C13.6 9.43596 12.4359 10.6 11 10.6C9.56405 10.6 8.39999 9.43596 8.39999 8.00002C8.39999 6.56408 9.56405 5.40002 11 5.40002C12.4359 5.40002 13.6 6.56408 13.6 8.00002ZM11 10C12.1046 10 13 9.10459 13 8.00002C13 6.89545 12.1046 6.00002 11 6.00002C9.89542 6.00002 8.99999 6.89545 8.99999 8.00002C8.99999 9.10459 9.89542 10 11 10Z"
29
+ fill="#528693"
30
+ />
31
+ </svg>
32
+ );
33
+ });
34
+
35
+ Location.displayName = 'Location';
package/src/iconography/magnifier.tsx ADDED
@@ -0,0 +1,40 @@
1
+ import { forwardRef } from 'react';
2
+
3
+ type MagnifierProps = React.SVGProps<SVGSVGElement> & {
4
+ width?: number;
5
+ height?: number;
6
+ };
7
+
8
+ export const Magnifier = forwardRef(
9
+ ({ width = 22, height = 23, ...rest }: MagnifierProps, ref: React.LegacyRef<SVGSVGElement>) => {
10
+ return (
11
+ <svg
12
+ ref={ref}
13
+ width={width}
14
+ height={height}
15
+ viewBox="0 0 22 23"
16
+ fill="none"
17
+ xmlns="http://www.w3.org/2000/svg"
18
+ {...rest}
19
+ >
20
+ <path d="M19.02 9.531a6.238 6.238 0 1 1-12.476 0 6.238 6.238 0 0 1 12.476 0Z" fill="#fff" />
21
+ <path
22
+ d="M18.023 14.86c2.913-2.914 2.913-7.655 0-10.568-2.914-2.914-7.654-2.914-10.568 0a7.327 7.327 0 0 0-1.124 9.018s.124.208-.043.375l-3.813 3.812c-.759.759-.94 1.82-.266 2.493l.116.116c.673.673 1.734.492 2.492-.267l3.805-3.804c.175-.175.382-.051.382-.051a7.327 7.327 0 0 0 9.019-1.124Zm-9.188-1.38a5.528 5.528 0 0 1 0-7.808 5.528 5.528 0 0 1 7.808 0 5.528 5.528 0 0 1 0 7.808 5.528 5.528 0 0 1-7.808 0Z"
23
+ fill="#BFF6F8"
24
+ />
25
+ <path
26
+ fillRule="evenodd"
27
+ clipRule="evenodd"
28
+ d="M6.288 13.685c.167-.167.043-.375.043-.375a7.327 7.327 0 0 1 1.124-9.018c2.914-2.914 7.654-2.914 10.568 0 2.913 2.913 2.913 7.654 0 10.568a7.327 7.327 0 0 1-9.019 1.124s-.207-.124-.382.051L4.817 19.84c-.758.758-1.82.939-2.492.266l-.116-.116c-.673-.673-.493-1.734.266-2.493l3.813-3.812ZM1.9 20.53l-.115-.115c-1.001-1.001-.621-2.455.266-3.342l3.651-3.651a7.925 7.925 0 0 1 1.329-9.554c3.148-3.148 8.268-3.148 11.416 0 3.148 3.148 3.148 8.268 0 11.416a7.925 7.925 0 0 1-9.554 1.329l-3.65 3.65c-.888.887-2.342 1.268-3.343.267ZM16.22 6.096a4.928 4.928 0 0 0-6.96 0 4.928 4.928 0 0 0 0 6.96 4.928 4.928 0 0 0 6.96 0 4.928 4.928 0 0 0 0-6.96Zm.424 7.384a5.528 5.528 0 0 0 0-7.808 5.528 5.528 0 0 0-7.808 0 5.528 5.528 0 0 0 0 7.808 5.528 5.528 0 0 0 7.808 0Z"
29
+ fill="#528693"
30
+ />
31
+ <path
32
+ d="M9.312 9.453a.77.77 0 0 1-.3-.061c-.393-.166-.576-.349-.41-.741a4.86 4.86 0 0 1 6.363-2.58c.392.167.576.35.41.742a.771.771 0 0 1-1.011.41 3.316 3.316 0 0 0-4.342 1.76.771.771 0 0 1-.71.47Z"
33
+ fill="#528693"
34
+ />
35
+ </svg>
36
+ );
37
+ },
38
+ );
39
+
40
+ Magnifier.displayName = 'Magnifier';