@acorex/styles 21.0.3-next.22 → 21.0.3-next.23

package/components/_editor-container.css

@@ -34,15 +34,28 @@
     }
 
     &:has(.ax-general-button-control, .ax-general-button-icon) {
-      @apply pe-1;
+      @apply pe-2;
+    }
+
+    &:has(ax-prefix ax-button) {
+      @apply ps-0;
+    }
+
+    &:has(ax-suffix ax-button) {
+      @apply pe-0;
+    }
+
+    ax-prefix > ax-button {
+      @apply rounded-e-none!;
     }
 
-    &:has(ax-prefix ax-icon, ax-prefix .ax-icon, ax-prefix i, ax-prefix svg) {
-      @apply ps-1;
+    ax-suffix > ax-button {
+      @apply rounded-s-none!;
     }
 
-    &:has(ax-suffix ax-icon, ax-suffix .ax-icon, ax-suffix i, ax-suffix svg) {
-      @apply pe-1;
+    ax-suffix > ax-icon,
+    ax-prefix > ax-icon {
+      @apply text-muted;
     }
 
     ax-prefix,

package/package.json

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

package/themes/default.css

@@ -73,7 +73,8 @@ html.ax-dark {
   --ax-sys-icon-width: inherit;
   --ax-sys-icon-height: inherit;
   --ax-sys-body-font-size: 1rem;
-  --ax-sys-border-radius: 0.5rem;
+  --ax-sys-border-radius-base: 0.5rem;
+  --ax-sys-border-radius: var(--ax-sys-border-radius-base);
   --ax-sys-transition-duration: 150ms;
   --ax-sys-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 
@@ -3404,6 +3405,7 @@ html.ax-dark {
 @utility ax-xs {
   /* Spacing */
   --spacing: 0.125rem;
+  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) * 0.5);
 
   /* Typography */
   --text-xs: 0.625rem;
@@ -3422,6 +3424,7 @@ html.ax-dark {
 @utility ax-sm {
   /* Spacing */
   --spacing: 0.1875rem;
+  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) * 0.75);
 
   /* Typography */
   --text-xs: 0.6875rem;
@@ -3440,6 +3443,7 @@ html.ax-dark {
 @utility ax-md {
   /* Tailwind Default Scale */
   --spacing: 0.25rem;
+  --ax-sys-border-radius: var(--ax-sys-border-radius-base);
 
   /* Typography */
   --text-xs: 0.75rem;
@@ -3458,6 +3462,7 @@ html.ax-dark {
 @utility ax-lg {
   /* Spacing */
   --spacing: 0.3125rem;
+  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) * 1.25);
 
   /* Typography */
   --text-xs: 0.8125rem;
@@ -3476,6 +3481,7 @@ html.ax-dark {
 @utility ax-xl {
   /* Spacing */
   --spacing: 0.375rem;
+  --ax-sys-border-radius: calc(var(--ax-sys-border-radius-base) * 1.5);
 
   /* Typography */
   --text-xs: 0.875rem;