@livechat/design-system-react-components 2.0.0-alpha.4 → 2.0.0-alpha.5

package/dist/providers/AppFrameProvider.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface AppFrameContextProps {
+    isSideNavigationVisible: boolean;
+    toggleSideNavigationVisibility: () => void;
+}
+export declare const useAppFrame: () => AppFrameContextProps;
+interface AppFrameProviderProps {
+    isSideNavigationVisible?: boolean;
+}
+export declare const AppFrameProvider: React.FC<React.PropsWithChildren<AppFrameProviderProps>>;
+export {};

package/dist/providers/ThemeProvider.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { Theme } from './types';
+
+interface ThemeContextProps {
+    theme: Theme;
+    toggleTheme: () => void;
+    setCustomVariables: (variables: CustomVariables) => void;
+}
+interface CustomVariables {
+    [key: string]: string;
+}
+export declare const useTheme: () => ThemeContextProps;
+interface ThemeProviderProps {
+    children: ReactNode;
+    initialTheme?: Theme;
+    customVariables?: CustomVariables;
+}
+export declare const ThemeProvider: FC<ThemeProviderProps>;
+export {};

package/dist/providers/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum ThemeClassName {
+    Dark = "lc-dark-theme",
+    Light = "lc-light-theme"
+}

package/dist/providers/helpers.d.ts

@@ -0,0 +1,4 @@
+import { ThemeClassName } from './constants';
+import { Theme } from './types';
+
+export declare const getThemeClassName: (theme: Theme) => ThemeClassName;

package/dist/providers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './helpers';
+export * from './types';
+export * from './ThemeProvider';
+export * from './AppFrameProvider';

package/dist/providers/types.d.ts

@@ -0,0 +1 @@
+export type Theme = 'light' | 'dark';