@pie-players/pie-theme 0.3.64 → 0.3.66

package/dist/scheme-participation.d.ts

@@ -0,0 +1,88 @@
+export declare const PIE_THEME_SCHEME_PARTICIPATION: {
+    readonly "--pie-answer-eliminator-strike-color": "optional";
+    readonly "--pie-background": "required";
+    readonly "--pie-background-dark": "required";
+    readonly "--pie-background-light": "excluded";
+    readonly "--pie-black": "required";
+    readonly "--pie-blue-grey-100": "required";
+    readonly "--pie-blue-grey-300": "required";
+    readonly "--pie-blue-grey-600": "required";
+    readonly "--pie-blue-grey-900": "required";
+    readonly "--pie-border": "required";
+    readonly "--pie-border-dark": "required";
+    readonly "--pie-border-gray": "required";
+    readonly "--pie-border-light": "required";
+    readonly "--pie-button-active-bg": "required";
+    readonly "--pie-button-background-color": "excluded";
+    readonly "--pie-button-bg": "required";
+    readonly "--pie-button-border": "required";
+    readonly "--pie-button-border-color": "excluded";
+    readonly "--pie-button-color": "required";
+    readonly "--pie-button-focus-outline": "required";
+    readonly "--pie-button-hover-background-color": "excluded";
+    readonly "--pie-button-hover-bg": "required";
+    readonly "--pie-button-hover-border": "required";
+    readonly "--pie-button-hover-color": "required";
+    readonly "--pie-content-styles": "excluded";
+    readonly "--pie-content-emphasis": "required";
+    readonly "--pie-correct": "required";
+    readonly "--pie-correct-icon": "required";
+    readonly "--pie-correct-secondary": "required";
+    readonly "--pie-correct-tertiary": "required";
+    readonly "--pie-disabled": "required";
+    readonly "--pie-disabled-secondary": "required";
+    readonly "--pie-dropdown-background": "required";
+    readonly "--pie-faded-primary": "required";
+    readonly "--pie-fixed-hue-collapse": "required";
+    readonly "--pie-focus-checked": "required";
+    readonly "--pie-focus-checked-border": "required";
+    readonly "--pie-focus-outline": "excluded";
+    readonly "--pie-focus-ring-color": "excluded";
+    readonly "--pie-focus-unchecked": "required";
+    readonly "--pie-focus-unchecked-border": "required";
+    readonly "--pie-font-scale": "excluded";
+    readonly "--pie-incorrect": "required";
+    readonly "--pie-incorrect-icon": "required";
+    readonly "--pie-incorrect-secondary": "required";
+    readonly "--pie-missing": "required";
+    readonly "--pie-missing-icon": "required";
+    readonly "--pie-passage-header-background": "optional";
+    readonly "--pie-primary": "required";
+    readonly "--pie-primary-dark": "required";
+    readonly "--pie-primary-light": "required";
+    readonly "--pie-secondary": "required";
+    readonly "--pie-secondary-background": "required";
+    readonly "--pie-secondary-dark": "required";
+    readonly "--pie-secondary-light": "required";
+    readonly "--pie-section-player-card-header-background": "optional";
+    readonly "--pie-section-player-card-header-radius": "excluded";
+    readonly "--pie-section-player-card-radius": "excluded";
+    readonly "--pie-section-player-item-media-aspect-ratio": "excluded";
+    readonly "--pie-section-player-item-media-min-height": "excluded";
+    readonly "--pie-section-player-item-media-max-height": "excluded";
+    readonly "--pie-section-player-layout-max-width": "excluded";
+    readonly "--pie-section-player-tab-active-background": "optional";
+    readonly "--pie-section-player-tab-active-color": "optional";
+    readonly "--pie-section-player-tab-background": "optional";
+    readonly "--pie-section-player-tab-color": "optional";
+    readonly "--pie-section-player-tab-gap": "excluded";
+    readonly "--pie-section-player-tab-padding-block": "excluded";
+    readonly "--pie-section-player-tab-track-padding": "excluded";
+    readonly "--pie-section-player-tab-track-radius": "excluded";
+    readonly "--pie-section-player-tab-zoom-comp": "excluded";
+    readonly "--pie-tertiary": "required";
+    readonly "--pie-tertiary-light": "required";
+    readonly "--pie-text": "required";
+    readonly "--pie-annotation-underline": "required";
+    readonly "--pie-annotation-underline-dark": "required";
+    readonly "--pie-tool-annotation-toolbar-border": "required";
+    readonly "--pie-tool-line-reader-control-color": "excluded";
+    readonly "--pie-tool-line-reader-frame-color": "excluded";
+    readonly "--pie-tool-line-reader-frame-opacity": "excluded";
+    readonly "--pie-tool-trigger-active-background": "optional";
+    readonly "--pie-tool-trigger-active-border-color": "optional";
+    readonly "--pie-tool-trigger-active-color": "optional";
+    readonly "--pie-toolbar-tools-row-height": "excluded";
+    readonly "--pie-tts-controls-row-height": "excluded";
+    readonly "--pie-white": "required";
+};

package/dist/scheme-participation.js

@@ -0,0 +1,89 @@
+/* Generated from token-registry.json by scripts/generate-theme-css.ts. */
+export const PIE_THEME_SCHEME_PARTICIPATION = {
+    "--pie-answer-eliminator-strike-color": "optional",
+    "--pie-background": "required",
+    "--pie-background-dark": "required",
+    "--pie-background-light": "excluded",
+    "--pie-black": "required",
+    "--pie-blue-grey-100": "required",
+    "--pie-blue-grey-300": "required",
+    "--pie-blue-grey-600": "required",
+    "--pie-blue-grey-900": "required",
+    "--pie-border": "required",
+    "--pie-border-dark": "required",
+    "--pie-border-gray": "required",
+    "--pie-border-light": "required",
+    "--pie-button-active-bg": "required",
+    "--pie-button-background-color": "excluded",
+    "--pie-button-bg": "required",
+    "--pie-button-border": "required",
+    "--pie-button-border-color": "excluded",
+    "--pie-button-color": "required",
+    "--pie-button-focus-outline": "required",
+    "--pie-button-hover-background-color": "excluded",
+    "--pie-button-hover-bg": "required",
+    "--pie-button-hover-border": "required",
+    "--pie-button-hover-color": "required",
+    "--pie-content-styles": "excluded",
+    "--pie-content-emphasis": "required",
+    "--pie-correct": "required",
+    "--pie-correct-icon": "required",
+    "--pie-correct-secondary": "required",
+    "--pie-correct-tertiary": "required",
+    "--pie-disabled": "required",
+    "--pie-disabled-secondary": "required",
+    "--pie-dropdown-background": "required",
+    "--pie-faded-primary": "required",
+    "--pie-fixed-hue-collapse": "required",
+    "--pie-focus-checked": "required",
+    "--pie-focus-checked-border": "required",
+    "--pie-focus-outline": "excluded",
+    "--pie-focus-ring-color": "excluded",
+    "--pie-focus-unchecked": "required",
+    "--pie-focus-unchecked-border": "required",
+    "--pie-font-scale": "excluded",
+    "--pie-incorrect": "required",
+    "--pie-incorrect-icon": "required",
+    "--pie-incorrect-secondary": "required",
+    "--pie-missing": "required",
+    "--pie-missing-icon": "required",
+    "--pie-passage-header-background": "optional",
+    "--pie-primary": "required",
+    "--pie-primary-dark": "required",
+    "--pie-primary-light": "required",
+    "--pie-secondary": "required",
+    "--pie-secondary-background": "required",
+    "--pie-secondary-dark": "required",
+    "--pie-secondary-light": "required",
+    "--pie-section-player-card-header-background": "optional",
+    "--pie-section-player-card-header-radius": "excluded",
+    "--pie-section-player-card-radius": "excluded",
+    "--pie-section-player-item-media-aspect-ratio": "excluded",
+    "--pie-section-player-item-media-min-height": "excluded",
+    "--pie-section-player-item-media-max-height": "excluded",
+    "--pie-section-player-layout-max-width": "excluded",
+    "--pie-section-player-tab-active-background": "optional",
+    "--pie-section-player-tab-active-color": "optional",
+    "--pie-section-player-tab-background": "optional",
+    "--pie-section-player-tab-color": "optional",
+    "--pie-section-player-tab-gap": "excluded",
+    "--pie-section-player-tab-padding-block": "excluded",
+    "--pie-section-player-tab-track-padding": "excluded",
+    "--pie-section-player-tab-track-radius": "excluded",
+    "--pie-section-player-tab-zoom-comp": "excluded",
+    "--pie-tertiary": "required",
+    "--pie-tertiary-light": "required",
+    "--pie-text": "required",
+    "--pie-annotation-underline": "required",
+    "--pie-annotation-underline-dark": "required",
+    "--pie-tool-annotation-toolbar-border": "required",
+    "--pie-tool-line-reader-control-color": "excluded",
+    "--pie-tool-line-reader-frame-color": "excluded",
+    "--pie-tool-line-reader-frame-opacity": "excluded",
+    "--pie-tool-trigger-active-background": "optional",
+    "--pie-tool-trigger-active-border-color": "optional",
+    "--pie-tool-trigger-active-color": "optional",
+    "--pie-toolbar-tools-row-height": "excluded",
+    "--pie-tts-controls-row-height": "excluded",
+    "--pie-white": "required",
+};

package/dist/theme-css.d.ts

@@ -0,0 +1,5 @@
+/** Package-internal pure renderer for the two checked-in CSS adapters. */
+export declare function renderPieThemeCss(): Readonly<{
+    tokensCss: string;
+    colorSchemesCss: string;
+}>;

package/dist/theme-css.js

@@ -0,0 +1,26 @@
+import { assertCanonicalThemeDefinitions, getBaseThemeVariables, listBuiltInColorSchemeDefinitions, } from "./theme-definitions.js";
+const GENERATED_HEADER = "/* Generated by @pie-players/pie-theme. Run `bun run generate:css`; do not edit. */";
+function renderDeclarations(variables) {
+    return Object.entries(variables)
+        .sort(([left], [right]) => (left < right ? -1 : left > right ? 1 : 0))
+        .map(([token, value]) => `\t${token}: ${value};`)
+        .join("\n");
+}
+function renderRule(selectors, variables) {
+    return `${selectors.join(",\n")} {\n${renderDeclarations(variables)}\n}`;
+}
+function renderTokensCss() {
+    return `${GENERATED_HEADER}\n\n${renderRule([":root", '[data-theme="light"]', ':where(pie-theme[theme="light"])'], getBaseThemeVariables("light"))}\n\n${renderRule(['[data-theme="dark"]', ':where(pie-theme[theme="dark"])'], getBaseThemeVariables("dark"))}\n`;
+}
+function renderColorSchemesCss() {
+    const rules = listBuiltInColorSchemeDefinitions().map((scheme) => renderRule([`[data-color-scheme="${scheme.id}"]`], scheme.variables));
+    return `${GENERATED_HEADER}\n\n${rules.join("\n\n")}\n`;
+}
+/** Package-internal pure renderer for the two checked-in CSS adapters. */
+export function renderPieThemeCss() {
+    assertCanonicalThemeDefinitions();
+    return Object.freeze({
+        tokensCss: renderTokensCss(),
+        colorSchemesCss: renderColorSchemesCss(),
+    });
+}

package/dist/theme-definitions.d.ts

@@ -0,0 +1,21 @@
+import type { PieThemeSchemeParticipation } from "./token-registry-types.js";
+import type { PieColorSchemeDescriptor, PieColorSchemePreview, PieThemeDiagnostic, ThemeTokenName, ThemeVariables } from "./theme-types.js";
+type BuiltInColorSchemeDefinition = Readonly<{
+    id: string;
+    name: string;
+    description?: string;
+    variables: Readonly<ThemeVariables>;
+}>;
+export declare function diagnoseThemeContrast(variables: Readonly<ThemeVariables>, schemeId?: string, relevantTokens?: ReadonlySet<string>): readonly PieThemeDiagnostic[];
+export declare function getBaseThemeVariables(baseTheme: "light" | "dark"): Readonly<ThemeVariables>;
+export declare function listBuiltInColorSchemeDefinitions(): readonly BuiltInColorSchemeDefinition[];
+export declare function getBuiltInColorSchemeDefinition(id: string): BuiltInColorSchemeDefinition | undefined;
+export declare function getDefaultColorSchemeDescriptor(): PieColorSchemeDescriptor;
+export declare function createPieColorSchemePreview(variables: Readonly<ThemeVariables>): PieColorSchemePreview;
+export declare function getSchemeParticipation(token: string): PieThemeSchemeParticipation | undefined;
+export declare function getRequiredSchemeTokens(): readonly ThemeTokenName[];
+export declare function getOptionalSchemeTokens(): readonly ThemeTokenName[];
+export declare function createBuiltInColorSchemeDescriptor(definition: BuiltInColorSchemeDefinition): PieColorSchemeDescriptor;
+/** Build-time invariant check; browser entries only read the frozen definitions. */
+export declare function assertCanonicalThemeDefinitions(): void;
+export {};