@pie-players/pie-theme 0.3.68 → 0.3.69
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/dist/color-schemes.css +1 -1
- package/dist/scheme-participation.d.ts +15 -0
- package/dist/scheme-participation.js +15 -0
- package/dist/theme-definitions.js +4 -18
- package/dist/token-registry.json +253 -10
- package/dist/tokens.css +1 -1
- package/package.json +3 -3
package/dist/color-schemes.css
CHANGED
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
--pie-background-dark: #ffb3cc;
|
|
228
228
|
--pie-black: #000000;
|
|
229
229
|
--pie-blue-grey-100: #ffeef5;
|
|
230
|
-
--pie-blue-grey-300: #
|
|
230
|
+
--pie-blue-grey-300: #ffb3cc;
|
|
231
231
|
--pie-blue-grey-600: #cc6688;
|
|
232
232
|
--pie-blue-grey-900: #000000;
|
|
233
233
|
--pie-border: #000000;
|
|
@@ -23,6 +23,12 @@ export declare const PIE_THEME_SCHEME_PARTICIPATION: {
|
|
|
23
23
|
readonly "--pie-button-hover-bg": "required";
|
|
24
24
|
readonly "--pie-button-hover-border": "required";
|
|
25
25
|
readonly "--pie-button-hover-color": "required";
|
|
26
|
+
readonly "--pie-calculator-series-1": "optional";
|
|
27
|
+
readonly "--pie-calculator-series-2": "optional";
|
|
28
|
+
readonly "--pie-calculator-series-3": "optional";
|
|
29
|
+
readonly "--pie-calculator-series-4": "optional";
|
|
30
|
+
readonly "--pie-calculator-series-5": "optional";
|
|
31
|
+
readonly "--pie-calculator-series-6": "optional";
|
|
26
32
|
readonly "--pie-content-styles": "excluded";
|
|
27
33
|
readonly "--pie-content-emphasis": "required";
|
|
28
34
|
readonly "--pie-correct": "required";
|
|
@@ -50,11 +56,15 @@ export declare const PIE_THEME_SCHEME_PARTICIPATION: {
|
|
|
50
56
|
readonly "--pie-primary": "required";
|
|
51
57
|
readonly "--pie-primary-dark": "required";
|
|
52
58
|
readonly "--pie-primary-light": "required";
|
|
59
|
+
readonly "--pie-scrollbar-thumb": "excluded";
|
|
60
|
+
readonly "--pie-scrollbar-thumb-hover": "excluded";
|
|
61
|
+
readonly "--pie-scrollbar-track": "excluded";
|
|
53
62
|
readonly "--pie-secondary": "required";
|
|
54
63
|
readonly "--pie-secondary-background": "required";
|
|
55
64
|
readonly "--pie-secondary-dark": "required";
|
|
56
65
|
readonly "--pie-secondary-light": "required";
|
|
57
66
|
readonly "--pie-section-player-card-header-background": "optional";
|
|
67
|
+
readonly "--pie-section-player-card-header-background-dark": "optional";
|
|
58
68
|
readonly "--pie-section-player-card-header-radius": "excluded";
|
|
59
69
|
readonly "--pie-section-player-card-radius": "excluded";
|
|
60
70
|
readonly "--pie-section-player-item-media-aspect-ratio": "excluded";
|
|
@@ -84,5 +94,10 @@ export declare const PIE_THEME_SCHEME_PARTICIPATION: {
|
|
|
84
94
|
readonly "--pie-tool-trigger-active-color": "optional";
|
|
85
95
|
readonly "--pie-toolbar-tools-row-height": "excluded";
|
|
86
96
|
readonly "--pie-tts-controls-row-height": "excluded";
|
|
97
|
+
readonly "--pie-tts-line-highlight": "excluded";
|
|
98
|
+
readonly "--pie-tts-sentence-highlight": "excluded";
|
|
99
|
+
readonly "--pie-tts-word-highlight": "excluded";
|
|
100
|
+
readonly "--pie-tts-word-shadow": "excluded";
|
|
101
|
+
readonly "--pie-tts-word-underline": "excluded";
|
|
87
102
|
readonly "--pie-white": "required";
|
|
88
103
|
};
|
|
@@ -24,6 +24,12 @@ export const PIE_THEME_SCHEME_PARTICIPATION = {
|
|
|
24
24
|
"--pie-button-hover-bg": "required",
|
|
25
25
|
"--pie-button-hover-border": "required",
|
|
26
26
|
"--pie-button-hover-color": "required",
|
|
27
|
+
"--pie-calculator-series-1": "optional",
|
|
28
|
+
"--pie-calculator-series-2": "optional",
|
|
29
|
+
"--pie-calculator-series-3": "optional",
|
|
30
|
+
"--pie-calculator-series-4": "optional",
|
|
31
|
+
"--pie-calculator-series-5": "optional",
|
|
32
|
+
"--pie-calculator-series-6": "optional",
|
|
27
33
|
"--pie-content-styles": "excluded",
|
|
28
34
|
"--pie-content-emphasis": "required",
|
|
29
35
|
"--pie-correct": "required",
|
|
@@ -51,11 +57,15 @@ export const PIE_THEME_SCHEME_PARTICIPATION = {
|
|
|
51
57
|
"--pie-primary": "required",
|
|
52
58
|
"--pie-primary-dark": "required",
|
|
53
59
|
"--pie-primary-light": "required",
|
|
60
|
+
"--pie-scrollbar-thumb": "excluded",
|
|
61
|
+
"--pie-scrollbar-thumb-hover": "excluded",
|
|
62
|
+
"--pie-scrollbar-track": "excluded",
|
|
54
63
|
"--pie-secondary": "required",
|
|
55
64
|
"--pie-secondary-background": "required",
|
|
56
65
|
"--pie-secondary-dark": "required",
|
|
57
66
|
"--pie-secondary-light": "required",
|
|
58
67
|
"--pie-section-player-card-header-background": "optional",
|
|
68
|
+
"--pie-section-player-card-header-background-dark": "optional",
|
|
59
69
|
"--pie-section-player-card-header-radius": "excluded",
|
|
60
70
|
"--pie-section-player-card-radius": "excluded",
|
|
61
71
|
"--pie-section-player-item-media-aspect-ratio": "excluded",
|
|
@@ -85,5 +95,10 @@ export const PIE_THEME_SCHEME_PARTICIPATION = {
|
|
|
85
95
|
"--pie-tool-trigger-active-color": "optional",
|
|
86
96
|
"--pie-toolbar-tools-row-height": "excluded",
|
|
87
97
|
"--pie-tts-controls-row-height": "excluded",
|
|
98
|
+
"--pie-tts-line-highlight": "excluded",
|
|
99
|
+
"--pie-tts-sentence-highlight": "excluded",
|
|
100
|
+
"--pie-tts-word-highlight": "excluded",
|
|
101
|
+
"--pie-tts-word-shadow": "excluded",
|
|
102
|
+
"--pie-tts-word-underline": "excluded",
|
|
88
103
|
"--pie-white": "required",
|
|
89
104
|
};
|
|
@@ -31,7 +31,7 @@ const LIGHT_BASE_THEME = {
|
|
|
31
31
|
"--pie-secondary-dark": "#880e4f",
|
|
32
32
|
"--pie-tertiary": "#146eb3",
|
|
33
33
|
"--pie-tertiary-light": "#d0e2f0",
|
|
34
|
-
"--pie-background": "
|
|
34
|
+
"--pie-background": "#ffffff",
|
|
35
35
|
"--pie-background-dark": "#ecedf1",
|
|
36
36
|
"--pie-secondary-background": "rgba(241, 241, 241, 1)",
|
|
37
37
|
"--pie-dropdown-background": "#e0e1e6",
|
|
@@ -411,7 +411,7 @@ const BUILT_IN_COLOR_SCHEMES = deepFreeze([
|
|
|
411
411
|
"--pie-focus-unchecked": "#ffddee",
|
|
412
412
|
"--pie-focus-unchecked-border": "#000000",
|
|
413
413
|
"--pie-blue-grey-100": "#ffeef5",
|
|
414
|
-
"--pie-blue-grey-300": "#
|
|
414
|
+
"--pie-blue-grey-300": "#ffb3cc",
|
|
415
415
|
"--pie-blue-grey-600": "#cc6688",
|
|
416
416
|
"--pie-blue-grey-900": "#000000",
|
|
417
417
|
"--pie-tool-annotation-toolbar-border": "var(--pie-border)",
|
|
@@ -730,12 +730,7 @@ const DEFAULT_SCHEME_DESCRIPTOR = deepFreeze({
|
|
|
730
730
|
name: "Default",
|
|
731
731
|
description: "Standard PIE colors",
|
|
732
732
|
kind: "default",
|
|
733
|
-
preview: createPieColorSchemePreview(
|
|
734
|
-
...LIGHT_BASE_THEME,
|
|
735
|
-
// The live light Base Theme intentionally reveals its host surface. A
|
|
736
|
-
// catalog swatch has no such surface, so composite it on white explicitly.
|
|
737
|
-
"--pie-background": "#ffffff",
|
|
738
|
-
}),
|
|
733
|
+
preview: createPieColorSchemePreview(LIGHT_BASE_THEME),
|
|
739
734
|
});
|
|
740
735
|
const REQUIRED_SCHEME_TOKENS = Object.freeze(Object.entries(PIE_THEME_SCHEME_PARTICIPATION)
|
|
741
736
|
.filter(([, participation]) => participation === "required")
|
|
@@ -915,12 +910,6 @@ function parseOpaqueColor(value) {
|
|
|
915
910
|
return { r: 0, g: 0, b: 0 };
|
|
916
911
|
if (normalized === "white")
|
|
917
912
|
return { r: 255, g: 255, b: 255 };
|
|
918
|
-
if (normalized === "rgba(255, 255, 255, 0)") {
|
|
919
|
-
// The transparent light Base Theme is an externally observed behavior. Its
|
|
920
|
-
// effective contrast depends on the host backdrop and cannot be certified
|
|
921
|
-
// from the token value alone.
|
|
922
|
-
return null;
|
|
923
|
-
}
|
|
924
913
|
const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(normalized);
|
|
925
914
|
if (hex) {
|
|
926
915
|
const expanded = hex[1].length === 3
|
|
@@ -1099,10 +1088,7 @@ function validateBuiltInDefinitions() {
|
|
|
1099
1088
|
function validateBaseThemes() {
|
|
1100
1089
|
const failures = [];
|
|
1101
1090
|
for (const baseTheme of ["light", "dark"]) {
|
|
1102
|
-
const
|
|
1103
|
-
? { ...BASE_THEMES.light, "--pie-background": "#ffffff" }
|
|
1104
|
-
: BASE_THEMES.dark;
|
|
1105
|
-
for (const diagnostic of diagnoseThemeContrast(measurableVariables, `${baseTheme}-base`)) {
|
|
1091
|
+
for (const diagnostic of diagnoseThemeContrast(BASE_THEMES[baseTheme], `${baseTheme}-base`)) {
|
|
1106
1092
|
failures.push(`${baseTheme}: ${diagnostic.message}`);
|
|
1107
1093
|
}
|
|
1108
1094
|
}
|
package/dist/token-registry.json
CHANGED
|
@@ -218,10 +218,13 @@
|
|
|
218
218
|
"status": "active",
|
|
219
219
|
"schemeParticipation": "excluded",
|
|
220
220
|
"definedIn": [
|
|
221
|
+
"packages/tool-calculator-shared/CalculatorInlineTool.svelte",
|
|
221
222
|
"packages/tool-tts-inline/tool-tts-inline.svelte"
|
|
222
223
|
],
|
|
223
224
|
"documentedIn": [
|
|
224
|
-
"packages/tool-tts-inline/README.md"
|
|
225
|
+
"packages/tool-tts-inline/README.md",
|
|
226
|
+
"packages/tool-calculator-inline-desmos/README.md",
|
|
227
|
+
"packages/tool-calculator-shared/README.md"
|
|
225
228
|
],
|
|
226
229
|
"fallbackPolicy": "Compatibility alias retained for TTS inline button backgrounds; implementations must fall back through canonical --pie-button-bg before broad surface tokens."
|
|
227
230
|
},
|
|
@@ -308,10 +311,13 @@
|
|
|
308
311
|
"status": "active",
|
|
309
312
|
"schemeParticipation": "excluded",
|
|
310
313
|
"definedIn": [
|
|
314
|
+
"packages/tool-calculator-shared/CalculatorInlineTool.svelte",
|
|
311
315
|
"packages/tool-tts-inline/tool-tts-inline.svelte"
|
|
312
316
|
],
|
|
313
317
|
"documentedIn": [
|
|
314
|
-
"packages/tool-tts-inline/README.md"
|
|
318
|
+
"packages/tool-tts-inline/README.md",
|
|
319
|
+
"packages/tool-calculator-inline-desmos/README.md",
|
|
320
|
+
"packages/tool-calculator-shared/README.md"
|
|
315
321
|
],
|
|
316
322
|
"fallbackPolicy": "Compatibility alias retained for TTS inline button hover backgrounds; implementations must fall back through canonical --pie-button-hover-bg before broad surface tokens."
|
|
317
323
|
},
|
|
@@ -360,6 +366,96 @@
|
|
|
360
366
|
],
|
|
361
367
|
"fallbackPolicy": "Canonical ordinary button hover foreground token."
|
|
362
368
|
},
|
|
369
|
+
{
|
|
370
|
+
"name": "--pie-calculator-series-1",
|
|
371
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
372
|
+
"scope": "component-public",
|
|
373
|
+
"category": "data-visualization",
|
|
374
|
+
"status": "active",
|
|
375
|
+
"schemeParticipation": "optional",
|
|
376
|
+
"definedIn": [
|
|
377
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
378
|
+
],
|
|
379
|
+
"documentedIn": [
|
|
380
|
+
"packages/calculator-cortex/README.md"
|
|
381
|
+
],
|
|
382
|
+
"fallbackPolicy": "Graph series 1 colour. The line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
383
|
+
},
|
|
384
|
+
{
|
|
385
|
+
"name": "--pie-calculator-series-2",
|
|
386
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
387
|
+
"scope": "component-public",
|
|
388
|
+
"category": "data-visualization",
|
|
389
|
+
"status": "active",
|
|
390
|
+
"schemeParticipation": "optional",
|
|
391
|
+
"definedIn": [
|
|
392
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
393
|
+
],
|
|
394
|
+
"documentedIn": [
|
|
395
|
+
"packages/calculator-cortex/README.md"
|
|
396
|
+
],
|
|
397
|
+
"fallbackPolicy": "Graph series 2 colour. The dashed line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"name": "--pie-calculator-series-3",
|
|
401
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
402
|
+
"scope": "component-public",
|
|
403
|
+
"category": "data-visualization",
|
|
404
|
+
"status": "active",
|
|
405
|
+
"schemeParticipation": "optional",
|
|
406
|
+
"definedIn": [
|
|
407
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
408
|
+
],
|
|
409
|
+
"documentedIn": [
|
|
410
|
+
"packages/calculator-cortex/README.md"
|
|
411
|
+
],
|
|
412
|
+
"fallbackPolicy": "Graph series 3 colour. The dotted line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"name": "--pie-calculator-series-4",
|
|
416
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
417
|
+
"scope": "component-public",
|
|
418
|
+
"category": "data-visualization",
|
|
419
|
+
"status": "active",
|
|
420
|
+
"schemeParticipation": "optional",
|
|
421
|
+
"definedIn": [
|
|
422
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
423
|
+
],
|
|
424
|
+
"documentedIn": [
|
|
425
|
+
"packages/calculator-cortex/README.md"
|
|
426
|
+
],
|
|
427
|
+
"fallbackPolicy": "Graph series 4 colour. The line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"name": "--pie-calculator-series-5",
|
|
431
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
432
|
+
"scope": "component-public",
|
|
433
|
+
"category": "data-visualization",
|
|
434
|
+
"status": "active",
|
|
435
|
+
"schemeParticipation": "optional",
|
|
436
|
+
"definedIn": [
|
|
437
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
438
|
+
],
|
|
439
|
+
"documentedIn": [
|
|
440
|
+
"packages/calculator-cortex/README.md"
|
|
441
|
+
],
|
|
442
|
+
"fallbackPolicy": "Graph series 5 colour. The dashed line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
443
|
+
},
|
|
444
|
+
{
|
|
445
|
+
"name": "--pie-calculator-series-6",
|
|
446
|
+
"owner": "@pie-players/pie-calculator-cortex",
|
|
447
|
+
"scope": "component-public",
|
|
448
|
+
"category": "data-visualization",
|
|
449
|
+
"status": "active",
|
|
450
|
+
"schemeParticipation": "optional",
|
|
451
|
+
"definedIn": [
|
|
452
|
+
"packages/calculator-cortex/src/GraphView.svelte"
|
|
453
|
+
],
|
|
454
|
+
"documentedIn": [
|
|
455
|
+
"packages/calculator-cortex/README.md"
|
|
456
|
+
],
|
|
457
|
+
"fallbackPolicy": "Graph series 6 colour. The dotted line style remains a redundant non-colour cue; hosts overriding the colour must preserve 3:1 contrast against the graph surface and keep it distinguishable from the other series colours."
|
|
458
|
+
},
|
|
363
459
|
{
|
|
364
460
|
"name": "--pie-content-styles",
|
|
365
461
|
"owner": "@pie-players/pie-theme",
|
|
@@ -714,8 +810,7 @@
|
|
|
714
810
|
"status": "active",
|
|
715
811
|
"schemeParticipation": "optional",
|
|
716
812
|
"definedIn": [
|
|
717
|
-
"packages/section-player/src/components/shared/SectionPassageCard.svelte"
|
|
718
|
-
"packages/section-player/src/components/PieSectionPlayerSplitPaneElement.svelte"
|
|
813
|
+
"packages/section-player/src/components/shared/SectionPassageCard.svelte"
|
|
719
814
|
],
|
|
720
815
|
"documentedIn": [
|
|
721
816
|
"packages/section-player/README.md"
|
|
@@ -767,6 +862,57 @@
|
|
|
767
862
|
],
|
|
768
863
|
"fallbackPolicy": "Canonical lighter primary action token used for low-emphasis action surfaces."
|
|
769
864
|
},
|
|
865
|
+
{
|
|
866
|
+
"name": "--pie-scrollbar-thumb",
|
|
867
|
+
"owner": "@pie-players/pie-section-player",
|
|
868
|
+
"scope": "package-private",
|
|
869
|
+
"category": "scrollbar",
|
|
870
|
+
"status": "active",
|
|
871
|
+
"schemeParticipation": "excluded",
|
|
872
|
+
"definedIn": [
|
|
873
|
+
"packages/section-player/src/components/PieSectionPlayerSplitPaneElement.svelte",
|
|
874
|
+
"packages/section-player/src/components/shared/SectionPlayerTabbedContent.svelte",
|
|
875
|
+
"packages/section-player/src/components/shared/SectionPlayerVerticalContent.svelte"
|
|
876
|
+
],
|
|
877
|
+
"documentedIn": [
|
|
878
|
+
"docs/architecture/pie-727-theme-token-inventory.md"
|
|
879
|
+
],
|
|
880
|
+
"fallbackPolicy": "Scrollbar thumb on the three scrolling panes. Package-private: no theme or scheme sets it, so the fallback chain is the contract rather than the name. Falls back through --pie-border-gray, a boundary token hosts do not repoint to restyle button chrome; it defaulted through --pie-border until a host set that to transparent and every pane's thumb went invisible."
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"name": "--pie-scrollbar-thumb-hover",
|
|
884
|
+
"owner": "@pie-players/pie-section-player",
|
|
885
|
+
"scope": "package-private",
|
|
886
|
+
"category": "scrollbar",
|
|
887
|
+
"status": "active",
|
|
888
|
+
"schemeParticipation": "excluded",
|
|
889
|
+
"definedIn": [
|
|
890
|
+
"packages/section-player/src/components/PieSectionPlayerSplitPaneElement.svelte",
|
|
891
|
+
"packages/section-player/src/components/shared/SectionPlayerTabbedContent.svelte",
|
|
892
|
+
"packages/section-player/src/components/shared/SectionPlayerVerticalContent.svelte"
|
|
893
|
+
],
|
|
894
|
+
"documentedIn": [
|
|
895
|
+
"docs/architecture/pie-727-theme-token-inventory.md"
|
|
896
|
+
],
|
|
897
|
+
"fallbackPolicy": "Scrollbar thumb hover on the three scrolling panes. Package-private: the fallback chain is the contract rather than the name. Falls back through --pie-border-dark."
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"name": "--pie-scrollbar-track",
|
|
901
|
+
"owner": "@pie-players/pie-section-player",
|
|
902
|
+
"scope": "package-private",
|
|
903
|
+
"category": "scrollbar",
|
|
904
|
+
"status": "active",
|
|
905
|
+
"schemeParticipation": "excluded",
|
|
906
|
+
"definedIn": [
|
|
907
|
+
"packages/section-player/src/components/PieSectionPlayerSplitPaneElement.svelte",
|
|
908
|
+
"packages/section-player/src/components/shared/SectionPlayerTabbedContent.svelte",
|
|
909
|
+
"packages/section-player/src/components/shared/SectionPlayerVerticalContent.svelte"
|
|
910
|
+
],
|
|
911
|
+
"documentedIn": [
|
|
912
|
+
"docs/architecture/pie-727-theme-token-inventory.md"
|
|
913
|
+
],
|
|
914
|
+
"fallbackPolicy": "Scrollbar track on the three scrolling panes. Package-private: the fallback chain is the contract rather than the name. Falls back through --pie-background-dark, the surface one step off the page."
|
|
915
|
+
},
|
|
770
916
|
{
|
|
771
917
|
"name": "--pie-secondary",
|
|
772
918
|
"owner": "@pie-players/pie-theme",
|
|
@@ -844,6 +990,22 @@
|
|
|
844
990
|
],
|
|
845
991
|
"fallbackPolicy": "Public card header background hook; defaults to transparent and hosts must preserve contrast with card header content."
|
|
846
992
|
},
|
|
993
|
+
{
|
|
994
|
+
"name": "--pie-section-player-card-header-background-dark",
|
|
995
|
+
"owner": "@pie-players/pie-section-player",
|
|
996
|
+
"scope": "component-public",
|
|
997
|
+
"category": "section-card",
|
|
998
|
+
"status": "active",
|
|
999
|
+
"schemeParticipation": "optional",
|
|
1000
|
+
"definedIn": [
|
|
1001
|
+
"packages/section-player/src/components/shared/SectionItemCard.svelte",
|
|
1002
|
+
"packages/section-player/src/components/shared/SectionPassageCard.svelte"
|
|
1003
|
+
],
|
|
1004
|
+
"documentedIn": [
|
|
1005
|
+
"packages/section-player/README.md"
|
|
1006
|
+
],
|
|
1007
|
+
"fallbackPolicy": "Public card header fill applied under dark themes ([data-theme=\"dark\"] or pie-theme[theme=\"dark\"]); falls back to --pie-section-player-card-header-background so a host that sets only the light hook keeps today's behaviour. Hosts must preserve contrast with card header content on the dark ground."
|
|
1008
|
+
},
|
|
847
1009
|
{
|
|
848
1010
|
"name": "--pie-section-player-card-header-radius",
|
|
849
1011
|
"owner": "@pie-players/pie-section-player",
|
|
@@ -1219,12 +1381,14 @@
|
|
|
1219
1381
|
"status": "active",
|
|
1220
1382
|
"schemeParticipation": "optional",
|
|
1221
1383
|
"definedIn": [
|
|
1222
|
-
"packages/tool-calculator-
|
|
1384
|
+
"packages/tool-calculator-shared/CalculatorInlineTool.svelte",
|
|
1223
1385
|
"packages/tool-tts-inline/tool-tts-inline.svelte"
|
|
1224
1386
|
],
|
|
1225
1387
|
"documentedIn": [
|
|
1226
1388
|
"packages/tool-tts-inline/README.md",
|
|
1227
|
-
"packages/tool-calculator-inline-desmos/README.md"
|
|
1389
|
+
"packages/tool-calculator-inline-desmos/README.md",
|
|
1390
|
+
"packages/tool-calculator-inline-geogebra/README.md",
|
|
1391
|
+
"packages/tool-calculator-shared/README.md"
|
|
1228
1392
|
],
|
|
1229
1393
|
"fallbackPolicy": "Component trigger active/open background hook; falls back through existing semantic tokens and must preserve WCAG contrast when overridden by hosts."
|
|
1230
1394
|
},
|
|
@@ -1236,12 +1400,14 @@
|
|
|
1236
1400
|
"status": "active",
|
|
1237
1401
|
"schemeParticipation": "optional",
|
|
1238
1402
|
"definedIn": [
|
|
1239
|
-
"packages/tool-calculator-
|
|
1403
|
+
"packages/tool-calculator-shared/CalculatorInlineTool.svelte",
|
|
1240
1404
|
"packages/tool-tts-inline/tool-tts-inline.svelte"
|
|
1241
1405
|
],
|
|
1242
1406
|
"documentedIn": [
|
|
1243
1407
|
"packages/tool-tts-inline/README.md",
|
|
1244
|
-
"packages/tool-calculator-inline-desmos/README.md"
|
|
1408
|
+
"packages/tool-calculator-inline-desmos/README.md",
|
|
1409
|
+
"packages/tool-calculator-inline-geogebra/README.md",
|
|
1410
|
+
"packages/tool-calculator-shared/README.md"
|
|
1245
1411
|
],
|
|
1246
1412
|
"fallbackPolicy": "Component trigger active/open border hook; falls back through existing semantic tokens."
|
|
1247
1413
|
},
|
|
@@ -1253,12 +1419,14 @@
|
|
|
1253
1419
|
"status": "active",
|
|
1254
1420
|
"schemeParticipation": "optional",
|
|
1255
1421
|
"definedIn": [
|
|
1256
|
-
"packages/tool-calculator-
|
|
1422
|
+
"packages/tool-calculator-shared/CalculatorInlineTool.svelte",
|
|
1257
1423
|
"packages/tool-tts-inline/tool-tts-inline.svelte"
|
|
1258
1424
|
],
|
|
1259
1425
|
"documentedIn": [
|
|
1260
1426
|
"packages/tool-tts-inline/README.md",
|
|
1261
|
-
"packages/tool-calculator-inline-desmos/README.md"
|
|
1427
|
+
"packages/tool-calculator-inline-desmos/README.md",
|
|
1428
|
+
"packages/tool-calculator-inline-geogebra/README.md",
|
|
1429
|
+
"packages/tool-calculator-shared/README.md"
|
|
1262
1430
|
],
|
|
1263
1431
|
"fallbackPolicy": "Component trigger active/open foreground hook; hosts are responsible for preserving contrast with the active trigger background."
|
|
1264
1432
|
},
|
|
@@ -1293,6 +1461,81 @@
|
|
|
1293
1461
|
],
|
|
1294
1462
|
"fallbackPolicy": "Package-private toolbar-to-inline-TTS row height handoff used to reserve reading controls space."
|
|
1295
1463
|
},
|
|
1464
|
+
{
|
|
1465
|
+
"name": "--pie-tts-line-highlight",
|
|
1466
|
+
"owner": "@pie-players/pie-assessment-toolkit",
|
|
1467
|
+
"scope": "component-public",
|
|
1468
|
+
"category": "tts-highlight",
|
|
1469
|
+
"status": "active",
|
|
1470
|
+
"schemeParticipation": "excluded",
|
|
1471
|
+
"definedIn": [
|
|
1472
|
+
"packages/assessment-toolkit/src/services/HighlightCoordinator.ts"
|
|
1473
|
+
],
|
|
1474
|
+
"documentedIn": [
|
|
1475
|
+
"packages/assessment-toolkit/README.md"
|
|
1476
|
+
],
|
|
1477
|
+
"fallbackPolicy": "Line-granularity reading highlight. HighlightCoordinator derives a value from the resolved theme and writes it inline on the document element, so a host declaration wins only with !important. Falls back through --pie-tts-sentence-highlight, then --pie-missing at 38%."
|
|
1478
|
+
},
|
|
1479
|
+
{
|
|
1480
|
+
"name": "--pie-tts-sentence-highlight",
|
|
1481
|
+
"owner": "@pie-players/pie-assessment-toolkit",
|
|
1482
|
+
"scope": "component-public",
|
|
1483
|
+
"category": "tts-highlight",
|
|
1484
|
+
"status": "active",
|
|
1485
|
+
"schemeParticipation": "excluded",
|
|
1486
|
+
"definedIn": [
|
|
1487
|
+
"packages/assessment-toolkit/src/services/HighlightCoordinator.ts"
|
|
1488
|
+
],
|
|
1489
|
+
"documentedIn": [
|
|
1490
|
+
"packages/assessment-toolkit/README.md"
|
|
1491
|
+
],
|
|
1492
|
+
"fallbackPolicy": "Sentence-granularity reading highlight, and the fallback for --pie-tts-line-highlight. HighlightCoordinator derives a value from the resolved theme and writes it inline on the document element, so a host declaration wins only with !important. Falls back to --pie-missing at 38%."
|
|
1493
|
+
},
|
|
1494
|
+
{
|
|
1495
|
+
"name": "--pie-tts-word-highlight",
|
|
1496
|
+
"owner": "@pie-players/pie-assessment-toolkit",
|
|
1497
|
+
"scope": "component-public",
|
|
1498
|
+
"category": "tts-highlight",
|
|
1499
|
+
"status": "active",
|
|
1500
|
+
"schemeParticipation": "excluded",
|
|
1501
|
+
"definedIn": [
|
|
1502
|
+
"packages/assessment-toolkit/src/services/HighlightCoordinator.ts"
|
|
1503
|
+
],
|
|
1504
|
+
"documentedIn": [
|
|
1505
|
+
"packages/assessment-toolkit/README.md"
|
|
1506
|
+
],
|
|
1507
|
+
"fallbackPolicy": "Current-word reading highlight. HighlightCoordinator derives a value from the resolved theme and writes it inline on the document element, so a host declaration wins only with !important. Falls back to --pie-missing at 68%."
|
|
1508
|
+
},
|
|
1509
|
+
{
|
|
1510
|
+
"name": "--pie-tts-word-shadow",
|
|
1511
|
+
"owner": "@pie-players/pie-assessment-toolkit",
|
|
1512
|
+
"scope": "component-public",
|
|
1513
|
+
"category": "tts-highlight",
|
|
1514
|
+
"status": "active",
|
|
1515
|
+
"schemeParticipation": "excluded",
|
|
1516
|
+
"definedIn": [
|
|
1517
|
+
"packages/assessment-toolkit/src/services/HighlightCoordinator.ts"
|
|
1518
|
+
],
|
|
1519
|
+
"documentedIn": [
|
|
1520
|
+
"packages/assessment-toolkit/README.md"
|
|
1521
|
+
],
|
|
1522
|
+
"fallbackPolicy": "Text shadow carrying the current word over a saturated highlight. HighlightCoordinator derives a value from the resolved theme and writes it inline on the document element, so a host declaration wins only with !important. Falls back to --pie-text at 35%."
|
|
1523
|
+
},
|
|
1524
|
+
{
|
|
1525
|
+
"name": "--pie-tts-word-underline",
|
|
1526
|
+
"owner": "@pie-players/pie-assessment-toolkit",
|
|
1527
|
+
"scope": "component-public",
|
|
1528
|
+
"category": "tts-highlight",
|
|
1529
|
+
"status": "active",
|
|
1530
|
+
"schemeParticipation": "excluded",
|
|
1531
|
+
"definedIn": [
|
|
1532
|
+
"packages/assessment-toolkit/src/services/HighlightCoordinator.ts"
|
|
1533
|
+
],
|
|
1534
|
+
"documentedIn": [
|
|
1535
|
+
"packages/assessment-toolkit/README.md"
|
|
1536
|
+
],
|
|
1537
|
+
"fallbackPolicy": "Underline on the current word, the non-colour cue for schemes where the highlight hue washes out. HighlightCoordinator derives a value from the resolved theme and writes it inline on the document element, so a host declaration wins only with !important. Falls back to --pie-text at 70%."
|
|
1538
|
+
},
|
|
1296
1539
|
{
|
|
1297
1540
|
"name": "--pie-white",
|
|
1298
1541
|
"owner": "@pie-players/pie-theme",
|
package/dist/tokens.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:where(pie-theme[theme="light"]) {
|
|
6
6
|
--pie-annotation-underline: #4221d5;
|
|
7
7
|
--pie-annotation-underline-dark: #9c89ec;
|
|
8
|
-
--pie-background:
|
|
8
|
+
--pie-background: #ffffff;
|
|
9
9
|
--pie-background-dark: #ecedf1;
|
|
10
10
|
--pie-black: #000000;
|
|
11
11
|
--pie-blue-grey-100: #f3f5f7;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-players/pie-theme",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.69",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Shared PIE theme tokens, css variables, and theme custom element",
|
|
6
6
|
"license": "MIT",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"test": "bun test --dom tests"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@biomejs/biome": "^2.5.
|
|
50
|
-
"@happy-dom/global-registrator": "^20.11.
|
|
49
|
+
"@biomejs/biome": "^2.5.10",
|
|
50
|
+
"@happy-dom/global-registrator": "^20.11.6",
|
|
51
51
|
"typescript": "^5.9.3"
|
|
52
52
|
},
|
|
53
53
|
"homepage": "https://github.com/pie-framework/pie-players/tree/master/packages/theme#readme",
|