@acorex/styles 5.0.34 → 5.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acorex/styles",
-    "version": "5.0.34",
+    "version": "5.0.35",
     "description": "",
     "main": "index.js",
     "scripts": {

package/src/components/_form.scss

@@ -1,5 +1,5 @@
 @layer components {
-    .ax-form-field {
+    ax-form-field {
         @apply ax-mb-2 ax-relative;
         .ax-error-msg {
             @apply ax-absolute ax--bottom-5 ax-text-danger-500 ax-text-xs;

package/src/components/_popup.scss

@@ -13,9 +13,7 @@
     }
 
     .ax-popup {
-        max-height: 98vh;
-        min-height: fit-content;
-        @apply ax-flex ax-flex-col ax-bg-white ax-w-6/12 ax-shadow-lg ax-border ax-border-solid ax-border-light-300 ax-rounded ax-outline-none ax-p-0;
+        @apply ax-flex ax-flex-col ax-bg-white ax-w-6/12 ax-shadow-lg ax-border ax-border-solid ax-border-light-300 ax-rounded ax-outline-none ax-p-0 ax-max-h-[98vh] ax-min-h-fit;
         @include control-dark('surface');
 
         header {
@@ -46,7 +44,7 @@
         }
 
         &.ax-popup-full {
-            @apply ax-w-screen ax-h-screen;
+            @apply ax-w-screen ax-h-screen ax-max-h-screen;
         }
 
         &.ax-fit {
@@ -100,6 +98,7 @@
         @media all and (min-width: 425px) and (max-width: 767px) {
             &.ax-popup-sm {
                 width: 100vw;
+                height: 100vh;
                 max-height: 100vh;
             }
 
@@ -115,6 +114,7 @@
             &.ax-popup-md,
             &.ax-popup-lg {
                 width: 100vw;
+                height: 100vh;
                 max-height: 100vh;
             }
         }

package/src/components/_selectbox.scss

@@ -1,5 +1,5 @@
 @layer components {
-    .ax-select-box {
+    ax-select-box {
         .ax-select-box-selection {
             @apply ax-flex ax-justify-center ax-items-center ax-outline-none;