@clickhouse/click-ui 0.0.234-sc-deprecation.2 → 0.0.234-sc-deprecation.3

package/dist/theme/ClickUIProvider/context.d.ts

@@ -1,7 +1,6 @@
 import { BaseThemeName, ConfigThemeValues } from '../types';
 
-export type ThemeName = "light" | "dark" | "classic" | "system" | "auto";
-export type ThemeTransition = "none" | "fade" | "slide" | "scale";
+export type ThemeName = "light" | "dark" | "system";
 export interface ThemeContextValue {
     themeName: ThemeName;
     resolvedTheme: BaseThemeName;

package/dist/theme/ClickUIProvider/index.d.ts

@@ -1,6 +1,6 @@
 export { default as ClickUIProvider } from './ClickUIProvider';
 export { ServerClickUIProvider } from './ServerClickUIProvider';
 export { useCUITheme, useClickUITheme } from './hooks';
-export type { ThemeName, ThemeTransition, ThemeContextValue } from './context';
+export type { ThemeName, ThemeContextValue } from './context';
 export type { ClickUIConfig, ClickUIProviderProps } from './types';
 export { DEFAULT_CONFIG } from './types';

package/dist/theme/ClickUIProvider/types.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { TooltipProviderProps } from '@radix-ui/react-tooltip';
 import { ToastProviderProps } from '../../components/Toast/Toast';
 import { ThemeConfig, BaseThemeName } from '../types';
-import { ThemeName, ThemeTransition } from './context';
+import { ThemeName } from './context';
 
 export interface ClickUIConfig extends ThemeConfig {
     defaultTheme?: ThemeName;
@@ -11,9 +11,7 @@ export interface ClickUIConfig extends ThemeConfig {
     toastConfig?: Omit<ToastProviderProps, "children">;
     enableTransitions?: boolean;
     transitionDuration?: number;
-    transitionMode?: ThemeTransition;
     preloadThemes?: BaseThemeName[];
-    enableAutoTheme?: boolean;
     enableMemoization?: boolean;
     debounceDelay?: number;
     enableDevTools?: boolean;

package/dist/theme/hooks/useSystemColorSchemePreference.d.ts

@@ -0,0 +1,7 @@
+import { ResolvedThemeName } from '../types';
+
+/**
+ * Hook that detects and tracks the user's system color scheme preference
+ * @returns Current system theme preference ("light" | "dark")
+ */
+export declare const useSystemColorSchemePreference: () => ResolvedThemeName;

package/dist/theme/index.d.ts

@@ -1,7 +1,7 @@
 export type { Theme, ThemeName, ThemeConfig, ThemeContextValue, BaseThemeName, ResolvedThemeName, DeepPartial, NestedJSONObject, ConfigThemeValues, } from './types';
 export { ClickUIProvider, ServerClickUIProvider } from './ClickUIProvider';
 export { useCUITheme, useCUITheme as useClickUITheme, } from './ClickUIProvider';
-export { getBaseTheme, getBaseThemeAsync, preloadThemes, getSystemTheme, createSystemThemeListener, loadCustomConfig, deepMerge, } from './utils';
+export { getBaseTheme, loadCustomConfig, deepMerge, } from './utils';
 export { generateCSSVariables, injectThemeStyles } from './utils/css-generator';
 export { getThemeConfig } from './config';
 export type { ThemeName as ClickUIThemeName } from './types';

package/dist/theme/types.d.ts

@@ -3,7 +3,7 @@ export type NestedJSONObject = {
     [key: string]: string | number | NestedJSONObject;
 };
 export type { Theme } from './tokens/types';
-export type ThemeName = "light" | "dark" | "classic" | "system";
+export type ThemeName = "light" | "dark" | "system";
 export type ResolvedThemeName = Exclude<ThemeName, "system">;
 export type BaseThemeName = ResolvedThemeName;
 export type ConfigThemeValues = Theme | NestedJSONObject;

package/dist/theme/utils/css-generator.d.ts

@@ -1,4 +1,6 @@
 import { NestedJSONObject, Theme } from '../types';
 
 export declare const generateCSSVariables: (obj: Theme | NestedJSONObject) => string;
-export declare const injectThemeStyles: (theme: Theme, resolvedTheme: string, isSystem?: boolean, systemLightTheme?: Theme, systemDarkTheme?: Theme) => void;
+export declare const themeToFlatVariables: (theme: Theme) => Record<string, string>;
+export declare const generateLightDarkVariables: (lightTheme: Theme, darkTheme: Theme) => Record<string, string>;
+export declare const injectThemeStyles: (theme: Theme, resolvedTheme: string, isSystem?: boolean, systemLightTheme?: Theme, systemDarkTheme?: Theme, lightTheme?: Theme, darkTheme?: Theme) => void;

package/dist/theme/utils/themeClasses.d.ts

@@ -0,0 +1,26 @@
+import { BaseThemeName } from '../types';
+
+export type ThemeProp = "light" | "dark";
+/**
+ * Get color-scheme value for a theme
+ * @returns "light" or "dark"
+ */
+export declare function getColorScheme(theme?: ThemeProp | BaseThemeName): "light" | "dark";
+/**
+ * Get inline styles for theme application
+ * @returns Style object with colorScheme property
+ */
+export declare function getThemeStyles(theme?: ThemeProp | BaseThemeName): {
+    colorScheme: "light" | "dark";
+};
+/**
+ * Theme utility hook for components
+ * Resolves theme prop against context theme
+ */
+export declare function useThemeUtils(themeProp?: ThemeProp, contextTheme?: BaseThemeName): {
+    theme: ThemeProp | BaseThemeName;
+    style: {
+        colorScheme: "light" | "dark";
+    };
+    colorScheme: "light" | "dark";
+};

package/dist/theme/utils.d.ts

@@ -4,21 +4,5 @@ import { Theme, BaseThemeName, ThemeConfig } from './types';
  * Get base theme by name (synchronous with fallback)
  */
 export declare const getBaseTheme: (themeName: BaseThemeName) => Theme;
-/**
- * Get base theme by name (async, fully loaded)
- */
-export declare const getBaseThemeAsync: (themeName: BaseThemeName) => Promise<Theme>;
-/**
- * Preload all base themes for better performance
- */
-export declare const preloadThemes: () => Promise<void>;
-/**
- * Get system theme preference
- */
-export declare const getSystemTheme: () => BaseThemeName;
-/**
- * Create system theme listener
- */
-export declare const createSystemThemeListener: (callback: (theme: BaseThemeName) => void) => () => void;
 export declare const loadCustomConfig: () => Promise<ThemeConfig | null>;
 export declare const deepMerge: (target: any, source: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.234-sc-deprecation.2",
+  "version": "0.0.234-sc-deprecation.3",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",