vunor 0.3.1 → 0.3.2

package/README.md

@@ -287,6 +287,8 @@ Each includes hover, active, and focus states. Hover and press do not paint on a
 <button class="scope-error c8-flat">Cancel</button>
 ```
 
+The `btn` layout primitive fades a disabled element to opacity 0.8. That is a default: `disabled-soft` (0.4) or a `disabled:opacity-*` utility replaces it, whether written on the element or composed with `btn` in your own shortcut (`'my-btn': 'btn disabled-soft'`).
+
 ### Inputable Styles (`i8`)
 
 Input field design variants:

package/dist/theme.mjs

@@ -33,6 +33,11 @@ const toastShortcuts = defineShortcuts({
 const disabledSelectors = ":disabled,[disabled],[aria-disabled=true],[data-disabled]";
 /** Variant prefix that matches while the element is disabled. */
 const whenDisabled = `[&:is(${disabledSelectors})]:`;
+/**
+* Variant prefix for a default disabled paint: matches while the element is
+* disabled and adds no specificity, so any other disabled rule overrides it.
+*/
+const whenDisabledDefault = `[&:where(${disabledSelectors})]:`;
 /** Variant prefix that matches only while the element is not disabled. */
 const whenEnabled = `[&:not(${disabledSelectors})]:`;
 //#endregion
@@ -244,7 +249,8 @@ const btn = defineShortcuts({
 		"[&.btn-round]:": btnRound,
 		"[&.btn-square]:": btnSquare,
 		"[&.btn-round.btn-square]:": "px-0 [--btn-icon-pull:0]",
-		[`${whenDisabled}[&:where(:not(.disabled-soft))]:`]: "opacity-80 cursor-not-allowed",
+		[whenDisabledDefault]: "opacity-80",
+		[whenDisabled]: "cursor-not-allowed",
 		"[&>span]:data-[loading]:": "opacity-0 pointer-events-none",
 		"[&>div:not(.loading-indicator-wrapper)]:data-[loading]:": "opacity-0 pointer-events-none",
 		"[&>.loading-indicator-wrapper]:": "absolute left-0 top-0 right-0 bottom-0 flex items-center justify-center cursor-wait"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vunor",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "files": [
     "dist"
   ],