@opengeoweb/theme 16.0.0 → 17.0.0
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/index.esm.js +577 -483
- package/package.json +2 -2
- package/src/index.d.ts +0 -15
- package/src/lib/components/Icons/Icons.d.ts +0 -158
- package/src/lib/components/Icons/Icons.spec.d.ts +0 -1
- package/src/lib/components/Icons/index.d.ts +0 -1
- package/src/lib/components/Paths/Paths.d.ts +0 -4
- package/src/lib/components/Paths/index.d.ts +0 -1
- package/src/lib/components/Providers/Providers.d.ts +0 -6
- package/src/lib/components/Providers/index.d.ts +0 -1
- package/src/lib/components/Storybook/StoryHeader.d.ts +0 -6
- package/src/lib/components/Storybook/index.d.ts +0 -1
- package/src/lib/components/Theme/ThemeContext.d.ts +0 -19
- package/src/lib/components/Theme/ThemeContext.spec.d.ts +0 -1
- package/src/lib/components/Theme/index.d.ts +0 -1
- package/src/lib/stories/Accordion.stories.d.ts +0 -9
- package/src/lib/stories/Avatar.stories.d.ts +0 -9
- package/src/lib/stories/Backdrop.stories.d.ts +0 -11
- package/src/lib/stories/Breakpoints.stories.d.ts +0 -8
- package/src/lib/stories/Button.stories.d.ts +0 -9
- package/src/lib/stories/Card.stories.d.ts +0 -9
- package/src/lib/stories/Colors.stories.d.ts +0 -9
- package/src/lib/stories/Elevation.stories.d.ts +0 -9
- package/src/lib/stories/FormElements.stories.d.ts +0 -9
- package/src/lib/stories/IconButton.stories.d.ts +0 -9
- package/src/lib/stories/Icons.stories.d.ts +0 -14
- package/src/lib/stories/List.stories.d.ts +0 -9
- package/src/lib/stories/MenuItem.stories.d.ts +0 -10
- package/src/lib/stories/Select.stories.d.ts +0 -9
- package/src/lib/stories/Slider.stories.d.ts +0 -9
- package/src/lib/stories/Snackbar.stories.d.ts +0 -9
- package/src/lib/stories/Switch.stories.d.ts +0 -9
- package/src/lib/stories/Table.stories.d.ts +0 -16
- package/src/lib/stories/Tabs.stories.d.ts +0 -9
- package/src/lib/stories/TextField.stories.d.ts +0 -9
- package/src/lib/stories/ToggleButton.stories.d.ts +0 -9
- package/src/lib/stories/Tooltip.stories.d.ts +0 -9
- package/src/lib/stories/Typography.stories.d.ts +0 -9
- package/src/lib/types.d.ts +0 -255
- package/src/lib/utils/EChartsThemes/darkTheme.d.ts +0 -249
- package/src/lib/utils/EChartsThemes/index.d.ts +0 -3
- package/src/lib/utils/EChartsThemes/lightTheme.d.ts +0 -244
- package/src/lib/utils/buttonStyles.d.ts +0 -10
- package/src/lib/utils/buttonStyles.test.d.ts +0 -1
- package/src/lib/utils/createTheme.d.ts +0 -16
- package/src/lib/utils/createTheme.spec.d.ts +0 -1
- package/src/lib/utils/i18n.d.ts +0 -2
- package/src/lib/utils/themes/BackdropDecoration.d.ts +0 -4
- package/src/lib/utils/themes/dark/darkTheme.d.ts +0 -3
- package/src/lib/utils/themes/demo/demoTheme.d.ts +0 -3
- package/src/lib/utils/themes/eumetnet/eumetnetTheme.d.ts +0 -3
- package/src/lib/utils/themes/index.d.ts +0 -30
- package/src/lib/utils/themes/light/lightTheme.d.ts +0 -3
- package/src/lib/utils/themes/xmas/xmasTheme.d.ts +0 -3
- package/src/lib/utils/utils.d.ts +0 -5
- package/src/lib/utils/utils.spec.d.ts +0 -1
|
@@ -1,244 +0,0 @@
|
|
|
1
|
-
export declare const EChartsLightTheme: {
|
|
2
|
-
backgroundColor: string;
|
|
3
|
-
textStyle: {
|
|
4
|
-
color: string;
|
|
5
|
-
fontSize: string;
|
|
6
|
-
fontWeight: string;
|
|
7
|
-
};
|
|
8
|
-
title: {
|
|
9
|
-
textStyle: {
|
|
10
|
-
color: string;
|
|
11
|
-
};
|
|
12
|
-
subtextStyle: {
|
|
13
|
-
color: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
line: {
|
|
17
|
-
itemStyle: {
|
|
18
|
-
borderWidth: number;
|
|
19
|
-
};
|
|
20
|
-
lineStyle: {
|
|
21
|
-
width: number;
|
|
22
|
-
};
|
|
23
|
-
symbolSize: number;
|
|
24
|
-
symbol: string;
|
|
25
|
-
smooth: boolean;
|
|
26
|
-
};
|
|
27
|
-
bar: {
|
|
28
|
-
itemStyle: {
|
|
29
|
-
barBorderWidth: number;
|
|
30
|
-
barBorderColor: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
scatter: {
|
|
34
|
-
itemStyle: {
|
|
35
|
-
borderWidth: number;
|
|
36
|
-
borderColor: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
categoryAxis: {
|
|
40
|
-
axisLine: {
|
|
41
|
-
show: boolean;
|
|
42
|
-
lineStyle: {
|
|
43
|
-
color: string;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
axisTick: {
|
|
47
|
-
show: boolean;
|
|
48
|
-
lineStyle: {
|
|
49
|
-
color: string;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
axisLabel: {
|
|
53
|
-
show: boolean;
|
|
54
|
-
color: string;
|
|
55
|
-
fontSize: string;
|
|
56
|
-
};
|
|
57
|
-
splitLine: {
|
|
58
|
-
show: boolean;
|
|
59
|
-
lineStyle: {
|
|
60
|
-
color: string[];
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
splitArea: {
|
|
64
|
-
show: boolean;
|
|
65
|
-
areaStyle: {
|
|
66
|
-
color: string[];
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
valueAxis: {
|
|
71
|
-
axisLine: {
|
|
72
|
-
show: boolean;
|
|
73
|
-
lineStyle: {
|
|
74
|
-
color: string;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
axisTick: {
|
|
78
|
-
show: boolean;
|
|
79
|
-
lineStyle: {
|
|
80
|
-
color: string;
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
axisLabel: {
|
|
84
|
-
show: boolean;
|
|
85
|
-
color: string;
|
|
86
|
-
fontSize: string;
|
|
87
|
-
};
|
|
88
|
-
splitLine: {
|
|
89
|
-
show: boolean;
|
|
90
|
-
lineStyle: {
|
|
91
|
-
color: string[];
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
splitArea: {
|
|
95
|
-
show: boolean;
|
|
96
|
-
areaStyle: {
|
|
97
|
-
color: string[];
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
logAxis: {
|
|
102
|
-
axisLine: {
|
|
103
|
-
show: boolean;
|
|
104
|
-
lineStyle: {
|
|
105
|
-
color: string;
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
axisTick: {
|
|
109
|
-
show: boolean;
|
|
110
|
-
lineStyle: {
|
|
111
|
-
color: string;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
axisLabel: {
|
|
115
|
-
show: boolean;
|
|
116
|
-
color: string;
|
|
117
|
-
fontSize: string;
|
|
118
|
-
};
|
|
119
|
-
splitLine: {
|
|
120
|
-
show: boolean;
|
|
121
|
-
lineStyle: {
|
|
122
|
-
color: string[];
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
splitArea: {
|
|
126
|
-
show: boolean;
|
|
127
|
-
areaStyle: {
|
|
128
|
-
color: string[];
|
|
129
|
-
};
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
|
-
timeAxis: {
|
|
133
|
-
nameTextStyle: {
|
|
134
|
-
color: string;
|
|
135
|
-
};
|
|
136
|
-
axisLine: {
|
|
137
|
-
show: boolean;
|
|
138
|
-
lineStyle: {
|
|
139
|
-
color: string;
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
axisTick: {
|
|
143
|
-
show: boolean;
|
|
144
|
-
lineStyle: {
|
|
145
|
-
color: string;
|
|
146
|
-
};
|
|
147
|
-
};
|
|
148
|
-
axisLabel: {
|
|
149
|
-
show: boolean;
|
|
150
|
-
color: string;
|
|
151
|
-
fontSize: string;
|
|
152
|
-
};
|
|
153
|
-
splitLine: {
|
|
154
|
-
show: boolean;
|
|
155
|
-
lineStyle: {
|
|
156
|
-
color: string[];
|
|
157
|
-
};
|
|
158
|
-
};
|
|
159
|
-
splitArea: {
|
|
160
|
-
show: boolean;
|
|
161
|
-
areaStyle: {
|
|
162
|
-
color: string[];
|
|
163
|
-
};
|
|
164
|
-
};
|
|
165
|
-
};
|
|
166
|
-
toolbox: {
|
|
167
|
-
iconStyle: {
|
|
168
|
-
borderColor: string;
|
|
169
|
-
};
|
|
170
|
-
emphasis: {
|
|
171
|
-
iconStyle: {
|
|
172
|
-
borderColor: string;
|
|
173
|
-
};
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
legend: {
|
|
177
|
-
textStyle: {
|
|
178
|
-
color: string;
|
|
179
|
-
};
|
|
180
|
-
};
|
|
181
|
-
tooltip: {
|
|
182
|
-
axisPointer: {
|
|
183
|
-
lineStyle: {
|
|
184
|
-
color: string;
|
|
185
|
-
width: number;
|
|
186
|
-
};
|
|
187
|
-
crossStyle: {
|
|
188
|
-
color: string;
|
|
189
|
-
width: number;
|
|
190
|
-
};
|
|
191
|
-
};
|
|
192
|
-
};
|
|
193
|
-
timeline: {
|
|
194
|
-
lineStyle: {
|
|
195
|
-
color: string;
|
|
196
|
-
width: number;
|
|
197
|
-
};
|
|
198
|
-
itemStyle: {
|
|
199
|
-
color: string;
|
|
200
|
-
borderWidth: number;
|
|
201
|
-
};
|
|
202
|
-
controlStyle: {
|
|
203
|
-
color: string;
|
|
204
|
-
borderColor: string;
|
|
205
|
-
borderWidth: number;
|
|
206
|
-
};
|
|
207
|
-
checkpointStyle: {
|
|
208
|
-
color: string;
|
|
209
|
-
borderColor: string;
|
|
210
|
-
};
|
|
211
|
-
label: {
|
|
212
|
-
color: string;
|
|
213
|
-
};
|
|
214
|
-
emphasis: {
|
|
215
|
-
itemStyle: {
|
|
216
|
-
color: string;
|
|
217
|
-
};
|
|
218
|
-
controlStyle: {
|
|
219
|
-
color: string;
|
|
220
|
-
borderColor: string;
|
|
221
|
-
borderWidth: number;
|
|
222
|
-
};
|
|
223
|
-
label: {
|
|
224
|
-
color: string;
|
|
225
|
-
};
|
|
226
|
-
};
|
|
227
|
-
};
|
|
228
|
-
dataZoom: {
|
|
229
|
-
handleSize: string;
|
|
230
|
-
textStyle: {
|
|
231
|
-
color: string;
|
|
232
|
-
};
|
|
233
|
-
};
|
|
234
|
-
markPoint: {
|
|
235
|
-
label: {
|
|
236
|
-
color: string;
|
|
237
|
-
};
|
|
238
|
-
emphasis: {
|
|
239
|
-
label: {
|
|
240
|
-
color: string;
|
|
241
|
-
};
|
|
242
|
-
};
|
|
243
|
-
};
|
|
244
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ComponentsVariants, CSSObject } from '@mui/material';
|
|
2
|
-
import type { ButtonStyle, ButtonVariant } from '../types';
|
|
3
|
-
export declare const BORDER_RADIUS = 3;
|
|
4
|
-
export declare const defaultButtonStyle: (button: ButtonStyle) => CSSObject;
|
|
5
|
-
export declare const buttonStyle: (button: ButtonStyle) => CSSObject;
|
|
6
|
-
export declare const iconButtonStyle: (button: ButtonStyle) => CSSObject;
|
|
7
|
-
type PartialButtonVariants = Partial<Record<ButtonVariant, ButtonStyle>>;
|
|
8
|
-
export declare const buttonVariants: (buttons: PartialButtonVariants, stylingFn?: (button: ButtonStyle) => CSSObject) => ComponentsVariants["MuiButton"];
|
|
9
|
-
export declare const variantsToClassName: (buttonVariants: ComponentsVariants["MuiButton"]) => CSSObject;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Theme, PaletteMode } from '@mui/material';
|
|
2
|
-
import type { Elevations, GeowebColorPalette } from '../types';
|
|
3
|
-
export declare const breakpoints: {
|
|
4
|
-
mobile: number;
|
|
5
|
-
tablet: number;
|
|
6
|
-
desktop: number;
|
|
7
|
-
desktopHD: number;
|
|
8
|
-
desktopHDWide: number;
|
|
9
|
-
};
|
|
10
|
-
interface CreateThemeProps {
|
|
11
|
-
paletteType?: PaletteMode;
|
|
12
|
-
geowebColors?: GeowebColorPalette;
|
|
13
|
-
elevations?: Elevations;
|
|
14
|
-
}
|
|
15
|
-
export declare const createTheme: ({ paletteType, geowebColors: defaultGeowebColors, elevations: defaultShadows, }: CreateThemeProps) => Theme;
|
|
16
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/src/lib/utils/i18n.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { colors as colorsLight, elevations as elevationsLight } from './light/lightTheme';
|
|
2
|
-
import type { NamedTheme } from '../../types';
|
|
3
|
-
import { ThemeTypes } from '../../types';
|
|
4
|
-
export declare const getThemeByName: (themeName: ThemeTypes) => NamedTheme;
|
|
5
|
-
export declare const lightTheme: import("@mui/material").Theme;
|
|
6
|
-
export declare const darkTheme: import("@mui/material").Theme;
|
|
7
|
-
export declare const xmasTheme: import("@mui/material").Theme;
|
|
8
|
-
export declare const demoTheme: import("@mui/material").Theme;
|
|
9
|
-
export declare const eumetnetTheme: import("@mui/material").Theme;
|
|
10
|
-
export declare const namedLightTheme: {
|
|
11
|
-
name: ThemeTypes;
|
|
12
|
-
theme: import("@mui/material").Theme;
|
|
13
|
-
};
|
|
14
|
-
export declare const namedDarkTheme: {
|
|
15
|
-
name: ThemeTypes;
|
|
16
|
-
theme: import("@mui/material").Theme;
|
|
17
|
-
};
|
|
18
|
-
export declare const namedXmasTheme: {
|
|
19
|
-
name: ThemeTypes;
|
|
20
|
-
theme: import("@mui/material").Theme;
|
|
21
|
-
};
|
|
22
|
-
export declare const namedDemoTheme: {
|
|
23
|
-
name: ThemeTypes;
|
|
24
|
-
theme: import("@mui/material").Theme;
|
|
25
|
-
};
|
|
26
|
-
export declare const namedEumetnetTheme: {
|
|
27
|
-
name: ThemeTypes;
|
|
28
|
-
theme: import("@mui/material").Theme;
|
|
29
|
-
};
|
|
30
|
-
export { colorsLight, elevationsLight };
|
package/src/lib/utils/utils.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Shadows } from '@mui/material/styles';
|
|
2
|
-
import type { Elevations, GeowebColorPalette } from '../types';
|
|
3
|
-
export declare const hex2rgba: (hex: string, alpha?: number) => string;
|
|
4
|
-
export declare const parseColors: (colors: GeowebColorPalette) => GeowebColorPalette;
|
|
5
|
-
export declare const createShadows: (elevations: Elevations) => Shadows;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|