@crystallize/design-system 1.4.3 → 1.6.1

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 +22 -0
  2. package/dist/index.css +85 -142
  3. package/dist/index.d.ts +25 -2
  4. package/dist/index.js +2438 -4457
  5. package/dist/index.mjs +2246 -4283
  6. package/package.json +19 -19
  7. package/src/iconography/app.tsx +38 -0
  8. package/src/iconography/billing-payments.tsx +62 -0
  9. package/src/iconography/cloud-with-key-hole.tsx +32 -0
  10. package/src/iconography/cloud.tsx +24 -0
  11. package/src/iconography/document.tsx +19 -0
  12. package/src/iconography/folder.tsx +30 -0
  13. package/src/iconography/frontends.tsx +49 -0
  14. package/src/iconography/index.ts +43 -2
  15. package/src/iconography/info.tsx +2 -2
  16. package/src/iconography/lock-closed.tsx +46 -0
  17. package/src/iconography/multilingual.tsx +38 -0
  18. package/src/iconography/people.tsx +62 -0
  19. package/src/iconography/plans-and-pricing.tsx +55 -0
  20. package/src/iconography/product.tsx +42 -0
  21. package/src/iconography/rocket.tsx +38 -0
  22. package/src/iconography/stock-location.tsx +77 -0
  23. package/src/iconography/subscription-contracts.tsx +52 -0
  24. package/src/iconography/subscription-plans.tsx +57 -0
  25. package/src/iconography/target.tsx +62 -0
  26. package/src/iconography/usage-meter.tsx +41 -0
  27. package/src/iconography/user-card.tsx +22 -0
  28. package/src/rich-text-editor/model/crystallize-to-lexical.ts +1 -1
  29. package/src/rich-text-editor/model/lexical-to-crystallize.ts +2 -2
  30. package/src/rich-text-editor/model/to-text.test.ts +97 -0
  31. package/src/rich-text-editor/model/to-text.ts +47 -0
  32. package/src/rich-text-editor/nodes/BaseNodes.ts +0 -3
  33. package/src/rich-text-editor/plugins/ActionsPlugin/index.tsx +1 -1
  34. package/src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx +1 -1
  35. package/src/rich-text-editor/plugins/ComponentPickerPlugin/index.tsx +5 -5
  36. package/src/rich-text-editor/plugins/DraggableBlockPlugin/index.tsx +29 -50
  37. package/src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx +34 -23
  38. package/src/rich-text-editor/plugins/ToolbarPlugin/index.tsx +8 -8
  39. package/src/rich-text-editor/rich-text-editor.css +3 -3
  40. package/src/rich-text-editor/rich-text-editor.stories.tsx +9 -1
  41. package/src/rich-text-editor/rich-text-editor.tsx +30 -24
  42. package/src/rich-text-editor/tests/rich-text-editor-basic-rendering.test.tsx +1 -1
  43. package/src/rich-text-editor/tests/rich-text-editor-model-basics.test.tsx +1 -1
  44. package/src/rich-text-editor/tests/rich-text-editor-model-conversions.test.tsx +1 -1
  45. package/src/rich-text-editor/tests/rich-text-editor-text-formats.test.tsx +1 -1
  46. package/src/rich-text-editor/themes/{PlaygroundEditorTheme.css → CrystallizeRTEditorTheme.css} +81 -85
  47. package/src/rich-text-editor/themes/CrystallizeRTEditorTheme.ts +113 -0
  48. package/dist/draggable-block-menu-KKHDNKJA.svg +0 -1
  49. package/src/rich-text-editor/appSettings.ts +0 -28
  50. package/src/rich-text-editor/context/SettingsContext.tsx +0 -71
  51. package/src/rich-text-editor/context/SharedAutocompleteContext.tsx +0 -60
  52. package/src/rich-text-editor/nodes/AutocompleteNode.tsx +0 -96
  53. package/src/rich-text-editor/plugins/AutocompletePlugin/index.tsx +0 -2536
  54. package/src/rich-text-editor/themes/PlaygroundEditorTheme.ts +0 -113
  55. /package/src/rich-text-editor/{model → types}/crystallize-rich-text-types/code.ts +0 -0
  56. /package/src/rich-text-editor/{model → types}/crystallize-rich-text-types/headings.ts +0 -0
  57. /package/src/rich-text-editor/{model → types}/crystallize-rich-text-types/index.ts +0 -0
  58. /package/src/rich-text-editor/{model → types}/crystallize-rich-text-types/link.ts +0 -0
  59. /package/src/rich-text-editor/{model → types}/crystallize-rich-text-types/table.ts +0 -0
  60. /package/src/rich-text-editor/{types.ts → types/types.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystallize/design-system",
3
- "version": "1.4.3",
3
+ "version": "1.6.1",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -20,23 +20,23 @@
20
20
  }
21
21
  },
22
22
  "dependencies": {
23
- "@lexical/clipboard": "0.8.1",
24
- "@lexical/code": "0.8.1",
25
- "@lexical/file": "0.8.1",
26
- "@lexical/hashtag": "0.8.1",
27
- "@lexical/html": "0.8.1",
28
- "@lexical/link": "0.8.1",
29
- "@lexical/list": "0.8.1",
30
- "@lexical/mark": "0.8.1",
31
- "@lexical/markdown": "0.8.1",
32
- "@lexical/overflow": "0.8.1",
33
- "@lexical/react": "0.8.1",
34
- "@lexical/rich-text": "0.8.1",
35
- "@lexical/selection": "0.8.1",
36
- "@lexical/table": "0.8.1",
37
- "@lexical/text": "0.8.1",
38
- "@lexical/utils": "0.8.1",
39
- "@lexical/yjs": "0.8.1",
23
+ "@lexical/clipboard": "0.9.0",
24
+ "@lexical/code": "0.9.0",
25
+ "@lexical/file": "0.9.0",
26
+ "@lexical/hashtag": "0.9.0",
27
+ "@lexical/html": "0.9.0",
28
+ "@lexical/link": "0.9.0",
29
+ "@lexical/list": "0.9.0",
30
+ "@lexical/mark": "0.9.0",
31
+ "@lexical/markdown": "0.9.0",
32
+ "@lexical/overflow": "0.9.0",
33
+ "@lexical/react": "0.9.0",
34
+ "@lexical/rich-text": "0.9.0",
35
+ "@lexical/selection": "0.9.0",
36
+ "@lexical/table": "0.9.0",
37
+ "@lexical/text": "0.9.0",
38
+ "@lexical/utils": "0.9.0",
39
+ "@lexical/yjs": "0.9.0",
40
40
  "@radix-ui/react-checkbox": "1.0.1",
41
41
  "@radix-ui/react-dialog": "1.0.2",
42
42
  "@radix-ui/react-dropdown-menu": "2.0.1",
@@ -45,7 +45,7 @@
45
45
  "@radix-ui/react-select": "1.1.2",
46
46
  "@radix-ui/react-slider": "^1.1.0",
47
47
  "class-variance-authority": "^0.4.0",
48
- "lexical": "0.8.1",
48
+ "lexical": "0.9.0",
49
49
  "prettier": "2.8.4",
50
50
  "use-debounce": "8.0.4"
51
51
  },
package/src/iconography/app.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type AppProps = SVGProps<SVGSVGElement>;
4
+
5
+ type AppRef = SVGSVGElement;
6
+
7
+ export const App = forwardRef<AppRef, AppProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
10
+ <path
11
+ d="M6.532 10.785a.48.48 0 0 1 .68 0l4.658 4.658a.48.48 0 0 1 0 .68l-2.175 2.176a3.775 3.775 0 0 1-5.339 0"
12
+ fill="#fff"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="m6.872 11.357-2.06 2.06a3.13 3.13 0 0 0 4.427 4.426l2.06-2.06-4.427-4.426Zm.34-.572a.48.48 0 0 0-.68 0L4.356 12.96A3.775 3.775 0 0 0 9.695 18.3l2.175-2.176a.48.48 0 0 0 0-.68l-4.658-4.658Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ d="m4.106 17.698.87.87L2.9 20.64c-.24.24-.629.24-.869 0M17.894 5.74l-.87-.869L19.1 2.797c.24-.24.629-.24.87 0M9.74 9.942c.241-.24.63-.24.87 0M11.864 12.052c.24-.24.63-.24.87 0"
22
+ fill="#528693"
23
+ />
24
+ <path
25
+ d="M15.558 12.545a.48.48 0 0 1-.68 0L10.22 7.887a.48.48 0 0 1 0-.68l2.175-2.176a3.775 3.775 0 0 1 5.339 0"
26
+ fill="#BFF6F8"
27
+ />
28
+ <path
29
+ fillRule="evenodd"
30
+ clipRule="evenodd"
31
+ d="m15.218 11.973 2.06-2.06a3.13 3.13 0 0 0-4.426-4.426l-2.06 2.06 4.426 4.426Zm-.34.572a.48.48 0 0 0 .68 0l2.176-2.175a3.775 3.775 0 0 0-5.339-5.339L10.22 7.207a.48.48 0 0 0 0 .68l4.659 4.658Z"
32
+ fill="#528693"
33
+ />
34
+ </svg>
35
+ );
36
+ });
37
+
38
+ App.displayName = 'AppIcon';
package/src/iconography/billing-payments.tsx ADDED
@@ -0,0 +1,62 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type BillingPaymentsProps = SVGProps<SVGSVGElement>;
4
+
5
+ type BillingPaymentsRef = SVGSVGElement;
6
+
7
+ export const BillingPayments = forwardRef<BillingPaymentsRef, BillingPaymentsProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
10
+ <path
11
+ fill="#BFF6F8"
12
+ fillRule="evenodd"
13
+ d="M16.785 3.571v14.85a.057.057 0 0 1-.057.057h-.386a.63.63 0 0 1-.198-.032l-1.177-.392a1.657 1.657 0 0 0-1.047 0l-.991.33a.63.63 0 0 1-.398 0l-.99-.33a1.657 1.657 0 0 0-1.048 0l-1.265.422a.058.058 0 0 1-.018.002H5.305a.057.057 0 0 1-.057-.057V3.571c0-.031.025-.057.057-.057h.476a.63.63 0 0 1 .104.009l1.432.238c.18.03.364.03.545 0L9.2 3.538a.628.628 0 0 1 .206 0l1.338.223c.18.03.364.03.545 0l1.432-.238a.628.628 0 0 1 .103-.009h3.904c.032 0 .057.026.057.057Z"
14
+ clip-rule="evenodd"
15
+ />
16
+ <path
17
+ fill="#528693"
18
+ fillRule="evenodd"
19
+ d="m10.493 18.054.19.57-1.265.42a.657.657 0 0 1-.208.034H5.305a.657.657 0 0 1-.657-.657V3.571c0-.363.294-.657.657-.657h.476c.068 0 .136.006.202.017l1.433.238c.115.02.232.02.347 0l1.338-.223c.134-.022.27-.022.404 0l1.338.223c.115.02.232.02.347 0l1.433-.238a1.23 1.23 0 0 1 .202-.017h3.903c.363 0 .657.294.657.657v14.85a.657.657 0 0 1-.657.657h-.386c-.132 0-.263-.02-.388-.063l-1.177-.392a1.056 1.056 0 0 0-.668 0l-.19-.569c.34-.113.708-.113 1.048 0l1.177.392a.626.626 0 0 0 .198.032h.386a.057.057 0 0 0 .057-.057V3.571a.057.057 0 0 0-.057-.057h-3.904a.627.627 0 0 0-.103.009l-1.432.238c-.18.03-.365.03-.545 0l-1.338-.223a.628.628 0 0 0-.206 0l-1.338.223c-.18.03-.365.03-.545 0l-1.432-.238a.628.628 0 0 0-.104-.009h-.476a.057.057 0 0 0-.057.057v14.85c0 .032.025.057.057.057H9.21a.056.056 0 0 0 .018-.003l1.265-.421Zm2.436.33a.628.628 0 0 1-.398 0l-.99-.33a1.657 1.657 0 0 0-1.048 0l.19.57c.216-.073.45-.073.668 0l.99.33c.253.084.525.084.777 0l.991-.33-.19-.57-.99.33Z"
20
+ clip-rule="evenodd"
21
+ />
22
+ <path
23
+ fill="#fff"
24
+ fillRule="evenodd"
25
+ d="M9.873 7.227a1.428 1.428 0 0 1-2.853 0 1.428 1.428 0 0 1 2.853 0Z"
26
+ clip-rule="evenodd"
27
+ />
28
+ <path
29
+ fill="#528693"
30
+ fillRule="evenodd"
31
+ d="M10.373 7.227v.02a1.928 1.928 0 0 1-3.853 0v-.039a1.928 1.928 0 0 1 3.853 0v.02ZM8.447 8.6c.77 0 1.398-.609 1.427-1.372a1.428 1.428 0 0 0-2.853 0c.03.763.657 1.372 1.426 1.372Z"
32
+ clip-rule="evenodd"
33
+ />
34
+ <path
35
+ fill="#fff"
36
+ fillRule="evenodd"
37
+ d="M7.022 12.51c.028.21.207.373.425.373h7.71a.428.428 0 0 0 .425-.372.428.428 0 0 0-.425-.372h-7.71a.428.428 0 0 0-.425.372Z"
38
+ clip-rule="evenodd"
39
+ />
40
+ <path
41
+ fill="#528693"
42
+ fillRule="evenodd"
43
+ d="m6.518 12.51.008-.064a.928.928 0 0 1 .92-.807h7.711c.472 0 .861.351.92.807l.01.065-.01.065a.928.928 0 0 1-.92.807h-7.71a.928.928 0 0 1-.92-.807l-.01-.065Zm.504 0c.028.21.207.373.425.373h7.71a.428.428 0 0 0 .425-.372.428.428 0 0 0-.425-.372h-7.71a.428.428 0 0 0-.425.372Z"
44
+ clip-rule="evenodd"
45
+ />
46
+ <path
47
+ fill="#fff"
48
+ fillRule="evenodd"
49
+ d="M11.591 14.795c.028.21.207.373.425.373h3.141a.428.428 0 0 0 .425-.373.428.428 0 0 0-.425-.372h-3.141a.428.428 0 0 0-.425.372Z"
50
+ clip-rule="evenodd"
51
+ />
52
+ <path
53
+ fill="#528693"
54
+ fillRule="evenodd"
55
+ d="m11.087 14.795.008-.065a.928.928 0 0 1 .92-.807h3.142c.472 0 .86.352.92.807l.01.065-.01.065a.929.929 0 0 1-.92.808h-3.141a.929.929 0 0 1-.92-.808l-.01-.065Zm.504 0c.028.21.207.373.425.373h3.141a.428.428 0 0 0 .425-.373.428.428 0 0 0-.425-.372h-3.141a.428.428 0 0 0-.425.372Z"
56
+ clip-rule="evenodd"
57
+ />
58
+ </svg>
59
+ );
60
+ });
61
+
62
+ BillingPayments.displayName = 'BillingPaymentsIcon';
package/src/iconography/cloud-with-key-hole.tsx ADDED
@@ -0,0 +1,32 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type CloudWithKeyHoleProps = SVGProps<SVGSVGElement>;
4
+
5
+ type CloudWithKeyHoleRef = SVGSVGElement;
6
+
7
+ export const CloudWithKeyHole = forwardRef<CloudWithKeyHoleRef, CloudWithKeyHoleProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="16" height="16" viewBox="0 0 16 16" fill="none" {...delegated}>
10
+ <path
11
+ fillRule="evenodd"
12
+ clipRule="evenodd"
13
+ d="M3.32328 1.85821C2.33372 2.42954 1.99467 3.69488 2.56599 4.68444L4.48715 8.01198L8.07066 5.94304L6.1495 2.6155C5.57818 1.62594 4.31284 1.28689 3.32328 1.85821ZM3.69314 2.45527C3.01523 2.84666 2.78297 3.71349 3.17436 4.39139L4.5917 6.8463L7.0466 5.42896L5.62926 2.97405C5.23787 2.29615 4.37104 2.06388 3.69314 2.45527Z"
14
+ fill="#528693"
15
+ />
16
+ <path
17
+ d="M15.1197 10.7414L15.1195 10.7418C14.5193 11.8973 13.3026 12.0262 12.3362 12.0262C12.0645 12.0262 11.7928 12.0143 11.5358 12.0032L11.5069 12.0019L11.5063 12.0019L11.4685 12.0003C11.2605 11.9917 11.0673 11.9836 10.8828 11.9813C10.8828 11.9813 10.8827 11.9813 10.8826 11.9813L5.89575 11.9266C5.87369 11.9266 5.85168 11.9264 5.83087 11.9262L5.82962 11.9261C5.80755 11.9259 5.7867 11.9257 5.76585 11.9257C5.62467 11.9257 5.47619 11.9281 5.32041 11.9305L5.30635 11.9307L5.30611 11.9307C5.1359 11.9332 4.95726 11.9357 4.77487 11.9357C4.07255 11.9357 3.34599 11.8938 2.72802 11.6809C2.098 11.4639 1.5686 11.0639 1.29729 10.3548C0.984363 9.53772 1.15538 8.59242 1.75107 8.0012L1.75351 7.99879L1.75352 7.9988C2.17718 7.58896 2.74366 7.36115 3.33242 7.36416M15.1197 10.7414L14.7817 8.66754C14.4221 8.07267 13.8245 7.71755 13.1824 7.71755L13.1828 7.44973C13.1828 7.44973 13.1827 7.44973 13.1826 7.44973C13.1778 7.44972 13.1729 7.44973 13.1681 7.44976C13.4573 6.6847 13.2608 6.00141 13.0418 5.56332C12.5986 4.67468 11.6526 3.95613 10.6739 3.76263L10.6729 3.76245C10.4875 3.72647 10.299 3.70845 10.1102 3.70863M15.1197 10.7414C15.4774 10.0497 15.4298 9.22135 15.0109 8.529L15.1197 10.7414ZM3.33242 7.36416C3.56513 7.36437 3.79603 7.39931 4.01762 7.46741C3.84768 6.59092 4.26225 5.86733 4.80493 5.53999L4.80752 5.53843L4.80753 5.53845C5.1067 5.36256 5.44789 5.27149 5.79467 5.275C6.06436 5.27086 6.33194 5.32319 6.58031 5.42865C6.75985 5.50488 6.92647 5.60764 7.0748 5.73314C7.51346 4.54767 8.77249 3.70868 10.1102 3.70863M3.33242 7.36416C3.33263 7.36416 3.33284 7.36416 3.33306 7.36417L3.33161 7.63198L3.33178 7.36416C3.33199 7.36416 3.3322 7.36416 3.33242 7.36416ZM10.1102 3.70863C10.1101 3.70863 10.1101 3.70863 10.11 3.70863L10.1103 3.97646V3.70863C10.1102 3.70863 10.1102 3.70863 10.1102 3.70863ZM7.23424 5.90822C7.24554 5.91549 7.25589 5.92416 7.26504 5.93405C7.26606 5.93515 7.26707 5.93627 7.26805 5.9374C7.2732 5.94328 7.27788 5.94951 7.28208 5.95604C7.2832 5.95237 7.28433 5.94871 7.28547 5.94506L6.99715 5.97877M7.23424 5.90822C7.24784 5.9144 7.26076 5.92214 7.27272 5.93135L7.24148 5.9073L7.22728 5.90189L7.20464 5.89327C7.21198 5.89607 7.21908 5.89939 7.22588 5.9032C7.22872 5.90479 7.23151 5.90646 7.23424 5.90822ZM7.23424 5.90822C7.23112 5.90681 7.22797 5.90547 7.22478 5.90422C7.21772 5.90145 7.2105 5.89909 7.20316 5.89716C7.18637 5.89273 7.16894 5.89052 7.1513 5.89069L7.15209 5.97212L7.15265 6.02979L7.15273 6.03798L7.15276 6.04083L7.15284 6.04921L7.15285 6.0504M7.15285 6.0504L7.15162 6.05009M7.15285 6.0504L7.15285 6.0506M7.15285 6.0504L7.15471 6.05087L7.17646 6.05636L7.24897 6.07468L7.17637 6.05649L7.15501 6.05114L7.15285 6.0506M7.15162 6.05009L7.15158 6.04809L7.15144 6.04122L7.15139 6.03922L7.15127 6.03342L7.15003 5.97405L7.14828 5.89074C7.11749 5.89139 7.08744 5.8999 7.06096 5.91539C7.04936 5.92218 7.03863 5.93021 7.02892 5.93929C7.02293 5.94489 7.01733 5.9509 7.01216 5.95727M7.15162 6.05009L7.14551 6.04855L7.14221 6.04771L7.13775 6.04659L7.13536 6.04598L7.09131 6.03486L7.08628 6.03358L6.98936 6.0091C6.99184 5.99926 6.9952 5.98967 6.99938 5.98046C7.00303 5.97242 7.0073 5.96466 7.01216 5.95727M7.15162 6.05009L7.15163 6.05029M7.01216 5.95727C7.01665 5.95042 7.02165 5.94388 7.02713 5.9377L7.01008 5.95693L6.99715 5.97877M7.01216 5.95727C7.00665 5.96404 7.00164 5.97123 6.99715 5.97877M6.99715 5.97877C6.99713 5.97888 6.9971 5.97899 6.99707 5.97909C6.9944 5.98924 6.99178 5.99942 6.98923 6.00961L7.08599 6.03385L7.09226 6.03542L7.13493 6.04611L7.13791 6.04685L7.14203 6.04789L7.14544 6.04874L7.15163 6.05029M7.15163 6.05029L7.15285 6.0506M7.15163 6.05029L7.15206 6.0708L7.15206 6.07104L7.15241 6.08761L7.1539 6.15849L7.1532 6.08658L7.15307 6.07276L7.15305 6.07139L7.15285 6.0506"
18
+ fill="white"
19
+ stroke="#528693"
20
+ strokeWidth="0.535654"
21
+ />
22
+ <path
23
+ d="M10.1012 8.68008C10.3253 8.57817 10.4812 8.3523 10.4812 8.09002V7.75806C10.4812 7.2688 10.0846 6.87217 9.59532 6.87217H9.05806C8.5688 6.87217 8.17218 7.2688 8.17218 7.75806V8.09002C8.17218 8.3523 8.32803 8.57817 8.55218 8.68008V9.29339C8.55218 9.72113 8.89894 10.0679 9.32669 10.0679C9.75444 10.0679 10.1012 9.72113 10.1012 9.29339V8.68008Z"
24
+ fill="#DAF0ED"
25
+ stroke="#528693"
26
+ strokeWidth="0.535654"
27
+ />
28
+ </svg>
29
+ );
30
+ });
31
+
32
+ CloudWithKeyHole.displayName = 'CloudWithKeyHoleIcon';
package/src/iconography/cloud.tsx ADDED
@@ -0,0 +1,24 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type CloudProps = SVGProps<SVGSVGElement>;
4
+
5
+ type CloudRef = SVGSVGElement;
6
+
7
+ export const Cloud = forwardRef<CloudRef, CloudProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
10
+ <path
11
+ d="M15.3703 10.3495c-.4864 1.0088-1.473 1.1455-2.3741 1.1455-.2567 0-.5141-.0125-.7631-.0242-.2065-.0092-.4024-.0183-.5894-.0209l-4.6526-.055c-.0401 0-.081-.0008-.1226-.0008-.138 0-.2829.0025-.4324.005-.1588.0025-.3237.005-.4918.005-1.3019 0-2.5683-.1717-3.01-1.4157-.26-.7314-.1128-1.566.366-2.0778.3483-.3632.8141-.5649 1.298-.562.2632.0001.5236.0583.7654.1708a.1098.1098 0 0 0 .0397.04.0996.0996 0 0 0 .0528.0135.106.106 0 0 0 .0512-.0124.1154.1154 0 0 0 .0405-.036.1146.1146 0 0 0 .01-.0984c-.296-.9047.074-1.6442.5435-1.9493.2408-.1525.5156-.2312.7947-.2276.2177-.004.4338.0412.6344.133.2006.0918.3812.228.5301.3998a.1116.1116 0 0 0 .0228.0431.1008.1008 0 0 0 .038.0278.064.064 0 0 0 .0417.015.0772.0772 0 0 0 .0395-.012.0854.0854 0 0 0 .0291-.0313.1006.1006 0 0 0 .02-.041c.2798-1.203 1.4276-2.1084 2.6685-2.1084a2.318 2.318 0 0 1 .4772.0492c.8376.1784 1.655.8479 2.0334 1.6658.2012.4335.3707 1.1072.0393 1.8517a.0972.0972 0 0 0-.0077.0484.136.136 0 0 0 .0046.1125.0944.0944 0 0 0 .034.036.0845.0845 0 0 0 .0462.0123.122.122 0 0 0 .0162-.0007 1.5263 1.5263 0 0 1 .222-.0159c.5989 0 1.1562.3569 1.4915.9547.3493.6219.384 1.3548.0934 1.9603Z"
12
+ fill="#fff"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M11.3917 3.8908a2.0927 2.0927 0 0 0-.4337-.045c-1.1526 0-2.2078.8525-2.4612 1.9518v.0005a.4044.4044 0 0 1-.0635.142.3682.3682 0 0 1-.112.1124.3395.3395 0 0 1-.1747.0535l-.0031.0001a.3251.3251 0 0 1-.1783-.0515.3801.3801 0 0 1-.1083-.0881.4042.4042 0 0 1-.0507-.0754 1.3197 1.3197 0 0 0-.4204-.3097 1.2186 1.2186 0 0 0-.5347-.113H6.843c-.2336-.0031-.464.0631-.6665.1922-.3701.2436-.6983.862-.4398 1.6627.0198.058.0268.1201.0206.1813a.4197.4197 0 0 1-.06.178l-.0041.0067-.0045.0065a.3969.3969 0 0 1-.1388.1243.3675.3675 0 0 1-.1729.0435.3614.3614 0 0 1-.1868-.0496.3828.3828 0 0 1-.0707-.0531 1.577 1.577 0 0 0-.6209-.1285h-.0013c-.4204-.0025-.8264.174-1.1314.494-.4055.4387-.5433 1.1754-.3113 1.834.1915.5441.5562.8558 1.0429 1.0381.4996.1871 1.116.2323 1.7765.2323.1694 0 .3361-.0025.4983-.0051l.015-.0002c.147-.0025.2922-.005.431-.005.0226 0 .0449.0002.0655.0004.021.0003.0407.0005.0596.0005h.0031l4.7535.0567h.0004c.184.0025.3755.0112.5716.02l.0392.0018.0242.0012c.2478.0117.4964.0234.7434.0234.9184 0 1.7643-.1477 2.1819-1.0217.2513-.5287.2259-1.1784-.0869-1.7403-.2993-.5384-.7845-.8415-1.2887-.8415h-.0004a1.2916 1.2916 0 0 0-.1892.0137l-.004.0005-.0039.0005a.3822.3822 0 0 1-.045.0025.3465.3465 0 0 1-.1836-.051.3794.3794 0 0 1-.1369-.1463l-.0027-.0051a.4442.4442 0 0 1-.0475-.1833.4513.4513 0 0 1 .0113-.1205.4034.4034 0 0 1 .0324-.1243c.2909-.6593.146-1.2565-.0382-1.6571-.3497-.7624-1.1143-1.3938-1.8856-1.5598Zm-.4341-.6272a2.6066 2.6066 0 0 1 .5408.0563l.0009.0002c.94.202 1.8454.951 2.269 1.8747.208.4522.3945 1.1555.1264 1.9441.7157.0039 1.3652.4359 1.7493 1.1268.4008.72.4463 1.5811.1041 2.3006l-.0003.0005c-.5761 1.2058-1.7462 1.3399-2.6691 1.3399-.2595 0-.5188-.0123-.7635-.0238l-.0283-.0014-.0357-.0016c-.1985-.009-.3823-.0173-.5578-.0197l-4.7516-.0567a6.361 6.361 0 0 1-.0631-.0004c-.021-.0002-.0408-.0004-.0605-.0004-.1344 0-.2757.0024-.4242.0049l-.0133.0002a31.4585 31.4585 0 0 1-.5068.0052c-.6696 0-1.3653-.0434-1.9579-.2653-.6055-.2268-1.1135-.6448-1.3733-1.3829m8.4149-6.9012c-1.2761.0001-2.4734.8635-2.9009 2.082a1.8444 1.8444 0 0 0-.4535-.2983 1.7369 1.7369 0 0 0-.7576-.1611c-.3348-.0037-.6638.092-.9519.276l-.0026.0018c-.519.3404-.9122 1.0848-.7608 1.9849a2.085 2.085 0 0 0-.6307-.0987c-.5676-.0031-1.1125.2357-1.5192.6634l-.0025.0026c-.5716.6168-.7341 1.6-.4352 2.4486"
18
+ fill="#528693"
19
+ />
20
+ </svg>
21
+ );
22
+ });
23
+
24
+ Cloud.displayName = 'CloudIcon';
package/src/iconography/document.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type DocumentProps = SVGProps<SVGSVGElement>;
4
+
5
+ type DocumentRef = SVGSVGElement;
6
+
7
+ export const Document = forwardRef<DocumentRef, DocumentProps>((delegated, ref) => {
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" />
11
+ <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"
13
+ fill="#528693"
14
+ />
15
+ </svg>
16
+ );
17
+ });
18
+
19
+ Document.displayName = 'DocumentIcon';
package/src/iconography/folder.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type FolderProps = SVGProps<SVGSVGElement>;
4
+
5
+ type FolderRef = SVGSVGElement;
6
+
7
+ export const Folder = forwardRef<FolderRef, FolderProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" fill="none" {...delegated}>
10
+ <path
11
+ d="M29.451 12.006c0-4.26-1.3-3.498-3.767-3.498H14.26l-3.148-3.026H3.978c-2.285 0-2.199 1.236-2.199 3.829v16.218c0 2.037.2 3.037 2.174 3.037"
12
+ fill="#bff6f8"
13
+ />
14
+ <path
15
+ d="M30.31 24.858a53.13 53.13 0 0 0 1.844-8.704c.178-1.544.589-4.137-2.56-4.26-3.15-.124-17.992-.063-20.52-.063-2.528 0-3.149 1.73-3.399 3.768s-2.16 12.968-2.16 12.968 20.658 0 22.695-.062c2.037-.062 3.36-1.34 4.1-3.647Z"
16
+ fill="#bff6f8"
17
+ />
18
+ <path
19
+ d="M3.516 29.141a.581.581 0 0 1-.3-.1A1.978 1.978 0 0 1 1.5 27.855a5.648 5.648 0 0 1-.3-2.362V12.451c0-.5-.01-1.004-.02-1.511-.048-1.2-.027-2.401.06-3.598.211-2.26 1.805-2.444 3.559-2.444h3.724a17.764 17.764 0 0 1 2.477 0c.342.055.652.233.871.5l2.046 1.97c.062.058.133.137.208.223.106.13.224.248.353.354a.488.488 0 0 1 .162-.022h9.972a15.821 15.821 0 0 1 3.12.121 2.89 2.89 0 0 1 2.188 3.282c.65.05 1.276.273 1.811.647 1.413 1.065 1.159 2.959.955 4.48l-.03.216a46.22 46.22 0 0 1-1.835 8.253 5.346 5.346 0 0 1-2.951 3.819 6.528 6.528 0 0 1-2.133.357s-.212 0-.318-.008c-4.376.052-8.636.06-12.224.06l-9.678-.009Zm4.207-1.15c4.092 0 8.183-.005 12.274-.016h.38c1.588 0 3.176-.008 4.762-.024a9.645 9.645 0 0 0 1.676-.08c1.647-.311 2.44-1.778 2.999-3.172a48.96 48.96 0 0 0 1.8-8.72l.021-.185c.163-.77.12-1.57-.125-2.317-.413-.9-1.4-1-2.464-1.026-2.966-.072-6.159-.107-9.76-.107-3.368 0-6.735.03-10.094.066a2.44 2.44 0 0 0-2.556 1.547 9.554 9.554 0 0 0-.45 2.212 184.339 184.339 0 0 1-.617 3.822l-.125.742c-.407 2.42-.823 4.84-1.246 7.259h3.525Zm-3.66-21.93c-.786 0-1.315.114-1.531.682a5.51 5.51 0 0 0-.176 2.069c.008.22.016.435.016.639v15.547c0 .434-.006.868.016 1.3.044.825.239 1.273.679 1.51a820.157 820.157 0 0 0 1.656-9.732c.067-.413.117-.845.17-1.284.079-1.175.329-2.332.741-3.434.812-1.843 2.481-2.1 4.163-2.105h2.7c2.354-.006 4.709-.01 7.064-.011h1.784c1.975 0 3.951.007 5.927.032l1.386-.01h.286l-.006-.033c-.131-.769-.268-1.565-.9-1.9a3.324 3.324 0 0 0-1.498-.268c-.2 0-.4.007-.594.013-.178.005-.35.01-.514.012H16.504c-.182 0-.4.017-.628.034-.274.02-.57.043-.853.043-.4.027-.8-.055-1.155-.24A9.295 9.295 0 0 1 12.55 7.67a28.33 28.33 0 0 0-.533-.492 13.702 13.702 0 0 1-1.09-1.067l-.04-.044-6.825-.006Z"
20
+ fill="#528693"
21
+ />
22
+ <path
23
+ d="M31.61 12.13a3.713 3.713 0 0 0-1.91-.63 2.729 2.729 0 0 0-2-3.259 15.839 15.839 0 0 0-3.092-.12h-8.99c-.321 0-.644.005-.966 0-.262 0-.03.116-.193.042-.237-.107-.5-.478-.68-.654l-1.93-1.854c-.3-.289-.458-.5-.864-.56a17.461 17.461 0 0 0-2.463 0H4.798c-1.8 0-3.17.22-3.362 2.264-.157 1.674-.04 3.413-.04 5.097v12.64c-.089.903.008 1.814.285 2.678a1.899 1.899 0 0 0 1.64 1.1c.058.038.124.06.192.063 7.304 0 14.61.034 21.912-.053a6.325 6.325 0 0 0 2.367-.334 5.186 5.186 0 0 0 2.83-3.61.357.357 0 0 0 .007-.085 45.972 45.972 0 0 0 1.827-8.217c.198-1.484.54-3.463-.846-4.508ZM10.936 5.84c-.045-.023-.054-.045 0 0ZM2.187 26.31c-.031-.581-.016-1.167-.016-1.748V9.451c-.1-.93-.042-1.87.174-2.78.35-.922 1.416-.805 2.237-.805H10.962c.04.035.077.073.112.113.49.558 1.088 1.047 1.624 1.56.383.446.808.853 1.27 1.216.607.375 1.825.133 2.531.133 2.976 0 5.952.007 8.928 0a5.983 5.983 0 0 1 2.699.268c.8.423.9 1.446 1.055 2.314-.661-.023-1.328.01-1.914 0-1.975-.025-3.95-.03-5.925-.032-3.85 0-7.696.008-11.548.015-1.689 0-3.23.283-3.98 1.986a19.563 19.563 0 0 0-.9 4.67 793.307 793.307 0 0 1-1.695 9.978c-.715-.24-.982-.809-1.032-1.778ZM31.808 16a50.136 50.136 0 0 1-1.78 8.727.347.347 0 0 0-.03.045c-.599 1.493-1.444 2.973-3.155 3.299a9.703 9.703 0 0 1-1.699.082c-1.714.017-3.43.02-5.144.025-4.432.013-8.864.019-13.294.017H3.959c.436-2.497.865-4.996 1.289-7.497.253-1.514.517-3.025.731-4.544a9.83 9.83 0 0 1 .464-2.268 2.66 2.66 0 0 1 2.74-1.674c6.616-.07 13.25-.12 19.864.041 1.013.025 2.164.1 2.641 1.143.269.842.31 1.74.12 2.604Z"
24
+ fill="#528693"
25
+ />
26
+ </svg>
27
+ );
28
+ });
29
+
30
+ Folder.displayName = 'FolderIcon';
package/src/iconography/frontends.tsx ADDED
@@ -0,0 +1,49 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type FrontendsProps = SVGProps<SVGSVGElement>;
4
+
5
+ type FrontendsRef = SVGSVGElement;
6
+
7
+ export const Frontends = forwardRef<FrontendsRef, FrontendsProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
10
+ <path
11
+ d="M2.76 3.61a.5.5 0 0 1 .5-.5h15.707a.5.5 0 0 1 .5.5V14.2a.5.5 0 0 1-.5.5H3.26a.5.5 0 0 1-.5-.5V3.61Z"
12
+ fill="#fff"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M3.26 2.31h15.707a1.3 1.3 0 0 1 1.3 1.3V14.2a1.3 1.3 0 0 1-1.3 1.3H3.26a1.3 1.3 0 0 1-1.3-1.3V3.61a1.3 1.3 0 0 1 1.3-1.3Zm0 .8a.5.5 0 0 0-.5.5V14.2a.5.5 0 0 0 .5.5h15.707a.5.5 0 0 0 .5-.5V3.61a.5.5 0 0 0-.5-.5H3.26Z"
18
+ fill="#528693"
19
+ />
20
+ <path d="M8.997 15.497h4.233v1.507H8.997v-1.507Z" fill="#BFF6F8" />
21
+ <path
22
+ fillRule="evenodd"
23
+ clipRule="evenodd"
24
+ d="M8.197 14.697h5.833v3.107H8.197v-3.107Zm.8.8v1.507h4.233v-1.507H8.997Z"
25
+ fill="#528693"
26
+ />
27
+ <path d="M6.588 17.404c0-.22.179-.4.4-.4h8.314a.4.4 0 0 1 0 .8H6.988a.4.4 0 0 1-.4-.4Z" fill="#528693" />
28
+ <path
29
+ d="M20.548 7.125a.5.5 0 0 1 .5.5V18.7a.5.5 0 0 1-.5.5H14.53a.5.5 0 0 1-.5-.5V7.625a.5.5 0 0 1 .5-.5h6.018Z"
30
+ fill="#fff"
31
+ />
32
+ <path
33
+ fillRule="evenodd"
34
+ clipRule="evenodd"
35
+ d="M21.848 7.625V18.7a1.3 1.3 0 0 1-1.3 1.3H14.53a1.3 1.3 0 0 1-1.3-1.3V7.625a1.3 1.3 0 0 1 1.3-1.3h6.018a1.3 1.3 0 0 1 1.3 1.3Zm-.8 0a.5.5 0 0 0-.5-.5H14.53a.5.5 0 0 0-.5.5V18.7a.5.5 0 0 0 .5.5h6.018a.5.5 0 0 0 .5-.5V7.625Z"
36
+ fill="#528693"
37
+ />
38
+ <path d="M18.207 17.014a.668.668 0 1 1-1.336 0 .668.668 0 0 1 1.336 0Z" fill="#BFF6F8" />
39
+ <path
40
+ fillRule="evenodd"
41
+ clipRule="evenodd"
42
+ d="M18.707 17.014a1.168 1.168 0 1 1-2.336 0 1.168 1.168 0 0 1 2.336 0Zm-1.168.668a.668.668 0 1 0 0-1.336.668.668 0 0 0 0 1.336Z"
43
+ fill="#528693"
44
+ />
45
+ </svg>
46
+ );
47
+ });
48
+
49
+ Frontends.displayName = 'FrontendsIcon';
package/src/iconography/index.ts CHANGED
@@ -1,13 +1,20 @@
1
1
  import { Add } from './add';
2
+ import { App } from './app';
2
3
  import { Arrow } from './arrow';
3
4
  import { Atom } from './atom';
5
+ import { BillingPayments } from './billing-payments';
4
6
  import { Cancel } from './cancel';
5
7
  import { Catalogue } from './catalogue';
8
+ import { Cloud } from './cloud';
9
+ import { CloudWithKeyHole } from './cloud-with-key-hole';
6
10
  import { Copy } from './copy';
7
11
  import { Crystal } from './crystal';
8
12
  import { Customers } from './customers';
13
+ import { Document } from './document';
9
14
  import { Edit } from './edit';
10
15
  import { Error } from './error';
16
+ import { Folder } from './folder';
17
+ import { Frontends } from './frontends';
11
18
  import { Fulfilment } from './fulfilment';
12
19
  import { Glasses } from './glasses';
13
20
  import { GraphQL } from './graphQL';
@@ -17,29 +24,48 @@ import { Image } from './image';
17
24
  import { Info } from './info';
18
25
  import { Key } from './key';
19
26
  import { Language } from './language';
27
+ import { LockClosed } from './lock-closed';
28
+ import { Multilingual } from './multilingual';
20
29
  import { NailPolish } from './nail-polish';
21
30
  import { Order } from './order';
22
31
  import { Particle } from './particle';
32
+ import { People } from './people';
23
33
  import { Percentage } from './percentage';
34
+ import { PlansAndPricing } from './plans-and-pricing';
24
35
  import { PriceTag } from './price-tag';
25
- import { Subscription } from './subscription';
36
+ import { Product } from './product';
37
+ import { Rocket } from './rocket';
26
38
  import { Shapes } from './shapes';
39
+ import { StockLocation } from './stock-location';
40
+ import { Subscription } from './subscription';
41
+ import { SubscriptionContracts } from './subscription-contracts';
42
+ import { SubscriptionPlans } from './subscription-plans';
43
+ import { Target } from './target';
27
44
  import { Topics } from './topics';
28
45
  import { Usage } from './usage';
46
+ import { UsageMeter } from './usage-meter';
47
+ import { UserCard } from './user-card';
29
48
  import { Users } from './users';
30
49
  import { Warning } from './warning';
31
50
 
32
51
  export const Icon = {
33
52
  Add,
53
+ App,
34
54
  Arrow,
35
55
  Atom,
56
+ BillingPayments,
36
57
  Cancel,
37
58
  Catalogue,
38
59
  Copy,
60
+ Cloud,
61
+ CloudWithKeyHole,
39
62
  Crystal,
40
63
  Customers,
64
+ Document,
41
65
  Edit,
42
66
  Error,
67
+ Folder,
68
+ Frontends,
43
69
  Fulfilment,
44
70
  Glasses,
45
71
  GraphQL,
@@ -49,15 +75,30 @@ export const Icon = {
49
75
  Info,
50
76
  Key,
51
77
  Language,
78
+ LockClosed,
79
+ Multilingual,
52
80
  NailPolish,
53
81
  Order,
82
+ People,
54
83
  Particle,
55
84
  Percentage,
85
+ PlansAndPricing,
56
86
  PriceTag,
57
- Subscription,
87
+ Product,
88
+ Rocket,
58
89
  Shapes,
90
+ StockLocation,
91
+ SubscriptionContracts,
92
+ SubscriptionPlans,
93
+ /**
94
+ * @deprecated Use SubscriptionPlans icon instead
95
+ */
96
+ Subscription,
97
+ Target,
59
98
  Topics,
99
+ UsageMeter,
60
100
  Usage,
101
+ UserCard,
61
102
  Users,
62
103
  Warning,
63
104
  };
package/src/iconography/info.tsx CHANGED
@@ -19,7 +19,7 @@ export const Info = forwardRef<InfoRef, InfoProps>((delegated, ref) => {
19
19
  fill="#BFF6F8"
20
20
  />
21
21
  <path
22
- fill-rule="evenodd"
22
+ fillRule="evenodd"
23
23
  clip-rule="evenodd"
24
24
  d="M18.253 3.85212C18.253 5.04383 17.2869 6.00991 16.0952 6.00991C14.9035 6.00991 13.9374 5.04383 13.9374 3.85212C13.9374 2.66041 14.9035 1.69434 16.0952 1.69434C17.2869 1.69434 18.253 2.66041 18.253 3.85212ZM16.0952 5.34999C16.9224 5.34999 17.5931 4.67937 17.5931 3.85212C17.5931 3.02487 16.9224 2.35425 16.0952 2.35425C15.2679 2.35425 14.5973 3.02487 14.5973 3.85212C14.5973 4.67937 15.2679 5.34999 16.0952 5.34999Z"
25
25
  fill="#528693"
@@ -29,7 +29,7 @@ export const Info = forwardRef<InfoRef, InfoProps>((delegated, ref) => {
29
29
  fill="#BFF6F8"
30
30
  />
31
31
  <path
32
- fill-rule="evenodd"
32
+ fillRule="evenodd"
33
33
  clip-rule="evenodd"
34
34
  d="M11.2842 18.976L11.3049 18.9785C11.5112 19.0031 11.7201 18.9658 11.9049 18.8714C12.0891 18.7772 12.2409 18.6306 12.3411 18.4504C12.3471 18.4394 12.352 18.4277 12.3558 18.4158C12.3317 18.4124 12.3048 18.4091 12.2731 18.4053C12.0384 18.3881 11.8084 18.33 11.5936 18.2335C11.2334 18.0797 10.9456 17.7933 10.7906 17.433C10.6341 17.0694 10.6252 16.6594 10.7658 16.2894C10.9266 15.8663 11.1487 15.4689 11.4246 15.1101L11.6291 14.8181C11.6293 14.8178 11.629 14.8184 11.6291 14.8181C12.0038 14.2802 12.4092 13.763 12.8423 13.2707L12.9418 13.1535C12.9894 13.097 13.0361 13.0418 13.0821 12.9874C13.2314 12.8108 13.3734 12.6428 13.5141 12.4665L13.5237 12.4544L13.5339 12.4428C14.107 11.7899 14.5194 11.0128 14.7386 10.1733C14.8642 9.60674 14.7724 9.1134 14.5125 8.69961C14.2452 8.27422 13.7678 7.88337 13.0466 7.60647L13.0376 7.60304C12.2034 7.26882 11.3198 7.07373 10.4221 7.02572C10.2586 7.02444 10.0952 7.03841 9.93422 7.06745L9.91342 7.0712L9.89242 7.07362C9.77981 7.08656 9.67209 7.12639 9.57839 7.18964C9.48729 7.25113 9.41209 7.33296 9.35867 7.42842C9.35249 7.44171 9.33941 7.47402 9.32659 7.52286C9.31959 7.54951 9.31383 7.57671 9.30949 7.60325C9.36308 7.61115 9.41754 7.61364 9.47206 7.61055L9.51828 7.60793L9.63538 7.61773C9.79024 7.6263 9.94419 7.64682 10.0959 7.67913L10.1211 7.68451L10.1459 7.69185C10.6213 7.83272 11.1176 8.10198 11.3044 8.65041L11.3058 8.6547C11.4603 9.11879 11.309 9.5616 11.1547 9.87197C10.9947 10.194 10.7584 10.5161 10.546 10.7961C10.1932 11.2626 9.79323 11.726 9.4222 12.1559L9.4167 12.1622L9.30686 12.2896L9.29607 12.301C8.50411 13.1358 7.82119 14.0671 7.26353 15.0728C6.95101 15.7053 6.92585 16.2828 7.10297 16.7755C7.28379 17.2785 7.70442 17.772 8.42421 18.1631L8.42623 18.1642C9.29923 18.6426 10.2687 18.9197 11.2633 18.9749L11.2842 18.976ZM6.67909 14.7659C7.26511 13.7065 7.9836 12.7256 8.81732 11.8468L8.91693 11.7313C9.29243 11.2963 9.68044 10.8467 10.0199 10.3976C10.4486 9.83253 10.8215 9.28929 10.6797 8.86312C10.5968 8.6196 10.3605 8.44373 9.9584 8.32457C9.83715 8.29874 9.71404 8.28256 9.59022 8.27617L9.50938 8.26941C9.26232 8.2834 9.01575 8.23452 8.79281 8.12735C8.54248 7.93066 8.64731 7.36817 8.77404 7.12204C8.87835 6.92966 9.02762 6.76522 9.2092 6.64266C9.39077 6.5201 9.59929 6.44304 9.81707 6.41802C10.0235 6.38077 10.2331 6.36335 10.4429 6.36598C11.4176 6.41652 12.3773 6.6275 13.2831 6.9904C14.9259 7.62106 15.7097 8.86885 15.3801 10.3284C15.1357 11.2718 14.6733 12.1451 14.0299 12.8781C13.8828 13.0625 13.7326 13.2401 13.582 13.4182C13.5366 13.4719 13.4912 13.5256 13.4458 13.5795L13.3415 13.7024C12.9232 14.1775 12.5323 14.6759 12.1707 15.1952L11.9564 15.5012C11.7156 15.8119 11.5223 16.1565 11.3827 16.5237C11.303 16.7335 11.308 16.966 11.3968 17.1721C11.4855 17.3783 11.651 17.5421 11.8583 17.6289C12.0086 17.6973 12.1701 17.7377 12.335 17.748C12.5957 17.7793 12.8648 17.8126 12.9712 18.0603C13.0139 18.1752 13.0313 18.298 13.0223 18.4203C13.0133 18.5425 12.9781 18.6615 12.9191 18.769C12.7552 19.0647 12.5066 19.305 12.2052 19.459C11.9037 19.6131 11.563 19.6739 11.2267 19.6338C10.1339 19.5731 9.0685 19.2687 8.1091 18.743C6.45171 17.8422 5.90412 16.3181 6.67909 14.7659Z"
35
35
  fill="#528693"
package/src/iconography/lock-closed.tsx ADDED
@@ -0,0 +1,46 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type LockClosedProps = SVGProps<SVGSVGElement>;
4
+
5
+ type LockClosedRef = SVGSVGElement;
6
+
7
+ export const LockClosed = forwardRef<LockClosedRef, LockClosedProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
10
+ <path
11
+ d="M3.984 7.5c0-.5523.4477-1 1-1h8c.5523 0 1 .4477 1 1v6c0 .5523-.4477 1-1 1h-8c-.5523 0-1-.4477-1-1v-6Z"
12
+ fill="#BFF6F8"
13
+ />
14
+ <path
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M12.984 6.9h-8a.6.6 0 0 0-.6.6v6a.6.6 0 0 0 .6.6h8a.6.6 0 0 0 .6-.6v-6a.6.6 0 0 0-.6-.6Zm-8-.4c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h8c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-8Z"
18
+ fill="#528693"
19
+ />
20
+ <path
21
+ fillRule="evenodd"
22
+ clipRule="evenodd"
23
+ d="M9.5395 10.7958a1.1106 1.1106 0 0 0 .5556-.9625c0-.6136-.4974-1.111-1.111-1.111-.6137 0-1.1112.4974-1.1112 1.111 0 .4113.2234.7704.5555.9625V11.5a.5556.5556 0 0 0 1.1111 0v-.7042Z"
24
+ fill="#fff"
25
+ />
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M8.984 8.9222a.9111.9111 0 0 0-.4554 1.7005l.0998.0577V11.5a.3556.3556 0 1 0 .7111 0v-.8195l.0999-.0578a.9111.9111 0 0 0-.4554-1.7005Zm-1.3111.9111c0-.724.587-1.311 1.311-1.311.7242 0 1.3112.587 1.3112 1.311 0 .4431-.2198.8345-.5556 1.0717v.595a.7556.7556 0 1 1-1.511 0v-.5951a1.3096 1.3096 0 0 1-.5556-1.0716Z"
30
+ fill="#528693"
31
+ />
32
+ <path
33
+ d="M5.984 6.5c0-.0217.0003-2.2656.0008-2.2873.018-.7131.3318-1.3935.8779-1.8991C7.4253 1.7926 8.1883 1.5 8.984 1.5c.7956 0 1.5587.2927 2.1213.8136.5502.5094.8646 1.1963.8782 1.9154.0003.0162.0005 2.2547.0005 2.271h-.5761c0-.0163-.0002-2.2548-.0006-2.271-.0136-.5776-.2672-1.1288-.7094-1.5382-.4545-.4209-1.071-.6574-1.714-.6574-.6428 0-1.2593.2365-1.7139.6574-.438.4055-.692.9503-.7099 1.5219-.0007.0217 0 2.2656 0 2.2873H5.984Z"
34
+ fill="#fff"
35
+ />
36
+ <path
37
+ fillRule="evenodd"
38
+ clipRule="evenodd"
39
+ d="M5.584 6.9v-.4c0-.0152.0002-2.269.001-2.2974.0208-.8257.3842-1.6069 1.006-2.1825C7.2304 1.4279 8.0917 1.1 8.984 1.1c.8922 0 1.7535.3279 2.3931.92.6264.5801.9906 1.3688 1.0064 2.2014.0004.0213.0005 2.2672.0005 2.2786v.4h-1.3761l-.0003-2.3115-.0002-.2514v-.0988c-.0109-.4646-.2149-.9148-.5812-1.254-.3776-.3497-.896-.5509-1.4422-.5509-.5463 0-1.0646.2013-1.4422.5509-.3632.3363-.5675.7814-.5819 1.2409v.351L6.96 6.9H5.584Zm5.8239-.4c0-.0164-.0002-2.2548-.0006-2.271-.0135-.5776-.2672-1.1288-.7094-1.5382-.4545-.421-1.071-.6574-1.7139-.6574-.6428 0-1.2594.2365-1.714.6574-.438.4055-.692.9503-.7099 1.5219-.0005.016-.0002 1.2357 0 1.8873v.4H5.984a7505.9164 7505.9164 0 0 1 .0008-2.2873c.018-.7131.3319-1.3935.8779-1.8991C7.4253 1.7926 8.1883 1.5 8.984 1.5c.7957 0 1.5587.2927 2.1213.8136.5502.5094.8646 1.1963.8782 1.9154.0003.0119.0004 1.2224.0005 1.871v.4h-.5761Z"
40
+ fill="#528693"
41
+ />
42
+ </svg>
43
+ );
44
+ });
45
+
46
+ LockClosed.displayName = 'LockClosedIcon';
package/src/iconography/multilingual.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import { forwardRef, SVGProps } from 'react';
2
+
3
+ type MultilingualProps = SVGProps<SVGSVGElement>;
4
+
5
+ type MultilingualRef = SVGSVGElement;
6
+
7
+ export const Multilingual = forwardRef<MultilingualRef, MultilingualProps>((delegated, ref) => {
8
+ return (
9
+ <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" {...delegated}>
10
+ <path
11
+ d="M30.5976 16.5063C30.5976 22.7593 24.5125 27.8369 16.992 27.8369C15.3044 27.8426 13.6268 27.577 12.0234 27.0503C11.952 27.0265 11.8752 27.0241 11.8025 27.0433L5.1736 28.8175C5.10596 28.8354 5.03481 28.8352 4.96726 28.817C4.8997 28.7988 4.83811 28.7631 4.78864 28.7137C4.73916 28.6642 4.70354 28.6026 4.68532 28.535C4.66711 28.4675 4.66694 28.3963 4.68483 28.3287L5.99721 23.423C6.01325 23.3614 6.01408 23.2968 5.99962 23.2348C5.98517 23.1729 5.95587 23.1153 5.91425 23.0672C4.31448 21.2536 3.42138 18.9245 3.39844 16.5063C3.39844 10.2452 9.48757 5.16759 16.992 5.16759C24.4965 5.16759 30.5976 10.2452 30.5976 16.5063Z"
12
+ fill="#bff6f8"
13
+ />
14
+ <path
15
+ d="M30.0788 17.6827C29.8355 19.1578 29.2847 20.5653 28.4623 21.8139C27.64 23.0625 26.5643 24.1242 25.3051 24.9303C22.823 26.5558 19.918 27.4163 16.951 27.4051C15.4873 27.4097 14.0304 27.2061 12.6241 26.8004L12.3622 26.7214C12.2516 26.6814 12.1388 26.6481 12.0243 26.6215C11.7823 26.6191 11.5418 26.6608 11.3147 26.7444L10.2312 27.0373L8.06421 27.623L5.89723 28.2097L5.35448 28.3556L5.18756 28.4006C5.17204 28.4061 5.1551 28.4061 5.13958 28.4006C5.12437 28.394 5.11195 28.3823 5.10446 28.3676C5.09698 28.3528 5.0949 28.3358 5.0986 28.3197L5.21055 27.8999C5.6017 26.4452 5.99218 24.9889 6.382 23.5309C6.42538 23.3713 6.41769 23.2021 6.36001 23.0471C6.30518 22.92 6.22875 22.8034 6.13411 22.7023C6.02317 22.5674 5.91222 22.4314 5.80927 22.2895C5.59537 22.0116 5.40346 21.7158 5.21755 21.4169C4.85289 20.8119 4.55336 20.1699 4.32397 19.5018C3.81661 17.9497 3.71914 16.2928 4.04104 14.6919C4.36294 13.091 5.09325 11.6005 6.1611 10.3651C8.35449 7.87289 11.3774 6.2609 14.6691 5.82825C17.9548 5.31937 21.3168 5.89444 24.2466 7.46648C25.7034 8.20649 26.9747 9.26526 27.9661 10.5641C28.9574 11.863 29.6434 13.3686 29.9729 14.9689C30.1418 15.9755 30.3287 16.5032 30.5856 16.5062C30.7925 16.5162 31.0754 15.9415 30.8855 14.807C30.5415 13.0999 29.8235 11.4902 28.7831 10.0937C27.7427 8.69729 26.4057 7.54878 24.8683 6.73083C21.8707 5.07959 18.4283 4.41705 15.0319 4.83772C11.5245 5.19209 8.26109 6.79471 5.83626 9.35359C4.58424 10.7071 3.68694 12.3495 3.22448 14.1343C2.77278 16.0065 2.86396 17.9685 3.48736 19.7907C3.73717 20.5071 4.05971 21.196 4.44991 21.8467C4.64981 22.1686 4.85772 22.4874 5.09061 22.7923C5.20355 22.9472 5.3245 23.0981 5.44844 23.2471L5.5244 23.339V23.347L4.43991 27.3871L4.30498 27.8869C4.20395 28.1439 4.17897 28.4246 4.23301 28.6955C4.28122 28.8484 4.37045 28.9852 4.49099 29.0909C4.61154 29.1967 4.75878 29.2673 4.91669 29.2952C5.08104 29.3221 5.24952 29.3069 5.40646 29.2512L5.67133 29.1813L7.6614 28.6505L11.6595 27.582L11.9034 27.516L12.4032 27.673C12.7503 27.7743 13.1015 27.8635 13.4567 27.9408C17.2734 28.7656 21.2591 28.2062 24.7014 26.3626C26.2418 25.5246 27.598 24.3856 28.6895 23.0132C29.8845 21.5018 30.6559 19.6996 30.9244 17.7916C31.0374 16.0524 30.1918 16.1404 30.0788 17.6827Z"
16
+ fill="#528693"
17
+ />
18
+ <path
19
+ d="M5.13861 21.225C4.15137 19.5211 3.71269 17.5546 3.8822 15.5926C4.06884 13.6633 4.84617 11.8384 6.10815 10.3671C7.40438 8.89436 9.00803 7.72403 10.8059 6.93871C12.6149 6.1618 14.5535 5.73122 16.5212 5.66931C16.5838 5.66976 16.6459 5.65759 16.7036 5.63353C16.7614 5.60947 16.8137 5.57402 16.8575 5.52928C16.9013 5.48455 16.9356 5.43145 16.9584 5.37317C16.9812 5.31488 16.992 5.2526 16.9902 5.19004C16.9883 5.12748 16.9739 5.06593 16.9478 5.00906C16.9217 4.9522 16.8844 4.90118 16.8381 4.85906C16.7918 4.81693 16.7375 4.78457 16.6784 4.7639C16.6193 4.74323 16.5567 4.73468 16.4943 4.73875C14.4542 4.78872 12.4422 5.22559 10.5651 6.02614C8.57963 6.8682 6.81807 8.1619 5.42047 9.80437C4.14315 11.3274 3.31281 13.1746 3.0216 15.1409C2.7108 17.4061 3.19737 19.7089 4.39795 21.6548C4.67682 22.0896 5.3725 21.6258 5.13861 21.225Z"
20
+ fill="#528693"
21
+ />
22
+ <path
23
+ d="M29.6101 21.6668C30.7315 19.8193 31.2043 17.6504 30.9535 15.5037C30.6896 13.4243 29.8493 11.4602 28.5276 9.83341C27.1919 8.20648 25.4945 6.91407 23.5709 6.05918C21.6514 5.21908 19.5865 4.76109 17.4918 4.71082C17.4294 4.70673 17.3668 4.71526 17.3077 4.7359C17.2487 4.75653 17.1944 4.78885 17.1481 4.83092C17.1018 4.87299 17.0645 4.92395 17.0383 4.98077C17.0122 5.03758 16.9977 5.09908 16.9958 5.1616C16.9939 5.22412 17.0047 5.28638 17.0274 5.34467C17.0501 5.40295 17.0843 5.45606 17.128 5.50084C17.1716 5.54561 17.2239 5.58113 17.2816 5.60528C17.3393 5.62943 17.4013 5.6417 17.4638 5.64138C19.3885 5.69804 21.2859 6.11223 23.0592 6.8628C24.9123 7.6435 26.5528 8.85436 27.8449 10.3951C28.9933 11.7947 29.7429 13.478 30.0149 15.2678C30.3079 17.3291 29.9063 19.4293 28.8734 21.237C28.6405 21.6389 29.3362 22.1066 29.6101 21.6668Z"
24
+ fill="#528693"
25
+ />
26
+ <path
27
+ d="M15.0649 20.3634C15.2051 20.3177 15.3218 20.2188 15.3899 20.0879C15.4579 19.9571 15.4719 19.8048 15.4287 19.6637C15.1968 18.9411 14.913 18.2374 14.6781 17.5127C14.5241 17.037 14.3782 16.5592 14.2273 16.0814C14.0034 15.3587 13.7825 14.736 13.5536 14.0184C13.4357 13.6505 13.315 13.2841 13.1918 12.9189C13.0618 12.5361 13.0328 12.1822 12.609 12.0033C12.4383 11.9148 12.2407 11.8931 12.0549 11.9427C11.8691 11.9922 11.7085 12.1094 11.6045 12.2712C11.3876 12.771 11.2477 13.3217 11.0718 13.8385C10.4001 15.8155 9.79137 17.4368 9.04372 19.5927C9.01923 19.6636 9.00901 19.7386 9.01367 19.8135C9.01832 19.8883 9.03775 19.9615 9.07083 20.0287C9.10392 20.096 9.15 20.1561 9.20642 20.2055C9.26284 20.2548 9.32848 20.2925 9.39956 20.3164L9.49951 20.3494C9.57019 20.373 9.64484 20.3825 9.71918 20.3773C9.79353 20.372 9.86611 20.3522 9.93277 20.3188C9.99943 20.2855 10.0589 20.2394 10.1077 20.183C10.1565 20.1267 10.1937 20.0613 10.2172 19.9906C10.3581 19.5748 10.494 19.165 10.631 18.7521L13.8115 18.7282C13.9554 19.133 14.1113 19.5608 14.3052 20.0445C14.3585 20.1798 14.4614 20.2896 14.593 20.3513C14.7247 20.413 14.8749 20.422 15.0129 20.3764L15.0649 20.3634ZM11.0468 17.5117C11.1657 17.1619 11.2887 16.8021 11.4216 16.4272C11.7275 15.5586 11.9843 14.837 12.2512 13.9664C12.5171 14.76 12.787 15.5656 13.0708 16.4652C13.1918 16.851 13.3037 17.2089 13.4177 17.5647L11.0468 17.5117Z"
28
+ fill="#528693"
29
+ />
30
+ <path
31
+ d="M24.7824 12.9239C23.8978 12.9239 23.0382 12.9239 22.0886 12.9139L22.1086 12.1842C22.1112 12.1028 22.0973 12.0216 22.0677 11.9457C22.0382 11.8697 21.9936 11.8005 21.9367 11.7422C21.8798 11.6838 21.8116 11.6376 21.7364 11.6062C21.6612 11.5748 21.5804 11.559 21.4989 11.5595H21.4789C21.3213 11.56 21.17 11.6218 21.0571 11.7319C20.9442 11.842 20.8786 11.9917 20.8742 12.1493L20.8542 12.8939C19.9247 12.8739 19.3249 12.8489 18.3004 12.8639C18.1405 12.8666 17.9879 12.9319 17.8757 13.046C17.7635 13.1601 17.7007 13.3137 17.7007 13.4736V13.5136C17.7 13.5932 17.7152 13.6722 17.7454 13.7458C17.7755 13.8195 17.8201 13.8864 17.8763 13.9427C17.9326 13.999 17.9996 14.0435 18.0732 14.0737C18.1469 14.1038 18.2258 14.119 18.3054 14.1183L23.0032 14.1483C22.6715 15.3649 22.0008 16.4621 21.0691 17.3118H21.0591C20.7793 17.002 20.5094 16.6871 20.2645 16.3573C20.1745 16.2423 20.0846 16.1224 20.0046 15.9975C19.9846 15.9675 19.9646 15.9425 19.9446 15.9125C19.8602 15.7881 19.7318 15.7004 19.5853 15.667C19.4387 15.6336 19.285 15.6571 19.155 15.7326L19.105 15.7626C19.0343 15.8035 18.9727 15.8585 18.924 15.9241C18.8752 15.9898 18.8405 16.0647 18.8217 16.1442C18.803 16.2238 18.8008 16.3063 18.8151 16.3868C18.8294 16.4673 18.8601 16.544 18.9051 16.6122C18.9651 16.6971 19.0201 16.7871 19.0851 16.872C19.1139 16.9174 19.1456 16.9608 19.18 17.002C19.27 17.1269 19.3649 17.2519 19.4649 17.3718C19.6648 17.6167 19.8747 17.8516 20.1046 18.0865C19.5192 18.5204 18.8912 18.8938 18.2305 19.201C18.0989 19.2641 17.9948 19.373 17.9378 19.5073C17.8807 19.6416 17.8746 19.7921 17.9206 19.9306L17.9506 20.0206C18.0129 20.1654 18.1291 20.2803 18.2746 20.3409C18.4201 20.4016 18.5835 20.4032 18.7302 20.3454C19.3476 20.0762 19.934 19.7411 20.4794 19.3459C20.5744 19.2809 20.6643 19.2159 20.7493 19.146C20.8342 19.076 20.9292 19.011 21.0191 18.9361C21.2041 19.086 21.379 19.2309 21.5589 19.3609C21.6488 19.4308 21.7388 19.4958 21.8338 19.5608C21.8937 19.6008 21.9537 19.6457 22.0187 19.6807C22.1136 19.7457 22.2186 19.8057 22.3185 19.8606C22.3885 19.9006 22.4635 19.9406 22.5384 19.9806C22.6484 20.0356 22.7633 20.0905 22.8783 20.1455C23.0628 20.2308 23.2628 20.3108 23.478 20.3854C23.6245 20.4331 23.7838 20.4216 23.922 20.3534C24.0602 20.2853 24.1663 20.1658 24.2176 20.0206C24.2692 19.8795 24.266 19.7242 24.2087 19.5854C24.1513 19.4466 24.0439 19.3344 23.9078 19.2709C23.1936 18.9883 22.5211 18.6101 21.9087 18.1464C21.9687 18.0865 22.0337 18.0365 22.0886 17.9765C22.6101 17.4487 23.068 16.8617 23.453 16.2273C23.833 15.5983 24.0907 14.9031 24.2126 14.1783C24.2126 14.1783 24.2126 14.1783 24.2226 14.1783C24.4075 14.1783 24.5925 14.1783 24.7774 14.1783C24.9389 14.1778 25.0937 14.1134 25.2079 13.9991C25.3222 13.8849 25.3866 13.7301 25.3871 13.5686V13.5336C25.3884 13.4536 25.3737 13.3741 25.3439 13.2999C25.314 13.2256 25.2696 13.1581 25.2133 13.1013C25.1569 13.0445 25.0897 12.9995 25.0157 12.969C24.9417 12.9386 24.8624 12.9232 24.7824 12.9239Z"
32
+ fill="#528693"
33
+ />
34
+ </svg>
35
+ );
36
+ });
37
+
38
+ Multilingual.displayName = 'MultilingualIcon';