@leafygreen-ui/icon 11.12.2 → 11.12.3

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 (49) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Drag.js +2 -0
  3. package/dist/Drag.js.map +1 -0
  4. package/dist/Edit.js +1 -1
  5. package/dist/Edit.js.map +1 -1
  6. package/dist/Read.js +2 -0
  7. package/dist/Read.js.map +1 -0
  8. package/dist/Resize.js +2 -0
  9. package/dist/Resize.js.map +1 -0
  10. package/dist/Write.js +2 -0
  11. package/dist/Write.js.map +1 -0
  12. package/dist/esm/Drag.js +2 -0
  13. package/dist/esm/Drag.js.map +1 -0
  14. package/dist/esm/Edit.js +1 -1
  15. package/dist/esm/Edit.js.map +1 -1
  16. package/dist/esm/Read.js +2 -0
  17. package/dist/esm/Read.js.map +1 -0
  18. package/dist/esm/Resize.js +2 -0
  19. package/dist/esm/Resize.js.map +1 -0
  20. package/dist/esm/Write.js +2 -0
  21. package/dist/esm/Write.js.map +1 -0
  22. package/dist/esm/index.js +1 -1
  23. package/dist/esm/index.js.map +1 -1
  24. package/dist/generated/Drag.d.ts +17 -0
  25. package/dist/generated/Drag.d.ts.map +1 -0
  26. package/dist/generated/Edit.d.ts.map +1 -1
  27. package/dist/generated/Read.d.ts +17 -0
  28. package/dist/generated/Read.d.ts.map +1 -0
  29. package/dist/generated/Resize.d.ts +17 -0
  30. package/dist/generated/Resize.d.ts.map +1 -0
  31. package/dist/generated/Write.d.ts +17 -0
  32. package/dist/generated/Write.d.ts.map +1 -0
  33. package/dist/glyphs/index.d.ts +17 -1
  34. package/dist/glyphs/index.d.ts.map +1 -1
  35. package/dist/index.js +1 -1
  36. package/dist/index.js.map +1 -1
  37. package/package.json +1 -1
  38. package/src/generated/Drag.tsx +87 -0
  39. package/src/generated/Edit.tsx +5 -14
  40. package/src/generated/Read.tsx +79 -0
  41. package/src/generated/Resize.tsx +75 -0
  42. package/src/generated/Write.tsx +79 -0
  43. package/src/glyphs/Drag.svg +8 -0
  44. package/src/glyphs/Edit.svg +1 -8
  45. package/src/glyphs/Read.svg +6 -0
  46. package/src/glyphs/Resize.svg +4 -0
  47. package/src/glyphs/Write.svg +6 -0
  48. package/src/glyphs/index.ts +8 -0
  49. package/tsconfig.tsbuildinfo +1 -1
@@ -0,0 +1,87 @@
1
+ /**
2
+ * This is a generated file. Do not modify it manually.
3
+ *
4
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
+ * @checksum 8dc0787dba6887c6be766b1d2caea6db
6
+ */
7
+ import { css, cx } from '@leafygreen-ui/emotion';
8
+ import PropTypes from 'prop-types';
9
+ import * as React from 'react';
10
+
11
+ import { generateAccessibleProps, sizeMap } from '../glyphCommon';
12
+ import { LGGlyph } from '../types';
13
+ export interface DragProps extends LGGlyph.ComponentProps {}
14
+
15
+ const Drag = ({
16
+ className,
17
+ size = 16,
18
+ title,
19
+ ['aria-label']: ariaLabel,
20
+ ['aria-labelledby']: ariaLabelledby,
21
+ fill,
22
+ role = 'img',
23
+ ...props
24
+ }: DragProps) => {
25
+ const fillStyle = css`
26
+ color: ${fill};
27
+ `;
28
+ const noFlexShrink = css`
29
+ flex-shrink: 0;
30
+ `;
31
+ const accessibleProps = generateAccessibleProps(role, 'Drag', {
32
+ title,
33
+ ['aria-label']: ariaLabel,
34
+ ['aria-labelledby']: ariaLabelledby,
35
+ });
36
+ return (
37
+ <svg
38
+ className={cx(
39
+ {
40
+ [fillStyle]: fill != null,
41
+ },
42
+ noFlexShrink,
43
+ className,
44
+ )}
45
+ height={typeof size === 'number' ? size : sizeMap[size]}
46
+ width={typeof size === 'number' ? size : sizeMap[size]}
47
+ role={role}
48
+ {...accessibleProps}
49
+ {...props}
50
+ viewBox="0 0 16 16"
51
+ >
52
+ <path
53
+ d="M4 4C4 4.55228 3.55228 5 3 5C2.44772 5 2 4.55228 2 4C2 3.44772 2.44772 3 3 3C3.55228 3 4 3.44772 4 4Z"
54
+ fill={'currentColor'}
55
+ />
56
+ <path
57
+ d="M8 4C8 4.55228 7.5523 5 7 5C6.44772 5 6 4.55228 6 4C6 3.44772 6.44772 3 7 3C7.5523 3 8 3.44772 8 4Z"
58
+ fill={'currentColor'}
59
+ />
60
+ <path
61
+ d="M4 8C4 8.55228 3.55228 9 3 9C2.44772 9 2 8.55228 2 8C2 7.44772 2.44772 7 3 7C3.55228 7 4 7.44772 4 8Z"
62
+ fill={'currentColor'}
63
+ />
64
+ <path
65
+ d="M4 12C4 12.5523 3.55228 13 3 13C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11C3.55228 11 4 11.4477 4 12Z"
66
+ fill={'currentColor'}
67
+ />
68
+ <path
69
+ d="M8 8C8 8.55228 7.5523 9 7 9C6.44772 9 6 8.55228 6 8C6 7.44772 6.44772 7 7 7C7.5523 7 8 7.44772 8 8Z"
70
+ fill={'currentColor'}
71
+ />
72
+ <path
73
+ d="M8 12C8 12.5523 7.5523 13 7 13C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11C7.5523 11 8 11.4477 8 12Z"
74
+ fill={'currentColor'}
75
+ />
76
+ </svg>
77
+ );
78
+ };
79
+
80
+ Drag.displayName = 'Drag';
81
+ Drag.isGlyph = true;
82
+ Drag.propTypes = {
83
+ fill: PropTypes.string,
84
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
85
+ className: PropTypes.string,
86
+ };
87
+ export default Drag;
@@ -2,7 +2,7 @@
2
2
  * This is a generated file. Do not modify it manually.
3
3
  *
4
4
  * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
- * @checksum 86d51a883af799941238bf566e9ff67f
5
+ * @checksum 68abf027b3df897c5c921f094d81cb32
6
6
  */
7
7
  import { css, cx } from '@leafygreen-ui/emotion';
8
8
  import PropTypes from 'prop-types';
@@ -49,19 +49,10 @@ const Edit = ({
49
49
  {...props}
50
50
  viewBox="0 0 16 16"
51
51
  >
52
- <g clipPath="url(#clip0)">
53
- <path
54
- fillRule="evenodd"
55
- clipRule="evenodd"
56
- d="M11.922 1.68126C12.2982 1.30501 12.9082 1.30501 13.2845 1.68126L14.647 3.04377C15.0233 3.42002 15.0233 4.03003 14.647 4.40628L13.2845 5.76879L10.5595 3.04377L9.53759 4.06566L12.2626 6.79068L5.10942 13.9439L1.36251 14.9657L2.3844 11.2188L11.922 1.68126Z"
57
- fill={'currentColor'}
58
- />
59
- </g>
60
- <defs>
61
- <clipPath id="clip0">
62
- <rect width={16} height={16} fill={'currentColor'} />
63
- </clipPath>
64
- </defs>
52
+ <path
53
+ d="M10.9219 0.681233C11.2981 0.304986 11.9082 0.304986 12.2844 0.681233L13.6469 2.04375C14.0232 2.41999 14.0232 3.03001 13.6469 3.40626L12.2844 4.76877L9.55939 2.04375L8.5375 3.06563L11.2625 5.79066L4.10934 12.9438L0.362427 13.9657L1.38431 10.2188L10.9219 0.681233Z"
54
+ fill={'currentColor'}
55
+ />
65
56
  </svg>
66
57
  );
67
58
  };
@@ -0,0 +1,79 @@
1
+ /**
2
+ * This is a generated file. Do not modify it manually.
3
+ *
4
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
+ * @checksum 61784e79f19c5ee12b3b620f2eb1b0c9
6
+ */
7
+ import { css, cx } from '@leafygreen-ui/emotion';
8
+ import PropTypes from 'prop-types';
9
+ import * as React from 'react';
10
+
11
+ import { generateAccessibleProps, sizeMap } from '../glyphCommon';
12
+ import { LGGlyph } from '../types';
13
+ export interface ReadProps extends LGGlyph.ComponentProps {}
14
+
15
+ const Read = ({
16
+ className,
17
+ size = 16,
18
+ title,
19
+ ['aria-label']: ariaLabel,
20
+ ['aria-labelledby']: ariaLabelledby,
21
+ fill,
22
+ role = 'img',
23
+ ...props
24
+ }: ReadProps) => {
25
+ const fillStyle = css`
26
+ color: ${fill};
27
+ `;
28
+ const noFlexShrink = css`
29
+ flex-shrink: 0;
30
+ `;
31
+ const accessibleProps = generateAccessibleProps(role, 'Read', {
32
+ title,
33
+ ['aria-label']: ariaLabel,
34
+ ['aria-labelledby']: ariaLabelledby,
35
+ });
36
+ return (
37
+ <svg
38
+ className={cx(
39
+ {
40
+ [fillStyle]: fill != null,
41
+ },
42
+ noFlexShrink,
43
+ className,
44
+ )}
45
+ height={typeof size === 'number' ? size : sizeMap[size]}
46
+ width={typeof size === 'number' ? size : sizeMap[size]}
47
+ role={role}
48
+ {...accessibleProps}
49
+ {...props}
50
+ viewBox="0 0 16 16"
51
+ >
52
+ <path
53
+ d="M10.0114 8.76202L10.0114 4.18542H8.62052C8.04714 4.18542 7.78167 3.54027 8.21511 3.20017L10.8446 1.13695C11.0773 0.95435 11.4227 0.954351 11.6554 1.13695L14.2849 3.20017C14.7183 3.54027 14.4529 4.18542 13.8795 4.18542H12.5703L12.5703 8.76202C12.5703 9.47823 11.9975 10.0588 11.2909 10.0588C10.5843 10.0588 10.0114 9.47823 10.0114 8.76202Z"
54
+ fill={'currentColor'}
55
+ />
56
+ <path
57
+ d="M8.82311 9.15837C8.00915 9.34791 7.14575 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22932 2.74517 8.7953C2.2802 8.61118 1.84763 8.38034 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.90824 11.2435 10.0917 11.1584 10.2574 11.068C9.50707 10.722 8.9553 10.0108 8.82311 9.15837Z"
58
+ fill={'currentColor'}
59
+ />
60
+ <path
61
+ d="M6.7872 3.47867C6.64989 3.47328 6.51234 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83327 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C7.14312 8.61764 8.00522 8.5169 8.79268 8.3191L8.79268 5.42072H8.62052C7.8543 5.42072 7.19331 4.97118 6.91542 4.29584C6.80845 4.03589 6.76513 3.75542 6.7872 3.47867Z"
62
+ fill={'currentColor'}
63
+ />
64
+ <path
65
+ d="M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z"
66
+ fill={'currentColor'}
67
+ />
68
+ </svg>
69
+ );
70
+ };
71
+
72
+ Read.displayName = 'Read';
73
+ Read.isGlyph = true;
74
+ Read.propTypes = {
75
+ fill: PropTypes.string,
76
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
77
+ className: PropTypes.string,
78
+ };
79
+ export default Read;
@@ -0,0 +1,75 @@
1
+ /**
2
+ * This is a generated file. Do not modify it manually.
3
+ *
4
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
+ * @checksum 7bc8c168b14a6c4d5547ab1326669809
6
+ */
7
+ import { css, cx } from '@leafygreen-ui/emotion';
8
+ import PropTypes from 'prop-types';
9
+ import * as React from 'react';
10
+
11
+ import { generateAccessibleProps, sizeMap } from '../glyphCommon';
12
+ import { LGGlyph } from '../types';
13
+ export interface ResizeProps extends LGGlyph.ComponentProps {}
14
+
15
+ const Resize = ({
16
+ className,
17
+ size = 16,
18
+ title,
19
+ ['aria-label']: ariaLabel,
20
+ ['aria-labelledby']: ariaLabelledby,
21
+ fill,
22
+ role = 'img',
23
+ ...props
24
+ }: ResizeProps) => {
25
+ const fillStyle = css`
26
+ color: ${fill};
27
+ `;
28
+ const noFlexShrink = css`
29
+ flex-shrink: 0;
30
+ `;
31
+ const accessibleProps = generateAccessibleProps(role, 'Resize', {
32
+ title,
33
+ ['aria-label']: ariaLabel,
34
+ ['aria-labelledby']: ariaLabelledby,
35
+ });
36
+ return (
37
+ <svg
38
+ className={cx(
39
+ {
40
+ [fillStyle]: fill != null,
41
+ },
42
+ noFlexShrink,
43
+ className,
44
+ )}
45
+ height={typeof size === 'number' ? size : sizeMap[size]}
46
+ width={typeof size === 'number' ? size : sizeMap[size]}
47
+ role={role}
48
+ {...accessibleProps}
49
+ {...props}
50
+ viewBox="0 0 16 16"
51
+ >
52
+ <path
53
+ fillRule="evenodd"
54
+ clipRule="evenodd"
55
+ d="M14.7706 5.71967C15.0631 6.01256 15.0631 6.48744 14.7706 6.78033L6.77898 14.7803C6.4864 15.0732 6.01202 15.0732 5.71944 14.7803C5.42685 14.4874 5.42685 14.0126 5.71944 13.7197L13.711 5.71967C14.0036 5.42678 14.478 5.42678 14.7706 5.71967Z"
56
+ fill={'currentColor'}
57
+ />
58
+ <path
59
+ fillRule="evenodd"
60
+ clipRule="evenodd"
61
+ d="M14.7806 10.2197C15.0731 10.5126 15.0731 10.9874 14.7806 11.2803L11.2842 14.7803C10.9917 15.0732 10.5173 15.0732 10.2247 14.7803C9.93212 14.4874 9.93212 14.0126 10.2247 13.7197L13.721 10.2197C14.0136 9.92678 14.488 9.92678 14.7806 10.2197Z"
62
+ fill={'currentColor'}
63
+ />
64
+ </svg>
65
+ );
66
+ };
67
+
68
+ Resize.displayName = 'Resize';
69
+ Resize.isGlyph = true;
70
+ Resize.propTypes = {
71
+ fill: PropTypes.string,
72
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
73
+ className: PropTypes.string,
74
+ };
75
+ export default Resize;
@@ -0,0 +1,79 @@
1
+ /**
2
+ * This is a generated file. Do not modify it manually.
3
+ *
4
+ * @script ./node_modules/.bin/ts-node packages/icon/scripts/build.ts
5
+ * @checksum 29b30e342823dcfea8378b861142806e
6
+ */
7
+ import { css, cx } from '@leafygreen-ui/emotion';
8
+ import PropTypes from 'prop-types';
9
+ import * as React from 'react';
10
+
11
+ import { generateAccessibleProps, sizeMap } from '../glyphCommon';
12
+ import { LGGlyph } from '../types';
13
+ export interface WriteProps extends LGGlyph.ComponentProps {}
14
+
15
+ const Write = ({
16
+ className,
17
+ size = 16,
18
+ title,
19
+ ['aria-label']: ariaLabel,
20
+ ['aria-labelledby']: ariaLabelledby,
21
+ fill,
22
+ role = 'img',
23
+ ...props
24
+ }: WriteProps) => {
25
+ const fillStyle = css`
26
+ color: ${fill};
27
+ `;
28
+ const noFlexShrink = css`
29
+ flex-shrink: 0;
30
+ `;
31
+ const accessibleProps = generateAccessibleProps(role, 'Write', {
32
+ title,
33
+ ['aria-label']: ariaLabel,
34
+ ['aria-labelledby']: ariaLabelledby,
35
+ });
36
+ return (
37
+ <svg
38
+ className={cx(
39
+ {
40
+ [fillStyle]: fill != null,
41
+ },
42
+ noFlexShrink,
43
+ className,
44
+ )}
45
+ height={typeof size === 'number' ? size : sizeMap[size]}
46
+ width={typeof size === 'number' ? size : sizeMap[size]}
47
+ role={role}
48
+ {...accessibleProps}
49
+ {...props}
50
+ viewBox="0 0 16 16"
51
+ >
52
+ <path
53
+ d="M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z"
54
+ fill={'currentColor'}
55
+ />
56
+ <path
57
+ d="M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z"
58
+ fill={'currentColor'}
59
+ />
60
+ <path
61
+ d="M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z"
62
+ fill={'currentColor'}
63
+ />
64
+ <path
65
+ d="M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z"
66
+ fill={'currentColor'}
67
+ />
68
+ </svg>
69
+ );
70
+ };
71
+
72
+ Write.displayName = 'Write';
73
+ Write.isGlyph = true;
74
+ Write.propTypes = {
75
+ fill: PropTypes.string,
76
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
77
+ className: PropTypes.string,
78
+ };
79
+ export default Write;
@@ -0,0 +1,8 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4 4C4 4.55228 3.55228 5 3 5C2.44772 5 2 4.55228 2 4C2 3.44772 2.44772 3 3 3C3.55228 3 4 3.44772 4 4Z" fill="#000"/>
3
+ <path d="M8 4C8 4.55228 7.5523 5 7 5C6.44772 5 6 4.55228 6 4C6 3.44772 6.44772 3 7 3C7.5523 3 8 3.44772 8 4Z" fill="#000"/>
4
+ <path d="M4 8C4 8.55228 3.55228 9 3 9C2.44772 9 2 8.55228 2 8C2 7.44772 2.44772 7 3 7C3.55228 7 4 7.44772 4 8Z" fill="#000"/>
5
+ <path d="M4 12C4 12.5523 3.55228 13 3 13C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11C3.55228 11 4 11.4477 4 12Z" fill="#000"/>
6
+ <path d="M8 8C8 8.55228 7.5523 9 7 9C6.44772 9 6 8.55228 6 8C6 7.44772 6.44772 7 7 7C7.5523 7 8 7.44772 8 8Z" fill="#000"/>
7
+ <path d="M8 12C8 12.5523 7.5523 13 7 13C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11C7.5523 11 8 11.4477 8 12Z" fill="#000"/>
8
+ </svg>
@@ -1,10 +1,3 @@
1
1
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0)">
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M11.922 1.68126C12.2982 1.30501 12.9082 1.30501 13.2845 1.68126L14.647 3.04377C15.0233 3.42002 15.0233 4.03003 14.647 4.40628L13.2845 5.76879L10.5595 3.04377L9.53759 4.06566L12.2626 6.79068L5.10942 13.9439L1.36251 14.9657L2.3844 11.2188L11.922 1.68126Z" fill="#000000"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0">
7
- <rect width="16" height="16" fill="#000000"/>
8
- </clipPath>
9
- </defs>
2
+ <path d="M10.9219 0.681233C11.2981 0.304986 11.9082 0.304986 12.2844 0.681233L13.6469 2.04375C14.0232 2.41999 14.0232 3.03001 13.6469 3.40626L12.2844 4.76877L9.55939 2.04375L8.5375 3.06563L11.2625 5.79066L4.10934 12.9438L0.362427 13.9657L1.38431 10.2188L10.9219 0.681233Z" fill="#000"/>
10
3
  </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.0114 8.76202L10.0114 4.18542H8.62052C8.04714 4.18542 7.78167 3.54027 8.21511 3.20017L10.8446 1.13695C11.0773 0.95435 11.4227 0.954351 11.6554 1.13695L14.2849 3.20017C14.7183 3.54027 14.4529 4.18542 13.8795 4.18542H12.5703L12.5703 8.76202C12.5703 9.47823 11.9975 10.0588 11.2909 10.0588C10.5843 10.0588 10.0114 9.47823 10.0114 8.76202Z" fill="#000"/>
3
+ <path d="M8.82311 9.15837C8.00915 9.34791 7.14575 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22932 2.74517 8.7953C2.2802 8.61118 1.84763 8.38034 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.90824 11.2435 10.0917 11.1584 10.2574 11.068C9.50707 10.722 8.9553 10.0108 8.82311 9.15837Z" fill="#000"/>
4
+ <path d="M6.7872 3.47867C6.64989 3.47328 6.51234 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83327 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C7.14312 8.61764 8.00522 8.5169 8.79268 8.3191L8.79268 5.42072H8.62052C7.8543 5.42072 7.19331 4.97118 6.91542 4.29584C6.80845 4.03589 6.76513 3.75542 6.7872 3.47867Z" fill="#000"/>
5
+ <path d="M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z" fill="#000"/>
6
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7706 5.71967C15.0631 6.01256 15.0631 6.48744 14.7706 6.78033L6.77898 14.7803C6.4864 15.0732 6.01202 15.0732 5.71944 14.7803C5.42685 14.4874 5.42685 14.0126 5.71944 13.7197L13.711 5.71967C14.0036 5.42678 14.478 5.42678 14.7706 5.71967Z" fill="#000"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7806 10.2197C15.0731 10.5126 15.0731 10.9874 14.7806 11.2803L11.2842 14.7803C10.9917 15.0732 10.5173 15.0732 10.2247 14.7803C9.93212 14.4874 9.93212 14.0126 10.2247 13.7197L13.721 10.2197C14.0136 9.92678 14.488 9.92678 14.7806 10.2197Z" fill="#000"/>
4
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.71094 3.74943C7.98779 3.5624 7.17765 3.47059 6.375 3.47059C3.97108 3.47059 1.5 4.29411 1.5 6.03268C1.5 6.10964 1.50071 6.18476 1.50212 6.25809C1.50071 6.28953 1.5 6.32115 1.5 6.35294V6.55882C1.5 6.82855 1.62059 7.08757 1.88365 7.34157C2.15143 7.60013 2.54848 7.83326 3.04084 8.02823C4.02449 8.41774 5.29298 8.61764 6.375 8.61764C6.64212 8.61764 6.9206 8.60546 7.20335 8.58125C6.75934 8.06173 6.67036 7.35853 6.91542 6.76298C7.19331 6.08765 7.8543 5.63811 8.62053 5.63811H8.71094V3.74943Z" fill="#000"/>
3
+ <path d="M8.06766 9.30516C7.49049 9.39617 6.91039 9.44117 6.375 9.44117C5.21336 9.44117 3.84123 9.22931 2.74517 8.7953C2.2802 8.61117 1.84763 8.38033 1.5 8.09498V9.85294C1.5 10.1227 1.62059 10.3817 1.88365 10.6357C2.15143 10.8943 2.54848 11.1274 3.04084 11.3223C4.02449 11.7119 5.29298 11.9118 6.375 11.9118C7.45702 11.9118 8.72551 11.7119 9.70916 11.3223C9.92835 11.2356 10.1286 11.1412 10.3071 11.0404C10.2351 10.9984 10.1654 10.9511 10.0985 10.8987L8.06766 9.30516Z" fill="#000"/>
4
+ <path d="M11.25 11.3891C10.9024 11.6745 10.4698 11.9053 10.0048 12.0894C8.90877 12.5234 7.53664 12.7353 6.375 12.7353C5.21336 12.7353 3.84123 12.5234 2.74517 12.0894C2.2802 11.9053 1.84763 11.6745 1.5 11.3891V12.1177C1.5 12.1458 1.50056 12.1738 1.50166 12.2017C1.50056 12.2794 1.5 12.3581 1.5 12.4379C1.5 14.1765 3.97108 15 6.375 15C8.77892 15 11.25 14.1765 11.25 12.4379C11.25 12.3616 11.2493 12.2862 11.2479 12.2117C11.2493 12.1805 11.25 12.1492 11.25 12.1177V11.3891Z" fill="#000"/>
5
+ <path d="M12.4886 2.29681V6.87341H13.8795C14.4529 6.87341 14.7183 7.51856 14.2849 7.85866L11.6554 9.92188C11.4227 10.1045 11.0773 10.1045 10.8446 9.92188L8.21511 7.85866C7.78167 7.51856 8.04714 6.87341 8.62053 6.87341H9.92969V2.29681C9.92969 1.5806 10.5025 1 11.2091 1C11.9157 1 12.4886 1.5806 12.4886 2.29681Z" fill="#000"/>
6
+ </svg>
@@ -43,6 +43,7 @@ import Diagram2 from './Diagram2.svg';
43
43
  import Diagram3 from './Diagram3.svg';
44
44
  import Disconnect from './Disconnect.svg';
45
45
  import Download from './Download.svg';
46
+ import Drag from './Drag.svg';
46
47
  import Edit from './Edit.svg';
47
48
  import Ellipsis from './Ellipsis.svg';
48
49
  import Email from './Email.svg';
@@ -79,10 +80,12 @@ import Play from './Play.svg';
79
80
  import Plus from './Plus.svg';
80
81
  import PlusWithCircle from './PlusWithCircle.svg';
81
82
  import QuestionMarkWithCircle from './QuestionMarkWithCircle.svg';
83
+ import Read from './Read.svg';
82
84
  import Redo from './Redo.svg';
83
85
  import Refresh from './Refresh.svg';
84
86
  import Relationship from './Relationship.svg';
85
87
  import ReplicaSet from './ReplicaSet.svg';
88
+ import Resize from './Resize.svg';
86
89
  import Save from './Save.svg';
87
90
  import Serverless from './Serverless.svg';
88
91
  import Settings from './Settings.svg';
@@ -109,6 +112,7 @@ import VerticalEllipsis from './VerticalEllipsis.svg';
109
112
  import Visibility from './Visibility.svg';
110
113
  import VisibilityOff from './VisibilityOff.svg';
111
114
  import Warning from './Warning.svg';
115
+ import Write from './Write.svg';
112
116
  import X from './X.svg';
113
117
  import XWithCircle from './XWithCircle.svg';
114
118
 
@@ -154,6 +158,7 @@ const _glyphs = {
154
158
  Diagram3,
155
159
  Disconnect,
156
160
  Download,
161
+ Drag,
157
162
  Edit,
158
163
  Ellipsis,
159
164
  Email,
@@ -190,10 +195,12 @@ const _glyphs = {
190
195
  Plus,
191
196
  PlusWithCircle,
192
197
  QuestionMarkWithCircle,
198
+ Read,
193
199
  Redo,
194
200
  Refresh,
195
201
  Relationship,
196
202
  ReplicaSet,
203
+ Resize,
197
204
  Save,
198
205
  Serverless,
199
206
  ShardedCluster,
@@ -220,6 +227,7 @@ const _glyphs = {
220
227
  Visibility,
221
228
  VisibilityOff,
222
229
  Warning,
230
+ Write,
223
231
  X,
224
232
  XWithCircle,
225
233
  } as const;