@inkeep/cxkit-color-mode 0.5.14 → 0.5.16
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/index.d.cts +30 -1
- package/dist/index.d.ts +30 -1
- package/package.json +1 -1
- package/dist/color-mode-provider.d.cts +0 -21
- package/dist/color-mode-provider.d.ts +0 -21
package/dist/index.d.cts
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
import { ColorModeProviderProps } from '@inkeep/cxkit-types';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
export declare type ColorMode = 'light' | 'dark';
|
|
5
|
+
|
|
6
|
+
export declare const ColorMode: React.FC<ColorModeProviderProps>;
|
|
7
|
+
|
|
8
|
+
export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
9
|
+
|
|
10
|
+
export declare const DarkModeProvider: ({ children }: {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}) => JSX.Element;
|
|
13
|
+
|
|
14
|
+
export declare const useColorMode: () => any;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Change value based on color mode.
|
|
18
|
+
*
|
|
19
|
+
* @param light the light mode value
|
|
20
|
+
* @param dark the dark mode value
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
*
|
|
24
|
+
* ```js
|
|
25
|
+
* const Icon = useColorModeValue(MoonIcon, SunIcon)
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare function useColorModeValue<TLight = unknown, TDark = unknown>(light: TLight, dark: TDark): TLight | TDark;
|
|
29
|
+
|
|
30
|
+
export { }
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
import { ColorModeProviderProps } from '@inkeep/cxkit-types';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
export declare type ColorMode = 'light' | 'dark';
|
|
5
|
+
|
|
6
|
+
export declare const ColorMode: React.FC<ColorModeProviderProps>;
|
|
7
|
+
|
|
8
|
+
export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
9
|
+
|
|
10
|
+
export declare const DarkModeProvider: ({ children }: {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}) => JSX.Element;
|
|
13
|
+
|
|
14
|
+
export declare const useColorMode: () => any;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Change value based on color mode.
|
|
18
|
+
*
|
|
19
|
+
* @param light the light mode value
|
|
20
|
+
* @param dark the dark mode value
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
*
|
|
24
|
+
* ```js
|
|
25
|
+
* const Icon = useColorModeValue(MoonIcon, SunIcon)
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare function useColorModeValue<TLight = unknown, TDark = unknown>(light: TLight, dark: TDark): TLight | TDark;
|
|
29
|
+
|
|
30
|
+
export { }
|
package/package.json
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ColorModeProviderProps } from '@inkeep/cxkit-types';
|
|
2
|
-
export type ColorMode = 'light' | 'dark';
|
|
3
|
-
export declare const useColorMode: () => any;
|
|
4
|
-
/**
|
|
5
|
-
* Change value based on color mode.
|
|
6
|
-
*
|
|
7
|
-
* @param light the light mode value
|
|
8
|
-
* @param dark the dark mode value
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
*
|
|
12
|
-
* ```js
|
|
13
|
-
* const Icon = useColorModeValue(MoonIcon, SunIcon)
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export declare function useColorModeValue<TLight = unknown, TDark = unknown>(light: TLight, dark: TDark): TLight | TDark;
|
|
17
|
-
export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
18
|
-
export declare const DarkModeProvider: ({ children }: {
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare const ColorMode: React.FC<ColorModeProviderProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ColorModeProviderProps } from '@inkeep/cxkit-types';
|
|
2
|
-
export type ColorMode = 'light' | 'dark';
|
|
3
|
-
export declare const useColorMode: () => any;
|
|
4
|
-
/**
|
|
5
|
-
* Change value based on color mode.
|
|
6
|
-
*
|
|
7
|
-
* @param light the light mode value
|
|
8
|
-
* @param dark the dark mode value
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
*
|
|
12
|
-
* ```js
|
|
13
|
-
* const Icon = useColorModeValue(MoonIcon, SunIcon)
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export declare function useColorModeValue<TLight = unknown, TDark = unknown>(light: TLight, dark: TDark): TLight | TDark;
|
|
17
|
-
export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
18
|
-
export declare const DarkModeProvider: ({ children }: {
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare const ColorMode: React.FC<ColorModeProviderProps>;
|