@naviedu/room-platform-react 0.0.9 → 0.0.12

package/package.json

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

package/styles.css

@@ -1144,6 +1144,10 @@
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.room-platform-room .ring {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
 .room-platform-room .ring-1 {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1170,12 +1174,6 @@
     --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
   }
 }
-.room-platform-room .ring-white\/20 {
-  --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
-  }
-}
 .room-platform-room .outline-hidden {
   --tw-outline-style: none;
   outline-style: none;
@@ -3694,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;
@@ -3704,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;
 }