@acorex/styles 22.0.0-next.34 → 22.0.0-next.35

package/components/_editor-container.css

@@ -38,19 +38,41 @@
       @apply pe-2;
     }
 
-    ax-suffix > ax-icon,
-    ax-prefix > ax-icon {
-      @apply text-muted;
-    }
-
     ax-prefix,
     ax-suffix {
       @apply flex items-center gap-2 self-stretch;
     }
 
+    /*
+     * Unified adornments (icon / text / kbd) inside prefix & suffix.
+     * Buttons keep their own look and stretch rules below.
+     */
+    ax-prefix:not(:has(> ax-button)),
+    ax-suffix:not(:has(> ax-button)) {
+      @apply shrink-0 items-center self-center;
+
+      > ax-icon,
+      > ax-text,
+      > ax-kbd {
+        @apply text-muted inline-flex max-h-full max-w-full items-center justify-center leading-none;
+      }
+
+      > ax-icon {
+        @apply size-4 text-sm;
+      }
+
+      > ax-text {
+        @apply text-sm whitespace-nowrap;
+      }
+
+      > ax-kbd {
+        @apply shrink-0;
+      }
+    }
+
     ax-prefix:has(> ax-button),
     ax-suffix:has(> ax-button) {
-      @apply items-stretch;
+      @apply size-auto! w-auto! max-h-none! shrink-0 items-stretch! self-stretch!;
     }
 
     ax-prefix {

package/package.json

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

package/themes/default.css

@@ -2247,7 +2247,15 @@ html.ax-dark {
 }
 
 @utility text-muted {
-  @apply text-text-default/60;
+  @apply text-text-default/80;
+}
+
+@utility bg-muted {
+  @apply bg-bg-default/80;
+}
+
+@utility border-muted {
+  @apply border-border-default/80;
 }
 
 @utility bg-default {