@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/ui/Icon.js

@@ -111,49 +111,34 @@ function changeColorToClassName(color) {
   switch (color) {
     case Colors.PRIMARY:
       return 'sendbird-icon-color--primary';
-
     case Colors.PRIMARY_2:
       return 'sendbird-icon-color--primary-2';
-
     case Colors.SECONDARY:
       return 'sendbird-icon-color--secondary';
-
     case Colors.CONTENT:
       return 'sendbird-icon-color--content';
-
     case Colors.CONTENT_INVERSE:
       return 'sendbird-icon-color--content-inverse';
-
     case Colors.WHITE:
       return 'sendbird-icon-color--white';
-
     case Colors.GRAY:
       return 'sendbird-icon-color--gray';
-
     case Colors.SENT:
       return 'sendbird-icon-color--sent';
-
     case Colors.READ:
       return 'sendbird-icon-color--read';
-
     case Colors.ON_BACKGROUND_1:
       return 'sendbird-icon-color--on-background-1';
-
     case Colors.ON_BACKGROUND_2:
       return 'sendbird-icon-color--on-background-2';
-
     case Colors.ON_BACKGROUND_3:
       return 'sendbird-icon-color--on-background-3';
-
     case Colors.ON_BACKGROUND_4:
       return 'sendbird-icon-color--on-background-4';
-
     case Colors.BACKGROUND_3:
       return 'sendbird-icon-color--background-3';
-
     case Colors.ERROR:
       return 'sendbird-icon-color--error';
-
     default:
       return '';
   }
@@ -162,172 +147,116 @@ function changeTypeToIconClassName(type) {
   switch (type) {
     case Types.ADD:
       return 'sendbird-icon-add';
-
     case Types.ARROW_LEFT:
       return 'sendbird-icon-arrow-left';
-
     case Types.ATTACH:
       return 'sendbird-icon-attach';
-
     case Types.AUDIO_ON_LINED:
       return 'sendbird-icon-audio-on-lined';
-
     case Types.BAN:
       return 'sendbird-icon-ban';
-
     case Types.BROADCAST:
       return 'sendbird-icon-broadcast';
-
     case Types.CAMERA:
       return 'sendbird-icon-camera';
-
     case Types.CHANNELS:
       return 'sendbird-icon-channels';
-
     case Types.CHAT:
       return 'sendbird-icon-chat';
-
     case Types.CHAT_FILLED:
       return 'sendbird-icon-chat-filled';
-
     case Types.CHEVRON_DOWN:
       return 'sendbird-icon-chevron-down';
-
     case Types.CHEVRON_RIGHT:
       return 'sendbird-icon-chevron-right';
-
     case Types.CLOSE:
       return 'sendbird-icon-close';
-
     case Types.COLLAPSE:
       return 'sendbird-icon-collapse';
-
     case Types.COPY:
       return 'sendbird-icon-copy';
-
     case Types.CREATE:
       return 'sendbird-icon-create';
-
     case Types.DELETE:
       return 'sendbird-icon-delete';
-
     case Types.DISCONNECTED:
       return 'sendbird-icon-disconnected';
-
     case Types.DOCUMENT:
       return 'sendbird-icon-document';
-
     case Types.DONE:
       return 'sendbird-icon-done';
-
     case Types.DONE_ALL:
       return 'sendbird-icon-done-all';
-
     case Types.DOWNLOAD:
       return 'sendbird-icon-down-load';
-
     case Types.EDIT:
       return 'sendbird-icon-edit';
-
     case Types.EMOJI_MORE:
       return 'sendbird-icon-emoji-more';
-
     case Types.ERROR:
       return 'sendbird-icon-error';
-
     case Types.EXPAND:
       return 'sendbird-icon-expand';
-
     case Types.FILE_AUDIO:
       return 'sendbird-icon-file-audio';
-
     case Types.FILE_DOCUMENT:
       return 'sendbird-icon-file-document';
-
     case Types.FREEZE:
       return 'sendbird-icon-freeze';
-
     case Types.GIF:
       return 'sendbird-icon-gif';
-
     case Types.INFO:
       return 'sendbird-icon-info';
-
     case Types.LEAVE:
       return 'sendbird-icon-leave';
-
     case Types.MEMBERS:
       return 'sendbird-icon-members';
-
     case Types.MESSAGE:
       return 'sendbird-icon-message';
-
     case Types.MODERATIONS:
       return 'sendbird-icon-moderations';
-
     case Types.MORE:
       return 'sendbird-icon-more';
-
     case Types.MUTE:
       return 'sendbird-icon-mute';
-
     case Types.NOTIFICATIONS:
       return 'sendbird-icon-notifications';
-
     case Types.NOTIFICATIONS_OFF_FILLED:
       return 'sendbird-icon-notifications-off-filled';
-
     case Types.OPERATOR:
       return 'sendbird-icon-operator';
-
     case Types.PHOTO:
       return 'sendbird-icon-photo';
-
     case Types.PLAY:
       return 'sendbird-icon-play';
-
     case Types.PLUS:
       return 'sendbird-iconn-plus';
-
     case Types.QUESTION:
       return 'sendbird-icon-question';
-
     case Types.REFRESH:
       return 'sendbird-icon-refresh';
-
     case Types.REMOVE:
       return 'sendbird-icon-remove';
-
     case Types.REPLY:
       return 'sendbird-icon-reply';
-
     case Types.SEARCH:
       return 'sendbird-icon-search';
-
     case Types.SEND:
       return 'sendbird-icon-send';
-
     case Types.SETTINGS_FILLED:
       return 'sendbird-icon-settings-filled';
-
     case Types.SPINNER:
       return 'sendbird-icon-spinner';
-
     case Types.SUPERGROUP:
       return 'sendbird-icon-supergroup';
-
     case Types.THUMBNAIL_NONE:
       return 'sendbird-icon-thumbnail-none';
-
     case Types.TOGGLE_OFF:
       return 'sendbird-icon-toggle-off';
-
     case Types.TOGGLE_ON:
       return 'sendbird-icon-toggle-on';
-
     case Types.USER:
       return 'sendbird-icon-user';
-
     default:
       return 'sendbird-icon-unknown';
     // If you see this text 'icon' replace icon for it
@@ -335,9 +264,7 @@ function changeTypeToIconClassName(type) {
 }
 
 var _path$Q;
-
 function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
-
 function SvgIconAdd(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
@@ -351,9 +278,7 @@ function SvgIconAdd(props) {
 }
 
 var _path$P;
-
 function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
-
 function SvgIconArrowLeft(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
@@ -367,9 +292,7 @@ function SvgIconArrowLeft(props) {
 }
 
 var _path$O;
-
 function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
-
 function SvgIconAttach(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
@@ -383,9 +306,7 @@ function SvgIconAttach(props) {
 }
 
 var _g$2, _defs;
-
 function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
-
 function SvgIconAudioOnLined(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
     viewBox: "0 0 64 64",
@@ -409,9 +330,7 @@ function SvgIconAudioOnLined(props) {
 }
 
 var _path$N;
-
 function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
-
 function SvgIconBan(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
@@ -425,9 +344,7 @@ function SvgIconBan(props) {
 }
 
 var _path$M;
-
 function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
-
 function SvgIconBroadcast(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
@@ -441,9 +358,7 @@ function SvgIconBroadcast(props) {
 }
 
 var _path$L;
-
 function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
-
 function SvgIconCamera(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
@@ -457,9 +372,7 @@ function SvgIconCamera(props) {
 }
 
 var _path$K;
-
 function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
-
 function SvgIconChannels(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
@@ -473,9 +386,7 @@ function SvgIconChannels(props) {
 }
 
 var _path$J;
-
 function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
-
 function SvgIconChat(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
@@ -489,9 +400,7 @@ function SvgIconChat(props) {
 }
 
 var _path$I;
-
 function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
-
 function SvgIconChatFilled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
@@ -505,9 +414,7 @@ function SvgIconChatFilled(props) {
 }
 
 var _path$H;
-
 function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
-
 function SvgIconChevronDown(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
@@ -521,9 +428,7 @@ function SvgIconChevronDown(props) {
 }
 
 var _path$G;
-
 function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
-
 function SvgIconChevronRight(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
@@ -537,9 +442,7 @@ function SvgIconChevronRight(props) {
 }
 
 var _path$F;
-
 function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
-
 function SvgIconClose(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
@@ -553,9 +456,7 @@ function SvgIconClose(props) {
 }
 
 var _path$E;
-
 function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
-
 function SvgIconCollapse(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
@@ -569,9 +470,7 @@ function SvgIconCollapse(props) {
 }
 
 var _path$D;
-
 function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
-
 function SvgIconCopy(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
@@ -585,9 +484,7 @@ function SvgIconCopy(props) {
 }
 
 var _path$C;
-
 function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
-
 function SvgIconCreate(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
@@ -601,9 +498,7 @@ function SvgIconCreate(props) {
 }
 
 var _path$B;
-
 function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
-
 function SvgIconDelete(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
@@ -617,9 +512,7 @@ function SvgIconDelete(props) {
 }
 
 var _path$A;
-
 function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
-
 function SvgIconDisconnected(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
@@ -633,9 +526,7 @@ function SvgIconDisconnected(props) {
 }
 
 var _path$z;
-
 function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
-
 function SvgIconDocument(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
@@ -649,9 +540,7 @@ function SvgIconDocument(props) {
 }
 
 var _path$y;
-
 function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
-
 function SvgIconDone(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
@@ -665,9 +554,7 @@ function SvgIconDone(props) {
 }
 
 var _path$x;
-
 function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
-
 function SvgIconDoneAll(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
@@ -681,9 +568,7 @@ function SvgIconDoneAll(props) {
 }
 
 var _path$w;
-
 function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
-
 function SvgIconDownload(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
@@ -697,9 +582,7 @@ function SvgIconDownload(props) {
 }
 
 var _path$v;
-
 function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
-
 function SvgIconEdit(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
@@ -713,9 +596,7 @@ function SvgIconEdit(props) {
 }
 
 var _path$u;
-
 function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
-
 function SvgIconEmojiMore(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
@@ -729,9 +610,7 @@ function SvgIconEmojiMore(props) {
 }
 
 var _path$t;
-
 function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
-
 function SvgIconError(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
@@ -745,9 +624,7 @@ function SvgIconError(props) {
 }
 
 var _path$s;
-
 function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
-
 function SvgIconExpand(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
@@ -761,9 +638,7 @@ function SvgIconExpand(props) {
 }
 
 var _path$r;
-
 function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
-
 function SvgIconFileAudio(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
@@ -777,9 +652,7 @@ function SvgIconFileAudio(props) {
 }
 
 var _path$q;
-
 function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
-
 function SvgIconFileDocument(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
@@ -793,9 +666,7 @@ function SvgIconFileDocument(props) {
 }
 
 var _path$p;
-
 function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
-
 function SvgIconFreeze(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
@@ -809,9 +680,7 @@ function SvgIconFreeze(props) {
 }
 
 var _path$o;
-
 function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
-
 function SvgIconGif(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -825,9 +694,7 @@ function SvgIconGif(props) {
 }
 
 var _path$n;
-
 function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
-
 function SvgIconInfo(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
@@ -841,9 +708,7 @@ function SvgIconInfo(props) {
 }
 
 var _path$m;
-
 function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
-
 function SvgIconLeave(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
@@ -857,9 +722,7 @@ function SvgIconLeave(props) {
 }
 
 var _path$l;
-
 function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
-
 function SvgIconMembers(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
@@ -873,9 +736,7 @@ function SvgIconMembers(props) {
 }
 
 var _path$k;
-
 function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
-
 function SvgIconMessage(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
@@ -889,9 +750,7 @@ function SvgIconMessage(props) {
 }
 
 var _path$j;
-
 function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
-
 function SvgIconModerations(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
@@ -905,9 +764,7 @@ function SvgIconModerations(props) {
 }
 
 var _path$i;
-
 function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
-
 function SvgIconMore(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
@@ -921,9 +778,7 @@ function SvgIconMore(props) {
 }
 
 var _path$h;
-
 function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
-
 function SvgIconMute(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
@@ -937,9 +792,7 @@ function SvgIconMute(props) {
 }
 
 var _path$g;
-
 function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
-
 function SvgIconNotifications(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
@@ -953,9 +806,7 @@ function SvgIconNotifications(props) {
 }
 
 var _path$f;
-
 function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
-
 function SvgIconNotificationsOffFilled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
@@ -969,9 +820,7 @@ function SvgIconNotificationsOffFilled(props) {
 }
 
 var _path$e;
-
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
-
 function SvgIconOperator(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -985,9 +834,7 @@ function SvgIconOperator(props) {
 }
 
 var _path$d;
-
 function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
-
 function SvgIconPhoto(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1001,9 +848,7 @@ function SvgIconPhoto(props) {
 }
 
 var _path$c;
-
 function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
-
 function SvgIconPlay(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1017,9 +862,7 @@ function SvgIconPlay(props) {
 }
 
 var _path$b;
-
 function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
-
 function SvgIconPlus(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1033,9 +876,7 @@ function SvgIconPlus(props) {
 }
 
 var _path$a;
-
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
-
 function SvgIconQuestion(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1049,9 +890,7 @@ function SvgIconQuestion(props) {
 }
 
 var _path$9;
-
 function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
-
 function SvgIconRefresh(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1065,9 +904,7 @@ function SvgIconRefresh(props) {
 }
 
 var _path$8;
-
 function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
-
 function SvgIconRemove(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1081,9 +918,7 @@ function SvgIconRemove(props) {
 }
 
 var _path$7;
-
 function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
-
 function SvgIconReplyFilled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1097,9 +932,7 @@ function SvgIconReplyFilled(props) {
 }
 
 var _path$6;
-
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
-
 function SvgIconSearch(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1113,9 +946,7 @@ function SvgIconSearch(props) {
 }
 
 var _path$5;
-
 function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
-
 function SvgIconSend(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1129,9 +960,7 @@ function SvgIconSend(props) {
 }
 
 var _path$4;
-
 function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
-
 function SvgIconSettingsFilled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1145,9 +974,7 @@ function SvgIconSettingsFilled(props) {
 }
 
 var _path$3;
-
 function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
-
 function SvgIconSpinner(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1161,9 +988,7 @@ function SvgIconSpinner(props) {
 }
 
 var _path$2;
-
 function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
-
 function SvgIconSupergroup(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1177,9 +1002,7 @@ function SvgIconSupergroup(props) {
 }
 
 var _path$1;
-
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
-
 function SvgIconThumbnailNone(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1193,9 +1016,7 @@ function SvgIconThumbnailNone(props) {
 }
 
 var _g$1;
-
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
-
 function SvgIconToggleoff(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1227,9 +1048,7 @@ function SvgIconToggleoff(props) {
 }
 
 var _g;
-
 function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-
 function SvgIconToggleon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1261,9 +1080,7 @@ function SvgIconToggleon(props) {
 }
 
 var _path;
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function SvgIconUser(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1280,172 +1097,116 @@ function changeTypeToIconComponent(type) {
   switch (type) {
     case Types.ADD:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconAdd, null);
-
     case Types.ARROW_LEFT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconArrowLeft, null);
-
     case Types.ATTACH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconAttach, null);
-
     case Types.AUDIO_ON_LINED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconAudioOnLined, null);
-
     case Types.BAN:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconBan, null);
-
     case Types.BROADCAST:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconBroadcast, null);
-
     case Types.CAMERA:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCamera, null);
-
     case Types.CHANNELS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChannels, null);
-
     case Types.CHAT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChat, null);
-
     case Types.CHAT_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChatFilled, null);
-
     case Types.CHEVRON_DOWN:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChevronDown, null);
-
     case Types.CHEVRON_RIGHT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChevronRight, null);
-
     case Types.CLOSE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconClose, null);
-
     case Types.COLLAPSE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCollapse, null);
-
     case Types.COPY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCopy, null);
-
     case Types.CREATE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCreate, null);
-
     case Types.DELETE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDelete, null);
-
     case Types.DISCONNECTED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDisconnected, null);
-
     case Types.DOCUMENT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDocument, null);
-
     case Types.DONE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDone, null);
-
     case Types.DONE_ALL:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDoneAll, null);
-
     case Types.DOWNLOAD:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDownload, null);
-
     case Types.EDIT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconEdit, null);
-
     case Types.EMOJI_MORE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconEmojiMore, null);
-
     case Types.ERROR:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconError, null);
-
     case Types.EXPAND:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconExpand, null);
-
     case Types.FILE_AUDIO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFileAudio, null);
-
     case Types.FILE_DOCUMENT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFileDocument, null);
-
     case Types.FREEZE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFreeze, null);
-
     case Types.GIF:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconGif, null);
-
     case Types.INFO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconInfo, null);
-
     case Types.LEAVE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconLeave, null);
-
     case Types.MEMBERS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMembers, null);
-
     case Types.MESSAGE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMessage, null);
-
     case Types.MODERATIONS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconModerations, null);
-
     case Types.MORE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMore, null);
-
     case Types.MUTE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMute, null);
-
     case Types.NOTIFICATIONS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconNotifications, null);
-
     case Types.NOTIFICATIONS_OFF_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconNotificationsOffFilled, null);
-
     case Types.OPERATOR:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconOperator, null);
-
     case Types.PHOTO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPhoto, null);
-
     case Types.PLAY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPlay, null);
-
     case Types.PLUS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPlus, null);
-
     case Types.QUESTION:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconQuestion, null);
-
     case Types.REFRESH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconRefresh, null);
-
     case Types.REMOVE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconRemove, null);
-
     case Types.REPLY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconReplyFilled, null);
-
     case Types.SEARCH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSearch, null);
-
     case Types.SEND:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSend, null);
-
     case Types.SETTINGS_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSettingsFilled, null);
-
     case Types.SPINNER:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSpinner, null);
-
     case Types.SUPERGROUP:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSupergroup, null);
-
     case Types.THUMBNAIL_NONE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconThumbnailNone, null);
-
     case Types.TOGGLE_OFF:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconToggleoff, null);
-
     case Types.TOGGLE_ON:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconToggleon, null);
-
     case Types.USER:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconUser, null);
-
     default:
       return 'icon';
     // If you see this text 'icon' replace icon for it
@@ -1479,10 +1240,8 @@ function Icon(_ref) {
 }
 Icon.propTypes = {
   className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-
   /** Type: Use strings from below list */
   type: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf(Object.keys(Types)), PropTypes__default["default"].string]).isRequired,
-
   /** Type: Use Colors from below list */
   fillColor: PropTypes__default["default"].oneOf(Object.keys(Colors)),
   width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),