@clickhouse/click-ui 0.0.234-sc-deprecation.7 → 0.0.234-sc-deprecation.8

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.
@@ -23,8 +23,8 @@
23
23
  * <Link className={linkClasses({ size: 'md', weight: 'semibold' })}>My Link</Link>
24
24
  * ```
25
25
  */
26
- export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
27
- export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
26
+ export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
27
+ export type TextWeight = "normal" | "medium" | "semibold" | "bold";
28
28
  /**
29
29
  * Props for styled-components wrapper
30
30
  * @deprecated Use LinkStyleProps with linkClasses instead
@@ -92,7 +92,7 @@ export declare const linkStyles: (props?: StyledLinkProps) => string;
92
92
  * </Link>
93
93
  * ```
94
94
  */
95
- export declare function linkClasses({ size, weight, className }?: LinkStyleProps): string;
95
+ export declare const linkClasses: ({ size, weight, className }?: LinkStyleProps) => string;
96
96
  /**
97
97
  * CSS class name constants for granular control
98
98
  *
@@ -2,5 +2,17 @@ import { NestedJSONObject, Theme } from '../types';
2
2
 
3
3
  export declare const generateCSSVariables: (obj: Theme | NestedJSONObject) => string;
4
4
  export declare const themeToFlatVariables: (theme: Theme) => Record<string, string>;
5
+ /**
6
+ * Generate CSS variables with light-dark() for colors and fallback handling for non-colors
7
+ * Returns an object with base variables and any theme-specific overrides needed
8
+ */
5
9
  export declare const generateLightDarkVariables: (lightTheme: Theme, darkTheme: Theme) => Record<string, string>;
10
+ /**
11
+ * Generate separate theme-specific overrides for non-color variables that differ
12
+ * This is needed when non-color values differ between themes and light-dark() can't be used
13
+ */
14
+ export declare const generateThemeOverrides: (lightTheme: Theme, darkTheme: Theme) => {
15
+ light: Record<string, string>;
16
+ dark: Record<string, string>;
17
+ };
6
18
  export declare const injectThemeStyles: (theme: Theme, resolvedTheme: string, isSystem?: boolean, systemLightTheme?: Theme, systemDarkTheme?: Theme, lightTheme?: Theme, darkTheme?: Theme) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.234-sc-deprecation.7",
3
+ "version": "0.0.234-sc-deprecation.8",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",