@livechat/design-system-icons 1.0.0-alpha.13 → 1.0.0-alpha.19

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 (12) hide show
  1. package/lib/react/material/AddReaction.tsx +18 -0
  2. package/lib/react/material/LockBlack.tsx +2 -2
  3. package/lib/react/material/VisibilityOn.tsx +1 -1
  4. package/lib/react/material/index.ts +1 -0
  5. package/package.json +2 -2
  6. package/react/material/AddReaction.js +25 -0
  7. package/react/material/LockBlack.js +2 -2
  8. package/react/material/VisibilityOn.js +1 -1
  9. package/react/material/index.js +8 -0
  10. package/svg/material/add_reaction.svg +3 -0
  11. package/svg/material/lock_black.svg +2 -2
  12. package/svg/material/visibility_on.svg +1 -1
package/lib/react/material/AddReaction.tsx ADDED
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { SVGProps } from 'react';
3
+
4
+ const SvgAddReaction = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ viewBox="0 0 24 24"
8
+ fill="none"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M12 12Zm0 10q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2q1.075 0 2.075.212 1 .213 1.925.613v2.25q-.875-.5-1.887-.788Q13.1 4 12 4 8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20q3.325 0 5.663-2.337Q20 15.325 20 12q0-.8-.163-1.55Q19.675 9.7 19.4 9h2.15q.225.725.338 1.462Q22 11.2 22 12q0 2.075-.788 3.9-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm3.5-11q.65 0 1.075-.425Q17 10.15 17 9.5q0-.65-.425-1.075Q16.15 8 15.5 8q-.65 0-1.075.425Q14 8.85 14 9.5q0 .65.425 1.075Q14.85 11 15.5 11Zm-7 0q.65 0 1.075-.425Q10 10.15 10 9.5q0-.65-.425-1.075Q9.15 8 8.5 8q-.65 0-1.075.425Q7 8.85 7 9.5q0 .65.425 1.075Q7.85 11 8.5 11Zm3.5 6.5q1.775 0 3.137-.975Q16.5 15.55 17.1 14H6.9q.6 1.55 1.963 2.525 1.362.975 3.137.975ZM20 7V5h-2V3h2V1h2v2h2v2h-2v2Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
17
+
18
+ export default SvgAddReaction;
package/lib/react/material/LockBlack.tsx CHANGED
@@ -3,13 +3,13 @@ import { SVGProps } from 'react';
3
3
 
4
4
  const SvgLockBlack = (props: SVGProps<SVGSVGElement>) => (
5
5
  <svg
6
- viewBox="0 0 24 24"
6
+ viewBox="0 0 16 16"
7
7
  fill="none"
8
8
  xmlns="http://www.w3.org/2000/svg"
9
9
  {...props}
10
10
  >
11
11
  <path
12
- d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9Z"
12
+ d="M12 5.333h-.667v-.666a3.335 3.335 0 0 0-6.666 0v.667H4c-.733 0-1.333.6-1.333 1.333V12c0 .733.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V6.667c0-.733-.6-1.333-1.333-1.333Zm-4 5.334c-.733 0-1.333-.6-1.333-1.333C6.667 8.6 7.267 8 8 8s1.333.6 1.333 1.334c0 .733-.6 1.333-1.333 1.333ZM6 5.334v-.667c0-1.107.893-2 2-2s2 .893 2 2v.667H6Z"
13
13
  fill="currentcolor"
14
14
  />
15
15
  </svg>
package/lib/react/material/VisibilityOn.tsx CHANGED
@@ -9,7 +9,7 @@ const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
9
9
  {...props}
10
10
  >
11
11
  <path
12
- d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z"
12
+ d="M12 6a9.77 9.77 0 0 1 8.82 5.5A9.77 9.77 0 0 1 12 17a9.77 9.77 0 0 1-8.82-5.5A9.77 9.77 0 0 1 12 6Zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5Zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7Z"
13
13
  fill="currentcolor"
14
14
  />
15
15
  </svg>
package/lib/react/material/index.ts CHANGED
@@ -2,6 +2,7 @@ export { default as AccountCircle } from './AccountCircle';
2
2
  export { default as Activities } from './Activities';
3
3
  export { default as Add } from './Add';
4
4
  export { default as AddCircle } from './AddCircle';
5
+ export { default as AddReaction } from './AddReaction';
5
6
  export { default as AddTemplate } from './AddTemplate';
6
7
  export { default as Adjust } from './Adjust';
7
8
  export { default as Android } from './Android';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-icons",
3
- "version": "1.0.0-alpha.13",
3
+ "version": "1.0.0-alpha.19",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -36,5 +36,5 @@
36
36
  "peerDependencies": {
37
37
  "react": ">= 16"
38
38
  },
39
- "gitHead": "237b3f62051854bea2d8e754690bebf77d6e657c"
39
+ "gitHead": "272ccf054c1ae242b1ff8c743b3aa1436fbf50dc"
40
40
  }
package/react/material/AddReaction.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
+
12
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
+
14
+ const SvgAddReaction = props => /*#__PURE__*/React.createElement("svg", {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ viewBox: "0 0 24 24",
17
+ fill: "none",
18
+ ...props
19
+ }, /*#__PURE__*/React.createElement("path", {
20
+ d: "M12 12Zm0 10q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2q1.075 0 2.075.212 1 .213 1.925.613v2.25q-.875-.5-1.887-.788Q13.1 4 12 4 8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20q3.325 0 5.663-2.337Q20 15.325 20 12q0-.8-.163-1.55Q19.675 9.7 19.4 9h2.15q.225.725.338 1.462Q22 11.2 22 12q0 2.075-.788 3.9-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm3.5-11q.65 0 1.075-.425Q17 10.15 17 9.5q0-.65-.425-1.075Q16.15 8 15.5 8q-.65 0-1.075.425Q14 8.85 14 9.5q0 .65.425 1.075Q14.85 11 15.5 11Zm-7 0q.65 0 1.075-.425Q10 10.15 10 9.5q0-.65-.425-1.075Q9.15 8 8.5 8q-.65 0-1.075.425Q7 8.85 7 9.5q0 .65.425 1.075Q7.85 11 8.5 11Zm3.5 6.5q1.775 0 3.137-.975Q16.5 15.55 17.1 14H6.9q.6 1.55 1.963 2.525 1.362.975 3.137.975ZM20 7V5h-2V3h2V1h2v2h2v2h-2v2Z",
21
+ fill: "currentcolor"
22
+ }));
23
+
24
+ var _default = SvgAddReaction;
25
+ exports.default = _default;
package/react/material/LockBlack.js CHANGED
@@ -12,12 +12,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
 
14
14
  const SvgLockBlack = props => /*#__PURE__*/React.createElement("svg", {
15
- viewBox: "0 0 24 24",
15
+ viewBox: "0 0 16 16",
16
16
  fill: "none",
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  ...props
19
19
  }, /*#__PURE__*/React.createElement("path", {
20
- d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9Z",
20
+ d: "M12 5.333h-.667v-.666a3.335 3.335 0 0 0-6.666 0v.667H4c-.733 0-1.333.6-1.333 1.333V12c0 .733.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V6.667c0-.733-.6-1.333-1.333-1.333Zm-4 5.334c-.733 0-1.333-.6-1.333-1.333C6.667 8.6 7.267 8 8 8s1.333.6 1.333 1.334c0 .733-.6 1.333-1.333 1.333ZM6 5.334v-.667c0-1.107.893-2 2-2s2 .893 2 2v.667H6Z",
21
21
  fill: "currentcolor"
22
22
  }));
23
23
 
package/react/material/VisibilityOn.js CHANGED
@@ -17,7 +17,7 @@ const SvgVisibilityOn = props => /*#__PURE__*/React.createElement("svg", {
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  ...props
19
19
  }, /*#__PURE__*/React.createElement("path", {
20
- d: "M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z",
20
+ d: "M12 6a9.77 9.77 0 0 1 8.82 5.5A9.77 9.77 0 0 1 12 17a9.77 9.77 0 0 1-8.82-5.5A9.77 9.77 0 0 1 12 6Zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5Zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7Z",
21
21
  fill: "currentcolor"
22
22
  }));
23
23
 
package/react/material/index.js CHANGED
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "AddCircle", {
27
27
  return _AddCircle.default;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "AddReaction", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _AddReaction.default;
34
+ }
35
+ });
30
36
  Object.defineProperty(exports, "AddTemplate", {
31
37
  enumerable: true,
32
38
  get: function () {
@@ -870,6 +876,8 @@ var _Add = _interopRequireDefault(require("./Add"));
870
876
 
871
877
  var _AddCircle = _interopRequireDefault(require("./AddCircle"));
872
878
 
879
+ var _AddReaction = _interopRequireDefault(require("./AddReaction"));
880
+
873
881
  var _AddTemplate = _interopRequireDefault(require("./AddTemplate"));
874
882
 
875
883
  var _Adjust = _interopRequireDefault(require("./Adjust"));
package/svg/material/add_reaction.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="none">
2
+ <path d="M12 12Zm0 10q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2q1.075 0 2.075.212 1 .213 1.925.613v2.25q-.875-.5-1.887-.788Q13.1 4 12 4 8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20q3.325 0 5.663-2.337Q20 15.325 20 12q0-.8-.163-1.55Q19.675 9.7 19.4 9h2.15q.225.725.338 1.462Q22 11.2 22 12q0 2.075-.788 3.9-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm3.5-11q.65 0 1.075-.425Q17 10.15 17 9.5q0-.65-.425-1.075Q16.15 8 15.5 8q-.65 0-1.075.425Q14 8.85 14 9.5q0 .65.425 1.075Q14.85 11 15.5 11Zm-7 0q.65 0 1.075-.425Q10 10.15 10 9.5q0-.65-.425-1.075Q9.15 8 8.5 8q-.65 0-1.075.425Q7 8.85 7 9.5q0 .65.425 1.075Q7.85 11 8.5 11Zm3.5 6.5q1.775 0 3.137-.975Q16.5 15.55 17.1 14H6.9q.6 1.55 1.963 2.525 1.362.975 3.137.975ZM20 7V5h-2V3h2V1h2v2h2v2h-2v2Z" fill="#424D57"/>
3
+ </svg>
package/svg/material/lock_black.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM9 8V6C9 4.34 10.34 3 12 3C13.66 3 15 4.34 15 6V8H9Z" fill="#424D57"/>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.0001 5.3335H11.3334V4.66683C11.3334 2.82683 9.84008 1.3335 8.00008 1.3335C6.16008 1.3335 4.66675 2.82683 4.66675 4.66683V5.3335H4.00008C3.26675 5.3335 2.66675 5.9335 2.66675 6.66683V12.0002C2.66675 12.7335 3.26675 13.3335 4.00008 13.3335H12.0001C12.7334 13.3335 13.3334 12.7335 13.3334 12.0002V6.66683C13.3334 5.9335 12.7334 5.3335 12.0001 5.3335ZM8.00008 10.6668C7.26675 10.6668 6.66675 10.0668 6.66675 9.3335C6.66675 8.60016 7.26675 8.00016 8.00008 8.00016C8.73341 8.00016 9.33341 8.60016 9.33341 9.3335C9.33341 10.0668 8.73341 10.6668 8.00008 10.6668ZM6.00008 5.3335V4.66683C6.00008 3.56016 6.89341 2.66683 8.00008 2.66683C9.10675 2.66683 10.0001 3.56016 10.0001 4.66683V5.3335H6.00008Z" fill="#424D57"/>
3
3
  </svg>
package/svg/material/visibility_on.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 16.5C9.24 16.5 7 14.26 7 11.5C7 8.74 9.24 6.5 12 6.5C14.76 6.5 17 8.74 17 11.5C17 14.26 14.76 16.5 12 16.5ZM12 8.5C10.34 8.5 9 9.84 9 11.5C9 13.16 10.34 14.5 12 14.5C13.66 14.5 15 13.16 15 11.5C15 9.84 13.66 8.5 12 8.5Z" fill="#424D57"/>
2
+ <path d="M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z" fill="#424D57" />
3
3
  </svg>