@redis-ui/styles 13.2.0 → 14.5.3

package/dist/fonts.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Source+Code+Pro:wght@400;600&display=block');
-
-body {
-  font-family: 'Nunito Sans', sans-serif;
-}
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300..700&display=swap');

package/dist/hooks/ThemeModeSwitching/SwitchableModeThemeProvider.d.ts

@@ -0,0 +1,2 @@
+import { SwitchableModeThemeProviderProps } from './ThemeModeSwitching.types';
+export declare const SwitchableModeThemeProvider: ({ children, storageKey, lightTheme, darkTheme, allowSystemThemeMode, defaultThemeMode }: SwitchableModeThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/ThemeModeSwitching/ThemeModeSwitching.context.d.ts

@@ -0,0 +1,3 @@
+import { ThemeModeSwitchingContextParams, ThemeModeSwitchingProviderProps } from './ThemeModeSwitching.types';
+export declare const ThemeModeSwitchingProvider: ({ children, ...restProps }: ThemeModeSwitchingProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useThemeModeSwitchingContext: () => ThemeModeSwitchingContextParams;

package/dist/hooks/ThemeModeSwitching/ThemeModeSwitching.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { ThemeMode, Theme } from '../../themes';
+/** Theme modes that can be selected by user */
+export type UserThemeMode = ThemeMode | 'system';
+export declare const ThemeModes: {
+    readonly System: "system";
+    readonly Light: "light";
+    readonly Dark: "dark";
+};
+export type SwitchableModeThemeProviderProps = UseThemeModeSwitchingManagerParams & {
+    storageKey: string;
+    children: ReactNode;
+    lightTheme: Theme;
+    darkTheme: Theme;
+};
+export interface ThemeModeSwitchingContextParams {
+    userThemeMode: UserThemeMode | undefined;
+    setUserThemeMode: (newThemeMode: UserThemeMode | undefined) => boolean;
+    toggleAppThemeMode: VoidFunction;
+    getNextThemeModeToToggle: (currentThemeMode: UserThemeMode | undefined) => ThemeMode | undefined;
+    allowSystemThemeMode?: boolean;
+}
+export interface ThemeModeSwitchingProviderProps extends ThemeModeSwitchingContextParams {
+    children: ReactNode;
+}
+export type UseThemeModeSwitchingManagerParams = {
+    allowSystemThemeMode?: boolean;
+    defaultThemeMode?: UserThemeMode;
+};

package/dist/hooks/ThemeModeSwitching/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useThemeModeSwitchingManager';
+export * from './SwitchableModeThemeProvider';
+export * from './ThemeModeSwitching.types';
+export * from './ThemeModeSwitching.context';

package/dist/hooks/ThemeModeSwitching/useThemeModeSwitchingManager.d.ts

@@ -0,0 +1,9 @@
+import { UserThemeMode, UseThemeModeSwitchingManagerParams } from './ThemeModeSwitching.types';
+import { ThemeMode } from '../../themes';
+export declare const useThemeModeSwitchingManager: ({ allowSystemThemeMode, defaultThemeMode }: UseThemeModeSwitchingManagerParams) => {
+    readonly setUserThemeMode: (newThemeMode: UserThemeMode | (string & NonNullable<unknown>) | undefined) => boolean;
+    readonly toggleAppThemeMode: () => void;
+    readonly getNextThemeModeToToggle: (currentThemeMode: UserThemeMode | undefined) => "light" | "dark";
+    readonly userThemeMode: UserThemeMode | undefined;
+    readonly appThemeMode: ThemeMode | undefined;
+};

package/dist/hooks/useStorage.d.ts

@@ -0,0 +1,9 @@
+export type UseStorageParams = {
+    storageKey: string;
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+};
+export declare const useStorage: ({ value, storageKey, onChange }: UseStorageParams) => {
+    readFromStorage: () => string | undefined;
+    saveToStorage: (newValue: string | undefined) => void;
+};

package/dist/index.d.ts

@@ -1,12 +1,7 @@
-export { theme } from './themes/themeLight/theme';
-export { theme as themeLight } from './themes/themeLight/theme';
-export { theme as themeDark } from './themes/themeDark/theme';
-export { theme as themeLight2 } from './themes/themeLight2/theme';
-export { theme as themeDark2 } from './themes/themeDark2/theme';
-export * from './themes/types';
-export * from './themes/types/theme/components';
+export * from './themes';
 export * from './hooks/useTheme';
+export * from './hooks/useStorage';
 export * from './utils';
 export * from './focus-indicator';
-export * from './hooks/ThemeSwitch';
+export * from './hooks/ThemeModeSwitching';
 export * from './commonStyles';