@opengeoweb/theme 9.28.0 → 9.29.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.
Files changed (52) hide show
  1. package/index.esm.js +207 -207
  2. package/package.json +1 -1
  3. package/src/index.d.ts +13 -13
  4. package/src/lib/components/Icons/Icons.d.ts +128 -128
  5. package/src/lib/components/Icons/Icons.spec.d.ts +1 -1
  6. package/src/lib/components/Icons/index.d.ts +1 -1
  7. package/src/lib/components/Paths/Paths.d.ts +1 -1
  8. package/src/lib/components/Paths/index.d.ts +1 -1
  9. package/src/lib/components/Providers/Providers.d.ts +6 -6
  10. package/src/lib/components/Providers/index.d.ts +1 -1
  11. package/src/lib/components/Theme/ThemeContext.d.ts +18 -18
  12. package/src/lib/components/Theme/ThemeContext.spec.d.ts +1 -1
  13. package/src/lib/components/Theme/index.d.ts +1 -1
  14. package/src/lib/stories/Accordion.stories.d.ts +15 -15
  15. package/src/lib/stories/Avatar.stories.d.ts +27 -27
  16. package/src/lib/stories/Backdrop.stories.d.ts +16 -16
  17. package/src/lib/stories/Breakpoints.stories.d.ts +14 -14
  18. package/src/lib/stories/Button.stories.d.ts +27 -27
  19. package/src/lib/stories/Card.stories.d.ts +27 -27
  20. package/src/lib/stories/Colors.stories.d.ts +29 -29
  21. package/src/lib/stories/Elevation.stories.d.ts +30 -30
  22. package/src/lib/stories/FormElements.stories.d.ts +27 -27
  23. package/src/lib/stories/IconButton.stories.d.ts +27 -27
  24. package/src/lib/stories/Icons.stories.d.ts +19 -19
  25. package/src/lib/stories/List.stories.d.ts +27 -27
  26. package/src/lib/stories/MenuItem.stories.d.ts +28 -28
  27. package/src/lib/stories/Select.stories.d.ts +27 -27
  28. package/src/lib/stories/Slider.stories.d.ts +27 -27
  29. package/src/lib/stories/Snackbar.stories.d.ts +27 -27
  30. package/src/lib/stories/StoryHeader.d.ts +6 -6
  31. package/src/lib/stories/StoryWrapper.d.ts +7 -7
  32. package/src/lib/stories/Switch.stories.d.ts +27 -27
  33. package/src/lib/stories/Table.stories.d.ts +36 -36
  34. package/src/lib/stories/Tabs.stories.d.ts +27 -27
  35. package/src/lib/stories/TextField.stories.d.ts +27 -27
  36. package/src/lib/stories/ToggleButton.stories.d.ts +27 -27
  37. package/src/lib/stories/Tooltip.stories.d.ts +27 -27
  38. package/src/lib/stories/Typography.stories.d.ts +27 -27
  39. package/src/lib/types.d.ts +222 -222
  40. package/src/lib/utils/EChartsThemes/darkTheme.d.ts +249 -249
  41. package/src/lib/utils/EChartsThemes/index.d.ts +3 -3
  42. package/src/lib/utils/EChartsThemes/lightTheme.d.ts +244 -244
  43. package/src/lib/utils/buttonStyles.d.ts +10 -10
  44. package/src/lib/utils/buttonStyles.test.d.ts +1 -1
  45. package/src/lib/utils/createTheme.d.ts +16 -16
  46. package/src/lib/utils/createTheme.spec.d.ts +1 -1
  47. package/src/lib/utils/i18n.d.ts +2 -2
  48. package/src/lib/utils/themes/darkTheme.d.ts +3 -3
  49. package/src/lib/utils/themes/index.d.ts +4 -4
  50. package/src/lib/utils/themes/lightTheme.d.ts +3 -3
  51. package/src/lib/utils/utils.d.ts +5 -5
  52. package/src/lib/utils/utils.spec.d.ts +1 -1
package/src/lib/utils/EChartsThemes/lightTheme.d.ts CHANGED
@@ -1,244 +1,244 @@
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
+ 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
+ };
package/src/lib/utils/buttonStyles.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ComponentsVariants, CSSObject } from '@mui/material';
2
- import { 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
+ import { ComponentsVariants, CSSObject } from '@mui/material';
2
+ import { 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 {};
package/src/lib/utils/buttonStyles.test.d.ts CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export {};
package/src/lib/utils/createTheme.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- import { Theme, PaletteMode } from '@mui/material';
2
- import { 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
+ import { Theme, PaletteMode } from '@mui/material';
2
+ import { 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 {};
package/src/lib/utils/createTheme.spec.d.ts CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export {};
package/src/lib/utils/i18n.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const THEME_NAMESPACE = "theme";
2
- export declare const initThemeI18n: () => void;
1
+ export declare const THEME_NAMESPACE = "theme";
2
+ export declare const initThemeI18n: () => void;
package/src/lib/utils/themes/darkTheme.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { Elevations, GeowebColorPalette } from '../../types';
2
- export declare const colors: GeowebColorPalette;
3
- export declare const elevations: Elevations;
1
+ import { Elevations, GeowebColorPalette } from '../../types';
2
+ export declare const colors: GeowebColorPalette;
3
+ export declare const elevations: Elevations;
package/src/lib/utils/themes/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { colors as colorsLight, elevations as elevationsLight } from './lightTheme';
2
- export declare const lightTheme: import("@mui/material").Theme;
3
- export declare const darkTheme: import("@mui/material").Theme;
4
- export { colorsLight, elevationsLight };
1
+ import { colors as colorsLight, elevations as elevationsLight } from './lightTheme';
2
+ export declare const lightTheme: import("@mui/material").Theme;
3
+ export declare const darkTheme: import("@mui/material").Theme;
4
+ export { colorsLight, elevationsLight };
package/src/lib/utils/themes/lightTheme.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { Elevations, GeowebColorPalette } from '../../types';
2
- export declare const colors: GeowebColorPalette;
3
- export declare const elevations: Elevations;
1
+ import { Elevations, GeowebColorPalette } from '../../types';
2
+ export declare const colors: GeowebColorPalette;
3
+ export declare const elevations: Elevations;
package/src/lib/utils/utils.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { Shadows } from '@mui/material/styles/shadows';
2
- import { 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
+ import { Shadows } from '@mui/material/styles/shadows';
2
+ import { 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;
package/src/lib/utils/utils.spec.d.ts CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export {};