@kingsoft-ai/design 0.1.9 → 0.1.10

package/dist/types/DesignThemeProvider.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Design 组件的主题提供者
+ *
+ * 这是一个便捷的包装器，自动使用默认的设计主题
+ * 用户可以直接使用而不需要手动导入 theme
+ */
+import type { ReactNode } from 'react';
+import type { AppTheme } from '@kingsoft-ai/theme';
+export interface DesignThemeProviderProps {
+    /** 子组件 */
+    children: ReactNode;
+    /**
+     * 主题模式
+     * @default 'light'
+     */
+    mode?: 'light' | 'dark';
+    /**
+     * 自定义主题对象（可选）
+     * 如果提供，将覆盖默认主题
+     */
+    theme?: AppTheme;
+}
+/**
+ * Design 组件主题提供者
+ *
+ * @example
+ * ```tsx
+ * // 使用默认亮色主题
+ * <DesignThemeProvider>
+ *   <Button>点击我</Button>
+ * </DesignThemeProvider>
+ *
+ * // 使用暗色主题
+ * <DesignThemeProvider mode="dark">
+ *   <Button>点击我</Button>
+ * </DesignThemeProvider>
+ *
+ * // 使用自定义主题
+ * <DesignThemeProvider theme={customTheme}>
+ *   <Button>点击我</Button>
+ * </DesignThemeProvider>
+ * ```
+ */
+export declare const DesignThemeProvider: ({ children, mode, theme }: DesignThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/button/IconButton.d.ts

@@ -27,7 +27,7 @@ export type IconButtonProps = Omit<AriaButtonProps, 'elementType' | 'children'>
     /** 自定义类名 */
     className?: string;
 };
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<AriaButtonProps<"button">, "elementType" | "children"> & {
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<AriaButtonProps<"button">, "children" | "elementType"> & {
     /** 图标按钮的视觉外观：实心、描边、幽灵 */
     appearance?: IconButtonAppearance;
     /** 语义色彩：主题、自然、危险 */

package/dist/types/index.d.ts

@@ -15,4 +15,8 @@ export * from './tag';
 export * from './upload';
 export * from './theme';
 export * from './types/theme-utils';
+export { DesignThemeProvider } from './DesignThemeProvider';
+export type { DesignThemeProviderProps } from './DesignThemeProvider';
+export { CustomThemeProvider, globalColors, globalSpacing, globalRadii, globalTypography, globalShadows, globalGradients, lightSemantic, darkSemantic, } from '@kingsoft-ai/theme';
+export type { CustomThemeProviderProps, AppTheme, Theme, ComponentTheme, GlobalColors, GlobalColorScale, GlobalSpacing, GlobalRadii, GlobalTypography, GlobalShadows, GlobalGradients, SemanticColors, SemanticSpacing, SemanticBorderRadius, SemanticTypography, SemanticShadows, } from '@kingsoft-ai/theme';
 export * from './types/component-tokens.types';

package/dist/types/switch/Switch.d.ts

@@ -52,7 +52,7 @@ export type SwitchProps = Omit<AriaSwitchProps, 'children' | 'isDisabled'> & Omi
  * 基于 Figma 设计规范实现的开关组件，支持带文字的开关
  * 使用 react-aria 保证无障碍访问性
  */
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<AriaSwitchProps, "isDisabled" | "children"> & Omit<ToggleProps, "isDisabled" | "children"> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<AriaSwitchProps, "children" | "isDisabled"> & Omit<ToggleProps, "children" | "isDisabled"> & {
     /** 开关尺寸：小号(20px)、标准(24px) */
     size?: SwitchSize;
     /** 选中状态的文字标签（显示在开关内部） */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kingsoft-ai/design",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",