@astryxdesign/theme-stone 0.7.2 → 0.7.3-canary.06872b4

package/dist/source.js

@@ -145,7 +145,7 @@ var SECONDARY_COMPLEX_SELECTOR = {
   borderWidth: SECONDARY_BUTTON.borderWidth,
   borderStyle: SECONDARY_BUTTON.borderStyle,
   borderColor: SECONDARY_BUTTON.borderColor,
-  ":hover:not(:has(> :disabled))": SECONDARY_BUTTON[":hover"]
+  ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))': SECONDARY_BUTTON[":hover"]
 };
 var stoneTheme = (0, import_theme.defineTheme)({
   name: "stone",

package/dist/source.mjs

@@ -147,7 +147,7 @@ var SECONDARY_COMPLEX_SELECTOR = {
   borderWidth: SECONDARY_BUTTON.borderWidth,
   borderStyle: SECONDARY_BUTTON.borderStyle,
   borderColor: SECONDARY_BUTTON.borderColor,
-  ":hover:not(:has(> :disabled))": SECONDARY_BUTTON[":hover"]
+  ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))': SECONDARY_BUTTON[":hover"]
 };
 var stoneTheme = defineTheme({
   name: "stone",

package/dist/stone.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.2
- * Core: @astryxdesign/core@0.7.2
+ * CLI: @astryxdesign/cli@0.7.3
+ * Core: @astryxdesign/core@0.7.3
  */
 
 import type { DefinedTheme } from '@astryxdesign/core/theme';

package/dist/stone.js

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.2
- * Core: @astryxdesign/core@0.7.2
+ * CLI: @astryxdesign/cli@0.7.3
+ * Core: @astryxdesign/core@0.7.3
  */
 
 import { stoneIconRegistry } from "./icons.mjs";
@@ -497,7 +497,7 @@ export const stoneTheme = {
         "borderWidth": "1.5px",
         "borderStyle": "solid",
         "borderColor": "var(--color-border-emphasized)",
-        ":hover:not(:has(> :disabled))": {
+        ":hover:not(:has(> :is(:disabled, [aria-disabled=\"true\"])))": {
           "backgroundColor": "var(--color-neutral)"
         }
       }

package/dist/stoneTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stoneTheme.d.ts","sourceRoot":"","sources":["../src/stoneTheme.ts"],"names":[],"mappings":"AAgHA,eAAO,MAAM,UAAU,yDAyVrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhB,CAAC"}
+{"version":3,"file":"stoneTheme.d.ts","sourceRoot":"","sources":["../src/stoneTheme.ts"],"names":[],"mappings":"AAkHA,eAAO,MAAM,UAAU,yDAyVrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhB,CAAC"}

package/dist/theme.css

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.2
- * Core: @astryxdesign/core@0.7.2
+ * CLI: @astryxdesign/cli@0.7.3
+ * Core: @astryxdesign/core@0.7.3
  */
 
 @layer reset, astryx-base, astryx-theme;
@@ -599,7 +599,7 @@
     border-color: var(--color-border-emphasized);
   }
 
-  .astryx-complex-selector[data-variant="secondary"]:hover:not(:has(> :disabled)):where(:not(:disabled,[aria-disabled="true"])) {
+  .astryx-complex-selector[data-variant="secondary"]:hover:not(:has(> :is(:disabled, [aria-disabled="true"]))) {
     background-color: var(--color-neutral);
   }
 

package/dist/theme.css.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/stoneTheme.ts
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.2
- * Core: @astryxdesign/core@0.7.2
+ * CLI: @astryxdesign/cli@0.7.3
+ * Core: @astryxdesign/core@0.7.3
  */
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-stone",
-  "version": "0.7.2",
+  "version": "0.7.3-canary.06872b4",
   "displayName": "Stone Theme",
   "private": false,
   "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -57,11 +57,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.2",
+    "@astryxdesign/core": "0.7.3-canary.06872b4",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.2"
+    "@astryxdesign/cli": "0.7.3-canary.06872b4"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/src/stoneTheme.test.ts

@@ -23,3 +23,11 @@ describe('stone touch + narrow type pin', () => {
     );
   });
 });
+
+describe('stone secondary ComplexSelector', () => {
+  it('keeps the hover fill off a disabled trigger in either form', () => {
+    expect(generateThemeCSS(stoneTheme).component).toMatch(
+      /:hover:not\(:has\(> ?:is\(:disabled, ?\[aria-disabled="true"\]\)\)\)/,
+    );
+  });
+});

package/src/stoneTheme.ts

@@ -100,14 +100,16 @@ const SECONDARY_SELECTOR = {
 
 /**
  * The secondary Button treatment on ComplexSelector triggers (AST-079 FR2), with
- * the hover kept off a disabled trigger, whose inner button is disabled.
+ * the hover kept off a disabled trigger, whose inner button is disabled
+ * (natively or, keeping its tab stop, with `aria-disabled`).
  */
 const SECONDARY_COMPLEX_SELECTOR = {
   backgroundColor: SECONDARY_BUTTON.backgroundColor,
   borderWidth: SECONDARY_BUTTON.borderWidth,
   borderStyle: SECONDARY_BUTTON.borderStyle,
   borderColor: SECONDARY_BUTTON.borderColor,
-  ':hover:not(:has(> :disabled))': SECONDARY_BUTTON[':hover'],
+  ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))':
+    SECONDARY_BUTTON[':hover'],
 } as const;
 
 export const stoneTheme = defineTheme({