@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/ui/Icon.js

@@ -2,10 +2,11 @@ import * as React from 'react';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 
-var Type = {
+var Types = {
   ADD: 'ADD',
   ARROW_LEFT: 'ARROW_LEFT',
   ATTACH: 'ATTACH',
+  AUDIO_ON_LINED: 'AUDIO_ON_LINED',
   BAN: 'BAN',
   BROADCAST: 'BROADCAST',
   CAMERA: 'CAMERA',
@@ -60,12 +61,258 @@ var Type = {
   USER: 'USER'
 };
 
+var Colors = {
+  DEFAULT: 'DEFAULT',
+  PRIMARY: 'PRIMARY',
+  PRIMARY_2: 'PRIMARY_2',
+  SECONDARY: 'SECONDARY',
+  CONTENT: 'CONTENT',
+  CONTENT_INVERSE: 'CONTENT_INVERSE',
+  WHITE: 'WHITE',
+  GRAY: 'GRAY',
+  SENT: 'SENT',
+  READ: 'READ',
+  ON_BACKGROUND_1: 'ON_BACKGROUND_1',
+  ON_BACKGROUND_2: 'ON_BACKGROUND_2',
+  ON_BACKGROUND_3: 'ON_BACKGROUND_3',
+  ON_BACKGROUND_4: 'ON_BACKGROUND_4',
+  BACKGROUND_3: 'BACKGROUND_3',
+  ERROR: 'ERROR'
+};
+
+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 '';
+  }
+}
+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
+  }
+}
+
 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 _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.createElement("svg", _extends$S({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
@@ -78,10 +325,10 @@ function SvgIconAdd(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 _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.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
@@ -94,10 +341,10 @@ function SvgIconArrowLeft(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 _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.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
@@ -108,6 +355,32 @@ 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.createElement("svg", _extends$Q({
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#icon-audio-on-lined_svg__clip0_1_7)"
+  }, /*#__PURE__*/React.createElement("path", {
+    className: "icon-audio-on-lined_svg__fill",
+    clipRule: "evenodd",
+    d: "M32 0C26.11 0 21.333 4.776 21.333 10.667V32c0 5.891 4.776 10.667 10.667 10.667S42.667 37.89 42.667 32V10.667C42.667 4.776 37.89 0 32 0zm-5.333 10.667a5.333 5.333 0 0110.666 0V32a5.333 5.333 0 01-10.666 0V10.667z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "icon-audio-on-lined_svg__fill",
+    d: "M16 26.667a2.667 2.667 0 10-5.333 0V32c0 10.879 8.143 19.856 18.666 21.168v5.499h-8a2.667 2.667 0 000 5.333h21.334a2.667 2.667 0 100-5.333h-8v-5.499C45.19 51.856 53.333 42.88 53.333 32v-5.333a2.667 2.667 0 10-5.333 0V32c0 8.837-7.163 16-16 16s-16-7.163-16-16v-5.333z"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "icon-audio-on-lined_svg__clip0_1_7"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h64v64H0z"
+  })))));
+}
+
 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); }
@@ -976,233 +1249,174 @@ function SvgIconUser(props) {
   })));
 }
 
-const Colors = {
-  DEFAULT: 'DEFAULT',
-  PRIMARY: 'PRIMARY',
-  SECONDARY: 'SECONDARY',
-  CONTENT: 'CONTENT',
-  CONTENT_INVERSE: 'CONTENT_INVERSE',
-  WHITE: 'WHITE',
-  GRAY: 'GRAY',
-  SENT: 'SENT',
-  READ: 'READ',
-  ON_BACKGROUND_1: 'ON_BACKGROUND_1',
-  ON_BACKGROUND_2: 'ON_BACKGROUND_2',
-  ON_BACKGROUND_3: 'ON_BACKGROUND_3',
-  BACKGROUND_3: 'BACKGROUND_3',
-  ERROR: 'ERROR'
-};
-function changeColorToClassName(color) {
-  switch (color) {
-    case Colors.PRIMARY:
-      return 'sendbird-icon-color--primary';
-
-    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.BACKGROUND_3:
-      return 'sendbird-icon-color--background-3';
-
-    case Colors.ERROR:
-      return 'sendbird-icon-color--error';
-
-    default:
-      return '';
-  }
-}
-
 function changeTypeToIconComponent(type) {
   switch (type) {
-    case Type.ADD:
+    case Types.ADD:
       return /*#__PURE__*/React__default.createElement(SvgIconAdd, null);
 
-    case Type.ARROW_LEFT:
+    case Types.ARROW_LEFT:
       return /*#__PURE__*/React__default.createElement(SvgIconArrowLeft, null);
 
-    case Type.ATTACH:
+    case Types.ATTACH:
       return /*#__PURE__*/React__default.createElement(SvgIconAttach, null);
 
-    case Type.BAN:
+    case Types.AUDIO_ON_LINED:
+      return /*#__PURE__*/React__default.createElement(SvgIconAudioOnLined, null);
+
+    case Types.BAN:
       return /*#__PURE__*/React__default.createElement(SvgIconBan, null);
 
-    case Type.BROADCAST:
+    case Types.BROADCAST:
       return /*#__PURE__*/React__default.createElement(SvgIconBroadcast, null);
 
-    case Type.CAMERA:
+    case Types.CAMERA:
       return /*#__PURE__*/React__default.createElement(SvgIconCamera, null);
 
-    case Type.CHANNELS:
+    case Types.CHANNELS:
       return /*#__PURE__*/React__default.createElement(SvgIconChannels, null);
 
-    case Type.CHAT:
+    case Types.CHAT:
       return /*#__PURE__*/React__default.createElement(SvgIconChat, null);
 
-    case Type.CHAT_FILLED:
+    case Types.CHAT_FILLED:
       return /*#__PURE__*/React__default.createElement(SvgIconChatFilled, null);
 
-    case Type.CHEVRON_DOWN:
+    case Types.CHEVRON_DOWN:
       return /*#__PURE__*/React__default.createElement(SvgIconChevronDown, null);
 
-    case Type.CHEVRON_RIGHT:
+    case Types.CHEVRON_RIGHT:
       return /*#__PURE__*/React__default.createElement(SvgIconChevronRight, null);
 
-    case Type.CLOSE:
+    case Types.CLOSE:
       return /*#__PURE__*/React__default.createElement(SvgIconClose, null);
 
-    case Type.COLLAPSE:
+    case Types.COLLAPSE:
       return /*#__PURE__*/React__default.createElement(SvgIconCollapse, null);
 
-    case Type.COPY:
+    case Types.COPY:
       return /*#__PURE__*/React__default.createElement(SvgIconCopy, null);
 
-    case Type.CREATE:
+    case Types.CREATE:
       return /*#__PURE__*/React__default.createElement(SvgIconCreate, null);
 
-    case Type.DELETE:
+    case Types.DELETE:
       return /*#__PURE__*/React__default.createElement(SvgIconDelete, null);
 
-    case Type.DISCONNECTED:
+    case Types.DISCONNECTED:
       return /*#__PURE__*/React__default.createElement(SvgIconDisconnected, null);
 
-    case Type.DOCUMENT:
+    case Types.DOCUMENT:
       return /*#__PURE__*/React__default.createElement(SvgIconDocument, null);
 
-    case Type.DONE:
+    case Types.DONE:
       return /*#__PURE__*/React__default.createElement(SvgIconDone, null);
 
-    case Type.DONE_ALL:
+    case Types.DONE_ALL:
       return /*#__PURE__*/React__default.createElement(SvgIconDoneAll, null);
 
-    case Type.DOWNLOAD:
+    case Types.DOWNLOAD:
       return /*#__PURE__*/React__default.createElement(SvgIconDownload, null);
 
-    case Type.EDIT:
+    case Types.EDIT:
       return /*#__PURE__*/React__default.createElement(SvgIconEdit, null);
 
-    case Type.EMOJI_MORE:
+    case Types.EMOJI_MORE:
       return /*#__PURE__*/React__default.createElement(SvgIconEmojiMore, null);
 
-    case Type.ERROR:
+    case Types.ERROR:
       return /*#__PURE__*/React__default.createElement(SvgIconError, null);
 
-    case Type.EXPAND:
+    case Types.EXPAND:
       return /*#__PURE__*/React__default.createElement(SvgIconExpand, null);
 
-    case Type.FILE_AUDIO:
+    case Types.FILE_AUDIO:
       return /*#__PURE__*/React__default.createElement(SvgIconFileAudio, null);
 
-    case Type.FILE_DOCUMENT:
+    case Types.FILE_DOCUMENT:
       return /*#__PURE__*/React__default.createElement(SvgIconFileDocument, null);
 
-    case Type.FREEZE:
+    case Types.FREEZE:
       return /*#__PURE__*/React__default.createElement(SvgIconFreeze, null);
 
-    case Type.GIF:
+    case Types.GIF:
       return /*#__PURE__*/React__default.createElement(SvgIconGif, null);
 
-    case Type.INFO:
+    case Types.INFO:
       return /*#__PURE__*/React__default.createElement(SvgIconInfo, null);
 
-    case Type.LEAVE:
+    case Types.LEAVE:
       return /*#__PURE__*/React__default.createElement(SvgIconLeave, null);
 
-    case Type.MEMBERS:
+    case Types.MEMBERS:
       return /*#__PURE__*/React__default.createElement(SvgIconMembers, null);
 
-    case Type.MESSAGE:
+    case Types.MESSAGE:
       return /*#__PURE__*/React__default.createElement(SvgIconMessage, null);
 
-    case Type.MODERATIONS:
+    case Types.MODERATIONS:
       return /*#__PURE__*/React__default.createElement(SvgIconModerations, null);
 
-    case Type.MORE:
+    case Types.MORE:
       return /*#__PURE__*/React__default.createElement(SvgIconMore, null);
 
-    case Type.MUTE:
+    case Types.MUTE:
       return /*#__PURE__*/React__default.createElement(SvgIconMute, null);
 
-    case Type.NOTIFICATIONS:
+    case Types.NOTIFICATIONS:
       return /*#__PURE__*/React__default.createElement(SvgIconNotifications, null);
 
-    case Type.NOTIFICATIONS_OFF_FILLED:
+    case Types.NOTIFICATIONS_OFF_FILLED:
       return /*#__PURE__*/React__default.createElement(SvgIconNotificationsOffFilled, null);
 
-    case Type.OPERATOR:
+    case Types.OPERATOR:
       return /*#__PURE__*/React__default.createElement(SvgIconOperator, null);
 
-    case Type.PHOTO:
+    case Types.PHOTO:
       return /*#__PURE__*/React__default.createElement(SvgIconPhoto, null);
 
-    case Type.PLAY:
+    case Types.PLAY:
       return /*#__PURE__*/React__default.createElement(SvgIconPlay, null);
 
-    case Type.PLUS:
+    case Types.PLUS:
       return /*#__PURE__*/React__default.createElement(SvgIconPlus, null);
 
-    case Type.QUESTION:
+    case Types.QUESTION:
       return /*#__PURE__*/React__default.createElement(SvgIconQuestion, null);
 
-    case Type.REFRESH:
+    case Types.REFRESH:
       return /*#__PURE__*/React__default.createElement(SvgIconRefresh, null);
 
-    case Type.REMOVE:
+    case Types.REMOVE:
       return /*#__PURE__*/React__default.createElement(SvgIconRemove, null);
 
-    case Type.REPLY:
+    case Types.REPLY:
       return /*#__PURE__*/React__default.createElement(SvgIconReplyFilled, null);
 
-    case Type.SEARCH:
+    case Types.SEARCH:
       return /*#__PURE__*/React__default.createElement(SvgIconSearch, null);
 
-    case Type.SEND:
+    case Types.SEND:
       return /*#__PURE__*/React__default.createElement(SvgIconSend, null);
 
-    case Type.SETTINGS_FILLED:
+    case Types.SETTINGS_FILLED:
       return /*#__PURE__*/React__default.createElement(SvgIconSettingsFilled, null);
 
-    case Type.SPINNER:
+    case Types.SPINNER:
       return /*#__PURE__*/React__default.createElement(SvgIconSpinner, null);
 
-    case Type.SUPERGROUP:
+    case Types.SUPERGROUP:
       return /*#__PURE__*/React__default.createElement(SvgIconSupergroup, null);
 
-    case Type.THUMBNAIL_NONE:
+    case Types.THUMBNAIL_NONE:
       return /*#__PURE__*/React__default.createElement(SvgIconThumbnailNone, null);
 
-    case Type.TOGGLE_OFF:
+    case Types.TOGGLE_OFF:
       return /*#__PURE__*/React__default.createElement(SvgIconToggleoff, null);
 
-    case Type.TOGGLE_ON:
+    case Types.TOGGLE_ON:
       return /*#__PURE__*/React__default.createElement(SvgIconToggleon, null);
 
-    case Type.USER:
+    case Types.USER:
       return /*#__PURE__*/React__default.createElement(SvgIconUser, null);
 
     default:
@@ -1211,178 +1425,6 @@ function changeTypeToIconComponent(type) {
   }
 }
 
-function changeTypeToIconClassName(type) {
-  switch (type) {
-    case Type.ADD:
-      return 'sendbird-icon-add';
-
-    case Type.ARROW_LEFT:
-      return 'sendbird-icon-arrow-left';
-
-    case Type.ATTACH:
-      return 'sendbird-icon-attach';
-
-    case Type.BAN:
-      return 'sendbird-icon-ban';
-
-    case Type.BROADCAST:
-      return 'sendbird-icon-broadcast';
-
-    case Type.CAMERA:
-      return 'sendbird-icon-camera';
-
-    case Type.CHANNELS:
-      return 'sendbird-icon-channels';
-
-    case Type.CHAT:
-      return 'sendbird-icon-chat';
-
-    case Type.CHAT_FILLED:
-      return 'sendbird-icon-chat-filled';
-
-    case Type.CHEVRON_DOWN:
-      return 'sendbird-icon-chevron-down';
-
-    case Type.CHEVRON_RIGHT:
-      return 'sendbird-icon-chevron-right';
-
-    case Type.CLOSE:
-      return 'sendbird-icon-close';
-
-    case Type.COLLAPSE:
-      return 'sendbird-icon-collapse';
-
-    case Type.COPY:
-      return 'sendbird-icon-copy';
-
-    case Type.CREATE:
-      return 'sendbird-icon-create';
-
-    case Type.DELETE:
-      return 'sendbird-icon-delete';
-
-    case Type.DISCONNECTED:
-      return 'sendbird-icon-disconnected';
-
-    case Type.DOCUMENT:
-      return 'sendbird-icon-document';
-
-    case Type.DONE:
-      return 'sendbird-icon-done';
-
-    case Type.DONE_ALL:
-      return 'sendbird-icon-done-all';
-
-    case Type.DOWNLOAD:
-      return 'sendbird-icon-down-load';
-
-    case Type.EDIT:
-      return 'sendbird-icon-edit';
-
-    case Type.EMOJI_MORE:
-      return 'sendbird-icon-emoji-more';
-
-    case Type.ERROR:
-      return 'sendbird-icon-error';
-
-    case Type.EXPAND:
-      return 'sendbird-icon-expand';
-
-    case Type.FILE_AUDIO:
-      return 'sendbird-icon-file-audio';
-
-    case Type.FILE_DOCUMENT:
-      return 'sendbird-icon-file-document';
-
-    case Type.FREEZE:
-      return 'sendbird-icon-freeze';
-
-    case Type.GIF:
-      return 'sendbird-icon-gif';
-
-    case Type.INFO:
-      return 'sendbird-icon-info';
-
-    case Type.LEAVE:
-      return 'sendbird-icon-leave';
-
-    case Type.MEMBERS:
-      return 'sendbird-icon-members';
-
-    case Type.MESSAGE:
-      return 'sendbird-icon-message';
-
-    case Type.MODERATIONS:
-      return 'sendbird-icon-moderations';
-
-    case Type.MORE:
-      return 'sendbird-icon-more';
-
-    case Type.MUTE:
-      return 'sendbird-icon-mute';
-
-    case Type.NOTIFICATIONS:
-      return 'sendbird-icon-notifications';
-
-    case Type.NOTIFICATIONS_OFF_FILLED:
-      return 'sendbird-icon-notifications-off-filled';
-
-    case Type.OPERATOR:
-      return 'sendbird-icon-operator';
-
-    case Type.PHOTO:
-      return 'sendbird-icon-photo';
-
-    case Type.PLAY:
-      return 'sendbird-icon-play';
-
-    case Type.PLUS:
-      return 'sendbird-iconn-plus';
-
-    case Type.QUESTION:
-      return 'sendbird-icon-question';
-
-    case Type.REFRESH:
-      return 'sendbird-icon-refresh';
-
-    case Type.REMOVE:
-      return 'sendbird-icon-remove';
-
-    case Type.REPLY:
-      return 'sendbird-icon-reply';
-
-    case Type.SEARCH:
-      return 'sendbird-icon-search';
-
-    case Type.SEND:
-      return 'sendbird-icon-send';
-
-    case Type.SETTINGS_FILLED:
-      return 'sendbird-icon-settings-filled';
-
-    case Type.SPINNER:
-      return 'sendbird-icon-spinner';
-
-    case Type.SUPERGROUP:
-      return 'sendbird-icon-supergroup';
-
-    case Type.THUMBNAIL_NONE:
-      return 'sendbird-icon-thumbnail-none';
-
-    case Type.TOGGLE_OFF:
-      return 'sendbird-icon-toggle-off';
-
-    case Type.TOGGLE_ON:
-      return 'sendbird-icon-toggle-on';
-
-    case Type.USER:
-      return 'sendbird-icon-user';
-
-    default:
-      return 'sendbird-icon-unknown';
-    // If you see this text 'icon' replace icon for it
-  }
-}
 function Icon(_ref) {
   let {
     className,
@@ -1412,7 +1454,7 @@ Icon.propTypes = {
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
 
   /** Type: Use strings from below list */
-  type: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(Type)), PropTypes.string]).isRequired,
+  type: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(Types)), PropTypes.string]).isRequired,
 
   /** Type: Use Colors from below list */
   fillColor: PropTypes.oneOf(Object.keys(Colors)),
@@ -1429,8 +1471,8 @@ Icon.defaultProps = {
   onClick: () => {},
   children: null
 };
-const IconTypes = Type;
+const IconTypes = Types;
 const IconColors = Colors;
 
-export { IconColors, IconTypes, changeColorToClassName, changeTypeToIconClassName, Icon as default };
+export { IconColors, IconTypes, Icon as default };
 //# sourceMappingURL=Icon.js.map