@opengeoweb/theme 2.15.0 → 3.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 CHANGED
@@ -1266,6 +1266,17 @@ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
1266
1266
  opacity: '1 !important'
1267
1267
  }
1268
1268
  }
1269
+ },
1270
+ MuiSnackbarContent: {
1271
+ styleOverrides: {
1272
+ root: {
1273
+ backgroundColor: geowebColors.snackbar.background,
1274
+ color: geowebColors.snackbar.text,
1275
+ fontSize: '16px',
1276
+ letterSpacing: '0.44px',
1277
+ borderRadius: '2px'
1278
+ }
1279
+ }
1269
1280
  }
1270
1281
  }
1271
1282
  });
@@ -1691,6 +1702,12 @@ var colors$1 = {
1691
1702
  fill: '#DFF2FD',
1692
1703
  border: '1px solid #0062E6'
1693
1704
  }
1705
+ },
1706
+ snackbar: {
1707
+ background: '#051039',
1708
+ text: '#FFFFFF',
1709
+ action: '#98e1f1',
1710
+ actionHover: '#494949'
1694
1711
  }
1695
1712
  }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
1696
1713
 
@@ -2431,6 +2448,12 @@ var colors = {
2431
2448
  fill: 'rgba(24, 109, 255, 0.25)',
2432
2449
  border: '1px solid #186DFF'
2433
2450
  }
2451
+ },
2452
+ snackbar: {
2453
+ background: '#051039',
2454
+ text: '#FFFFFF',
2455
+ action: '#98e1f1',
2456
+ actionHover: '#494949'
2434
2457
  }
2435
2458
  }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
2436
2459
 
package/index.umd.js CHANGED
@@ -1253,6 +1253,17 @@
1253
1253
  opacity: '1 !important'
1254
1254
  }
1255
1255
  }
1256
+ },
1257
+ MuiSnackbarContent: {
1258
+ styleOverrides: {
1259
+ root: {
1260
+ backgroundColor: geowebColors.snackbar.background,
1261
+ color: geowebColors.snackbar.text,
1262
+ fontSize: '16px',
1263
+ letterSpacing: '0.44px',
1264
+ borderRadius: '2px'
1265
+ }
1266
+ }
1256
1267
  }
1257
1268
  }
1258
1269
  });
@@ -1678,6 +1689,12 @@
1678
1689
  fill: '#DFF2FD',
1679
1690
  border: '1px solid #0062E6'
1680
1691
  }
1692
+ },
1693
+ snackbar: {
1694
+ background: '#051039',
1695
+ text: '#FFFFFF',
1696
+ action: '#98e1f1',
1697
+ actionHover: '#494949'
1681
1698
  }
1682
1699
  }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
1683
1700
 
@@ -2402,6 +2419,12 @@
2402
2419
  fill: 'rgba(24, 109, 255, 0.25)',
2403
2420
  border: '1px solid #186DFF'
2404
2421
  }
2422
+ },
2423
+ snackbar: {
2424
+ background: '#051039',
2425
+ text: '#FFFFFF',
2426
+ action: '#98e1f1',
2427
+ actionHover: '#494949'
2405
2428
  }
2406
2429
  }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
2407
2430
 
@@ -135,6 +135,12 @@ export declare type GeowebColorPalette = {
135
135
  notification: CSSProperties['color'];
136
136
  notificationOutline: CSSProperties;
137
137
  };
138
+ snackbar: {
139
+ background: CSSProperties['color'];
140
+ text: CSSProperties['color'];
141
+ action: CSSProperties['color'];
142
+ actionHover: CSSProperties['color'];
143
+ };
138
144
  };
139
145
  export declare type Elevations = {
140
146
  [id: string]: string;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ interface SnackbarDemoProps {
3
+ open?: boolean;
4
+ handleClose?: () => void;
5
+ }
6
+ export declare const SnackbarDemo: React.FC<SnackbarDemoProps>;
7
+ export declare const Snackbar: React.FC;
8
+ export {};
@@ -17,6 +17,7 @@ export { Breakpoints } from './Breakpoints.stories';
17
17
  export { Icons } from './Icons.stories';
18
18
  export { FormElementsGWTheme, FormElements } from './FormElements.stories';
19
19
  export { Switch } from './Switch.stories';
20
+ export { Snackbar } from './Snackbar.stories';
20
21
  declare const _default: {
21
22
  title: string;
22
23
  };
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const SnackbarLight: () => React.ReactElement;
7
+ export declare const SnackbarDark: () => React.ReactElement;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/theme",
3
- "version": "2.15.0",
3
+ "version": "3.0.0",
4
4
  "description": "GeoWeb Theme library for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {