@acorex/styles 21.0.2-next.8 → 21.0.3-next.1

package/components/_conversation-picker-popup.css

@@ -0,0 +1,34 @@
+.ax-popup-overlay.ax-conversation-composer-picker-popup {
+  .ax-popup {
+    max-height: min(32rem, 90dvh);
+    width: min(28rem, 93vw);
+  }
+
+  .ax-popup-main-container {
+    min-height: 0;
+  }
+
+  .ax-popup-body-container {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    min-height: 0;
+    padding: 0;
+  }
+
+  .ax-popup-body-container > ng-component {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    width: 100%;
+  }
+}
+
+@media (max-width: 480px) {
+  .ax-popup-overlay.ax-conversation-composer-picker-popup {
+    .ax-popup {
+      max-height: min(28rem, 92dvh);
+      width: 93vw;
+    }
+  }
+}

package/components/index.css

@@ -9,3 +9,4 @@
 @import './_ripple.css';
 @import './_table.css';
 @import './_uploader.css';
+@import './_conversation-picker-popup.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/styles",
-  "version": "21.0.2-next.8",
+  "version": "21.0.3-next.1",
   "main": "index.css",
   "author": "Ali Safari",
   "license": "ISC",

package/themes/default.css

@@ -3,6 +3,8 @@
 
 @custom-variant dark (&:where(.ax-dark, .ax-dark *));
 
+@custom-variant hover (&:hover);
+
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
@@ -2094,6 +2096,10 @@ html.ax-dark {
   --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
 }
 
+@utility text-muted {
+  @apply text-gray-900/60;
+}
+
 @utility bg-default {
   background-color: var(--color-bg-default);
 }