@naviedu/room-platform-react 0.0.11 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naviedu/room-platform-react",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "type": "module",
   "main": "./index.esm.js",
   "module": "./index.esm.js",

package/styles.css

@@ -3692,6 +3692,30 @@
   }
 }
 /* @naviedu/room-platform-react bundled tailwind utilities */
+.room-platform-host {
+    box-sizing: border-box;
+    display: block;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+}
+
+:host(.room-platform-host) {
+    box-sizing: border-box;
+    display: block;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+}
+
+[data-room-platform-app-root] {
+    box-sizing: border-box;
+    display: block;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+}
+
 .room-platform-room {
     --room-platform-navy: #242f62;
     --room-platform-orange: #eb6619;
@@ -3702,19 +3726,31 @@
     color: #172033;
     display: flex;
     flex-direction: column;
-    height: 100dvh;
-    min-height: 100dvh;
     min-width: 0;
     overflow: hidden;
     width: 100%;
 }
 
+.room-platform-room[data-sizing='viewport'] {
+    height: 100dvh;
+    min-height: 100dvh;
+}
+
 .room-platform-room[data-sizing='container'] {
     height: 100%;
     min-height: 0;
     width: 100%;
 }
 
+.room-platform-room.room-platform-portal-root {
+    background: transparent;
+    display: block;
+    height: auto;
+    min-height: 0;
+    overflow: visible;
+    width: auto;
+}
+
 .room-platform-surface {
     box-sizing: border-box;
 }