@wireapp/react-ui-kit 9.17.9 → 9.18.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 (188) hide show
  1. package/lib/Form/Button.js +1 -15
  2. package/lib/Form/Button.styles.js +157 -110
  3. package/lib/Form/ButtonLink.d.ts.map +1 -1
  4. package/lib/Form/ButtonLink.js +5 -16
  5. package/lib/Form/Checkbox.js +75 -45
  6. package/lib/Form/CodeInput.js +17 -6
  7. package/lib/Form/DropFileInput.js +5 -14
  8. package/lib/Form/ErrorMessage.js +8 -19
  9. package/lib/Form/Form.d.ts.map +1 -1
  10. package/lib/Form/Form.js +2 -2
  11. package/lib/Form/IndicatorRangeInput.js +6 -19
  12. package/lib/Form/IndicatorRangeInput.styles.js +36 -6
  13. package/lib/Form/Input.js +21 -18
  14. package/lib/Form/InputBlock.d.ts +1 -1
  15. package/lib/Form/InputBlock.d.ts.map +1 -1
  16. package/lib/Form/InputBlock.js +1 -1
  17. package/lib/Form/InputLabel.js +6 -20
  18. package/lib/Form/InputSubmitCombo.js +22 -25
  19. package/lib/Form/RangeInput.d.ts +0 -1
  20. package/lib/Form/RangeInput.d.ts.map +1 -1
  21. package/lib/Form/RangeInput.js +2 -14
  22. package/lib/Form/RangeInput.styles.js +26 -14
  23. package/lib/Form/RoundIconButton.js +14 -16
  24. package/lib/Form/Select.d.ts.map +1 -1
  25. package/lib/Form/Select.js +9 -16
  26. package/lib/Form/SelectComponents.d.ts.map +1 -1
  27. package/lib/Form/SelectComponents.js +21 -35
  28. package/lib/Form/SelectStyles.js +164 -82
  29. package/lib/Form/TextArea.js +11 -4
  30. package/lib/Form/Tooltip.js +2 -14
  31. package/lib/GlobalStyle.d.ts +0 -1
  32. package/lib/GlobalStyle.d.ts.map +1 -1
  33. package/lib/GlobalStyle.js +17 -3
  34. package/lib/Icon/AddPeopleIcon.js +1 -15
  35. package/lib/Icon/ArchiveIcon.js +1 -1
  36. package/lib/Icon/ArrowDown.js +1 -15
  37. package/lib/Icon/ArrowIcon.js +1 -15
  38. package/lib/Icon/AttachmentIcon.js +1 -1
  39. package/lib/Icon/AudioVideoIcon.js +1 -1
  40. package/lib/Icon/BlockIcon.js +1 -1
  41. package/lib/Icon/Brand/AndroidIcon.js +1 -1
  42. package/lib/Icon/Brand/AppleIcon.js +1 -1
  43. package/lib/Icon/Brand/ChromeIcon.js +1 -1
  44. package/lib/Icon/Brand/FacebookIcon.js +1 -1
  45. package/lib/Icon/Brand/GitHubIcon.js +1 -1
  46. package/lib/Icon/Brand/LinkedInIcon.js +1 -1
  47. package/lib/Icon/Brand/LinuxIcon.js +1 -1
  48. package/lib/Icon/Brand/MicrosoftIcon.js +1 -1
  49. package/lib/Icon/Brand/TwitterIcon.js +1 -1
  50. package/lib/Icon/CallIcon.js +1 -1
  51. package/lib/Icon/CamIcon.js +1 -1
  52. package/lib/Icon/CameraIcon.js +1 -15
  53. package/lib/Icon/CertificateExpired.js +1 -1
  54. package/lib/Icon/CertificateRevoked.js +1 -1
  55. package/lib/Icon/CheckIcon.js +1 -1
  56. package/lib/Icon/CheckRoundIcon.js +1 -1
  57. package/lib/Icon/ChevronIcon.js +1 -15
  58. package/lib/Icon/CircleCloseIcon.js +1 -1
  59. package/lib/Icon/CloseIcon.js +1 -1
  60. package/lib/Icon/CopyIcon.js +1 -1
  61. package/lib/Icon/DeviceIcon.js +1 -1
  62. package/lib/Icon/DownloadIcon.js +1 -1
  63. package/lib/Icon/EditDocumentIcon.js +1 -15
  64. package/lib/Icon/EditIcon.js +1 -1
  65. package/lib/Icon/EnterIcon.js +1 -1
  66. package/lib/Icon/ErrorIcon.js +1 -1
  67. package/lib/Icon/ExpiresSoon.js +1 -1
  68. package/lib/Icon/FileIcon.js +1 -1
  69. package/lib/Icon/GifIcon.js +1 -1
  70. package/lib/Icon/GridIcon.js +1 -15
  71. package/lib/Icon/GroupIcon.js +1 -1
  72. package/lib/Icon/HangupIcon.js +1 -1
  73. package/lib/Icon/HideIcon.js +1 -1
  74. package/lib/Icon/ImageIcon.js +1 -1
  75. package/lib/Icon/InfoIcon.js +1 -1
  76. package/lib/Icon/InviteIcon.js +1 -1
  77. package/lib/Icon/LeaveIcon.js +1 -1
  78. package/lib/Icon/LinkIcon.js +1 -15
  79. package/lib/Icon/ListIcon.js +1 -1
  80. package/lib/Icon/LockIcon.js +1 -1
  81. package/lib/Icon/MLSVerified.js +1 -1
  82. package/lib/Icon/MessageIcon.js +1 -1
  83. package/lib/Icon/MinusIcon.js +1 -1
  84. package/lib/Icon/MoreIcon.js +1 -1
  85. package/lib/Icon/MuteIcon.js +1 -1
  86. package/lib/Icon/NotificationIcon.js +1 -1
  87. package/lib/Icon/NotificationOffIcon.js +1 -1
  88. package/lib/Icon/OptionsIcon.js +1 -1
  89. package/lib/Icon/OutlineCheck.d.ts +3 -0
  90. package/lib/Icon/OutlineCheck.d.ts.map +1 -0
  91. package/lib/Icon/OutlineCheck.js +25 -0
  92. package/lib/Icon/PeopleIcon.js +1 -15
  93. package/lib/Icon/PingIcon.js +1 -1
  94. package/lib/Icon/PlaneIcon.js +1 -1
  95. package/lib/Icon/PlusIcon.js +1 -1
  96. package/lib/Icon/ProfileIcon.js +1 -1
  97. package/lib/Icon/ProteusVerified.js +1 -1
  98. package/lib/Icon/RecordBoldIcon.js +4 -18
  99. package/lib/Icon/RecordIcon.js +1 -1
  100. package/lib/Icon/RecordPendingIcon.js +1 -1
  101. package/lib/Icon/ReloadIcon.js +1 -1
  102. package/lib/Icon/SVGIcon.js +2 -14
  103. package/lib/Icon/ScreenshareIcon.js +1 -1
  104. package/lib/Icon/SearchIcon.js +1 -1
  105. package/lib/Icon/ServicesIcon.js +1 -1
  106. package/lib/Icon/SettingsIcon.js +1 -1
  107. package/lib/Icon/ShowIcon.js +1 -1
  108. package/lib/Icon/SignIcon.js +1 -1
  109. package/lib/Icon/SpeakerIcon.js +1 -1
  110. package/lib/Icon/StarIcon.js +1 -1
  111. package/lib/Icon/SupportIcon.js +1 -1
  112. package/lib/Icon/TeamIcon.js +1 -1
  113. package/lib/Icon/TimedIcon.js +1 -1
  114. package/lib/Icon/TrashCrossIcon.js +1 -1
  115. package/lib/Icon/TrashIcon.js +1 -1
  116. package/lib/Icon/TriangleIcon.js +1 -15
  117. package/lib/Icon/UploadIcon.js +1 -1
  118. package/lib/Icon/VerificationShieldIcon.js +1 -4
  119. package/lib/Icon/WireIcon.js +1 -1
  120. package/lib/Icon/index.d.ts +1 -0
  121. package/lib/Icon/index.d.ts.map +1 -1
  122. package/lib/Icon/index.js +1 -0
  123. package/lib/Identity/Animation.js +62 -88
  124. package/lib/Identity/Avatar.js +2 -2
  125. package/lib/Identity/AvatarGrid.js +4 -16
  126. package/lib/Identity/Logo.js +1 -15
  127. package/lib/Identity/colors-v2.js +25 -3
  128. package/lib/Identity/colors.js +11 -2
  129. package/lib/Layout/Box.d.ts +1 -1
  130. package/lib/Layout/Box.d.ts.map +1 -1
  131. package/lib/Layout/Box.js +1 -1
  132. package/lib/Layout/Column.d.ts +1 -1
  133. package/lib/Layout/Column.d.ts.map +1 -1
  134. package/lib/Layout/Column.js +2 -2
  135. package/lib/Layout/Container.js +6 -20
  136. package/lib/Layout/Content.d.ts +1 -1
  137. package/lib/Layout/Content.d.ts.map +1 -1
  138. package/lib/Layout/Content.js +1 -1
  139. package/lib/Layout/FlexBox.js +1 -1
  140. package/lib/Layout/Footer.d.ts.map +1 -1
  141. package/lib/Layout/Footer.js +1 -1
  142. package/lib/Layout/Header.d.ts +1 -1
  143. package/lib/Layout/Header.d.ts.map +1 -1
  144. package/lib/Layout/Header.js +1 -1
  145. package/lib/Layout/MatchMedia.js +8 -8
  146. package/lib/Layout/Spacer.js +1 -2
  147. package/lib/Layout/StyledApp.js +2 -16
  148. package/lib/Layout/headerMenu/HeaderMenu.js +2 -14
  149. package/lib/Layout/headerMenu/HeaderSubMenu.d.ts +1 -1
  150. package/lib/Layout/headerMenu/HeaderSubMenu.d.ts.map +1 -1
  151. package/lib/Layout/headerMenu/HeaderSubMenu.js +4 -16
  152. package/lib/Layout/headerMenu/MenuContent.js +14 -2
  153. package/lib/Layout/headerMenu/MenuItems.js +1 -1
  154. package/lib/Layout/headerMenu/MenuLink.js +28 -35
  155. package/lib/Layout/headerMenu/MenuOpenButton.js +1 -1
  156. package/lib/Layout/headerMenu/MenuScrollableItems.js +1 -1
  157. package/lib/Layout/headerMenu/MenuSubLink.js +15 -5
  158. package/lib/Menu/MenuModal.d.ts.map +1 -1
  159. package/lib/Menu/MenuModal.js +28 -35
  160. package/lib/Menu/TabBar.d.ts +1 -1
  161. package/lib/Menu/TabBar.d.ts.map +1 -1
  162. package/lib/Menu/TabBar.js +13 -22
  163. package/lib/Misc/ButtonGroup.js +38 -35
  164. package/lib/Misc/IconButton.js +63 -50
  165. package/lib/Misc/IsInViewport.js +2 -14
  166. package/lib/Misc/Loading.js +3 -15
  167. package/lib/Misc/Pagination.js +2 -14
  168. package/lib/Misc/Pill.js +1 -1
  169. package/lib/Misc/childrenWithDefaultProps.d.ts.map +1 -1
  170. package/lib/Misc/childrenWithDefaultProps.js +1 -1
  171. package/lib/Modal/Modal.js +11 -22
  172. package/lib/Modal/Overlay.d.ts +2 -2
  173. package/lib/Modal/Overlay.d.ts.map +1 -1
  174. package/lib/Modal/Overlay.js +5 -19
  175. package/lib/Text/Heading.js +49 -45
  176. package/lib/Text/Label.d.ts.map +1 -1
  177. package/lib/Text/Label.js +13 -23
  178. package/lib/Text/Line.js +1 -1
  179. package/lib/Text/Link.js +26 -31
  180. package/lib/Text/Paragraph.js +15 -23
  181. package/lib/Text/Text.js +6 -6
  182. package/lib/Text/TextLink.d.ts.map +1 -1
  183. package/lib/Text/TextLink.js +4 -16
  184. package/lib/Text/Title.js +5 -16
  185. package/lib/Theme/Theme.js +1 -1
  186. package/lib/mediaQueries.js +1 -1
  187. package/lib/util.js +1 -1
  188. package/package.json +3 -3
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.PeopleIcon = void 0;
15
4
  const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -32,8 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
32
21
  *
33
22
  */
34
23
  const SVGIcon_1 = require("./SVGIcon");
35
- const PeopleIcon = (_a) => {
36
- var props = __rest(_a, []);
37
- return ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 14, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.6 10h.4a3 3 0 0 1 3 3v1.27a14.93 14.93 0 0 1-14 0V13a3 3 0 0 1 3-3h.4a6.97 6.97 0 0 0 7.2 0zM7 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" }) })));
38
- };
24
+ const PeopleIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.6 10h.4a3 3 0 0 1 3 3v1.27a14.93 14.93 0 0 1-14 0V13a3 3 0 0 1 3-3h.4a6.97 6.97 0 0 0 7.2 0zM7 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" }) }));
39
25
  exports.PeopleIcon = PeopleIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const PingIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.95 4.27a1.02 1.02 0 0 0 1.96-.52l-.8-3a1.02 1.02 0 1 0-1.96.53l.8 3zm4.1 7.46a1.02 1.02 0 0 0-1.96.52l.8 3a1.02 1.02 0 1 0 1.96-.53l-.8-3zM3.75 7.9a1.02 1.02 0 0 0 .52-1.96l-2.99-.8A1.02 1.02 0 1 0 .75 7.1l3 .8zm8.5.18a1.02 1.02 0 1 0-.52 1.96l2.99.8a1.02 1.02 0 0 0 .53-1.96l-3-.8zM5.8 11.64a1.02 1.02 0 1 0-1.44-1.44l-2.2 2.2a1.02 1.02 0 1 0 1.45 1.43l2.19-2.19zm4.4-7.28a1.02 1.02 0 1 0 1.44 1.44l2.2-2.2a1.02 1.02 0 0 0-1.45-1.43L10.2 4.36z" }) })));
24
+ const PingIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M5.95 4.27a1.02 1.02 0 0 0 1.96-.52l-.8-3a1.02 1.02 0 1 0-1.96.53l.8 3zm4.1 7.46a1.02 1.02 0 0 0-1.96.52l.8 3a1.02 1.02 0 1 0 1.96-.53l-.8-3zM3.75 7.9a1.02 1.02 0 0 0 .52-1.96l-2.99-.8A1.02 1.02 0 1 0 .75 7.1l3 .8zm8.5.18a1.02 1.02 0 1 0-.52 1.96l2.99.8a1.02 1.02 0 0 0 .53-1.96l-3-.8zM5.8 11.64a1.02 1.02 0 1 0-1.44-1.44l-2.2 2.2a1.02 1.02 0 1 0 1.45 1.43l2.19-2.19zm4.4-7.28a1.02 1.02 0 1 0 1.44 1.44l2.2-2.2a1.02 1.02 0 0 0-1.45-1.43L10.2 4.36z" }) }));
25
25
  exports.PingIcon = PingIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const PlaneIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 12, realHeight: 12 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0 10.7c0 1 .8 1.6 1.8 1L11.3 7c1-.6 1-1.4 0-2L1.8.3C.8-.3 0 .3 0 1.3V6h9L0 7.5v3.2z" }) })));
24
+ const PlaneIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 12, realHeight: 12, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M0 10.7c0 1 .8 1.6 1.8 1L11.3 7c1-.6 1-1.4 0-2L1.8.3C.8-.3 0 .3 0 1.3V6h9L0 7.5v3.2z" }) }));
25
25
  exports.PlaneIcon = PlaneIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const PlusIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0 7v2h7v7h2V9h7V7H9V0H7v7z" }) })));
24
+ const PlusIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M0 7v2h7v7h2V9h7V7H9V0H7v7z" }) }));
25
25
  exports.PlusIcon = PlusIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ProfileIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 31, realHeight: 31 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M15.43 30.86C6.9 30.86 0 23.96 0 15.43S6.9 0 15.43 0c8.52 0 15.43 6.9 15.43 15.43 0 8.52-6.9 15.43-15.43 15.43zM3.86 15.43c0 2.9 1.07 5.56 2.84 7.6l.15-.88c.28-1.58 1.8-2.86 3.4-2.86H20.6c1.6 0 3.1 1.2 3.4 2.8l.14.84c1.8-2 2.86-4.7 2.86-7.6C27 9 21.82 3.84 15.43 3.84 9.03 3.83 3.86 9 3.86 15.4zm11.57 1.93c-2.66 0-4.82-2.16-4.82-4.82 0-2.67 2.2-4.83 4.9-4.83s4.8 2.2 4.8 4.9-2.14 4.8-4.8 4.8z" }) })));
24
+ const ProfileIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 31, realHeight: 31, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M15.43 30.86C6.9 30.86 0 23.96 0 15.43S6.9 0 15.43 0c8.52 0 15.43 6.9 15.43 15.43 0 8.52-6.9 15.43-15.43 15.43zM3.86 15.43c0 2.9 1.07 5.56 2.84 7.6l.15-.88c.28-1.58 1.8-2.86 3.4-2.86H20.6c1.6 0 3.1 1.2 3.4 2.8l.14.84c1.8-2 2.86-4.7 2.86-7.6C27 9 21.82 3.84 15.43 3.84 9.03 3.83 3.86 9 3.86 15.4zm11.57 1.93c-2.66 0-4.82-2.16-4.82-4.82 0-2.67 2.2-4.83 4.9-4.83s4.8 2.2 4.8 4.9-2.14 4.8-4.8 4.8z" }) }));
25
25
  exports.ProfileIcon = ProfileIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ProteusVerified = (props) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 1.87197V8C15 12 12.0344 15.0977 8 16C4.00718 15.0977 1 12 1 8V2L8 0L15 1.87197Z", fill: "#0552A0" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C4.00718 15.0977 1 12 1 8V2L8 0C8 0 8 13 8 16Z", fill: "#6AA4DE" })] })));
24
+ const ProteusVerified = (props) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 1.87197V8C15 12 12.0344 15.0977 8 16C4.00718 15.0977 1 12 1 8V2L8 0L15 1.87197Z", fill: "#0552A0" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C4.00718 15.0977 1 12 1 8V2L8 0C8 0 8 13 8 16Z", fill: "#6AA4DE" })] }));
25
25
  exports.ProteusVerified = ProteusVerified;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.RecordBoldIcon = void 0;
15
4
  const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -33,11 +22,8 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
33
22
  */
34
23
  const SVGIcon_1 = require("./SVGIcon");
35
24
  const Identity_1 = require("../Identity");
36
- const RecordBoldIcon = (_a) => {
37
- var { color = Identity_1.COLOR.TEXT } = _a, props = __rest(_a, ["color"]);
38
- return ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 20, realHeight: 16, color: color }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0H24V24H0z" }), (0, jsx_runtime_1.jsx)("circle", { fill: "none", cx: "10", cy: "10", r: "9", css: { stroke: color }, strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "10", r: "4", css: {
39
- fill: color,
40
- stroke: color,
41
- }, strokeWidth: "2" })] })));
42
- };
25
+ const RecordBoldIcon = ({ color = Identity_1.COLOR.TEXT, ...props }) => ((0, jsx_runtime_1.jsxs)(SVGIcon_1.SVGIcon, { realWidth: 20, realHeight: 16, color: color, ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0H24V24H0z" }), (0, jsx_runtime_1.jsx)("circle", { fill: "none", cx: "10", cy: "10", r: "9", css: { stroke: color }, strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "10", r: "4", css: {
26
+ fill: color,
27
+ stroke: color,
28
+ }, strokeWidth: "2" })] }));
43
29
  exports.RecordBoldIcon = RecordBoldIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const RecordIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsxs)("g", { fill: "#FB0807", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)("circle", { fillOpacity: ".24", cx: "8", cy: "8", r: "8" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4" })] }) })));
24
+ const RecordIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsxs)("g", { fill: "#FB0807", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)("circle", { fillOpacity: ".24", cx: "8", cy: "8", r: "8" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4" })] }) }));
25
25
  exports.RecordIcon = RecordIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const RecordPendingIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsxs)("g", { fill: "#FB0807", children: [(0, jsx_runtime_1.jsx)("circle", { fillOpacity: ".24", cx: "8", cy: "8", r: "8" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-.5-4.5H10v1H7.5v-1zm0-2h1v3h-1v-3z" })] }) })));
24
+ const RecordPendingIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsxs)("g", { fill: "#FB0807", children: [(0, jsx_runtime_1.jsx)("circle", { fillOpacity: ".24", cx: "8", cy: "8", r: "8" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-.5-4.5H10v1H7.5v-1zm0-2h1v3h-1v-3z" })] }) }));
25
25
  exports.RecordPendingIcon = RecordPendingIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ReloadIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13.7 2.3a8.3 8.3 0 00-11.4 0A8 8 0 1015.7 10h-2a6.1 6.1 0 01-2.2 2.9 6 6 0 11.8-9.1L9 7h7V0l-2.3 2.3z" }) })));
24
+ const ReloadIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M13.7 2.3a8.3 8.3 0 00-11.4 0A8 8 0 1015.7 10h-2a6.1 6.1 0 01-2.2 2.9 6 6 0 11.8-9.1L9 7h7V0l-2.3 2.3z" }) }));
25
25
  exports.ReloadIcon = ReloadIcon;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.SVGIcon = void 0;
15
4
  const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -17,8 +6,7 @@ const svgIconStyle = (theme, { color = theme.general.color }) => ({
17
6
  fill: color,
18
7
  overflow: 'visible',
19
8
  });
20
- const SVGIcon = (_a) => {
21
- var { realWidth, realHeight, scale = 1, width = null, height = null, shadow, children } = _a, props = __rest(_a, ["realWidth", "realHeight", "scale", "width", "height", "shadow", "children"]);
9
+ const SVGIcon = ({ realWidth, realHeight, scale = 1, width = null, height = null, shadow, children, ...props }) => {
22
10
  let newScale = scale;
23
11
  if (width || height) {
24
12
  const widthScale = width ? width / realWidth : Infinity;
@@ -28,6 +16,6 @@ const SVGIcon = (_a) => {
28
16
  const newWidth = Math.ceil(realWidth * newScale);
29
17
  const newHeight = Math.ceil(realHeight * newScale);
30
18
  const shadowId = shadow && Math.random().toString();
31
- return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ css: (theme) => svgIconStyle(theme, props), viewBox: `0 0 ${realWidth} ${realHeight}`, width: newWidth, height: newHeight }, props, { children: [shadow && ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: shadowId, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [(0, jsx_runtime_1.jsx)("feOffset", { result: "offOut", in: "SourceAlpha", dx: "0", dy: "0" }), (0, jsx_runtime_1.jsx)("feGaussianBlur", { result: "blurOut", in: "offOut", stdDeviation: "2.5" }), (0, jsx_runtime_1.jsx)("feBlend", { in: "SourceGraphic", in2: "blurOut", mode: "normal" })] }) })), (0, jsx_runtime_1.jsx)("g", { filter: shadow && `url(#${shadowId})`, children: children })] })));
19
+ return ((0, jsx_runtime_1.jsxs)("svg", { css: (theme) => svgIconStyle(theme, props), viewBox: `0 0 ${realWidth} ${realHeight}`, width: newWidth, height: newHeight, ...props, children: [shadow && ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: shadowId, x: "-50%", y: "-50%", width: "200%", height: "200%", children: [(0, jsx_runtime_1.jsx)("feOffset", { result: "offOut", in: "SourceAlpha", dx: "0", dy: "0" }), (0, jsx_runtime_1.jsx)("feGaussianBlur", { result: "blurOut", in: "offOut", stdDeviation: "2.5" }), (0, jsx_runtime_1.jsx)("feBlend", { in: "SourceGraphic", in2: "blurOut", mode: "normal" })] }) })), (0, jsx_runtime_1.jsx)("g", { filter: shadow && `url(#${shadowId})`, children: children })] }));
32
20
  };
33
21
  exports.SVGIcon = SVGIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ScreenshareIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5 14h6v2H5v-2zM0 1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v11c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V1zm7 10h2V7h4L8 3 3 7h4v4z" }) })));
24
+ const ScreenshareIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M5 14h6v2H5v-2zM0 1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v11c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V1zm7 10h2V7h4L8 3 3 7h4v4z" }) }));
25
25
  exports.ScreenshareIcon = ScreenshareIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const SearchIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M6.987 0a6.99 6.99 0 016.987 6.993c0 1.571-.517 3.02-1.39 4.188L16 14.587 14.588 16l-3.416-3.406a6.952 6.952 0 01-4.185 1.392A6.99 6.99 0 010 6.993 6.99 6.99 0 016.987 0zM12 7A5 5 0 112 7a5 5 0 0110 0z" }) })));
24
+ const SearchIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M6.987 0a6.99 6.99 0 016.987 6.993c0 1.571-.517 3.02-1.39 4.188L16 14.587 14.588 16l-3.416-3.406a6.952 6.952 0 01-4.185 1.392A6.99 6.99 0 010 6.993 6.99 6.99 0 016.987 0zM12 7A5 5 0 112 7a5 5 0 0110 0z" }) }));
25
25
  exports.SearchIcon = SearchIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ServicesIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 32, realHeight: 32 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.5 12A6.5 6.5 0 0 0 4 18.5V24a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-5.5a6.5 6.5 0 0 0-6.5-6.5h-11zm-7.12-1.22L.24 4.95a2 2 0 1 1 3.52-1.9L6.8 8.68C7.94 8.24 9.19 8 10.5 8h11C27.3 8 32 12.7 32 18.5V24a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5v-5.5c0-3.05 1.3-5.8 3.38-7.72zM11 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm5.26-9.55a2 2 0 0 1-3.52-1.9l3.5-6.5a2 2 0 0 1 3.52 1.9l-3.5 6.5z" }) })));
24
+ const ServicesIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 32, realHeight: 32, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.5 12A6.5 6.5 0 0 0 4 18.5V24a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-5.5a6.5 6.5 0 0 0-6.5-6.5h-11zm-7.12-1.22L.24 4.95a2 2 0 1 1 3.52-1.9L6.8 8.68C7.94 8.24 9.19 8 10.5 8h11C27.3 8 32 12.7 32 18.5V24a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5v-5.5c0-3.05 1.3-5.8 3.38-7.72zM11 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm5.26-9.55a2 2 0 0 1-3.52-1.9l3.5-6.5a2 2 0 0 1 3.52 1.9l-3.5 6.5z" }) }));
25
25
  exports.ServicesIcon = ServicesIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const SettingsIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.8 11a6 6 0 0 1-.6-1.5H0v-3h2.2c.1-.6.3-1 .6-1.5L1.3 3.4l2.1-2.1L5 2.8a6 6 0 0 1 1.5-.6V0h3v2.2c.6.1 1 .3 1.5.6l1.6-1.5 2.1 2.1L13.2 5c.3.4.5 1 .6 1.5H16v3h-2.2a6 6 0 0 1-.6 1.5l1.5 1.6-2.1 2.1-1.6-1.5a6 6 0 0 1-1.5.6V16h-3v-2.2a6 6 0 0 1-1.5-.6l-1.6 1.5-2.1-2.1L2.8 11zM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" }) })));
24
+ const SettingsIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M2.8 11a6 6 0 0 1-.6-1.5H0v-3h2.2c.1-.6.3-1 .6-1.5L1.3 3.4l2.1-2.1L5 2.8a6 6 0 0 1 1.5-.6V0h3v2.2c.6.1 1 .3 1.5.6l1.6-1.5 2.1 2.1L13.2 5c.3.4.5 1 .6 1.5H16v3h-2.2a6 6 0 0 1-.6 1.5l1.5 1.6-2.1 2.1-1.6-1.5a6 6 0 0 1-1.5.6V16h-3v-2.2a6 6 0 0 1-1.5-.6l-1.6 1.5-2.1-2.1L2.8 11zM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" }) }));
25
25
  exports.SettingsIcon = SettingsIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const ShowIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 10 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0C4.667 0 1.82 2.073.667 5c1.153 2.927 4 5 7.333 5s6.18-2.073 7.333-5c-1.153-2.927-4-5-7.333-5zm0 8.333a3.334 3.334 0 010-6.666 3.334 3.334 0 010 6.666zM8 3c-1.107 0-2 .893-2 2s.893 2 2 2 2-.893 2-2-.893-2-2-2z" }) })));
24
+ const ShowIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 10, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0C4.667 0 1.82 2.073.667 5c1.153 2.927 4 5 7.333 5s6.18-2.073 7.333-5c-1.153-2.927-4-5-7.333-5zm0 8.333a3.334 3.334 0 010-6.666 3.334 3.334 0 010 6.666zM8 3c-1.107 0-2 .893-2 2s.893 2 2 2 2-.893 2-2-.893-2-2-2z" }) }));
25
25
  exports.ShowIcon = ShowIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const SignIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 20, realHeight: 18 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z" }) })));
24
+ const SignIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 20, realHeight: 18, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z" }) }));
25
25
  exports.SignIcon = SignIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const SpeakerIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M.5 12c-.3 0-.5-.3-.5-.6V4.6c0-.3.2-.6.5-.6H5l5-4v16l-5-4H.5zM12 10a2 2 0 1 0 0-4V4a4 4 0 1 1 0 8v-2z" }) })));
24
+ const SpeakerIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M.5 12c-.3 0-.5-.3-.5-.6V4.6c0-.3.2-.6.5-.6H5l5-4v16l-5-4H.5zM12 10a2 2 0 1 0 0-4V4a4 4 0 1 1 0 8v-2z" }) }));
25
25
  exports.SpeakerIcon = SpeakerIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const StarIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 12, realHeight: 12 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.19036 0.612427C5.44371 -0.204142 6.55629 -0.204143 6.80964 0.612426L7.82903 3.89792H11.1477C11.97 3.89792 12.3138 4.98908 11.6505 5.49374L8.95944 7.54121L9.98352 10.8418C10.2364 11.6569 9.33636 12.3313 8.67113 11.8252L6 9.79289L3.32887 11.8252C2.66364 12.3313 1.76358 11.6569 2.01648 10.8418L3.04056 7.54121L0.349516 5.49374C-0.313779 4.98908 0.0299803 3.89792 0.852265 3.89792H4.17097L5.19036 0.612427Z" }) })));
24
+ const StarIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 12, realHeight: 12, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M5.19036 0.612427C5.44371 -0.204142 6.55629 -0.204143 6.80964 0.612426L7.82903 3.89792H11.1477C11.97 3.89792 12.3138 4.98908 11.6505 5.49374L8.95944 7.54121L9.98352 10.8418C10.2364 11.6569 9.33636 12.3313 8.67113 11.8252L6 9.79289L3.32887 11.8252C2.66364 12.3313 1.76358 11.6569 2.01648 10.8418L3.04056 7.54121L0.349516 5.49374C-0.313779 4.98908 0.0299803 3.89792 0.852265 3.89792H4.17097L5.19036 0.612427Z" }) }));
25
25
  exports.StarIcon = StarIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const SupportIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 13 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11.33 14.159a7.032 7.032 0 0 0 2.829-2.829l-2.294-2.294a4.005 4.005 0 0 0 0-2.072l2.294-2.294a7.032 7.032 0 0 0-2.829-2.83L9.036 4.135a4.005 4.005 0 0 0-2.072 0L4.67 1.841A7.032 7.032 0 0 0 1.84 4.67l2.294 2.294a4.005 4.005 0 0 0 0 2.072L1.841 11.33a7.032 7.032 0 0 0 2.829 2.83l2.294-2.294a4.005 4.005 0 0 0 2.072 0l2.294 2.294zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 1A5 5 0 1 1 8 3a5 5 0 0 1 0 10z" }) })));
24
+ const SupportIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 13, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M11.33 14.159a7.032 7.032 0 0 0 2.829-2.829l-2.294-2.294a4.005 4.005 0 0 0 0-2.072l2.294-2.294a7.032 7.032 0 0 0-2.829-2.83L9.036 4.135a4.005 4.005 0 0 0-2.072 0L4.67 1.841A7.032 7.032 0 0 0 1.84 4.67l2.294 2.294a4.005 4.005 0 0 0 0 2.072L1.841 11.33a7.032 7.032 0 0 0 2.829 2.83l2.294-2.294a4.005 4.005 0 0 0 2.072 0l2.294 2.294zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 1A5 5 0 1 1 8 3a5 5 0 0 1 0 10z" }) }));
25
25
  exports.SupportIcon = SupportIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const TeamIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 28, realHeight: 31 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M4.32 9.65V21.2l9.82 5.82 9.82-5.8V9.64l-9.82-5.82-9.82 5.82zM12.54.4c.9-.53 2.33-.53 3.2 0l10.3 6.1c.9.5 1.6 1.8 1.6 2.83v12.2c0 1.04-.72 2.32-1.6 2.84l-10.3 6.1c-.88.52-2.32.5-3.2 0l-10.3-6.1c-.88-.52-1.6-1.8-1.6-2.85V9.32c0-1.04.73-2.3 1.6-2.83L12.54.4z" }) })));
24
+ const TeamIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 28, realHeight: 31, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4.32 9.65V21.2l9.82 5.82 9.82-5.8V9.64l-9.82-5.82-9.82 5.82zM12.54.4c.9-.53 2.33-.53 3.2 0l10.3 6.1c.9.5 1.6 1.8 1.6 2.83v12.2c0 1.04-.72 2.32-1.6 2.84l-10.3 6.1c-.88.52-2.32.5-3.2 0l-10.3-6.1c-.88-.52-1.6-1.8-1.6-2.85V9.32c0-1.04.73-2.3 1.6-2.83L12.54.4z" }) }));
25
25
  exports.TeamIcon = TeamIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const TimedIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 15, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.44 2v1.08a6.48 6.48 0 0 1 5.45 6.42c0 3.59-2.89 6.5-6.45 6.5A6.47 6.47 0 0 1 0 9.5a6.48 6.48 0 0 1 5.45-6.42V2h-.5a1 1 0 0 1-.98-1 1 1 0 0 1 .99-1h2.97a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-.5zm-1 12a4.48 4.48 0 0 0 4.47-4.5c0-2.49-2-4.5-4.47-4.5a4.48 4.48 0 0 0-4.46 4.5c0 2.49 2 4.5 4.46 4.5zm0-1a3.49 3.49 0 0 1-3.47-3.5C2.97 7.57 4.53 6 6.44 6v3.5l2.47 2.47A3.44 3.44 0 0 1 6.44 13zm6.57-10.3l.7.71a1 1 0 0 1 0 1.42.99.99 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.42.99.99 0 0 1 1.4 0z" }) })));
24
+ const TimedIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 15, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.44 2v1.08a6.48 6.48 0 0 1 5.45 6.42c0 3.59-2.89 6.5-6.45 6.5A6.47 6.47 0 0 1 0 9.5a6.48 6.48 0 0 1 5.45-6.42V2h-.5a1 1 0 0 1-.98-1 1 1 0 0 1 .99-1h2.97a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-.5zm-1 12a4.48 4.48 0 0 0 4.47-4.5c0-2.49-2-4.5-4.47-4.5a4.48 4.48 0 0 0-4.46 4.5c0 2.49 2 4.5 4.46 4.5zm0-1a3.49 3.49 0 0 1-3.47-3.5C2.97 7.57 4.53 6 6.44 6v3.5l2.47 2.47A3.44 3.44 0 0 1 6.44 13zm6.57-10.3l.7.71a1 1 0 0 1 0 1.42.99.99 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.42.99.99 0 0 1 1.4 0z" }) }));
25
25
  exports.TimedIcon = TimedIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const TrashCrossIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 20, realHeight: 18 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z" }) })));
24
+ const TrashCrossIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 20, realHeight: 18, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z" }) }));
25
25
  exports.TrashCrossIcon = TrashCrossIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const TrashIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 14, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5 2H1a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H9a2 2 0 1 0-4 0zM1 6h12l-.8 8c-.11 1.1-1.09 2-2.2 2H4c-1.1 0-2.09-.89-2.2-2L1 6z" }) })));
24
+ const TrashIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M5 2H1a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H9a2 2 0 1 0-4 0zM1 6h12l-.8 8c-.11 1.1-1.09 2-2.2 2H4c-1.1 0-2.09-.89-2.2-2L1 6z" }) }));
25
25
  exports.TrashIcon = TrashIcon;
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.TriangleIcon = void 0;
15
4
  const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -20,8 +9,5 @@ const rotation = {
20
9
  up: 180,
21
10
  right: 270,
22
11
  };
23
- const TriangleIcon = (_a) => {
24
- var { direction = 'down' } = _a, props = __rest(_a, ["direction"]);
25
- return ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 8, realHeight: 8 }, props, { children: (0, jsx_runtime_1.jsx)("path", { transform: `rotate(${rotation[direction]} 4 4)`, fillRule: "evenodd", d: "M0 2h8L4 7" }) })));
26
- };
12
+ const TriangleIcon = ({ direction = 'down', ...props }) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 8, realHeight: 8, ...props, children: (0, jsx_runtime_1.jsx)("path", { transform: `rotate(${rotation[direction]} 4 4)`, fillRule: "evenodd", d: "M0 2h8L4 7" }) }));
27
13
  exports.TriangleIcon = TriangleIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const UploadIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z" }) })));
24
+ const UploadIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 16, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z" }) }));
25
25
  exports.UploadIcon = UploadIcon;
@@ -21,8 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const VerificationShieldIcon = (props) => {
25
- var _a;
26
- return ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 14, realHeight: 17 }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4085 8.81445V2.68642L6.70423 0.814453L0 2.81445V8.81445C0 12.8145 2.88011 15.9122 6.70423 16.8145C10.5681 15.9122 13.4085 12.8145 13.4085 8.81445ZM11.493 6.16017L5.60492 12.8145L1.91554 8.6605L3.09447 7.31478L5.60492 10.123L10.3141 4.81445L11.493 6.16017Z", color: (_a = props.color) !== null && _a !== void 0 ? _a : 'black' }) })));
27
- };
24
+ const VerificationShieldIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 14, realHeight: 17, ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4085 8.81445V2.68642L6.70423 0.814453L0 2.81445V8.81445C0 12.8145 2.88011 15.9122 6.70423 16.8145C10.5681 15.9122 13.4085 12.8145 13.4085 8.81445ZM11.493 6.16017L5.60492 12.8145L1.91554 8.6605L3.09447 7.31478L5.60492 10.123L10.3141 4.81445L11.493 6.16017Z", color: props.color ?? 'black' }) }));
28
25
  exports.VerificationShieldIcon = VerificationShieldIcon;
@@ -21,5 +21,5 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
21
21
  *
22
22
  */
23
23
  const SVGIcon_1 = require("./SVGIcon");
24
- const WireIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 14 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z" }) })));
24
+ const WireIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 16, realHeight: 14, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z" }) }));
25
25
  exports.WireIcon = WireIcon;
@@ -39,6 +39,7 @@ export * from './MuteIcon';
39
39
  export * from './NotificationIcon';
40
40
  export * from './NotificationOffIcon';
41
41
  export * from './OptionsIcon';
42
+ export * from './OutlineCheck';
42
43
  export * from './GridIcon';
43
44
  export * from './PeopleIcon';
44
45
  export * from './PingIcon';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAmBA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAG3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAmBA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAG3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
package/lib/Icon/index.js CHANGED
@@ -73,6 +73,7 @@ __exportStar(require("./MuteIcon"), exports);
73
73
  __exportStar(require("./NotificationIcon"), exports);
74
74
  __exportStar(require("./NotificationOffIcon"), exports);
75
75
  __exportStar(require("./OptionsIcon"), exports);
76
+ __exportStar(require("./OutlineCheck"), exports);
76
77
  __exportStar(require("./GridIcon"), exports);
77
78
  __exportStar(require("./PeopleIcon"), exports);
78
79
  __exportStar(require("./PingIcon"), exports);
@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
22
  __setModuleDefault(result, mod);
23
23
  return result;
24
24
  };
25
- var __rest = (this && this.__rest) || function (s, e) {
26
- var t = {};
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
- t[p] = s[p];
29
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
- t[p[i]] = s[p[i]];
33
- }
34
- return t;
35
- };
36
25
  Object.defineProperty(exports, "__esModule", { value: true });
37
26
  exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
38
27
  const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
@@ -58,90 +47,75 @@ const React = __importStar(require("react"));
58
47
  const react_1 = require("@emotion/react");
59
48
  const motions_1 = require("./motions");
60
49
  const { CSSTransition, TransitionGroup } = require('react-transition-group');
61
- const TransitionContainer = (props) => (0, jsx_runtime_1.jsx)(TransitionGroup, Object.assign({}, props));
50
+ const TransitionContainer = (props) => (0, jsx_runtime_1.jsx)(TransitionGroup, { ...props });
62
51
  exports.TransitionContainer = TransitionContainer;
63
- const Transition = (_a) => {
64
- var { animationStyle, timeout, component = 'div', children } = _a, props = __rest(_a, ["animationStyle", "timeout", "component", "children"]);
65
- return ((0, jsx_runtime_1.jsx)(react_1.ClassNames, { children: ({ css }) => ((0, jsx_runtime_1.jsx)(CSSTransition, Object.assign({ timeout: timeout, classNames: css(animationStyle) }, props, { children: component ? React.createElement(component, {}, children) : children }))) }));
66
- };
52
+ const Transition = ({ animationStyle, timeout, component = 'div', children, ...props }) => ((0, jsx_runtime_1.jsx)(react_1.ClassNames, { children: ({ css }) => ((0, jsx_runtime_1.jsx)(CSSTransition, { timeout: timeout, classNames: css(animationStyle), ...props, children: component ? React.createElement(component, {}, children) : children })) }));
67
53
  exports.Transition = Transition;
68
- const Opacity = (_a) => {
69
- var { startValue = 0, endValue = 1, timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
70
- return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
71
- '&-enter': { opacity: startValue },
72
- '&-enter-active': {
73
- opacity: endValue,
74
- transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
75
- },
76
- '&-exit': { opacity: endValue },
77
- '&-exit-active': {
78
- opacity: startValue,
79
- pointerEvents: 'none',
80
- transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
81
- },
82
- '&-exit-done': { opacity: startValue },
83
- }, timeout: timeout }, props)));
84
- };
54
+ const Opacity = ({ startValue = 0, endValue = 1, timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
55
+ '&-enter': { opacity: startValue },
56
+ '&-enter-active': {
57
+ opacity: endValue,
58
+ transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
59
+ },
60
+ '&-exit': { opacity: endValue },
61
+ '&-exit-active': {
62
+ opacity: startValue,
63
+ pointerEvents: 'none',
64
+ transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
65
+ },
66
+ '&-exit-done': { opacity: startValue },
67
+ }, timeout: timeout, ...props }));
85
68
  exports.Opacity = Opacity;
86
- const YAxisMovement = (_a) => {
87
- var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
88
- return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
89
- '&-enter': { transform: `translateY(${startValue})` },
90
- '&-enter-active': {
91
- transform: `translateY(${endValue})`,
92
- transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
93
- },
94
- '&-exit': { transform: `translateY(${endValue})` },
95
- '&-exit-active': {
96
- pointerEvents: 'none',
97
- transform: `translateY(${startValue})`,
98
- transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
99
- },
100
- '&-exit-done': { transform: `translateY(${startValue})` },
101
- }, timeout: timeout }, props)));
102
- };
69
+ const YAxisMovement = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
70
+ '&-enter': { transform: `translateY(${startValue})` },
71
+ '&-enter-active': {
72
+ transform: `translateY(${endValue})`,
73
+ transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
74
+ },
75
+ '&-exit': { transform: `translateY(${endValue})` },
76
+ '&-exit-active': {
77
+ pointerEvents: 'none',
78
+ transform: `translateY(${startValue})`,
79
+ transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
80
+ },
81
+ '&-exit-done': { transform: `translateY(${startValue})` },
82
+ }, timeout: timeout, ...props }));
103
83
  exports.YAxisMovement = YAxisMovement;
104
- const XAxisMovement = (_a) => {
105
- var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
106
- return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
107
- '&-enter': { transform: `translateX(${startValue})` },
108
- '&-enter-active': {
109
- transform: `translateX(${endValue})`,
110
- transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
111
- },
112
- '&-exit': { transform: `translateX(${endValue})` },
113
- '&-exit-active': {
114
- pointerEvents: 'none',
115
- transform: `translateX(${startValue})`,
116
- transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
117
- },
118
- '&-exit-done': { transform: `translateX(${startValue})` },
119
- }, timeout: timeout }, props)));
120
- };
84
+ const XAxisMovement = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
85
+ '&-enter': { transform: `translateX(${startValue})` },
86
+ '&-enter-active': {
87
+ transform: `translateX(${endValue})`,
88
+ transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
89
+ },
90
+ '&-exit': { transform: `translateX(${endValue})` },
91
+ '&-exit-active': {
92
+ pointerEvents: 'none',
93
+ transform: `translateX(${startValue})`,
94
+ transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
95
+ },
96
+ '&-exit-done': { transform: `translateX(${startValue})` },
97
+ }, timeout: timeout, ...props }));
121
98
  exports.XAxisMovement = XAxisMovement;
122
- const Slide = (_a) => {
123
- var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
124
- return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
125
- '&-enter': { marginTop: startValue },
126
- '&-enter-active': {
127
- marginTop: endValue,
128
- transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
129
- },
130
- '&-exit': { marginTop: endValue },
131
- '&-exit-active': {
132
- marginTop: startValue,
133
- pointerEvents: 'none',
134
- transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
135
- },
136
- '&-exit-done': { marginTop: startValue },
137
- }, timeout: timeout }, props)));
138
- };
99
+ const Slide = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
100
+ '&-enter': { marginTop: startValue },
101
+ '&-enter-active': {
102
+ marginTop: endValue,
103
+ transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
104
+ },
105
+ '&-exit': { marginTop: endValue },
106
+ '&-exit-active': {
107
+ marginTop: startValue,
108
+ pointerEvents: 'none',
109
+ transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
110
+ },
111
+ '&-exit-done': { marginTop: startValue },
112
+ }, timeout: timeout, ...props }));
139
113
  exports.Slide = Slide;
140
- const LeftRightMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, Object.assign({ startValue: "-100vh", endValue: "0vh" }, props));
114
+ const LeftRightMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, { startValue: "-100vh", endValue: "0vh", ...props });
141
115
  exports.LeftRightMovement = LeftRightMovement;
142
- const RightLeftMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, Object.assign({ startValue: "100vh", endValue: "0vh" }, props));
116
+ const RightLeftMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, { startValue: "100vh", endValue: "0vh", ...props });
143
117
  exports.RightLeftMovement = RightLeftMovement;
144
- const TopDownMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, Object.assign({ startValue: "-100%", endValue: "0%" }, props));
118
+ const TopDownMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, { startValue: "-100%", endValue: "0%", ...props });
145
119
  exports.TopDownMovement = TopDownMovement;
146
- const BottomUpMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, Object.assign({ startValue: "100%", endValue: "0%" }, props));
120
+ const BottomUpMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, { startValue: "100%", endValue: "0%", ...props });
147
121
  exports.BottomUpMovement = BottomUpMovement;
@@ -72,7 +72,7 @@ const Avatar = (props) => {
72
72
  .map(([initial]) => initial.toUpperCase())
73
73
  .join('')
74
74
  .substring(0, isAvatarGridItem ? 1 : 2);
75
- return ((0, jsx_runtime_1.jsx)(Misc_1.IsInViewport, Object.assign({ checkViewportOnce: true, onEnterViewport: fetchImage, disabled: !!url, css: avatarStyle(props), "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials' }, filteredAvatarProps(props), { children: forceInitials || !url ? (getInitials(name)) : ((0, jsx_runtime_1.jsx)("div", { css: {
75
+ return ((0, jsx_runtime_1.jsx)(Misc_1.IsInViewport, { checkViewportOnce: true, onEnterViewport: fetchImage, disabled: !!url, css: avatarStyle(props), "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials', ...filteredAvatarProps(props), children: forceInitials || !url ? (getInitials(name)) : ((0, jsx_runtime_1.jsx)("div", { css: {
76
76
  backgroundImage: url && `url(${url})`,
77
77
  backgroundPosition: 'center',
78
78
  backgroundSize: 'cover',
@@ -83,6 +83,6 @@ const Avatar = (props) => {
83
83
  transform: `scale(${scale})`,
84
84
  transition: `all ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.QUART}`,
85
85
  width: '100%',
86
- } })) })));
86
+ } })) }));
87
87
  };
88
88
  exports.Avatar = Avatar;