@astryxdesign/theme-butter 0.7.3-canary.b74cf21 → 0.7.3-canary.ca48bb7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/butter.js +1 -1
  2. package/dist/butterTheme.d.ts.map +1 -1
  3. package/dist/source.js +1 -1
  4. package/dist/source.mjs +1 -1
  5. package/dist/theme.css +1 -1
  6. package/package.json +3 -3
  7. package/src/butterTheme.test.ts +8 -0
  8. package/src/butterTheme.ts +4 -2
package/dist/butter.js CHANGED
@@ -635,7 +635,7 @@ export const butterTheme = {
635
635
  "borderStyle": "solid",
636
636
  "borderColor": "light-dark(#225BFF, #FDEE8C)",
637
637
  "color": "light-dark(#225BFF, #FDEE8C)",
638
- ":hover:not(:has(> :disabled))": {
638
+ ":hover:not(:has(> :is(:disabled, [aria-disabled=\"true\"])))": {
639
639
  "backgroundColor": "light-dark(#225BFF14, #FDEE8C14)"
640
640
  }
641
641
  }
package/dist/butterTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"butterTheme.d.ts","sourceRoot":"","sources":["../src/butterTheme.ts"],"names":[],"mappings":"AA8FA,eAAO,MAAM,WAAW,yDAuhBtB,CAAC;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmUjB,CAAC"}
1
+ {"version":3,"file":"butterTheme.d.ts","sourceRoot":"","sources":["../src/butterTheme.ts"],"names":[],"mappings":"AAgGA,eAAO,MAAM,WAAW,yDAuhBtB,CAAC;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmUjB,CAAC"}
package/dist/source.js CHANGED
@@ -122,7 +122,7 @@ var SECONDARY_COMPLEX_SELECTOR = {
122
122
  borderStyle: SECONDARY_BUTTON.borderStyle,
123
123
  borderColor: SECONDARY_BUTTON.borderColor,
124
124
  color: SECONDARY_BUTTON.color,
125
- ":hover:not(:has(> :disabled))": SECONDARY_BUTTON[":hover"]
125
+ ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))': SECONDARY_BUTTON[":hover"]
126
126
  };
127
127
  var butterTheme = (0, import_theme.defineTheme)({
128
128
  name: "butter",
package/dist/source.mjs CHANGED
@@ -124,7 +124,7 @@ var SECONDARY_COMPLEX_SELECTOR = {
124
124
  borderStyle: SECONDARY_BUTTON.borderStyle,
125
125
  borderColor: SECONDARY_BUTTON.borderColor,
126
126
  color: SECONDARY_BUTTON.color,
127
- ":hover:not(:has(> :disabled))": SECONDARY_BUTTON[":hover"]
127
+ ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))': SECONDARY_BUTTON[":hover"]
128
128
  };
129
129
  var butterTheme = defineTheme({
130
130
  name: "butter",
package/dist/theme.css CHANGED
@@ -761,7 +761,7 @@
761
761
  color: light-dark(#225BFF, #FDEE8C);
762
762
  }
763
763
 
764
- .astryx-complex-selector[data-variant="secondary"]:hover:not(:has(> :disabled)):where(:not(:disabled,[aria-disabled="true"])) {
764
+ .astryx-complex-selector[data-variant="secondary"]:hover:not(:has(> :is(:disabled, [aria-disabled="true"]))) {
765
765
  background-color: light-dark(#225BFF14, #FDEE8C14);
766
766
  }
767
767
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-butter",
3
- "version": "0.7.3-canary.b74cf21",
3
+ "version": "0.7.3-canary.ca48bb7",
4
4
  "displayName": "Butter Theme",
5
5
  "private": false,
6
6
  "description": "Warm, creamy yellows with a friendly blue accent. Playful enough for consumer surfaces, soft enough to stay readable.",
@@ -57,11 +57,11 @@
57
57
  "lucide-react": "^1.18.0"
58
58
  },
59
59
  "peerDependencies": {
60
- "@astryxdesign/core": "0.7.3-canary.b74cf21",
60
+ "@astryxdesign/core": "0.7.3-canary.ca48bb7",
61
61
  "react": ">=19"
62
62
  },
63
63
  "devDependencies": {
64
- "@astryxdesign/cli": "0.7.3-canary.b74cf21"
64
+ "@astryxdesign/cli": "0.7.3-canary.ca48bb7"
65
65
  },
66
66
  "module": "./dist/source.mjs",
67
67
  "scripts": {
package/src/butterTheme.test.ts CHANGED
@@ -23,3 +23,11 @@ describe('butter touch + narrow type pin', () => {
23
23
  );
24
24
  });
25
25
  });
26
+
27
+ describe('butter secondary ComplexSelector', () => {
28
+ it('keeps the hover fill off a disabled trigger in either form', () => {
29
+ expect(generateThemeCSS(butterTheme).component).toMatch(
30
+ /:hover:not\(:has\(> ?:is\(:disabled, ?\[aria-disabled="true"\]\)\)\)/,
31
+ );
32
+ });
33
+ });
package/src/butterTheme.ts CHANGED
@@ -81,7 +81,8 @@ const SECONDARY_SELECTOR = {
81
81
 
82
82
  /**
83
83
  * The secondary Button treatment on ComplexSelector triggers (AST-079 FR2), with
84
- * the hover kept off a disabled trigger, whose inner button is disabled.
84
+ * the hover kept off a disabled trigger, whose inner button is disabled
85
+ * (natively or, keeping its tab stop, with `aria-disabled`).
85
86
  */
86
87
  const SECONDARY_COMPLEX_SELECTOR = {
87
88
  backgroundColor: SECONDARY_BUTTON.backgroundColor,
@@ -89,7 +90,8 @@ const SECONDARY_COMPLEX_SELECTOR = {
89
90
  borderStyle: SECONDARY_BUTTON.borderStyle,
90
91
  borderColor: SECONDARY_BUTTON.borderColor,
91
92
  color: SECONDARY_BUTTON.color,
92
- ':hover:not(:has(> :disabled))': SECONDARY_BUTTON[':hover'],
93
+ ':hover:not(:has(> :is(:disabled, [aria-disabled="true"])))':
94
+ SECONDARY_BUTTON[':hover'],
93
95
  } as const;
94
96
 
95
97
  export const butterTheme = defineTheme({