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

package/lib/modules/components/control-bar/components/switch-theme/index.css

@@ -1,101 +1,101 @@
-.fcr-whiteboard-switch-theme {
-  height: 175px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 22px;
-  border-bottom: 1px solid var(--fcr_ui_scene_line1);
-  position: relative;
-}
-.fcr-whiteboard-switch-theme-popover {
-  max-width: 100%;
-  width: 100%;
-  z-index: 1;
-  padding: 0;
-}
-.fcr-whiteboard-switch-theme-popover .fcr-tooltip-inner {
-  border-radius: 0 !important;
-  box-shadow: none !important;
-  border: none !important;
-}
-.fcr-whiteboard-switch-theme_item {
-  width: 184px;
-  height: 136px;
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-radius: 16px;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: top;
-  align-items: top;
-  flex-direction: column;
-  background: var(--fcr_web_ui_scene_fill4_popup);
-  color: var(--fcr_ui_scene_icontext1);
-}
-.fcr-whiteboard-switch-theme_item-active {
-  color: var(--fcr_ui_scene_white10);
-  background-color: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.fcr-whiteboard-switch-theme_item-close {
-  width: 30px;
-  height: 30px;
-  position: absolute;
-  top: 50%;
-  margin-top: -15px;
-  border-radius: 50%;
-  left: calc(50% + 220px * 1.5);
-  background: var(--fcr_web_ui_scene_fill4_popup);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.fcr-whiteboard-switch-theme_item-close:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-whiteboard-switch-theme_item-close:hover path {
-  fill: var(--fcr_ui_scene_ramp_brand6);
-}
-.fcr-whiteboard-switch-theme_item:hover {
-  border: 2px solid var(--fcr_ui_scene_ramp_brand6);
-}
-.fcr-whiteboard-switch-theme_item:hover .fcr-whiteboard-switch-theme_item-inner {
-  width: 172px;
-  margin-top: 3px;
-}
-
-.fcr-whiteboard-switch-theme_item-inner {
-  width: 174px;
-  height: 100px;
-  border-radius: 12px;
-  background: var(--fcr_ui_scene_white10);
-  margin: 4px 4px 9px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  row-gap: 12px;
-}
-.fcr-whiteboard-switch-theme_item-inner.whiteboard {
-  background: #fff;
-}
-.fcr-whiteboard-switch-theme_item-inner.blackboard {
-  background: #000;
-}
-.fcr-whiteboard-switch-theme_item-inner.chalkboard {
-  background: #5a7d75;
-}
-.fcr-whiteboard-switch-theme_color-group {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 18px;
-}
-.fcr-whiteboard-switch-theme_color-group span {
-  display: block;
-  width: 18px;
-  height: 18px;
-  border-radius: 18px;
-  background: var(--fcr_web_ui_scene_fill4_popup);
-}
+.fcr-whiteboard-switch-theme {
+  height: 175px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 22px;
+  border-bottom: 1px solid var(--fcr_ui_scene_line1);
+  position: relative;
+}
+.fcr-whiteboard-switch-theme-popover {
+  max-width: 100%;
+  width: 100%;
+  z-index: 1;
+  padding: 0;
+}
+.fcr-whiteboard-switch-theme-popover .fcr-tooltip-inner {
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+.fcr-whiteboard-switch-theme_item {
+  width: 184px;
+  height: 136px;
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-radius: 16px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: top;
+  align-items: top;
+  flex-direction: column;
+  background: var(--fcr_web_ui_scene_fill4_popup);
+  color: var(--fcr_ui_scene_icontext1);
+}
+.fcr-whiteboard-switch-theme_item-active {
+  color: var(--fcr_ui_scene_white10);
+  background-color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.fcr-whiteboard-switch-theme_item-close {
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  top: 50%;
+  margin-top: -15px;
+  border-radius: 50%;
+  left: calc(50% + 220px * 1.5);
+  background: var(--fcr_web_ui_scene_fill4_popup);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.fcr-whiteboard-switch-theme_item-close:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-whiteboard-switch-theme_item-close:hover path {
+  fill: var(--fcr_ui_scene_ramp_brand6);
+}
+.fcr-whiteboard-switch-theme_item:hover {
+  border: 2px solid var(--fcr_ui_scene_ramp_brand6);
+}
+.fcr-whiteboard-switch-theme_item:hover .fcr-whiteboard-switch-theme_item-inner {
+  width: 172px;
+  margin-top: 3px;
+}
+
+.fcr-whiteboard-switch-theme_item-inner {
+  width: 174px;
+  height: 100px;
+  border-radius: 12px;
+  background: var(--fcr_ui_scene_white10);
+  margin: 4px 4px 9px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  row-gap: 12px;
+}
+.fcr-whiteboard-switch-theme_item-inner.whiteboard {
+  background: #fff;
+}
+.fcr-whiteboard-switch-theme_item-inner.blackboard {
+  background: #000;
+}
+.fcr-whiteboard-switch-theme_item-inner.chalkboard {
+  background: #5a7d75;
+}
+.fcr-whiteboard-switch-theme_color-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 18px;
+}
+.fcr-whiteboard-switch-theme_color-group span {
+  display: block;
+  width: 18px;
+  height: 18px;
+  border-radius: 18px;
+  background: var(--fcr_web_ui_scene_fill4_popup);
+}

package/lib/modules/components/control-bar/index.css

@@ -1,99 +1,99 @@
-.fcr-whiteboard-controlbar {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-.fcr-whiteboard-controlbar-header {
-  width: 100%;
-  height: 28px;
-  border-bottom: 1px solid var(--fcr_ui_scene_line1);
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  background: var(--fcr_mobile_ui_scene_color_popup_block3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 12px;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-.fcr-whiteboard-controlbar-body {
-  width: 100%;
-  /* display: flex;
-  align-items: center;
-  justify-content: center; */
-  position: absolute;
-  bottom: 0;
-  background-color: #e5e7eb;
-}
-.fcr-whiteboard-controlbar-body-content {
-  transition: all 0.3s ease-in-out;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.fcr-whiteboard-view {
-  height: 100%;
-  width: 100%;
-}
-.fcr-whiteboard-controlbar-body-values {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 100;
-  font-size: 12px;
-}
-.fcr-whiteboard-controlbar-left {
-  flex: 1;
-  justify-content: flex-end;
-  align-items: center;
-  display: flex;
-  font-weight: 400;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-}
-.fcr-whiteboard-controlbar-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 12px;
-  height: 20px;
-}
-.fcr-whiteboard-controlbar-center .fcr-whiteboard-controlbar-item:hover svg path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-.fcr-whiteboard-controlbar-center .divider-vertical {
-  height: 50%;
-}
-.fcr-whiteboard-controlbar-right {
-  flex: 1;
-}
-.fcr-whiteboard-controlbar-right .fcr-button-XXS {
-  height: 20px;
-  padding: 0 5px;
-}
-.fcr-whiteboard-controlbar-item {
-  width: 20px;
-  height: 20px;
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.fcr-whiteboard-controlbar-item:hover {
-  background: var(--fcr_ui_scene_ramp_brand0);
-}
-.whiteboard-action-prevent {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  z-index: 1;
-  cursor:
-    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0  " fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
-    auto;
-}
+.fcr-whiteboard-controlbar {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.fcr-whiteboard-controlbar-header {
+  width: 100%;
+  height: 28px;
+  border-bottom: 1px solid var(--fcr_ui_scene_line1);
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  background: var(--fcr_mobile_ui_scene_color_popup_block3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 12px;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+.fcr-whiteboard-controlbar-body {
+  width: 100%;
+  /* display: flex;
+  align-items: center;
+  justify-content: center; */
+  position: absolute;
+  bottom: 0;
+  background-color: #e5e7eb;
+}
+.fcr-whiteboard-controlbar-body-content {
+  transition: all 0.3s ease-in-out;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.fcr-whiteboard-view {
+  height: 100%;
+  width: 100%;
+}
+.fcr-whiteboard-controlbar-body-values {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  font-size: 12px;
+}
+.fcr-whiteboard-controlbar-left {
+  flex: 1;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+  font-weight: 400;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+}
+.fcr-whiteboard-controlbar-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 12px;
+  height: 20px;
+}
+.fcr-whiteboard-controlbar-center .fcr-whiteboard-controlbar-item:hover svg path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+.fcr-whiteboard-controlbar-center .divider-vertical {
+  height: 50%;
+}
+.fcr-whiteboard-controlbar-right {
+  flex: 1;
+}
+.fcr-whiteboard-controlbar-right .fcr-button-XXS {
+  height: 20px;
+  padding: 0 5px;
+}
+.fcr-whiteboard-controlbar-item {
+  width: 20px;
+  height: 20px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.fcr-whiteboard-controlbar-item:hover {
+  background: var(--fcr_ui_scene_ramp_brand0);
+}
+.whiteboard-action-prevent {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  z-index: 1;
+  cursor:
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0  " fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
+    auto;
+}