npm - @livechat/design-system-react-components - Versions diffs - 2.2.2 → 2.3.0 - Mend

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

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { Theme } from './types';
+interface ThemeContextProps {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => 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 {};

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

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

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

	@@ -0,0 +1,2 @@
1	+ import * as React from 'react';
2	+ export declare const PdfIcon: React.FC;

	@@ -0,0 +1 @@
1	+ export declare const getDesignTokenWithOpacity: (token: string, opacityInPercent: string) => string;

	@@ -0,0 +1,2 @@
1	+ export type { Size } from './types';
2	+ export { getDesignTokenWithOpacity } from './getDesignTokenWithOpacity';

@@ -0,0 +1,12 @@
+export declare const KeyCodes: {
+    esc: string;
+    enter: string;
+    backspace: string;
+    delete: string;
+    spacebar: string;
+    tab: string;
+    semicolon: string;
+    comma: string;
+    arrowUp: string;
+    arrowDown: string;
+};

	@@ -0,0 +1 @@
1	+ export declare function plural(metric: number, singularForm: string, pluralForm: string, zeroForm?: string): string;

@@ -0,0 +1,3 @@
+import { Parameters } from '@storybook/react';
+export declare const DISABLED_CONTROLS: Parameters;

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type Size = 'compact' | 'medium' | 'large';
+export interface ComponentCoreProps {
+    /**
+     * Custom style for the avatar
+     */
+    style?: React.CSSProperties;
+    /**
+     * The CSS class name
+     */
+    className?: string;
+    /**
+     * Test id passed to the wrapper element
+     */
+    'data-testid'?: string;
+}

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-react-components",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -86,5 +86,5 @@
     "react-transition-group": "^4.4.2",
     "react-virtuoso": "^4.7.11"
   },
-  "gitHead": "bfecec01fb0fa7723e479127849d39a0062fc5d1"
+  "gitHead": "6eeeef80fbd94fc0b69e5415616207d6f761fa3e"
 }

@livechat/design-system-react-components 2.2.2 → 2.3.0