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

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

@@ -2,5 +2,17 @@ import { NestedJSONObject, Theme } from '../types';
 
 export declare const generateCSSVariables: (obj: Theme | NestedJSONObject) => string;
 export declare const themeToFlatVariables: (theme: Theme) => Record<string, string>;
+/**
+ * Generate CSS variables with light-dark() for colors and fallback handling for non-colors
+ * Returns an object with base variables and any theme-specific overrides needed
+ */
 export declare const generateLightDarkVariables: (lightTheme: Theme, darkTheme: Theme) => Record<string, string>;
+/**
+ * Generate separate theme-specific overrides for non-color variables that differ
+ * This is needed when non-color values differ between themes and light-dark() can't be used
+ */
+export declare const generateThemeOverrides: (lightTheme: Theme, darkTheme: Theme) => {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};
 export declare const injectThemeStyles: (theme: Theme, resolvedTheme: string, isSystem?: boolean, systemLightTheme?: Theme, systemDarkTheme?: Theme, lightTheme?: Theme, darkTheme?: Theme) => void;

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.234-sc-deprecation.6",
+  "version": "0.0.234-sc-deprecation.8",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./dist/style.css",
+    "./src/theme/global.scss"
+  ],
   "files": [
     "dist",
     "bin"
@@ -24,7 +30,8 @@
     },
     "./theme": {
       "types": "./dist/theme/index.d.ts"
-    }
+    },
+    "./style.css": "./dist/style.css"
   },
   "main": "./dist/click-ui.umd.js",
   "module": "./dist/click-ui.es.js",
@@ -123,5 +130,10 @@
     "dayjs": "^1.11.18",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "dayjs": {
+      "optional": true
+    }
   }
 }

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

@@ -1,3 +0,0 @@
-import { ResolvedThemeName } from '../types';
-
-export declare const useSystemTheme: () => ResolvedThemeName;

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

@@ -1,26 +0,0 @@
-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";
-};