@opengeoweb/theme 4.15.0 → 4.16.0

package/index.esm.js

@@ -671,6 +671,12 @@ var ExitDomain = function ExitDomain(props) {
     transform: "translate(4 4)"
   }));
 };
+var Menu = function Menu(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    transform: "translate(6 6)",
+    d: "M0,9.27 L2.73,9.27 L2.73,12 L0,12 Z M0,4.64 L2.73,4.64 L2.73,7.37 L0,7.37 Z M0,0 L2.73,0 L2.73,2.73 L0,2.73 Z M5,9.27 L12,9.27 L12,12 L5,12 Z M5,4.64 L12,4.64 L12,7.37 L5,7.37 Z M5,0 L12,0 L12,2.73 L5,2.73 Z"
+  }));
+};
 var None = function None(props) {
   return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
     transform: "translate(3 3)"
@@ -786,6 +792,7 @@ var index = /*#__PURE__*/Object.freeze({
     CollapseMedium: CollapseMedium,
     CollapseSmall: CollapseSmall,
     ExitDomain: ExitDomain,
+    Menu: Menu,
     None: None,
     Both: Both
 });
@@ -886,12 +893,14 @@ var ThemeTypes;
 
 var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed', 'icon'];
 
+var BORDER_RADIUS = 3;
 var defaultButtonStyle = function defaultButtonStyle(button) {
   return {
     // default styling
     color: button["default"].color,
     backgroundColor: button["default"].fill,
     textTransform: 'capitalize',
+    borderRadius: BORDER_RADIUS,
     // hover styling
     '&:hover': {
       backgroundColor: button.mouseOver.fill,
@@ -921,7 +930,7 @@ var buttonStyle = function buttonStyle(button) {
     borderStyle: 'solid',
     borderWidth: '1px',
     borderColor: button["default"].borderColor,
-    borderRadius: '5px',
+    borderRadius: BORDER_RADIUS,
     // size styling
     '&[class*="sizeSmall"]': {
       fontSize: '12px',
@@ -1004,7 +1013,6 @@ var createShadows = function createShadows(elevations) {
     return value;
   });
 };
-var BORDER_RADIUS = 3;
 var breakpoints = {
   mobile: 0,
   tablet: 768,
@@ -1457,7 +1465,8 @@ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
             },
             height: 32,
             width: 32,
-            fontSize: 16
+            fontSize: 16,
+            borderRadius: '50%'
           })
         }
       },
@@ -1765,7 +1774,8 @@ var colors$1 = {
   },
   screenManager: {
     activeWindow: '#FFFFFF',
-    inactiveWindow: '#E8E5E5'
+    inactiveWindow: '#E8E5E5',
+    tabButtonHover: 'rgba(123, 172, 255, 0.12)'
   },
   timeSlider: {
     // player
@@ -2571,7 +2581,8 @@ var colors = {
   },
   screenManager: {
     activeWindow: '#242424',
-    inactiveWindow: '#303030'
+    inactiveWindow: '#303030',
+    tabButtonHover: 'rgba(123, 172, 255, 0.12);'
   },
   timeSlider: {
     // player
@@ -2864,4 +2875,4 @@ var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
   }, props), children);
 };
 
-export { Add, Animation, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Export, FastForward, Filter, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, None, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, dragHandlePath, gwButtonVariants, lightTheme, useThemeContext };
+export { Add, Animation, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Export, FastForward, Filter, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Menu, Minus, None, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, dragHandlePath, gwButtonVariants, lightTheme, useThemeContext };

package/index.umd.js

@@ -722,6 +722,12 @@
         transform: "translate(4 4)"
       }));
     };
+    var Menu = function Menu(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        transform: "translate(6 6)",
+        d: "M0,9.27 L2.73,9.27 L2.73,12 L0,12 Z M0,4.64 L2.73,4.64 L2.73,7.37 L0,7.37 Z M0,0 L2.73,0 L2.73,2.73 L0,2.73 Z M5,9.27 L12,9.27 L12,12 L5,12 Z M5,4.64 L12,4.64 L12,7.37 L5,7.37 Z M5,0 L12,0 L12,2.73 L5,2.73 Z"
+      }));
+    };
     var None = function None(props) {
       return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
         transform: "translate(3 3)"
@@ -837,6 +843,7 @@
         CollapseMedium: CollapseMedium,
         CollapseSmall: CollapseSmall,
         ExitDomain: ExitDomain,
+        Menu: Menu,
         None: None,
         Both: Both
     });
@@ -866,12 +873,14 @@
 
     var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed', 'icon'];
 
+    var BORDER_RADIUS = 3;
     var defaultButtonStyle = function defaultButtonStyle(button) {
       return {
         // default styling
         color: button["default"].color,
         backgroundColor: button["default"].fill,
         textTransform: 'capitalize',
+        borderRadius: BORDER_RADIUS,
         // hover styling
         '&:hover': {
           backgroundColor: button.mouseOver.fill,
@@ -901,7 +910,7 @@
         borderStyle: 'solid',
         borderWidth: '1px',
         borderColor: button["default"].borderColor,
-        borderRadius: '5px',
+        borderRadius: BORDER_RADIUS,
         // size styling
         '&[class*="sizeSmall"]': {
           fontSize: '12px',
@@ -991,7 +1000,6 @@
         return value;
       });
     };
-    var BORDER_RADIUS = 3;
     var breakpoints = {
       mobile: 0,
       tablet: 768,
@@ -1444,7 +1452,8 @@
                 },
                 height: 32,
                 width: 32,
-                fontSize: 16
+                fontSize: 16,
+                borderRadius: '50%'
               })
             }
           },
@@ -1752,7 +1761,8 @@
       },
       screenManager: {
         activeWindow: '#FFFFFF',
-        inactiveWindow: '#E8E5E5'
+        inactiveWindow: '#E8E5E5',
+        tabButtonHover: 'rgba(123, 172, 255, 0.12)'
       },
       timeSlider: {
         // player
@@ -2542,7 +2552,8 @@
       },
       screenManager: {
         activeWindow: '#242424',
-        inactiveWindow: '#303030'
+        inactiveWindow: '#303030',
+        tabButtonHover: 'rgba(123, 172, 255, 0.12);'
       },
       timeSlider: {
         // player
@@ -2890,6 +2901,7 @@
     exports.List = List;
     exports.ListItem = ListItem;
     exports.Location = Location;
+    exports.Menu = Menu;
     exports.Minus = Minus;
     exports.None = None;
     exports.Notifications = Notifications;

package/lib/components/Icons/Icons.d.ts

@@ -87,6 +87,7 @@ export declare const CollapseLarge: (props: SvgIconProps) => JSX.Element;
 export declare const CollapseMedium: (props: SvgIconProps) => JSX.Element;
 export declare const CollapseSmall: (props: SvgIconProps) => JSX.Element;
 export declare const ExitDomain: (props: SvgIconProps) => JSX.Element;
+export declare const Menu: (props: SvgIconProps) => JSX.Element;
 export declare const None: (props: SvgIconProps) => JSX.Element;
 export declare const Both: (props: SvgIconProps) => JSX.Element;
 export {};

package/lib/components/Theme/buttonStyles.d.ts

@@ -1,5 +1,6 @@
 import { ComponentsVariants, CSSInterpolation, CSSObject } from '@mui/material';
 import { ButtonStyles, ButtonStyle } from './types';
+export declare const BORDER_RADIUS = 3;
 export declare const defaultButtonStyle: (button: ButtonStyle) => CSSObject;
 export declare const buttonStyle: (button: ButtonStyle) => CSSInterpolation;
 export declare const variantsToClassName: (buttonVariants: ComponentsVariants['MuiButton']) => CSSInterpolation;

package/lib/components/Theme/types.d.ts

@@ -69,6 +69,7 @@ export declare type GeowebColorPalette = {
     screenManager: {
         activeWindow: CSSProperties['color'];
         inactiveWindow: CSSProperties['color'];
+        tabButtonHover: CSSProperties['color'];
     };
     timeSlider: {
         playerNeedleTimeTop: CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "4.15.0",
+  "version": "4.16.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {