@mapcomponents/react-maplibre 0.1.83 → 0.1.84

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
+## [v0.1.84] - 2023-06-29
 
+### Fixed
+
+- 2690227: fix theme, remove unfinished cy test
+
+## [v0.1.83] - 2023-06-28
+
+### Changed
+
+- d43a6e8: new Compass, NavTools and LayerList style
+  
 ## [v0.1.82] - 2023-06-12
 
 ### Fixed

package/dist/index.esm.js

@@ -775,17 +775,17 @@ var darkDefault = styles.createTheme({
 var getDesignTokens = function (mode) { return (__assign(__assign({}, (mode === 'light' ? lightDefault : darkDefault)), { palette: __assign({ mode: mode }, (mode === 'dark'
         ? {
             primary: {
-                main: '#FFF',
+                main: '#009EE0',
             },
             secondary: { main: '#747577' },
-            background: { paper: '#414244', test: '#272727' },
+            background: { paper: '#313131' },
             text: {
-                primary: '#BCBDBF',
+                primary: '#FFF',
                 contrast: '#000',
             },
             topToolbar: { barColor: '#000' },
-            navigation: { navColor: '#525252', navHover: '#626262' },
-            compass: { compColor: '#414244', compHover: '#626262' },
+            navigation: { navColor: '#313131', navHover: '#747577' },
+            compass: { compColor: '#313131', compHover: '#747577' },
         }
         : {
             primary: {
@@ -820,11 +820,6 @@ var getTheme = function (mode) {
                 },
             },
             MuiButton: {
-                styleOverrides: {
-                    contained: {
-                        color: '#fff',
-                    },
-                },
                 variants: [
                     {
                         props: { variant: 'navtools' },
@@ -849,7 +844,6 @@ var getTheme = function (mode) {
                             _a.margin = '0.15px',
                             _a.marginTop = '4px',
                             _a[':hover'] = {
-                                color: theme.palette.primary.main,
                                 backgroundColor: theme.palette.navigation.navHover,
                             },
                             _a),
@@ -2803,7 +2797,7 @@ var MlNavigationTools = function (props) {
     }, [mapHook.map]);
     return (React__default["default"].createElement(Box__default["default"], { sx: __assign(__assign({ zIndex: 501, position: 'absolute', display: 'flex', flexDirection: 'column', right: mediaIsMobile ? '15px' : '25px', bottom: mediaIsMobile ? '20px' : '30px' }, (mediaIsMobile ? { margin: '80px 10px 20px 10px' } : { marginTop: '50px' })), props.sx) },
         React__default["default"].createElement(MlNavigationCompass, null),
-        props.show3DButton && (React__default["default"].createElement(Button__default["default"], { variant: "navtools", onClick: adjustPitch, className: "pitchbutton", sx: {} }, pitch ? '2D' : '3D')),
+        props.show3DButton && (React__default["default"].createElement(Button__default["default"], { variant: "navtools", onClick: adjustPitch }, pitch ? '2D' : '3D')),
         props.showFollowGpsButton && React__default["default"].createElement(MlFollowGps, null),
         props.showCenterLocationButton && React__default["default"].createElement(MlCenterPosition, null),
         React__default["default"].createElement(ButtonGroup__default["default"], { orientation: "vertical", sx: {
@@ -2811,10 +2805,10 @@ var MlNavigationTools = function (props) {
                 Button: { minWidth: '20px !important' },
                 'Button:hover': { border: 'none' },
             } }, props.showZoomButtons && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(Button__default["default"], { className: "zoomplus", variant: "navtools", onClick: zoomIn },
+            React__default["default"].createElement(Button__default["default"], { variant: "navtools", onClick: zoomIn },
                 React__default["default"].createElement(ControlPointIcon__default["default"], { sx: { fontSize: { xs: '1.4em', md: '1em' } } })),
             React__default["default"].createElement(Divider__default["default"], { sx: { zIndex: 500, marginLeft: '7px', marginRight: '7px' } }),
-            React__default["default"].createElement(Button__default["default"], { className: "zoomminus", variant: "navtools", onClick: zoomOut },
+            React__default["default"].createElement(Button__default["default"], { variant: "navtools", onClick: zoomOut },
                 React__default["default"].createElement(RemoveCircleOutlineIcon__default["default"], { sx: { fontSize: { xs: '1.4em', md: '1em' } } }))))),
         props.children && React__default["default"].cloneElement(props.children, {})));
 };