@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
@@ -1,222 +1,222 @@
1
- /// <reference types="react" />
2
- import { Theme } from '@mui/material/styles';
3
- import { SxProps } from '@mui/system';
4
- export interface CSSProperties extends React.CSSProperties {
5
- rgba?: string;
6
- opacity?: number;
7
- }
8
- export declare enum ThemeTypes {
9
- DARK_THEME = "darkTheme",
10
- LIGHT_THEME = "lightTheme"
11
- }
12
- export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
13
- export interface ButtonStyle {
14
- default: CSSProperties;
15
- mouseOver: CSSProperties;
16
- active: CSSProperties;
17
- activeMouseOver: CSSProperties;
18
- disabled: CSSProperties;
19
- focus: CSSProperties;
20
- }
21
- export interface GeowebColorPalette {
22
- background: {
23
- surface: CSSProperties['color'];
24
- surfaceApp: CSSProperties['color'];
25
- surfaceBrowser: CSSProperties['color'];
26
- };
27
- brand: {
28
- brand: CSSProperties['color'];
29
- };
30
- buttons: {
31
- primary: ButtonStyle;
32
- secondary: ButtonStyle;
33
- tertiary: ButtonStyle;
34
- flat: ButtonStyle;
35
- tool: ButtonStyle;
36
- boxed: ButtonStyle;
37
- icon: ButtonStyle;
38
- };
39
- iconButtons: {
40
- flat: ButtonStyle;
41
- tool: ButtonStyle;
42
- boxed: ButtonStyle;
43
- };
44
- typographyAndIcons: {
45
- text: CSSProperties['color'];
46
- icon: CSSProperties['color'];
47
- buttonIcon: CSSProperties['color'];
48
- iconLinkActive: CSSProperties['color'];
49
- iconLinkDisabled: CSSProperties['color'];
50
- iconWarning: CSSProperties['color'];
51
- textLinkActive: CSSProperties['color'];
52
- buttonIconTertiaryFlat: CSSProperties['color'];
53
- inactiveText: CSSProperties['color'];
54
- };
55
- textInputField: {
56
- default: CSSProperties;
57
- active: CSSProperties;
58
- disabled: CSSProperties;
59
- label: CSSProperties;
60
- mouseOver: CSSProperties;
61
- error: CSSProperties;
62
- errorMouseOver: CSSProperties;
63
- };
64
- menuItem: {
65
- mouseOver: CSSProperties['color'];
66
- selected: CSSProperties['color'];
67
- selectedMouseOver: CSSProperties['color'];
68
- };
69
- tab: {
70
- mouseOver: CSSProperties;
71
- };
72
- greys: {
73
- accessible: CSSProperties['color'];
74
- accessibleLight: CSSProperties['color'];
75
- };
76
- cards: {
77
- cardContainer: CSSProperties['color'];
78
- cardContainerBorder: CSSProperties['color'];
79
- cardContainerMouseOver: CSSProperties['color'];
80
- cardContainerDisabled: CSSProperties['color'];
81
- cardContainerDisabledBorder: CSSProperties['color'];
82
- cardContainerDisabledMouseOver: CSSProperties['color'];
83
- };
84
- backdrops: {
85
- black: CSSProperties;
86
- white: CSSProperties;
87
- };
88
- workspace: {
89
- activeWindow: CSSProperties['color'];
90
- inactiveWindow: CSSProperties['color'];
91
- tabButtonHover: CSSProperties['color'];
92
- };
93
- timeSlider: {
94
- playerNeedleTimeTop: CSSProperties;
95
- playerNeedleTime: CSSProperties;
96
- playerNeedlePlayerTop: CSSProperties;
97
- playerNeedlePlayer: CSSProperties;
98
- playerTimeMarkers: CSSProperties;
99
- playerTimeText: CSSProperties;
100
- timelineIndicator: CSSProperties;
101
- timelineText: CSSProperties;
102
- timelineTimeScale: CSSProperties;
103
- timelineNightTime: CSSProperties;
104
- timelineTimelineSurface: CSSProperties;
105
- timelineMonthChangeDash: CSSProperties;
106
- timelineSelectionBackground: CSSProperties;
107
- timelineSelectionOutline: CSSProperties;
108
- timeScalePointer: CSSProperties;
109
- timeScaleHorizontalScale: CSSProperties;
110
- timeScaleTimeIndicators: CSSProperties;
111
- timeScaleTimeIndicatorsActive: CSSProperties;
112
- timeScaleShadowButtonScale: CSSProperties;
113
- ledgendObservedBackground: CSSProperties;
114
- legendForecastBackground: CSSProperties;
115
- legendNoDataBackground: CSSProperties;
116
- };
117
- timeSliderLite: {
118
- selected: CSSProperties;
119
- needle: CSSProperties;
120
- needleShadow: CSSProperties;
121
- needleLabel: CSSProperties;
122
- timeline: CSSProperties;
123
- timelineBackground: CSSProperties;
124
- timelineBackgroundAlternative: CSSProperties;
125
- timelineBackgroundDisabled: CSSProperties;
126
- timelineBackgroundDisabledAlternative: CSSProperties;
127
- timelineBackgroundObserved: CSSProperties;
128
- timelineBackgroundObservedAlternative: CSSProperties;
129
- };
130
- customSlider: {
131
- rail: CSSProperties['color'];
132
- railDisabled: CSSProperties['color'];
133
- track: CSSProperties['color'];
134
- trackDisabled: CSSProperties['color'];
135
- thumb: CSSProperties['color'];
136
- thumbDisabled: CSSProperties['color'];
137
- mark: CSSProperties['color'];
138
- markDisabled: CSSProperties['color'];
139
- };
140
- customSwitch: {
141
- thumb: CSSProperties['color'];
142
- thumbDisabled: CSSProperties['color'];
143
- track: CSSProperties['color'];
144
- trackActive: CSSProperties['color'];
145
- };
146
- syncGroups: {
147
- drawerOpen: CSSProperties;
148
- };
149
- layerManager: {
150
- headerRowText: CSSProperties;
151
- tableRowDefaultText: CSSProperties;
152
- tableRowDefaultCardContainer: CSSProperties;
153
- tableRowDisabledText: CSSProperties;
154
- tableRowDisabledCardContainer: CSSProperties;
155
- dragHandleHover: CSSProperties;
156
- root: SxProps<Theme>;
157
- opacitySelect: {
158
- root: SxProps<Theme>;
159
- button: SxProps<Theme>;
160
- popper: SxProps<Theme>;
161
- };
162
- baseLayerRow: {
163
- root: SxProps<Theme>;
164
- };
165
- };
166
- tooltips: {
167
- tooltipContainer: CSSProperties;
168
- tooltipText: CSSProperties;
169
- tooltipSelect: {
170
- select: SxProps<Theme>;
171
- menu: SxProps<Theme>;
172
- };
173
- };
174
- captions: {
175
- captionStatus: CSSProperties;
176
- captionInformation: CSSProperties;
177
- captionError: CSSProperties;
178
- captionErrorBackground: CSSProperties;
179
- captionDisabled: CSSProperties;
180
- };
181
- functional: {
182
- success: CSSProperties['color'];
183
- successOutline: CSSProperties;
184
- error: CSSProperties['color'];
185
- errorOutline: CSSProperties;
186
- warning: CSSProperties['color'];
187
- warningOutline: CSSProperties;
188
- warningHighlight: CSSProperties;
189
- notification: CSSProperties['color'];
190
- notificationOutline: CSSProperties;
191
- summary: CSSProperties['color'];
192
- summaryOutline: CSSProperties;
193
- disabled: CSSProperties['color'];
194
- disabledOutline: CSSProperties;
195
- };
196
- snackbar: {
197
- background: CSSProperties['color'];
198
- text: CSSProperties['color'];
199
- action: CSSProperties['color'];
200
- actionHover: CSSProperties;
201
- };
202
- }
203
- export type Elevations = Record<string, string>;
204
- declare module '@mui/material/styles' {
205
- interface Palette {
206
- geowebColors: GeowebColorPalette;
207
- }
208
- interface PaletteOptions {
209
- geowebColors: GeowebColorPalette;
210
- }
211
- }
212
- declare module '@mui/material/Button' {
213
- interface ButtonPropsVariantOverrides {
214
- primary: true;
215
- secondary: true;
216
- tertiary: true;
217
- flat: true;
218
- tool: true;
219
- boxed: true;
220
- icon: true;
221
- }
222
- }
1
+ /// <reference types="react" />
2
+ import { Theme } from '@mui/material/styles';
3
+ import { SxProps } from '@mui/system';
4
+ export interface CSSProperties extends React.CSSProperties {
5
+ rgba?: string;
6
+ opacity?: number;
7
+ }
8
+ export declare enum ThemeTypes {
9
+ DARK_THEME = "darkTheme",
10
+ LIGHT_THEME = "lightTheme"
11
+ }
12
+ export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
13
+ export interface ButtonStyle {
14
+ default: CSSProperties;
15
+ mouseOver: CSSProperties;
16
+ active: CSSProperties;
17
+ activeMouseOver: CSSProperties;
18
+ disabled: CSSProperties;
19
+ focus: CSSProperties;
20
+ }
21
+ export interface GeowebColorPalette {
22
+ background: {
23
+ surface: CSSProperties['color'];
24
+ surfaceApp: CSSProperties['color'];
25
+ surfaceBrowser: CSSProperties['color'];
26
+ };
27
+ brand: {
28
+ brand: CSSProperties['color'];
29
+ };
30
+ buttons: {
31
+ primary: ButtonStyle;
32
+ secondary: ButtonStyle;
33
+ tertiary: ButtonStyle;
34
+ flat: ButtonStyle;
35
+ tool: ButtonStyle;
36
+ boxed: ButtonStyle;
37
+ icon: ButtonStyle;
38
+ };
39
+ iconButtons: {
40
+ flat: ButtonStyle;
41
+ tool: ButtonStyle;
42
+ boxed: ButtonStyle;
43
+ };
44
+ typographyAndIcons: {
45
+ text: CSSProperties['color'];
46
+ icon: CSSProperties['color'];
47
+ buttonIcon: CSSProperties['color'];
48
+ iconLinkActive: CSSProperties['color'];
49
+ iconLinkDisabled: CSSProperties['color'];
50
+ iconWarning: CSSProperties['color'];
51
+ textLinkActive: CSSProperties['color'];
52
+ buttonIconTertiaryFlat: CSSProperties['color'];
53
+ inactiveText: CSSProperties['color'];
54
+ };
55
+ textInputField: {
56
+ default: CSSProperties;
57
+ active: CSSProperties;
58
+ disabled: CSSProperties;
59
+ label: CSSProperties;
60
+ mouseOver: CSSProperties;
61
+ error: CSSProperties;
62
+ errorMouseOver: CSSProperties;
63
+ };
64
+ menuItem: {
65
+ mouseOver: CSSProperties['color'];
66
+ selected: CSSProperties['color'];
67
+ selectedMouseOver: CSSProperties['color'];
68
+ };
69
+ tab: {
70
+ mouseOver: CSSProperties;
71
+ };
72
+ greys: {
73
+ accessible: CSSProperties['color'];
74
+ accessibleLight: CSSProperties['color'];
75
+ };
76
+ cards: {
77
+ cardContainer: CSSProperties['color'];
78
+ cardContainerBorder: CSSProperties['color'];
79
+ cardContainerMouseOver: CSSProperties['color'];
80
+ cardContainerDisabled: CSSProperties['color'];
81
+ cardContainerDisabledBorder: CSSProperties['color'];
82
+ cardContainerDisabledMouseOver: CSSProperties['color'];
83
+ };
84
+ backdrops: {
85
+ black: CSSProperties;
86
+ white: CSSProperties;
87
+ };
88
+ workspace: {
89
+ activeWindow: CSSProperties['color'];
90
+ inactiveWindow: CSSProperties['color'];
91
+ tabButtonHover: CSSProperties['color'];
92
+ };
93
+ timeSlider: {
94
+ playerNeedleTimeTop: CSSProperties;
95
+ playerNeedleTime: CSSProperties;
96
+ playerNeedlePlayerTop: CSSProperties;
97
+ playerNeedlePlayer: CSSProperties;
98
+ playerTimeMarkers: CSSProperties;
99
+ playerTimeText: CSSProperties;
100
+ timelineIndicator: CSSProperties;
101
+ timelineText: CSSProperties;
102
+ timelineTimeScale: CSSProperties;
103
+ timelineNightTime: CSSProperties;
104
+ timelineTimelineSurface: CSSProperties;
105
+ timelineMonthChangeDash: CSSProperties;
106
+ timelineSelectionBackground: CSSProperties;
107
+ timelineSelectionOutline: CSSProperties;
108
+ timeScalePointer: CSSProperties;
109
+ timeScaleHorizontalScale: CSSProperties;
110
+ timeScaleTimeIndicators: CSSProperties;
111
+ timeScaleTimeIndicatorsActive: CSSProperties;
112
+ timeScaleShadowButtonScale: CSSProperties;
113
+ ledgendObservedBackground: CSSProperties;
114
+ legendForecastBackground: CSSProperties;
115
+ legendNoDataBackground: CSSProperties;
116
+ };
117
+ timeSliderLite: {
118
+ selected: CSSProperties;
119
+ needle: CSSProperties;
120
+ needleShadow: CSSProperties;
121
+ needleLabel: CSSProperties;
122
+ timeline: CSSProperties;
123
+ timelineBackground: CSSProperties;
124
+ timelineBackgroundAlternative: CSSProperties;
125
+ timelineBackgroundDisabled: CSSProperties;
126
+ timelineBackgroundDisabledAlternative: CSSProperties;
127
+ timelineBackgroundObserved: CSSProperties;
128
+ timelineBackgroundObservedAlternative: CSSProperties;
129
+ };
130
+ customSlider: {
131
+ rail: CSSProperties['color'];
132
+ railDisabled: CSSProperties['color'];
133
+ track: CSSProperties['color'];
134
+ trackDisabled: CSSProperties['color'];
135
+ thumb: CSSProperties['color'];
136
+ thumbDisabled: CSSProperties['color'];
137
+ mark: CSSProperties['color'];
138
+ markDisabled: CSSProperties['color'];
139
+ };
140
+ customSwitch: {
141
+ thumb: CSSProperties['color'];
142
+ thumbDisabled: CSSProperties['color'];
143
+ track: CSSProperties['color'];
144
+ trackActive: CSSProperties['color'];
145
+ };
146
+ syncGroups: {
147
+ drawerOpen: CSSProperties;
148
+ };
149
+ layerManager: {
150
+ headerRowText: CSSProperties;
151
+ tableRowDefaultText: CSSProperties;
152
+ tableRowDefaultCardContainer: CSSProperties;
153
+ tableRowDisabledText: CSSProperties;
154
+ tableRowDisabledCardContainer: CSSProperties;
155
+ dragHandleHover: CSSProperties;
156
+ root: SxProps<Theme>;
157
+ opacitySelect: {
158
+ root: SxProps<Theme>;
159
+ button: SxProps<Theme>;
160
+ popper: SxProps<Theme>;
161
+ };
162
+ baseLayerRow: {
163
+ root: SxProps<Theme>;
164
+ };
165
+ };
166
+ tooltips: {
167
+ tooltipContainer: CSSProperties;
168
+ tooltipText: CSSProperties;
169
+ tooltipSelect: {
170
+ select: SxProps<Theme>;
171
+ menu: SxProps<Theme>;
172
+ };
173
+ };
174
+ captions: {
175
+ captionStatus: CSSProperties;
176
+ captionInformation: CSSProperties;
177
+ captionError: CSSProperties;
178
+ captionErrorBackground: CSSProperties;
179
+ captionDisabled: CSSProperties;
180
+ };
181
+ functional: {
182
+ success: CSSProperties['color'];
183
+ successOutline: CSSProperties;
184
+ error: CSSProperties['color'];
185
+ errorOutline: CSSProperties;
186
+ warning: CSSProperties['color'];
187
+ warningOutline: CSSProperties;
188
+ warningHighlight: CSSProperties;
189
+ notification: CSSProperties['color'];
190
+ notificationOutline: CSSProperties;
191
+ summary: CSSProperties['color'];
192
+ summaryOutline: CSSProperties;
193
+ disabled: CSSProperties['color'];
194
+ disabledOutline: CSSProperties;
195
+ };
196
+ snackbar: {
197
+ background: CSSProperties['color'];
198
+ text: CSSProperties['color'];
199
+ action: CSSProperties['color'];
200
+ actionHover: CSSProperties;
201
+ };
202
+ }
203
+ export type Elevations = Record<string, string>;
204
+ declare module '@mui/material/styles' {
205
+ interface Palette {
206
+ geowebColors: GeowebColorPalette;
207
+ }
208
+ interface PaletteOptions {
209
+ geowebColors: GeowebColorPalette;
210
+ }
211
+ }
212
+ declare module '@mui/material/Button' {
213
+ interface ButtonPropsVariantOverrides {
214
+ primary: true;
215
+ secondary: true;
216
+ tertiary: true;
217
+ flat: true;
218
+ tool: true;
219
+ boxed: true;
220
+ icon: true;
221
+ }
222
+ }