@das-fed/upf-utils 6.4.0-dev.247 → 6.4.0-dev.249

package/theme/source-variables.d.ts

@@ -0,0 +1,35 @@
+export type BuiltinPresetThemeName = 'default' | 'cjb' | 'ssl' | 'dkh';
+export type ThemeMode = 'light' | 'dark';
+export type ThemeSourceVariableName = '--upf-brand-primary' | '--upf-brand-secondary' | '--upf-color-primary' | '--upf-color-primary-bg' | '--upf-color-success' | '--upf-color-warning' | '--upf-color-error' | '--upf-color-info' | '--upf-text-primary' | '--upf-text-secondary' | '--upf-text-disabled' | '--upf-text-placeholder' | '--upf-bg-primary' | '--upf-bg-secondary' | '--upf-bg-elevated' | '--upf-bg-mask' | '--upf-border-color' | '--upf-divider-color' | '--upf-nav-bg' | '--upf-nav-border-color' | '--upf-nav-text' | '--upf-nav-hover-bg' | '--upf-nav-active-bg' | '--upf-nav-active-text' | '--upf-menu-bg' | '--upf-menu-text' | '--upf-menu-hover-bg' | '--upf-menu-active-bg' | '--upf-menu-active-text' | '--upf-menu-submenu-bg' | '--upf-tab-bg' | '--upf-tab-text' | '--upf-tab-hover-bg' | '--upf-tab-active-bg' | '--upf-tab-active-text' | '--upf-border-radius' | '--upf-box-shadow' | '--upf-box-shadow-elevated';
+export type ThemeVariables = Record<ThemeSourceVariableName, string>;
+export type PartialThemeVariables = Partial<Record<ThemeSourceVariableName, string>>;
+export type ThemeVariableCategoryGroupKey = 'foundation' | 'shell';
+export interface ThemeVariableCategory {
+    group: ThemeVariableCategoryGroupKey;
+    name: string;
+    displayName: string;
+    shortDisplayName?: string;
+    description?: string;
+    variables: ThemeSourceVariableName[];
+}
+export interface ThemeSourceVariableMeta {
+    name: ThemeSourceVariableName;
+    label: string;
+    hint: string;
+    category: ThemeVariableCategory['name'];
+    fallback?: ThemeSourceVariableName | readonly ThemeSourceVariableName[] | ((variables: Record<string, string>) => string);
+    fallbackDeps?: readonly ThemeSourceVariableName[];
+}
+export declare const THEME_SOURCE_VARIABLE_CATEGORIES: ThemeVariableCategory[];
+export declare const THEME_SOURCE_VARIABLE_META: readonly ThemeSourceVariableMeta[];
+export declare const THEME_SOURCE_VARIABLE_NAMES: ThemeSourceVariableName[];
+export declare const THEME_SOURCE_VARIABLE_LABELS: Record<ThemeSourceVariableName, string>;
+export declare const THEME_SOURCE_VARIABLE_HINTS: Record<ThemeSourceVariableName, string>;
+export declare const THEME_SOURCE_VARIABLE_RELATIONS: Partial<Record<ThemeSourceVariableName, ThemeSourceVariableName>>;
+export declare const PRESET_THEME_VARIABLES: Record<BuiltinPresetThemeName, ThemeVariables>;
+export declare const getThemeSourceVariableNames: () => ThemeSourceVariableName[];
+export declare const getThemeSourceVariableLabels: () => Record<ThemeSourceVariableName, string>;
+export declare const getThemeSourceVariableHints: () => Record<ThemeSourceVariableName, string>;
+export declare const getThemeSourceVariableCategories: () => ThemeVariableCategory[];
+export declare const getThemeSourceVariableRelations: () => Partial<Record<ThemeSourceVariableName, ThemeSourceVariableName>>;
+export declare const normalizeThemeSourceVariables: (partialVariables: Record<string, string | number | undefined> | undefined, fallbackVariables?: Record<string, string | number | undefined>) => ThemeVariables;