agora-appbuilder-core 4.0.13 → 4.0.15

package/template/src/assets/font-styles.css

@@ -8,7 +8,8 @@
   font-display: block;
 }
 
-[class^="icon-"], [class*=" icon-"] {
+[class^='icon-'],
+[class*=' icon-'] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: never;
@@ -23,643 +24,478 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-
 .icon-play-circle:before {
-  content: "\e99d";
-  color: #fff;
-}
-.icon-reply:before {
-  content: "\e999";
-  color: #fff;
-}
-.icon-reply_all:before {
-  content: "\e99a";
-  color: #fff;
-}
-.icon-delete:before {
-  content: "\e99b";
-  color: #ff414d;
-}
-.icon-block_user:before {
-  content: "\e99c";
-  color: #ff414d;
-}
-.icon-chat_send:before {
-  content: "\e978";
-  color: #fff;
-}
-.icon-chat_send_fill:before {
-  content: "\e97b";
-  color: #fff;
-}
-.icon-chat_emoji:before {
-  content: "\e97c";
+  content: '\e978';
   color: #fff;
 }
-.icon-chat_attachment_doc .path1:before {
-  content: "\e97d";
-  color: rgb(223, 227, 229);
-}
-.icon-chat_attachment_doc .path2:before {
-  content: "\e97e";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-  opacity: 0.15;
-}
-.icon-chat_attachment_doc .path3:before {
-  content: "\e97f";
-  margin-left: -1em;
-  color: rgb(18, 127, 255);
-}
-.icon-chat_attachment_doc .path4:before {
-  content: "\e980";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_doc .path5:before {
-  content: "\e981";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_doc .path6:before {
-  content: "\e982";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_image .path1:before {
-  content: "\e983";
-  color: rgb(223, 227, 229);
-}
-.icon-chat_attachment_image .path2:before {
-  content: "\e984";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-  opacity: 0.15;
-}
-.icon-chat_attachment_image .path3:before {
-  content: "\e985";
-  margin-left: -1em;
-  color: rgb(114, 205, 255);
-}
-.icon-chat_attachment_image .path4:before {
-  content: "\e986";
-  margin-left: -1em;
-  color: rgb(128, 183, 74);
-}
-.icon-chat_attachment_image .path5:before {
-  content: "\e987";
-  margin-left: -1em;
-  color: rgb(78, 147, 27);
-}
-.icon-chat_attachment_image .path6:before {
-  content: "\e988";
-  margin-left: -1em;
-  color: rgb(245, 215, 69);
-}
-.icon-chat_attachment_pdf .path1:before {
-  content: "\e989";
-  color: rgb(223, 227, 229);
-}
-.icon-chat_attachment_pdf .path2:before {
-  content: "\e98a";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-  opacity: 0.15;
-}
-.icon-chat_attachment_pdf .path3:before {
-  content: "\e98b";
-  margin-left: -1em;
-  color: rgb(255, 94, 72);
-}
-.icon-chat_attachment_pdf .path4:before {
-  content: "\e98c";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_pdf .path5:before {
-  content: "\e98d";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_pdf .path6:before {
-  content: "\e98e";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-chat_attachment_unknown .path1:before {
-  content: "\e98f";
-  color: rgb(223, 227, 229);
-}
-.icon-chat_attachment_unknown .path2:before {
-  content: "\e990";
-  margin-left: -1em;
-  color: rgb(168, 174, 178);
-}
-.icon-chat_attachment_unknown .path3:before {
-  content: "\e991";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-  opacity: 0.15;
-}
-.icon-chat_attachment:before {
-  content: "\e992";
-  color: #fff;
-}
-.icon-chat_gif:before {
-  content: "\e993";
-  color: #fff;
-}
-.icon-chat_gif_fill:before {
-  content: "\e994";
-  color: #fff;
-}
-.icon-chat_emoji_fill .path1:before {
-  content: "\e995";
-  color: rgb(255, 171, 0);
-}
-.icon-chat_emoji_fill .path2:before {
-  content: "\e996";
-  margin-left: -1em;
-  color: rgb(17, 17, 17);
-}
-.icon-chat_emoji_fill .path3:before {
-  content: "\e997";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
-.icon-chat_emoji_fill .path4:before {
-  content: "\e998";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
-}
 .icon-clear-all:before {
-  content: "\e96f";
+  content: '\e96f';
   color: #fff;
 }
 .icon-erasor:before {
-  content: "\e970";
+  content: '\e970';
   color: #fff;
 }
 .icon-color-picker:before {
-  content: "\e973";
+  content: '\e973';
   color: #fff;
 }
 .icon-shapes:before {
-  content: "\e974";
+  content: '\e974';
   color: #fff;
 }
 .icon-pen:before {
-  content: "\e975";
+  content: '\e975';
   color: #fff;
 }
 .icon-selector:before {
-  content: "\e977";
+  content: '\e977';
   color: #fff;
 }
 .icon-view-only:before {
-  content: "\e97a";
+  content: '\e97a';
   color: #808080;
 }
 .icon-fit-to-screen:before {
-  content: "\e979";
+  content: '\e979';
   color: #fff;
 }
 .icon-zoom-in:before {
-  content: "\e963";
+  content: '\e963';
   color: #fff;
 }
 .icon-zoom-out:before {
-  content: "\e964";
+  content: '\e964';
   color: #fff;
 }
 .icon-undo:before {
-  content: "\e965";
+  content: '\e965';
   color: #fff;
 }
 .icon-redo:before {
-  content: "\e966";
+  content: '\e966';
   color: #fff;
 }
 .icon-light:before {
-  content: "\e967";
+  content: '\e967';
   color: #fff;
 }
 .icon-dark:before {
-  content: "\e968";
+  content: '\e968';
   color: #fff;
 }
 .icon-line:before {
-  content: "\e969";
+  content: '\e969';
   color: #fff;
 }
 .icon-square:before {
-  content: "\e96a";
+  content: '\e96a';
   color: #fff;
 }
 .icon-circle:before {
-  content: "\e96b";
+  content: '\e96b';
   color: #fff;
 }
 .icon-arrow:before {
-  content: "\e96c";
+  content: '\e96c';
   color: #fff;
 }
 .icon-gradient:before {
-  content: "\e96d";
+  content: '\e96d';
   color: #eac443;
 }
 .icon-area-selection:before {
-  content: "\e96e";
+  content: '\e96e';
   color: #fff;
 }
 .icon-highlight:before {
-  content: "\e971";
+  content: '\e971';
   color: #fff;
 }
 .icon-move:before {
-  content: "\e972";
+  content: '\e972';
   color: #fff;
 }
 .icon-text:before {
-  content: "\e976";
+  content: '\e976';
   color: #fff;
 }
 .icon-celebration:before {
-  content: "\e962";
+  content: '\e962';
   color: #ff414d;
 }
 .icon-upload-new:before {
-  content: "\e961";
+  content: '\e961';
   color: #fff;
 }
 .icon-add:before {
-  content: "\e95d";
+  content: '\e95d';
   color: #fff;
 }
 .icon-blur:before {
-  content: "\e95e";
+  content: '\e95e';
   color: #fff;
 }
 .icon-remove:before {
-  content: "\e95f";
+  content: '\e95f';
   color: #fff;
 }
 .icon-vb:before {
-  content: "\e960";
+  content: '\e960';
   color: #fff;
 }
 .icon-captions:before {
-  content: "\e941";
+  content: '\e941';
   color: #fff;
 }
 .icon-captions-off:before {
-  content: "\e958";
+  content: '\e958';
   color: #fff;
 }
 .icon-view-last:before {
-  content: "\e95c";
+  content: '\e95c';
   color: #fff;
 }
 .icon-download:before {
-  content: "\e959";
+  content: '\e959';
   color: #fff;
 }
 .icon-transcript-stop:before {
-  content: "\e95a";
+  content: '\e95a';
   color: #fff;
 }
 .icon-transcript:before {
-  content: "\e95b";
+  content: '\e95b';
   color: #fff;
 }
 .icon-search:before {
-  content: "\e945";
+  content: '\e945';
   color: #808080;
 }
 .icon-lang-select:before {
-  content: "\e942";
+  content: '\e942';
   color: #fff;
 }
 .icon-globe:before {
-  content: "\e944";
+  content: '\e944';
   color: #808080;
 }
 .icon-down-arrow:before {
-  content: "\e93f";
+  content: '\e93f';
   color: #fff;
 }
 .icon-caption-mode:before {
-  content: "\e93c";
+  content: '\e93c';
   color: #fff;
 }
 .icon-stt:before {
-  content: "\e93d";
+  content: '\e93d';
   color: #fff;
 }
 .icon-transcript-mode:before {
-  content: "\e93e";
+  content: '\e93e';
   color: #fff;
 }
 .icon-demote-filled:before {
-  content: "\e912";
+  content: '\e912';
   color: #fafafa;
 }
 .icon-demote-outlined:before {
-  content: "\e922";
+  content: '\e922';
   color: #fafafa;
 }
 .icon-active-speaker:before {
-  content: "\e903";
+  content: '\e903';
   color: #099dfd;
 }
 .icon-alert:before {
-  content: "\e924";
+  content: '\e924';
   color: #ff414d;
 }
 .icon-arrow-down:before {
-  content: "\e900";
+  content: '\e900';
 }
 .icon-arrow-up:before {
-  content: "\e901";
+  content: '\e901';
 }
 .icon-back-btn:before {
-  content: "\e902";
+  content: '\e902';
 }
 .icon-chat-filled:before {
-  content: "\e904";
+  content: '\e904';
   color: #c5c5c5;
 }
 .icon-chat-nav:before {
-  content: "\e907";
+  content: '\e907';
 }
 .icon-chat-outlined:before {
-  content: "\e910";
+  content: '\e910';
   color: #c5c5c5;
 }
 .icon-check:before {
-  content: "\e905";
+  content: '\e905';
   color: #29c157;
 }
 .icon-clipboard:before {
-  content: "\e906";
+  content: '\e906';
 }
 .icon-close:before {
-  content: "\e908";
+  content: '\e908';
 }
 .icon-collapse:before {
-  content: "\e913";
+  content: '\e913';
   color: #fff;
 }
 .icon-connection-bad:before {
-  content: "\e909";
+  content: '\e909';
   color: #ffab00;
 }
 .icon-connection-good:before {
-  content: "\e90a";
+  content: '\e90a';
   color: #29c157;
 }
 .icon-connection-loading:before {
-  content: "\e90b";
+  content: '\e90b';
   color: #b3b3b3;
 }
 .icon-connection-unpublished:before {
-  content: "\e90c";
+  content: '\e90c';
   color: #b3b3b3;
 }
 .icon-connection-unsupported:before {
-  content: "\e90d";
+  content: '\e90d';
   color: #b3b3b3;
 }
 .icon-connection-very-bad:before {
-  content: "\e90e";
+  content: '\e90e';
   color: #ff414d;
 }
 .icon-downside-triangle:before {
-  content: "\e936";
+  content: '\e936';
   color: #555;
 }
 .icon-end-call:before {
-  content: "\e90f";
+  content: '\e90f';
 }
 .icon-expand:before {
-  content: "\e923";
+  content: '\e923';
   color: #fff;
 }
 .icon-grid:before {
-  content: "\e947";
+  content: '\e947';
   color: #fff;
 }
 .icon-info:before {
-  content: "\e911";
+  content: '\e911';
 }
 .icon-link-share:before {
-  content: "\e93b";
+  content: '\e93b';
   color: #099dfd;
 }
 .icon-list-view:before {
-  content: "\e914";
+  content: '\e914';
 }
 .icon-lower-hand:before {
-  content: "\e915";
+  content: '\e915';
   color: #099dfd;
 }
 .icon-mic-off:before {
-  content: "\e916";
+  content: '\e916';
 }
 .icon-mic-off-filled:before {
-  content: "\e948";
+  content: '\e948';
   color: #c5c5c5;
 }
 .icon-mic-off-outlined:before {
-  content: "\e949";
+  content: '\e949';
   color: #c5c5c5;
 }
 .icon-mic-on:before {
-  content: "\e917";
+  content: '\e917';
 }
 .icon-mic-on-filled:before {
-  content: "\e94a";
+  content: '\e94a';
   color: #c5c5c5;
 }
 .icon-mic-on-outlined:before {
-  content: "\e94b";
+  content: '\e94b';
   color: #c5c5c5;
 }
 .icon-more-menu:before {
-  content: "\e918";
+  content: '\e918';
 }
 .icon-no-cam .path1:before {
-  content: "\e919";
+  content: '\e919';
   color: rgb(143, 143, 143);
 }
 .icon-no-cam .path2:before {
-  content: "\e91a";
+  content: '\e91a';
   margin-left: -1em;
   color: rgb(255, 171, 0);
 }
 .icon-no-cam .path3:before {
-  content: "\e91b";
+  content: '\e91b';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-no-cam .path4:before {
-  content: "\e91c";
+  content: '\e91c';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-no-mic .path1:before {
-  content: "\e91d";
+  content: '\e91d';
   color: rgb(143, 143, 143);
 }
 .icon-no-mic .path2:before {
-  content: "\e91e";
+  content: '\e91e';
   margin-left: -1em;
   color: rgb(255, 171, 0);
 }
 .icon-no-mic .path3:before {
-  content: "\e91f";
+  content: '\e91f';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-no-mic .path4:before {
-  content: "\e920";
+  content: '\e920';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-participants:before {
-  content: "\e926";
+  content: '\e926';
   color: #fff;
 }
 .icon-pencil-filled:before {
-  content: "\e940";
+  content: '\e940';
 }
 .icon-pencil-outlined:before {
-  content: "\e957";
+  content: '\e957';
 }
 .icon-people:before {
-  content: "\e946";
+  content: '\e946';
   color: #777;
 }
 .icon-person:before {
-  content: "\e921";
+  content: '\e921';
   color: #808080;
 }
 .icon-pin-filled:before {
-  content: "\e94c";
+  content: '\e94c';
   color: #c5c5c5;
 }
 .icon-pin-outlined:before {
-  content: "\e94d";
+  content: '\e94d';
   color: #c5c5c5;
 }
 .icon-pinned:before {
-  content: "\e94e";
+  content: '\e94e';
   color: #fff;
 }
 .icon-profile .path1:before {
-  content: "\e937";
+  content: '\e937';
   color: rgb(0, 0, 0);
 }
 .icon-profile .path2:before {
-  content: "\e938";
+  content: '\e938';
   margin-left: -1em;
   color: rgb(9, 157, 253);
 }
 .icon-profile .path3:before {
-  content: "\e939";
+  content: '\e939';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-profile .path4:before {
-  content: "\e93a";
+  content: '\e93a';
   margin-left: -1em;
   color: rgb(255, 255, 255);
 }
 .icon-promote-filled:before {
-  content: "\e94f";
+  content: '\e94f';
   color: #fafafa;
 }
 .icon-promote-outlined:before {
-  content: "\e950";
+  content: '\e950';
   color: #fafafa;
 }
 .icon-raise-hand:before {
-  content: "\e927";
+  content: '\e927';
   color: #099dfd;
 }
 .icon-recording:before {
-  content: "\e928";
+  content: '\e928';
 }
 .icon-remove1:before {
-  content: "\e929";
+  content: '\e929';
 }
 .icon-remove-meeting:before {
-  content: "\e943";
+  content: '\e943';
   color: #e7414c;
 }
 .icon-screen-share:before {
-  content: "\e92a";
+  content: '\e92a';
 }
 .icon-send:before {
-  content: "\e92b";
+  content: '\e92b';
 }
 .icon-settings:before {
-  content: "\e92c";
+  content: '\e92c';
 }
 .icon-share:before {
-  content: "\e92d";
+  content: '\e92d';
 }
 .icon-speaker:before {
-  content: "\e925";
+  content: '\e925';
   color: #808080;
 }
 .icon-stop-recording:before {
-  content: "\e92e";
+  content: '\e92e';
   color: #ff414d;
 }
 .icon-stop-screen-share:before {
-  content: "\e92f";
+  content: '\e92f';
 }
 .icon-switch-camera:before {
-  content: "\e930";
+  content: '\e930';
 }
 .icon-tick:before {
-  content: "\e932";
+  content: '\e932';
 }
 .icon-tick-fill:before {
-  content: "\e931";
+  content: '\e931';
   color: #36b37e;
 }
 .icon-unpin-filled:before {
-  content: "\e951";
+  content: '\e951';
   color: #d9d9d9;
 }
 .icon-unpin-outlined:before {
-  content: "\e952";
+  content: '\e952';
   color: #d9d9d9;
 }
 .icon-video-off:before {
-  content: "\e933";
+  content: '\e933';
 }
 .icon-video-off-filled:before {
-  content: "\e953";
+  content: '\e953';
   color: #c5c5c5;
 }
 .icon-video-off-outlined:before {
-  content: "\e954";
+  content: '\e954';
   color: #c5c5c5;
 }
 .icon-video-on:before {
-  content: "\e934";
+  content: '\e934';
 }
 .icon-video-on-filled:before {
-  content: "\e955";
+  content: '\e955';
   color: #c5c5c5;
 }
 .icon-video-on-outlined:before {
-  content: "\e956";
+  content: '\e956';
   color: #c5c5c5;
 }
 .icon-video-plus:before {
-  content: "\e935";
+  content: '\e935';
 }