@camstack/ui-library 0.1.29 → 0.1.31
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/package.json +1 -1
- package/dist/index.d.cts +0 -716
- package/dist/index.d.ts +0 -716
- package/dist/theme/index.d.cts +0 -128
- package/dist/theme/index.d.ts +0 -128
package/dist/theme/index.d.cts
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
interface CamStackColorTokens {
|
|
5
|
-
primary: string;
|
|
6
|
-
primaryForeground: string;
|
|
7
|
-
background: string;
|
|
8
|
-
backgroundElevated: string;
|
|
9
|
-
surface: string;
|
|
10
|
-
surfaceHover: string;
|
|
11
|
-
border: string;
|
|
12
|
-
borderSubtle: string;
|
|
13
|
-
foreground: string;
|
|
14
|
-
foregroundMuted: string;
|
|
15
|
-
foregroundSubtle: string;
|
|
16
|
-
foregroundDisabled: string;
|
|
17
|
-
success: string;
|
|
18
|
-
warning: string;
|
|
19
|
-
danger: string;
|
|
20
|
-
info: string;
|
|
21
|
-
provider: {
|
|
22
|
-
frigate: string;
|
|
23
|
-
scrypted: string;
|
|
24
|
-
reolink: string;
|
|
25
|
-
homeAssistant: string;
|
|
26
|
-
rtsp: string;
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
interface CamStackTheme {
|
|
30
|
-
colors: {
|
|
31
|
-
dark: CamStackColorTokens;
|
|
32
|
-
light: CamStackColorTokens;
|
|
33
|
-
};
|
|
34
|
-
spacing: {
|
|
35
|
-
xs: number;
|
|
36
|
-
sm: number;
|
|
37
|
-
md: number;
|
|
38
|
-
lg: number;
|
|
39
|
-
xl: number;
|
|
40
|
-
'2xl': number;
|
|
41
|
-
'3xl': number;
|
|
42
|
-
};
|
|
43
|
-
radius: {
|
|
44
|
-
sm: number;
|
|
45
|
-
md: number;
|
|
46
|
-
lg: number;
|
|
47
|
-
xl: number;
|
|
48
|
-
};
|
|
49
|
-
typography: {
|
|
50
|
-
fontFamily: string;
|
|
51
|
-
sizes: {
|
|
52
|
-
xs: {
|
|
53
|
-
fontSize: number;
|
|
54
|
-
lineHeight: number;
|
|
55
|
-
};
|
|
56
|
-
sm: {
|
|
57
|
-
fontSize: number;
|
|
58
|
-
lineHeight: number;
|
|
59
|
-
};
|
|
60
|
-
base: {
|
|
61
|
-
fontSize: number;
|
|
62
|
-
lineHeight: number;
|
|
63
|
-
};
|
|
64
|
-
lg: {
|
|
65
|
-
fontSize: number;
|
|
66
|
-
lineHeight: number;
|
|
67
|
-
};
|
|
68
|
-
xl: {
|
|
69
|
-
fontSize: number;
|
|
70
|
-
lineHeight: number;
|
|
71
|
-
};
|
|
72
|
-
'2xl': {
|
|
73
|
-
fontSize: number;
|
|
74
|
-
lineHeight: number;
|
|
75
|
-
};
|
|
76
|
-
'3xl': {
|
|
77
|
-
fontSize: number;
|
|
78
|
-
lineHeight: number;
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
weights: {
|
|
82
|
-
regular: number;
|
|
83
|
-
medium: number;
|
|
84
|
-
semibold: number;
|
|
85
|
-
bold: number;
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
table: {
|
|
89
|
-
rowHeight: number;
|
|
90
|
-
headerHeight: number;
|
|
91
|
-
cellPaddingX: number;
|
|
92
|
-
cellPaddingY: number;
|
|
93
|
-
};
|
|
94
|
-
sidebar: {
|
|
95
|
-
width: number;
|
|
96
|
-
itemHeight: number;
|
|
97
|
-
iconSize: number;
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
type ThemeMode = 'dark' | 'light' | 'system';
|
|
101
|
-
type DeepPartial<T> = {
|
|
102
|
-
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
103
|
-
};
|
|
104
|
-
interface UseThemeModeReturn {
|
|
105
|
-
mode: ThemeMode;
|
|
106
|
-
resolvedMode: 'dark' | 'light';
|
|
107
|
-
setMode: (mode: ThemeMode) => void;
|
|
108
|
-
toggleMode: () => void;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
declare const darkColors: CamStackColorTokens;
|
|
112
|
-
declare const lightColors: CamStackColorTokens;
|
|
113
|
-
declare const defaultTheme: CamStackTheme;
|
|
114
|
-
|
|
115
|
-
declare function createTheme(overrides?: DeepPartial<CamStackTheme>): CamStackTheme;
|
|
116
|
-
|
|
117
|
-
declare function themeToCss(theme: CamStackTheme): string;
|
|
118
|
-
|
|
119
|
-
interface ThemeProviderProps {
|
|
120
|
-
children: ReactNode;
|
|
121
|
-
defaultMode?: ThemeMode;
|
|
122
|
-
storageKey?: string;
|
|
123
|
-
}
|
|
124
|
-
declare function ThemeProvider({ children, defaultMode, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
125
|
-
|
|
126
|
-
declare function useThemeMode(): UseThemeModeReturn;
|
|
127
|
-
|
|
128
|
-
export { type CamStackColorTokens, type CamStackTheme, type DeepPartial, type ThemeMode, ThemeProvider, type UseThemeModeReturn, createTheme, darkColors, defaultTheme, lightColors, themeToCss, useThemeMode };
|
package/dist/theme/index.d.ts
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
interface CamStackColorTokens {
|
|
5
|
-
primary: string;
|
|
6
|
-
primaryForeground: string;
|
|
7
|
-
background: string;
|
|
8
|
-
backgroundElevated: string;
|
|
9
|
-
surface: string;
|
|
10
|
-
surfaceHover: string;
|
|
11
|
-
border: string;
|
|
12
|
-
borderSubtle: string;
|
|
13
|
-
foreground: string;
|
|
14
|
-
foregroundMuted: string;
|
|
15
|
-
foregroundSubtle: string;
|
|
16
|
-
foregroundDisabled: string;
|
|
17
|
-
success: string;
|
|
18
|
-
warning: string;
|
|
19
|
-
danger: string;
|
|
20
|
-
info: string;
|
|
21
|
-
provider: {
|
|
22
|
-
frigate: string;
|
|
23
|
-
scrypted: string;
|
|
24
|
-
reolink: string;
|
|
25
|
-
homeAssistant: string;
|
|
26
|
-
rtsp: string;
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
interface CamStackTheme {
|
|
30
|
-
colors: {
|
|
31
|
-
dark: CamStackColorTokens;
|
|
32
|
-
light: CamStackColorTokens;
|
|
33
|
-
};
|
|
34
|
-
spacing: {
|
|
35
|
-
xs: number;
|
|
36
|
-
sm: number;
|
|
37
|
-
md: number;
|
|
38
|
-
lg: number;
|
|
39
|
-
xl: number;
|
|
40
|
-
'2xl': number;
|
|
41
|
-
'3xl': number;
|
|
42
|
-
};
|
|
43
|
-
radius: {
|
|
44
|
-
sm: number;
|
|
45
|
-
md: number;
|
|
46
|
-
lg: number;
|
|
47
|
-
xl: number;
|
|
48
|
-
};
|
|
49
|
-
typography: {
|
|
50
|
-
fontFamily: string;
|
|
51
|
-
sizes: {
|
|
52
|
-
xs: {
|
|
53
|
-
fontSize: number;
|
|
54
|
-
lineHeight: number;
|
|
55
|
-
};
|
|
56
|
-
sm: {
|
|
57
|
-
fontSize: number;
|
|
58
|
-
lineHeight: number;
|
|
59
|
-
};
|
|
60
|
-
base: {
|
|
61
|
-
fontSize: number;
|
|
62
|
-
lineHeight: number;
|
|
63
|
-
};
|
|
64
|
-
lg: {
|
|
65
|
-
fontSize: number;
|
|
66
|
-
lineHeight: number;
|
|
67
|
-
};
|
|
68
|
-
xl: {
|
|
69
|
-
fontSize: number;
|
|
70
|
-
lineHeight: number;
|
|
71
|
-
};
|
|
72
|
-
'2xl': {
|
|
73
|
-
fontSize: number;
|
|
74
|
-
lineHeight: number;
|
|
75
|
-
};
|
|
76
|
-
'3xl': {
|
|
77
|
-
fontSize: number;
|
|
78
|
-
lineHeight: number;
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
weights: {
|
|
82
|
-
regular: number;
|
|
83
|
-
medium: number;
|
|
84
|
-
semibold: number;
|
|
85
|
-
bold: number;
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
table: {
|
|
89
|
-
rowHeight: number;
|
|
90
|
-
headerHeight: number;
|
|
91
|
-
cellPaddingX: number;
|
|
92
|
-
cellPaddingY: number;
|
|
93
|
-
};
|
|
94
|
-
sidebar: {
|
|
95
|
-
width: number;
|
|
96
|
-
itemHeight: number;
|
|
97
|
-
iconSize: number;
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
type ThemeMode = 'dark' | 'light' | 'system';
|
|
101
|
-
type DeepPartial<T> = {
|
|
102
|
-
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
103
|
-
};
|
|
104
|
-
interface UseThemeModeReturn {
|
|
105
|
-
mode: ThemeMode;
|
|
106
|
-
resolvedMode: 'dark' | 'light';
|
|
107
|
-
setMode: (mode: ThemeMode) => void;
|
|
108
|
-
toggleMode: () => void;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
declare const darkColors: CamStackColorTokens;
|
|
112
|
-
declare const lightColors: CamStackColorTokens;
|
|
113
|
-
declare const defaultTheme: CamStackTheme;
|
|
114
|
-
|
|
115
|
-
declare function createTheme(overrides?: DeepPartial<CamStackTheme>): CamStackTheme;
|
|
116
|
-
|
|
117
|
-
declare function themeToCss(theme: CamStackTheme): string;
|
|
118
|
-
|
|
119
|
-
interface ThemeProviderProps {
|
|
120
|
-
children: ReactNode;
|
|
121
|
-
defaultMode?: ThemeMode;
|
|
122
|
-
storageKey?: string;
|
|
123
|
-
}
|
|
124
|
-
declare function ThemeProvider({ children, defaultMode, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
125
|
-
|
|
126
|
-
declare function useThemeMode(): UseThemeModeReturn;
|
|
127
|
-
|
|
128
|
-
export { type CamStackColorTokens, type CamStackTheme, type DeepPartial, type ThemeMode, ThemeProvider, type UseThemeModeReturn, createTheme, darkColors, defaultTheme, lightColors, themeToCss, useThemeMode };
|