@iblai/web-containers 1.15.2 → 1.15.3

package/dist/next/web-containers/tests/styles/base-css.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/web-containers",
-  "version": "1.15.1",
+  "version": "1.15.2",
   "description": "ibl web containers",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",

package/dist/sso/web-containers/tests/styles/base-css.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles.css

@@ -136,6 +136,41 @@
   --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 }
 
+/* ============================================
+   ANIMATION VARIABLE REGISTRATION
+   ============================================ */
+
+/**
+ * tw-animate-css leaves its slide-in/out translate variables unregistered, so they
+ * inherit. Content portalled into an animating dialog panel (see
+ * FloatingPortalContainerContext) becomes a DOM descendant of it and picks up the
+ * panel's translate values, making dropdowns slide in from the panel's direction.
+ * Registering them with `inherits: false` stops the leak at the panel boundary.
+ *
+ * Upstream fixed this in tw-animate-css 1.3.1; these registrations are identical to
+ * theirs, so consumers on older versions are covered and a bump is a no-op.
+ */
+@property --tw-enter-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
 /* ============================================
    UTILITY CLASSES - BACKGROUNDS
    ============================================ */

package/dist/web-containers/tests/styles/base-css.test.d.ts

@@ -0,0 +1 @@
+export {};