@homecode/ui 4.30.15 → 5.0.0

package/dist/esm/types/src/components/Icon/Icon.types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, Size } from 'uilib/types';
 import * as CUSTOM_ICONS from './icons';
-export type IconSize = 'xs' | Size;
+export type IconSize = Size;
 export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {
     icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;

package/dist/esm/types/src/components/Scroll/Scroll.types.d.ts

@@ -18,7 +18,7 @@ export type Props = ComponentType & HTMLAttributes<HTMLDivElement> & {
     x?: boolean;
     y?: boolean;
     size?: Size;
-    fadeSize?: Size | 'xl';
+    fadeSize?: Size;
     smooth?: boolean;
     autoHide?: boolean;
     offset?: Offset;

package/dist/esm/types/src/components/Theme/Theme.defaults.d.ts

@@ -1,8 +1,5 @@
 import * as T from './Theme.types';
 export declare const baseConfig: {
-    'indent-s': string;
-    'indent-m': string;
-    'indent-l': string;
     'border-radius-s': string;
     'border-radius-m': string;
     'border-radius-l': string;

package/dist/esm/types/src/components/Theme/ThemeProvider.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export type ThemeProviderProps = {
+    children: ReactNode;
+    getThemeConfig: (theme: 'light' | 'dark', activeColor: string) => Record<string, string>;
+    initialTheme?: 'light' | 'dark';
+    initialActiveColor: string;
+};
+export type ThemeContextValue = {
+    currThemeConfig: Record<string, string>;
+    theme: 'light' | 'dark';
+    isDarkTheme: boolean;
+    toggleTheme: () => void;
+    setTheme: (theme: 'light' | 'dark') => void;
+    setActiveColor: (color: string) => void;
+    activeColor: string;
+};
+export declare function ThemeProvider({ children, getThemeConfig, initialTheme, initialActiveColor, }: ThemeProviderProps): JSX.Element;
+export declare function useTheme(): ThemeContextValue;

package/dist/esm/types/src/components/index.d.ts

@@ -5,10 +5,12 @@ export * from './ButtonGroup/ButtonGroup';
 export * from './Calendar/Calendar';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
+export * from './Card';
 export * from './Container/Container';
 export * from './DatePicker/DatePicker';
 export * from './DatePickerInput/DatePickerInput';
 export * from './DateTime/DateTime';
+export * from './Dialogue';
 export * from './Draggable/Draggable';
 export * from './Expand/Expand';
 export * from './Flex/Flex';
@@ -42,6 +44,8 @@ export * from './Tabs/Tabs';
 export * from './Tooltip/Tooltip';
 export * from './Text/Text';
 export * from './Theme/Theme';
+export { ThemeProvider, useTheme } from './Theme/ThemeProvider';
+export type { ThemeContextValue, ThemeProviderProps, } from './Theme/ThemeProvider';
 export * from './VH/VH';
 export * from './Virtualized';
 export * from './Toggle/Toggle';

package/dist/esm/types/src/types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-export type Size = 's' | 'm' | 'l';
+export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
 export type Variant = 'clean' | 'default' | 'outlined';
 export type ComponentType = {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.30.15",
+  "version": "5.0.0",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",