fcr-ui-scene 3.4.2 → 3.4.3

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

@@ -1,162 +0,0 @@
-.fcr-action-bar-device {
-  border-radius: var(--fcr_cornerradius_s);
-  position: relative;
-  min-width: 71px;
-  cursor: pointer;
-}
-.fcr-action-bar-device:hover {
-  background: var(--fcr_web_ui_scene_hover2);
-}
-.fcr-action-bar-device-inner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.fcr-action-bar-device-inner > div {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.fcr-action-bar-device-inner .fcr-microphone path:first-of-type {
-  fill: var(--fcr_web_ui_scene_mainicon1);
-}
-.fcr-action-bar-device-inner .fcr-microphone stop:nth-of-type(1),
-.fcr-action-bar-device-inner .fcr-microphone stop:nth-of-type(2) {
-  stop-color: var(--fcr_web_ui_scene_mainicon1);
-}
-.fcr-action-bar-device-text {
-  color: var(--fcr_ui_scene_icontext2);
-  line-height: 12px;
-  font-size: 12px;
-  text-align: center;
-  font-weight: 400;
-}
-.fcr-action-bar-device-extra,
-.fcr-action-bar-extra {
-  border-radius: var(--fcr_cornerradius_xs);
-  position: absolute;
-  right: 3px;
-  top: 3px;
-  width: 18px;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.fcr-action-bar-device-extra:hover,
-.fcr-action-bar-extra:hover {
-  background: var(--fcr_web_ui_scene_hover2);
-}
-.fcr-action-bar-device-extra:hover svg,
-.fcr-action-bar-extra:hover svg {
-  transform: translateY(-3px);
-  transition: all 0.2s;
-}
-
-.fcr-action-bar--device-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;
-  text-align: left !important;
-  margin-left: 10px;
-}
-
-.fcr-device-popover-content-device {
-  padding: 8px 10px;
-}
-.fcr-device-popover-content-device:not(:first-child) {
-  border-top-width: 1px;
-  border-top-style: solid;
-}
-.fcr-device-popover-content-device-label {
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-  line-height: 32px;
-  padding-left: 13px;
-}
-.fcr-device-popover-content-device-options {
-  margin-top: 8px;
-}
-.fcr-device-popover-content-device-options .fcr-radio {
-  border-radius: var(--fcr_cornerradius_xxs);
-  height: 32px;
-  width: 100%;
-  padding: 0 6px;
-  transition: all 0.2s ease;
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover .fcr-radio-label {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-device-options .fcr-radio:hover .fcr-radio-inner svg path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner {
-  width: 14px;
-  height: 14px;
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner svg {
-  width: 14px;
-  height: 14px;
-}
-.fcr-device-popover-content-device-options .fcr-radio-inner svg path {
-  fill: var(--fcr_ui_scene_icontext1);
-  transition: all 0.1s ease;
-}
-.fcr-device-popover-content-device-options .fcr-radio-label {
-  padding-left: 8px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 13px;
-  line-height: 100%;
-  transition: all 0.1s ease;
-}
-.fcr-device-popover-content-more {
-  border-top-width: 1px;
-  border-top-style: solid;
-  padding: 8px 10px;
-}
-.fcr-device-popover-content-more-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-device-popover-content-more-item.contain-icon {
-  padding: 4px 6px;
-}
-.fcr-device-popover-content-more-item:hover {
-  color: var(--fcr_web_ui_scene_mainicon2);
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-device-popover-content-more-item:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-device-popover-content-more-item svg {
-  flex-shrink: 0;
-}
-.fcr-device-popover-content-more-item path {
-  fill: var(--fcr_ui_scene_icontext5);
-  transition: all 0.2s ease;
-}
-.fcr-device-popover-content-more-item span {
-  min-width: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.fcr-device-popover-content-more-item--danger:hover {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-}

package/lib/modules/action-bar/components/device/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import './index.css';
-export declare const AudioRecordinDeviceIcon: ({ size, micEnabled }: {
-    size?: number;
-    micEnabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MicrophoneDevice: FC;
-export declare const CameraDevice: FC;