fcr-ui-scene 3.8.0-alpha → 3.8.1-alpha

package/lib/global.d.ts

@@ -1,27 +1,27 @@
-declare module '*.css';
-declare module '*.svga';
-declare module '*.svg';
-declare module '*.mp3';
-declare module '*.mp4';
-declare module '*.png';
-declare module '*.gif';
-declare module '*.jpg';
-
-namespace FcrUI {
-  type FcrUIRectangle = {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-  };
-
-  type FcrUIPoint = {
-    x: number;
-    y: number;
-  };
-
-  type FcrUIDimensions = {
-    width: number;
-    height: number;
-  };
-}
+declare module '*.css';
+declare module '*.svga';
+declare module '*.svg';
+declare module '*.mp3';
+declare module '*.mp4';
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+
+namespace FcrUI {
+  type FcrUIRectangle = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+  };
+
+  type FcrUIPoint = {
+    x: number;
+    y: number;
+  };
+
+  type FcrUIDimensions = {
+    width: number;
+    height: number;
+  };
+}

package/lib/modules/action-bar/components/chat/index.css

@@ -1,88 +1,88 @@
-.fcr-action-bar-chat {
-  position: relative;
-}
-.fcr-chatroom-tooltip-content {
-  display: flex;
-  gap: 12px;
-  position: relative;
-  min-width: 260px;
-}
-.fcr-chatroom-tooltip-content-close {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  border-radius: var(--fcr_cornerradius_round);
-  right: -7px;
-  top: -9px;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fcr-chatroom-tooltip-content-close:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-chatroom-tooltip-content-from {
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-}
-.fcr-chatroom-tooltip-content-from span {
-  font-weight: 600;
-}
-.fcr-chatroom-tooltip-content-from,
-.fcr-chatroom-tooltip-content-msg {
-  text-align: left;
-}
-.fcr-chatroom-tooltip-content-msg {
-  padding-top: 5px;
-  color: var(--fcr_ui_scene_icontext1);
-
-  font-size: 13px;
-  line-height: 17px;
-  word-break: break-all;
-}
-.fcr-chatroom-tooltip-content-msg-break {
-  white-space: normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-.fcr-chatroom-tooltip {
-  max-width: 450px;
-}
-
-.fcr-action-bar-chat-wrapper {
-  position: relative;
-}
-.fcr-action-bar-chat-unread-count {
-  border-radius: var(--fcr_cornerradius_xs);
-  border-color: var(--fcr_web_ui_scene_fill2);
-  border-style: solid;
-  border-width: 2px;
-  height: 14px;
-  width: 18px;
-  background: var(--fcr_ui_scene_ramp_red6);
-  color: var(--fcr_ui_scene_white10);
-  position: absolute;
-  top: 0;
-  left: 42px;
-  font-size: 10px;
-  box-sizing: content-box;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.fcr-chatroom-tooltip-content-text-width {
-  width: calc(100% - 12px - 32px);
-}
-
-.fcr-chatroom-tooltip-content-text-width .fcr-chatroom-tooltip-content-msg-break {
-  overflow-wrap: break-word;
-}
+.fcr-action-bar-chat {
+  position: relative;
+}
+.fcr-chatroom-tooltip-content {
+  display: flex;
+  gap: 12px;
+  position: relative;
+  min-width: 260px;
+}
+.fcr-chatroom-tooltip-content-close {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: var(--fcr_cornerradius_round);
+  right: -7px;
+  top: -9px;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.fcr-chatroom-tooltip-content-close:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-chatroom-tooltip-content-from {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+}
+.fcr-chatroom-tooltip-content-from span {
+  font-weight: 600;
+}
+.fcr-chatroom-tooltip-content-from,
+.fcr-chatroom-tooltip-content-msg {
+  text-align: left;
+}
+.fcr-chatroom-tooltip-content-msg {
+  padding-top: 5px;
+  color: var(--fcr_ui_scene_icontext1);
+
+  font-size: 13px;
+  line-height: 17px;
+  word-break: break-all;
+}
+.fcr-chatroom-tooltip-content-msg-break {
+  white-space: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.fcr-chatroom-tooltip {
+  max-width: 450px;
+}
+
+.fcr-action-bar-chat-wrapper {
+  position: relative;
+}
+.fcr-action-bar-chat-unread-count {
+  border-radius: var(--fcr_cornerradius_xs);
+  border-color: var(--fcr_web_ui_scene_fill2);
+  border-style: solid;
+  border-width: 2px;
+  height: 14px;
+  width: 18px;
+  background: var(--fcr_ui_scene_ramp_red6);
+  color: var(--fcr_ui_scene_white10);
+  position: absolute;
+  top: 0;
+  left: 42px;
+  font-size: 10px;
+  box-sizing: content-box;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fcr-chatroom-tooltip-content-text-width {
+  width: calc(100% - 12px - 32px);
+}
+
+.fcr-chatroom-tooltip-content-text-width .fcr-chatroom-tooltip-content-msg-break {
+  overflow-wrap: break-word;
+}

package/lib/modules/action-bar/components/more/index.css

@@ -1,114 +1,114 @@
-.fcr-action-bar--more-popover .fcr-tooltip-inner {
-  border-radius: var(--fcr_cornerradius_l);
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  box-shadow: var(--fcr_web_light_dropup_m) !important;
-  width: 245px !important;
-  text-align: left !important;
-  z-index: infinity;
-}
-
-.fcr-more-popover-content__group .fcr-radio {
-  border-radius: var(--fcr_cornerradius_xxs);
-  height: 32px;
-  width: 100%;
-  padding: 0 6px;
-  transition: all 0.2s ease;
-}
-.fcr-more-popover-content__group .fcr-radio:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-more-popover-content__group .fcr-radio:hover .fcr-radio-label {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-more-popover-content__group .fcr-radio:hover .fcr-radio-inner svg path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-more-popover-content__group .fcr-radio-inner {
-  width: 14px;
-  height: 14px;
-}
-.fcr-more-popover-content__group .fcr-radio-inner svg {
-  width: 14px;
-  height: 14px;
-}
-.fcr-more-popover-content__group .fcr-radio-inner svg path {
-  fill: var(--fcr_ui_scene_icontext1);
-  transition: all 0.1s ease;
-}
-.fcr-more-popover-content__group .fcr-radio-label {
-  padding-left: 8px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 13px;
-  line-height: 100%;
-  transition: all 0.1s ease;
-}
-.fcr-more-popover-content__group {
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  padding: 8px 10px;
-}
-.fcr-more-popover-content__group:first-child {
-  border-top-width: 0;
-}
-
-.fcr-more-popover-content__group-item {
-  border-radius: var(--fcr_cornerradius_xxs);
-  height: 32px;
-  width: 100%;
-  padding: 4px 6px 4px 36px;
-  font-size: 13px;
-  line-height: 100%;
-  color: var(--fcr_ui_scene_icontext1, #373c42);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.fcr-more-popover-content__group-item.contain-icon {
-  padding: 4px 6px;
-}
-.fcr-more-popover-content__group-item:hover {
-  color: var(--fcr_web_ui_scene_mainicon2);
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-more-popover-content__group-item:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-more-popover-content__group-item svg {
-  flex-shrink: 0;
-}
-.fcr-more-popover-content__group-item path {
-  fill: var(--fcr_ui_scene_icontext5);
-  transition: all 0.2s ease;
-}
-.fcr-more-popover-content__group-item span {
-  min-width: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.fcr-more-popover-content__group-item.stop-record {
-  color: var(--fcr_ui_scene_ramp_red6);
-}
-.fcr-more-popover-content__group-item.stop-record path,
-.fcr-more-popover-content__group-item.stop-record:hover path {
-  fill: var(--fcr_ui_scene_ramp_red6);
-}
-.fcr-more-popover-content__group-item.stop-record:hover {
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-
-.fcr-more-popover-content__group-item:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-.fcr-more-popover-content__group-item .fcr-more-popover-content_chat_msg_count {
-  padding: 2px 4px 2px 4px;
-  background-color: var(--fcr_ui_scene_ramp_red6);
-  border-radius: var(--fcr_cornerradius_xxs);
-}
-.fcr-action-bar--more-popover .fcr-checkbox-input-wrapper {
-  border-color: transparent;
-}
+.fcr-action-bar--more-popover .fcr-tooltip-inner {
+  border-radius: var(--fcr_cornerradius_l);
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  box-shadow: var(--fcr_web_light_dropup_m) !important;
+  width: 245px !important;
+  text-align: left !important;
+  z-index: infinity;
+}
+
+.fcr-more-popover-content__group .fcr-radio {
+  border-radius: var(--fcr_cornerradius_xxs);
+  height: 32px;
+  width: 100%;
+  padding: 0 6px;
+  transition: all 0.2s ease;
+}
+.fcr-more-popover-content__group .fcr-radio:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-more-popover-content__group .fcr-radio:hover .fcr-radio-label {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+.fcr-more-popover-content__group .fcr-radio:hover .fcr-radio-inner svg path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+.fcr-more-popover-content__group .fcr-radio-inner {
+  width: 14px;
+  height: 14px;
+}
+.fcr-more-popover-content__group .fcr-radio-inner svg {
+  width: 14px;
+  height: 14px;
+}
+.fcr-more-popover-content__group .fcr-radio-inner svg path {
+  fill: var(--fcr_ui_scene_icontext1);
+  transition: all 0.1s ease;
+}
+.fcr-more-popover-content__group .fcr-radio-label {
+  padding-left: 8px;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 13px;
+  line-height: 100%;
+  transition: all 0.1s ease;
+}
+.fcr-more-popover-content__group {
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  padding: 8px 10px;
+}
+.fcr-more-popover-content__group:first-child {
+  border-top-width: 0;
+}
+
+.fcr-more-popover-content__group-item {
+  border-radius: var(--fcr_cornerradius_xxs);
+  height: 32px;
+  width: 100%;
+  padding: 4px 6px 4px 36px;
+  font-size: 13px;
+  line-height: 100%;
+  color: var(--fcr_ui_scene_icontext1, #373c42);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.fcr-more-popover-content__group-item.contain-icon {
+  padding: 4px 6px;
+}
+.fcr-more-popover-content__group-item:hover {
+  color: var(--fcr_web_ui_scene_mainicon2);
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-more-popover-content__group-item:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+.fcr-more-popover-content__group-item svg {
+  flex-shrink: 0;
+}
+.fcr-more-popover-content__group-item path {
+  fill: var(--fcr_ui_scene_icontext5);
+  transition: all 0.2s ease;
+}
+.fcr-more-popover-content__group-item span {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.fcr-more-popover-content__group-item.stop-record {
+  color: var(--fcr_ui_scene_ramp_red6);
+}
+.fcr-more-popover-content__group-item.stop-record path,
+.fcr-more-popover-content__group-item.stop-record:hover path {
+  fill: var(--fcr_ui_scene_ramp_red6);
+}
+.fcr-more-popover-content__group-item.stop-record:hover {
+  background: var(--fcr_ui_scene_ramp_red1);
+}
+
+.fcr-more-popover-content__group-item:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.fcr-more-popover-content__group-item .fcr-more-popover-content_chat_msg_count {
+  padding: 2px 4px 2px 4px;
+  background-color: var(--fcr_ui_scene_ramp_red6);
+  border-radius: var(--fcr_cornerradius_xxs);
+}
+.fcr-action-bar--more-popover .fcr-checkbox-input-wrapper {
+  border-color: transparent;
+}

package/lib/modules/action-bar/components/notification-bar/components/interpreter/index.css

@@ -1,58 +1,58 @@
-.interpreter-notification {
-  width: 270px;
-  min-height: 90px;
-  background: var(--fcr_ui_scene_ramp_purple6);
-  border-radius: var(--fcr_cornerradius_l);
-  position: relative;
-  z-index: 10;
-  bottom: 10px;
-  right: calc(60px - 15px);
-}
-
-.interpreter-notification .interpreter-notification-inner {
-  width: 270px;
-  padding: 10px 15px;
-  min-height: 90px;
-  border-radius: var(--fcr_cornerradius_l);
-  border-bottom-right-radius: 0;
-  background: var(--fcr_ui_scene_white10);
-}
-
-.interpreter-notification .interpreter-notification-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-  color: var(--fcr_ui_scene_black10);
-  font-size: 16px;
-  font-weight: bold;
-}
-
-.interpreter-notification .interpreter-notification-content {
-  font-size: 15px;
-  line-height: 22px;
-  font-weight: 300;
-}
-
-.interpreter-notification .interpreter-notification-backtext {
-  font-size: 15px;
-  line-height: 1.5;
-  padding: 6px 15px;
-  color: var(--fcr_ui_scene_white10);
-}
-
-.interpreter-notification .interpreter-notification-close {
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_white7);
-  position: absolute;
-  right: -23px;
-  top: 0;
-  text-align: center;
-  line-height: 16px;
-}
-.interpreter-notification .interpreter-notification-close:hover {
-  background-color: var(--fcr_ui_scene_white10);
-  cursor: pointer;
-}
+.interpreter-notification {
+  width: 270px;
+  min-height: 90px;
+  background: var(--fcr_ui_scene_ramp_purple6);
+  border-radius: var(--fcr_cornerradius_l);
+  position: relative;
+  z-index: 10;
+  bottom: 10px;
+  right: calc(60px - 15px);
+}
+
+.interpreter-notification .interpreter-notification-inner {
+  width: 270px;
+  padding: 10px 15px;
+  min-height: 90px;
+  border-radius: var(--fcr_cornerradius_l);
+  border-bottom-right-radius: 0;
+  background: var(--fcr_ui_scene_white10);
+}
+
+.interpreter-notification .interpreter-notification-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+  color: var(--fcr_ui_scene_black10);
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.interpreter-notification .interpreter-notification-content {
+  font-size: 15px;
+  line-height: 22px;
+  font-weight: 300;
+}
+
+.interpreter-notification .interpreter-notification-backtext {
+  font-size: 15px;
+  line-height: 1.5;
+  padding: 6px 15px;
+  color: var(--fcr_ui_scene_white10);
+}
+
+.interpreter-notification .interpreter-notification-close {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_white7);
+  position: absolute;
+  right: -23px;
+  top: 0;
+  text-align: center;
+  line-height: 16px;
+}
+.interpreter-notification .interpreter-notification-close:hover {
+  background-color: var(--fcr_ui_scene_white10);
+  cursor: pointer;
+}

package/lib/modules/action-bar/components/notification-bar/components/virtual-image/index.css

@@ -1,56 +1,56 @@
-.interpreter-virtual-image-container {
-  position: absolute;
-  width: 60px;
-  height: 72px;
-  right: 0;
-  bottom: 3px;
-  transition: all 0.2s;
-  z-index: 20;
-  animation: say-hi 1s;
-  animation-iteration-count: 1;
-}
-
-.interpreter-virtual-image-hidden {
-  height: 20px;
-}
-
-.interpreter-virtual-image-close {
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_white7);
-  position: absolute;
-  right: -8px;
-  top: 0;
-  text-align: center;
-  line-height: 16px;
-  z-index: 10;
-}
-
-.interpreter-virtual-image-close:hover {
-  background-color: var(--fcr_ui_scene_white10);
-  cursor: pointer;
-}
-
-.interpreter-virtual-image {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  overflow: hidden;
-}
-.interpreter-virtual-image:focus {
-  outline: none;
-}
-
-@keyframes say-hi {
-  0% {
-    height: 72px;
-  }
-  50% {
-    height: 57.6px;
-  }
-  100% {
-    height: 72px;
-  }
-}
+.interpreter-virtual-image-container {
+  position: absolute;
+  width: 60px;
+  height: 72px;
+  right: 0;
+  bottom: 3px;
+  transition: all 0.2s;
+  z-index: 20;
+  animation: say-hi 1s;
+  animation-iteration-count: 1;
+}
+
+.interpreter-virtual-image-hidden {
+  height: 20px;
+}
+
+.interpreter-virtual-image-close {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_white7);
+  position: absolute;
+  right: -8px;
+  top: 0;
+  text-align: center;
+  line-height: 16px;
+  z-index: 10;
+}
+
+.interpreter-virtual-image-close:hover {
+  background-color: var(--fcr_ui_scene_white10);
+  cursor: pointer;
+}
+
+.interpreter-virtual-image {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+}
+.interpreter-virtual-image:focus {
+  outline: none;
+}
+
+@keyframes say-hi {
+  0% {
+    height: 72px;
+  }
+  50% {
+    height: 57.6px;
+  }
+  100% {
+    height: 72px;
+  }
+}