@pie-players/pie-tool-calculator-inline-desmos 0.3.52 → 0.3.53

package/README.md

@@ -157,10 +157,18 @@ The component uses CSS custom properties for theming:
 --pie-background: Background color (default: white)
 --pie-text: Text color (default: #333)
 --pie-secondary-background: Hover background (default: #f5f5f5)
---pie-primary: Active state background (default: #1976d2)
---pie-primary-dark: Active hover background (default: #1565c0)
+--pie-tool-trigger-active-background: Active/open button background
+--pie-tool-trigger-active-color: Active/open button foreground
+--pie-tool-trigger-active-border-color: Active/open button border
 ```
 
+Hosts should prefer the `--pie-tool-trigger-active-*` variables when styling the
+calculator button's active/open state instead of overriding broad semantic tokens
+such as `--pie-primary`. If these variables are unset, the button preserves the
+existing filled active look using `--pie-primary` and `--pie-primary-dark`
+fallbacks. Hosts remain responsible for maintaining WCAG AA
+foreground/background contrast when overriding active trigger colors.
+
 ## Development
 
 ```bash

package/dist/tool-calculator-inline.js

@@ -2220,10 +2220,10 @@ var Oi = /* @__PURE__ */ li('<div class="pie-tool-calculator-inline svelte-qq14o
 			transform 0.1s ease,
 			box-shadow 0.15s ease;padding:0.25rem;position:relative;}.pie-tool-calculator-inline__button.svelte-qq14od:hover:not(:disabled) {background-color:var(--pie-secondary-background, #f5f5f5);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}.pie-tool-calculator-inline__button.svelte-qq14od:active:not(:disabled) {transform:translateY(0);box-shadow:none;}
 
-	/* Focus indicator - WCAG 2.4.7, 2.4.13 */.pie-tool-calculator-inline__button.svelte-qq14od:focus-visible {outline:2px solid #0066cc;outline-offset:2px;box-shadow:0 0 0 4px rgba(0, 102, 204, 0.2);z-index:1;}.pie-tool-calculator-inline__button--active.svelte-qq14od {background-color:var(--pie-primary, #1976d2);color:white;border-color:var(--pie-primary, #1976d2);}.pie-tool-calculator-inline__button--active.svelte-qq14od:hover:not(:disabled) {background-color:var(--pie-primary-dark, #1565c0);}.pie-tool-calculator-inline__button.svelte-qq14od:disabled {cursor:not-allowed;opacity:0.6;}
+	/* Focus indicator - WCAG 2.4.7, 2.4.13 */.pie-tool-calculator-inline__button.svelte-qq14od:focus-visible {outline:2px solid #0066cc;outline-offset:2px;box-shadow:0 0 0 4px rgba(0, 102, 204, 0.2);z-index:1;}.pie-tool-calculator-inline__button--active.svelte-qq14od {background-color:var(--pie-tool-trigger-active-background, var(--pie-primary, #1976d2));color:var(--pie-tool-trigger-active-color, white);border-color:var(--pie-tool-trigger-active-border-color, var(--pie-primary, #1976d2));}.pie-tool-calculator-inline__button--active.svelte-qq14od:hover:not(:disabled) {background-color:var(--pie-tool-trigger-active-background, var(--pie-primary-dark, #1565c0));color:var(--pie-tool-trigger-active-color, white);border-color:var(--pie-tool-trigger-active-border-color, var(--pie-primary, #1976d2));}.pie-tool-calculator-inline__button.svelte-qq14od:disabled {cursor:not-allowed;opacity:0.6;}
 
 	/* Size variants */.pie-tool-calculator-inline__button--sm.svelte-qq14od {width:1.5rem;height:1.5rem;
-		/* Increase padding to meet 44px touch target - WCAG 2.5.2 */padding:0.625rem;}.pie-tool-calculator-inline__button--sm.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1rem;height:1rem;}.pie-tool-calculator-inline__button--md.svelte-qq14od {width:2rem;height:2rem;}.pie-tool-calculator-inline__button--md.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1.25rem;height:1.25rem;}.pie-tool-calculator-inline__button--lg.svelte-qq14od {width:2.5rem;height:2.5rem;}.pie-tool-calculator-inline__button--lg.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1.5rem;height:1.5rem;}.pie-tool-calculator-inline__icon.svelte-qq14od {fill:currentColor;color:#555;}.pie-tool-calculator-inline__button.svelte-qq14od:hover:not(:disabled) .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {color:#667eea;}.pie-tool-calculator-inline__button--active.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {color:white;}
+		/* Increase padding to meet 44px touch target - WCAG 2.5.2 */padding:0.625rem;}.pie-tool-calculator-inline__button--sm.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1rem;height:1rem;}.pie-tool-calculator-inline__button--md.svelte-qq14od {width:2rem;height:2rem;}.pie-tool-calculator-inline__button--md.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1.25rem;height:1.25rem;}.pie-tool-calculator-inline__button--lg.svelte-qq14od {width:2.5rem;height:2.5rem;}.pie-tool-calculator-inline__button--lg.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {width:1.5rem;height:1.5rem;}.pie-tool-calculator-inline__icon.svelte-qq14od {fill:currentColor;color:#555;}.pie-tool-calculator-inline__button.svelte-qq14od:not(.pie-tool-calculator-inline__button--active):hover:not(:disabled) .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {color:#667eea;}.pie-tool-calculator-inline__button--active.svelte-qq14od .pie-tool-calculator-inline__icon:where(.svelte-qq14od) {color:var(--pie-tool-trigger-active-color, inherit);}
 
 	/* Screen reader only content */.pie-sr-only.svelte-qq14od {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-tool-calculator-inline-desmos",
-	"version": "0.3.52",
+	"version": "0.3.53",
 	"type": "module",
 	"description": "Inline calculator toggle button for PIE assessment player question headers",
 	"repository": {
@@ -35,12 +35,13 @@
 	"unpkg": "./dist/tool-calculator-inline.js",
 	"jsdelivr": "./dist/tool-calculator-inline.js",
 	"dependencies": {
-		"@pie-players/pie-assessment-toolkit": "0.3.52",
-		"@pie-players/pie-context": "0.3.52"
+		"@pie-players/pie-assessment-toolkit": "0.3.53",
+		"@pie-players/pie-context": "0.3.53"
 	},
 	"scripts": {
 		"build": "vite build",
 		"dev": "vite build --watch",
+		"test": "bun test tests",
 		"typecheck": "tsc --noEmit",
 		"lint": "biome check ."
 	},