@opengeoweb/theme 4.2.0 → 4.3.0

package/index.esm.js

@@ -330,6 +330,13 @@ var AutoUpdateInActive = function AutoUpdateInActive(props) {
     y: 17.3
   }, "AUTO"))));
 };
+var Now = function Now(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(0 2)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M4.85,15.55 L5.89,15.55 L7.39013512,18.2040258 L7.39,15.55 L8.42,15.55 L8.42,19.82 L7.39,19.815 L5.89,17.19 L5.89,19.82 L4.85,19.815 L4.85,15.55 Z M11.275,15.49 C12.55,15.49 13.14,16.4749736 13.14,17.69 C13.14,18.9050264 12.55,19.89 11.275,19.89 C10,19.89 9.4,18.9050264 9.4,17.69 C9.4,16.4749736 10,15.49 11.275,15.49 Z M11.265,16.3 C10.63,16.3 10.46,16.8781414 10.46,17.69 C10.46,18.5018586 10.63,19.08 11.265,19.08 C11.9,19.08 12.09,18.5018586 12.09,17.69 C12.09,16.8781414 11.9,16.3 11.265,16.3 Z M13.85,15.55 L14.88,15.55 L15.37,18.23 L15.96,15.55 L16.83,15.55 L17.42,18.23 L17.91,15.55 L18.93,15.55 L18.03,19.82 L16.96,19.82 L16.39,17.38 L15.83,19.82 L14.76,19.82 L13.85,15.55 Z M12,0 C16.7,0 18.85,4.12 18.85,6.82 C18.85,9.52 17.0960097,13.63 12,13.63 C9.06797949,13.63 7.24456537,12.2694474 6.22334015,10.5996971 C6.10797504,10.4110698 6.00732732,9.72319365 6.59320378,9.33888177 C7.17908025,8.95456988 7.71708662,9.39022217 7.84387287,9.58248667 C8.70143045,10.8829264 10.1633005,11.82 12,11.82 C15,11.82 17,9.32 17,6.82 C17,4.32 15,1.81 12,1.81 C10.5492584,1.81 9.33236686,2.39696387 8.46241089,3.28591644 L9.474995,3.73670576 C9.86718007,3.9113178 9.95685384,4.26087798 9.84288406,4.51685828 C9.78589918,4.64484843 9.68395359,4.74990886 9.54141806,4.83107363 L6.67469458,6.47927087 C6.45916744,6.60267712 6.21814322,6.61960842 6.01095111,6.52736055 C5.80211462,6.43438056 5.65295882,6.24275928 5.60209611,6.00074862 L4.90755008,2.76794268 C4.87285304,2.60689825 4.88471829,2.46076082 4.94098185,2.3343908 C5.05495162,2.0784105 5.37472892,1.91114968 5.7660918,2.08539566 L6.7215416,2.51032096 C7.8443708,1.0870475 9.58579853,0 12,0 Z"
+  })));
+};
 var Pause = function Pause(props) {
   return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
     d: "M8.579 4c.865 0 1.565.7 1.565 1.564v12.87c0 .866-.7 1.566-1.565 1.566-.863 0-1.565-.7-1.565-1.565v-4.87H7v-3.13h.014V5.564C7.014 4.7 7.716 4 8.579 4zm6.915 0c.865 0 1.565.7 1.565 1.564v12.871c0 .865-.7 1.565-1.565 1.565-.863 0-1.565-.7-1.565-1.565v-4.87h-.014v-3.13h.014v-4.87C13.93 4.7 14.631 4 15.494 4z"
@@ -628,6 +635,7 @@ var index = /*#__PURE__*/Object.freeze({
     DragHandle: DragHandle,
     AutoUpdateActive: AutoUpdateActive,
     AutoUpdateInActive: AutoUpdateInActive,
+    Now: Now,
     Pause: Pause,
     Play: Play,
     Info: Info,
@@ -960,8 +968,8 @@ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
         styleOverrides: {
           root: {
             color: geowebColors.typographyAndIcons.iconLinkActive,
-            '&.Mui-disabled': {
-              color: "".concat(geowebColors.typographyAndIcons.iconLinkDisabled, "!important")
+            '&.MuiRadio-root.Mui-disabled': {
+              color: "".concat(geowebColors.typographyAndIcons.iconLinkDisabled)
             },
             '&.Mui-checked': {
               color: geowebColors.typographyAndIcons.iconLinkActive
@@ -1220,6 +1228,17 @@ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
               '&:after': {
                 borderColor: geowebColors.captions.captionError.color
               }
+            },
+            // can be improved in MUI6 or after this PR is merged https://github.com/mui/material-ui/pull/32822#issuecomment-1275927288
+            '&.MuiInputBase-readOnly': {
+              background: 'transparent',
+              color: geowebColors.typographyAndIcons.text,
+              ' .MuiInputBase-readOnly': {
+                WebkitTextFillColor: 'inherit'
+              },
+              '&:before': {
+                border: 'transparent'
+              }
             }
           },
           underline: {
@@ -1560,6 +1579,10 @@ var colors$1 = {
     disabled: {
       fill: '#000000',
       opacity: 0
+    },
+    label: {
+      fill: '#051039',
+      opacity: 0.67
     }
   },
   tab: {
@@ -2335,6 +2358,10 @@ var colors = {
     disabled: {
       color: '#000000',
       opacity: 0
+    },
+    label: {
+      fill: '#FFFFFF',
+      opacity: 0.7
     }
   },
   tab: {
@@ -2634,4 +2661,4 @@ var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
   }, props), children);
 };
 
-export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };
+export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };

package/index.umd.js

@@ -381,6 +381,13 @@
         y: 17.3
       }, "AUTO"))));
     };
+    var Now = function Now(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
+        transform: "translate(0 2)"
+      }, /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M4.85,15.55 L5.89,15.55 L7.39013512,18.2040258 L7.39,15.55 L8.42,15.55 L8.42,19.82 L7.39,19.815 L5.89,17.19 L5.89,19.82 L4.85,19.815 L4.85,15.55 Z M11.275,15.49 C12.55,15.49 13.14,16.4749736 13.14,17.69 C13.14,18.9050264 12.55,19.89 11.275,19.89 C10,19.89 9.4,18.9050264 9.4,17.69 C9.4,16.4749736 10,15.49 11.275,15.49 Z M11.265,16.3 C10.63,16.3 10.46,16.8781414 10.46,17.69 C10.46,18.5018586 10.63,19.08 11.265,19.08 C11.9,19.08 12.09,18.5018586 12.09,17.69 C12.09,16.8781414 11.9,16.3 11.265,16.3 Z M13.85,15.55 L14.88,15.55 L15.37,18.23 L15.96,15.55 L16.83,15.55 L17.42,18.23 L17.91,15.55 L18.93,15.55 L18.03,19.82 L16.96,19.82 L16.39,17.38 L15.83,19.82 L14.76,19.82 L13.85,15.55 Z M12,0 C16.7,0 18.85,4.12 18.85,6.82 C18.85,9.52 17.0960097,13.63 12,13.63 C9.06797949,13.63 7.24456537,12.2694474 6.22334015,10.5996971 C6.10797504,10.4110698 6.00732732,9.72319365 6.59320378,9.33888177 C7.17908025,8.95456988 7.71708662,9.39022217 7.84387287,9.58248667 C8.70143045,10.8829264 10.1633005,11.82 12,11.82 C15,11.82 17,9.32 17,6.82 C17,4.32 15,1.81 12,1.81 C10.5492584,1.81 9.33236686,2.39696387 8.46241089,3.28591644 L9.474995,3.73670576 C9.86718007,3.9113178 9.95685384,4.26087798 9.84288406,4.51685828 C9.78589918,4.64484843 9.68395359,4.74990886 9.54141806,4.83107363 L6.67469458,6.47927087 C6.45916744,6.60267712 6.21814322,6.61960842 6.01095111,6.52736055 C5.80211462,6.43438056 5.65295882,6.24275928 5.60209611,6.00074862 L4.90755008,2.76794268 C4.87285304,2.60689825 4.88471829,2.46076082 4.94098185,2.3343908 C5.05495162,2.0784105 5.37472892,1.91114968 5.7660918,2.08539566 L6.7215416,2.51032096 C7.8443708,1.0870475 9.58579853,0 12,0 Z"
+      })));
+    };
     var Pause = function Pause(props) {
       return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
         d: "M8.579 4c.865 0 1.565.7 1.565 1.564v12.87c0 .866-.7 1.566-1.565 1.566-.863 0-1.565-.7-1.565-1.565v-4.87H7v-3.13h.014V5.564C7.014 4.7 7.716 4 8.579 4zm6.915 0c.865 0 1.565.7 1.565 1.564v12.871c0 .865-.7 1.565-1.565 1.565-.863 0-1.565-.7-1.565-1.565v-4.87h-.014v-3.13h.014v-4.87C13.93 4.7 14.631 4 15.494 4z"
@@ -679,6 +686,7 @@
         DragHandle: DragHandle,
         AutoUpdateActive: AutoUpdateActive,
         AutoUpdateInActive: AutoUpdateInActive,
+        Now: Now,
         Pause: Pause,
         Play: Play,
         Info: Info,
@@ -947,8 +955,8 @@
             styleOverrides: {
               root: {
                 color: geowebColors.typographyAndIcons.iconLinkActive,
-                '&.Mui-disabled': {
-                  color: geowebColors.typographyAndIcons.iconLinkDisabled + "!important"
+                '&.MuiRadio-root.Mui-disabled': {
+                  color: "" + geowebColors.typographyAndIcons.iconLinkDisabled
                 },
                 '&.Mui-checked': {
                   color: geowebColors.typographyAndIcons.iconLinkActive
@@ -1207,6 +1215,17 @@
                   '&:after': {
                     borderColor: geowebColors.captions.captionError.color
                   }
+                },
+                // can be improved in MUI6 or after this PR is merged https://github.com/mui/material-ui/pull/32822#issuecomment-1275927288
+                '&.MuiInputBase-readOnly': {
+                  background: 'transparent',
+                  color: geowebColors.typographyAndIcons.text,
+                  ' .MuiInputBase-readOnly': {
+                    WebkitTextFillColor: 'inherit'
+                  },
+                  '&:before': {
+                    border: 'transparent'
+                  }
                 }
               },
               underline: {
@@ -1547,6 +1566,10 @@
         disabled: {
           fill: '#000000',
           opacity: 0
+        },
+        label: {
+          fill: '#051039',
+          opacity: 0.67
         }
       },
       tab: {
@@ -2306,6 +2329,10 @@
         disabled: {
           color: '#000000',
           opacity: 0
+        },
+        label: {
+          fill: '#FFFFFF',
+          opacity: 0.7
         }
       },
       tab: {
@@ -2655,6 +2682,7 @@
     exports.Location = Location;
     exports.Minus = Minus;
     exports.Notifications = Notifications;
+    exports.Now = Now;
     exports.Options = Options;
     exports.Pause = Pause;
     exports.Picture = Picture;

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

@@ -33,6 +33,7 @@ export declare const Cancel: (props: SvgIconProps) => JSX.Element;
 export declare const DragHandle: (props: SvgIconProps) => JSX.Element;
 export declare const AutoUpdateActive: (props: SvgIconProps) => JSX.Element;
 export declare const AutoUpdateInActive: (props: SvgIconProps) => JSX.Element;
+export declare const Now: (props: SvgIconProps) => JSX.Element;
 export declare const Pause: (props: SvgIconProps) => JSX.Element;
 export declare const Play: (props: SvgIconProps) => JSX.Element;
 export declare const Info: (props: SvgIconProps) => JSX.Element;

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

@@ -45,6 +45,7 @@ export declare type GeowebColorPalette = {
         default: CSSProperties;
         active: CSSProperties;
         disabled: CSSProperties;
+        label: CSSProperties;
     };
     tab: {
         mouseOver: CSSProperties;

package/lib/stories/Button.stories.d.ts

@@ -2,13 +2,11 @@ import * as React from 'react';
 export declare const ButtonDemo: React.FC;
 export declare const Buttons: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/stories/Card.stories.d.ts

@@ -2,13 +2,11 @@ import * as React from 'react';
 export declare const CardDemo: React.FC;
 export declare const Cards: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/stories/IconButton.stories.d.ts

@@ -2,13 +2,11 @@ import * as React from 'react';
 export declare const IconButtonDemo: React.FC;
 export declare const IconButtons: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/stories/TextField.stories.d.ts

@@ -2,13 +2,11 @@ import * as React from 'react';
 export declare const TextFieldDemo: React.FC;
 export declare const TextFields: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/lib/stories/ToggleButton.stories.d.ts

@@ -2,13 +2,11 @@ import * as React from 'react';
 export declare const ToggleButtonDemo: React.FC;
 export declare const ToggleButtons: {
     (): React.ReactElement;
-    story: {
-        name: string;
-        parameters: {
-            zeplinLink: {
-                name: string;
-                link: string;
-            }[];
-        };
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,6 +13,6 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@mui/material": "^5.2.8"
+    "@mui/material": "^5.10.8"
   }
 }