@broxus/react-uikit 0.17.3 → 0.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Inverse/index.d.ts +2 -1
- package/dist/cjs/components/Inverse/index.js +2 -2
- package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/esm/components/Inverse/index.d.ts +2 -1
- package/dist/esm/components/Inverse/index.js +2 -2
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -9,6 +9,7 @@ export interface InverseConfig {
|
|
|
9
9
|
setColorMode: (value: ColorMode) => void;
|
|
10
10
|
}
|
|
11
11
|
export interface InverseProviderProps {
|
|
12
|
+
defaultColorMode?: ColorMode;
|
|
12
13
|
globalDarkClassName?: string;
|
|
13
14
|
globalLightClassName?: string;
|
|
14
15
|
primaryColorDark?: string;
|
|
@@ -18,4 +19,4 @@ export declare const lib: Record<ColorMode, () => React.JSX.Element>;
|
|
|
18
19
|
export declare const InverseContext: React.Context<InverseConfig | null>;
|
|
19
20
|
export declare function useInverse(): InverseConfig;
|
|
20
21
|
export declare const INVERSE_STORAGE_KEY = "colorMode";
|
|
21
|
-
export declare const InverseProvider: React.MemoExoticComponent<({ children, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, }: React.PropsWithChildren<InverseProviderProps>) => React.JSX.Element>;
|
|
22
|
+
export declare const InverseProvider: React.MemoExoticComponent<({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, }: React.PropsWithChildren<InverseProviderProps>) => React.JSX.Element>;
|
|
@@ -19,10 +19,10 @@ export function useInverse() {
|
|
|
19
19
|
return useContext(InverseContext);
|
|
20
20
|
}
|
|
21
21
|
export const INVERSE_STORAGE_KEY = 'colorMode';
|
|
22
|
-
export const InverseProvider = React.memo(({ children, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, }) => {
|
|
22
|
+
export const InverseProvider = React.memo(({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, }) => {
|
|
23
23
|
const [colorMode, setColorMode] = React.useState(() => {
|
|
24
24
|
const stored = storage.get(INVERSE_STORAGE_KEY);
|
|
25
|
-
return stored ? stored : ColorMode.Dark;
|
|
25
|
+
return stored ? stored : defaultColorMode ?? ColorMode.Dark;
|
|
26
26
|
});
|
|
27
27
|
const context = React.useMemo(() => ({
|
|
28
28
|
colorMode,
|