@pie-players/pie-tool-calculator-inline-desmos 0.3.68 → 0.3.70

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.
package/README.md CHANGED
@@ -4,7 +4,9 @@ Inline calculator toggle button for PIE assessment player question headers.
4
4
 
5
5
  ## Overview
6
6
 
7
- This package provides a calculator button component that can be embedded in question headers. When clicked, it toggles the visibility of a full calculator tool instance (`@pie-players/pie-tool-calculator-desmos`).
7
+ This package provides the existing `<pie-tool-calculator-inline>` compatibility
8
+ element. It wraps the provider-neutral inline surface from
9
+ `@pie-players/pie-tool-calculator-shared` and toggles a calculator tool instance.
8
10
 
9
11
  ## Features
10
12
 
@@ -154,14 +156,21 @@ The component uses CSS custom properties for theming:
154
156
 
155
157
  ```css
156
158
  --pie-border: Border color (default: #ccc)
157
- --pie-background: Background color (default: white)
159
+ --pie-button-background-color: Button fill, ahead of --pie-button-bg
160
+ --pie-button-bg: Button fill (default: theme button surface)
158
161
  --pie-text: Text color (default: #333)
159
- --pie-secondary-background: Hover background (default: #f5f5f5)
162
+ --pie-button-hover-background-color: Hover fill, ahead of --pie-button-hover-bg
163
+ --pie-button-hover-bg: Hover fill (default: theme hover surface)
160
164
  --pie-tool-trigger-active-background: Active/open button background
161
165
  --pie-tool-trigger-active-color: Active/open button foreground
162
166
  --pie-tool-trigger-active-border-color: Active/open button border
163
167
  ```
164
168
 
169
+ The trigger fills itself from the button tokens. `--pie-background` is the page
170
+ token and the base light theme ships it transparent, so a host that sets it does
171
+ not change this button; set `--pie-button-bg`, or `--pie-button-background-color`
172
+ for this control alone.
173
+
165
174
  Hosts should prefer the `--pie-tool-trigger-active-*` variables when styling the
166
175
  calculator button's active/open state instead of overriding broad semantic tokens
167
176
  such as `--pie-primary`. If these variables are unset, the button preserves the