@acorex/styles 5.0.13 → 5.0.14

package/index.scss

@@ -1,13 +1,11 @@
-
 @import "./src/variables/colors";
 @import "./src/icons/style.scss";
 
-
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
 
 @import "./src/base/index.scss";
 @import "./src/components/index.scss";
 @import "./src/utility/index.scss";
+

package/package.json

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

package/src/base/index.scss

@@ -1,4 +1,5 @@
 @import "../utility/mixins";
+
 [class*=" ax-ic-"],
 [class^=ax-ic-] {
     vertical-align: middle;
@@ -20,7 +21,10 @@ body {
     font-size: 16px
 }
 
-// .ax-dark-mode,
-// .ax-dark-mode * {
-//     @include colors($theme-dark-colors);
-// }
+.ax-controll {
+    @apply ax-border-light-300 ax-bg-white;
+}
+
+.ax-surface {
+    @apply ax-bg-white ax-border-light-300;
+}

package/src/components/_editor-container.scss

@@ -8,8 +8,10 @@
         &.ax-button-icon {
             @apply ax-px-2;
         }
+        &:first-child {
+        }
         [class*=" ax-ic-"],
-        [class^=ax-ic-] {
+        [class^="ax-ic-"] {
             font-size: 1.2rem !important;
             line-height: 1 !important;
         }
@@ -24,6 +26,22 @@
                 box-shadow: none;
             }
         }
+        ax-prefix {
+            * {
+                @apply ax-rounded-s;
+            }
+        }
+        ax-suffix {
+            * {
+                @apply ax-rounded-e;
+            }
+        }
+        ax-prefix,
+        ax-suffix {
+            * {
+                @apply ax-h-full ax-flex ax-justify-center ax-items-center ax-rounded-none;
+            }
+        }
         ax-button {
             height: 100% !important;
             @apply ax-rounded-none;
@@ -37,12 +55,7 @@
                 }
             }
         }
-        ax-suffix,
-        ax-prefix {
-            * {
-                @apply ax-h-full ax-flex ax-justify-center ax-items-center ax-rounded-none;
-            }
-        }
+        
         &.ax-state-disabled {
             background-color: rgb(var(--ax-color-disabled)) !important;
             color: rgb(var(--ax-color-disabled-fore)) !important;
@@ -73,4 +86,4 @@
             }
         }
     }
-}
+}