@opengeoweb/theme 6.0.0 → 6.0.2

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./index.esm.js",
   "type": "module",
-  "types": "./src/index.d.ts",
+  "main": "./index.esm.js",
   "dependencies": {},
   "peerDependencies": {
     "@mui/material": "5.12.0",
-    "@mui/system": "5.12.0",
+    "@mui/system": "5.14.5",
     "@mui/x-date-pickers": "6.2.1",
     "react": "18.2.0"
   }

package/src/lib/stories/Accordion.stories.d.ts

@@ -1,3 +1,13 @@
 import * as React from 'react';
-export declare const AccordionDemo: React.FC;
-export declare const Accordion: () => React.ReactElement;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AccordionLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AccordionDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/stories/Avatar.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const AvatarDemo: React.FC;
-export declare const Avatar: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AvatarLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const AvatarDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/Backdrop.stories.d.ts

@@ -1,8 +1,14 @@
 import * as React from 'react';
-interface BackdropDemoProps {
-    isOpen?: boolean;
-    handleClose?: () => void;
-}
-export declare const BackdropDemo: React.FC<BackdropDemoProps>;
-export declare const Backdrop: React.FC;
-export {};
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BackDropDemo: () => React.ReactElement;
+export declare const BackDropLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const BackDropDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/stories/Breakpoints.stories.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-export declare const BreakpointDemo: React.FC;
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const Breakpoints: {
     (): React.ReactElement;
     parameters: {

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

@@ -1,6 +1,19 @@
 import * as React from 'react';
-export declare const ButtonDemo: React.FC;
-export declare const Buttons: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ButtonLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ButtonDark: {
     (): React.ReactElement;
     storyName: string;
     parameters: {

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

@@ -1,6 +1,19 @@
 import * as React from 'react';
-export declare const CardDemo: React.FC;
-export declare const Cards: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const CardsLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CardsDark: {
     (): React.ReactElement;
     storyName: string;
     parameters: {

package/src/lib/stories/Colors.stories.d.ts

@@ -1,15 +1,27 @@
 import * as React from 'react';
-interface ColorsDemoProps {
-    showSourceCode?: boolean;
-}
-export declare const ColorsDemo: React.FC<ColorsDemoProps>;
-export declare const Colors: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ColorsLight: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;
             link: string;
         }[];
+        layout: string;
+    };
+};
+export declare const ColorsDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinkLink: {
+            name: string;
+            link: string;
+        }[];
+        layout: string;
     };
 };
-export {};

package/src/lib/stories/Elevation.stories.d.ts

@@ -1,11 +1,28 @@
 import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const ElevationDemo: React.FC;
-export declare const Elevation: {
+export declare const ElevationLight: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+        layout: string;
+    };
+    storyName: string;
+};
+export declare const ElevationDark: {
     (): React.ReactElement;
     parameters: {
         zeplinLink: {
             name: string;
             link: string;
         }[];
+        layout: string;
     };
+    storyName: string;
 };

package/src/lib/stories/FormElements.stories.d.ts

@@ -1,8 +1,22 @@
 import * as React from 'react';
-export declare const FormElementsDemo: React.FC;
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const FormElementsGWTheme: React.FC;
-export declare const FormElements: {
+export declare const FormElementsLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const FormElementsDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -1,6 +1,19 @@
 import * as React from 'react';
-export declare const IconButtonDemo: React.FC;
-export declare const IconButtons: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const IconButtonLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const IconButtonDark: {
     (): React.ReactElement;
     storyName: string;
     parameters: {

package/src/lib/stories/Icons.stories.d.ts

@@ -1,7 +1,17 @@
 import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export interface IconGridItemProps {
     name: string;
     icon: React.ReactNode;
 }
-export declare const StoryIcons: React.FC;
-export declare const Icons: React.FC;
+export declare const IconsLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const IconsDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/stories/List.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const ListDemo: React.FC;
-export declare const List: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ListLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ListDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/MenuItem.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const MenuItemDemo: React.FC;
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const MenuItem: {
     (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const MenuItemDark: {
+    (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/Slider.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const SliderDemo: React.FC;
-export declare const Slider: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SliderLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const SliderDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/Snackbar.stories.d.ts

@@ -1,11 +1,21 @@
 import * as React from 'react';
-interface SnackbarDemoProps {
-    open?: boolean;
-    handleClose?: () => void;
-}
-export declare const SnackbarDemo: React.FC<SnackbarDemoProps>;
-export declare const Snackbar: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SnackbarLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const SnackbarDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;
@@ -13,4 +23,3 @@ export declare const Snackbar: {
         }[];
     };
 };
-export {};

package/src/lib/stories/StoryWrapper.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 interface StoryLayoutProps {
     children: React.ReactNode;
-    title: string;
+    isDarkTheme?: boolean;
 }
 export declare const StoryWrapper: React.FC<StoryLayoutProps>;
 export {};

package/src/lib/stories/Switch.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const SwitchDemo: React.FC;
-export declare const Switch: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SwitchLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const SwitchDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/Table.stories.d.ts

@@ -1,4 +1,8 @@
 import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
 export interface ExampleRow {
     name: string;
     calories: number;
@@ -6,13 +10,25 @@ export interface ExampleRow {
     carbs: number;
     protein: number;
 }
-export declare const TableDemo: React.FC;
-export declare const Table: {
+export declare const TableLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+        layout: string;
+    };
+};
+export declare const TableDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;
             link: string;
         }[];
+        layout: string;
     };
 };

package/src/lib/stories/Tabs.stories.d.ts

@@ -1,11 +1,21 @@
 import * as React from 'react';
-interface TabsDemoProps {
-    value?: number;
-    onChange?: (event: React.ChangeEvent, index: number) => void;
-}
-export declare const TabsDemo: React.FC<TabsDemoProps>;
-export declare const Tabs: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TabsLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const TabsDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;
@@ -13,4 +23,3 @@ export declare const Tabs: {
         }[];
     };
 };
-export {};

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

@@ -1,6 +1,19 @@
 import * as React from 'react';
-export declare const TextFieldDemo: React.FC;
-export declare const TextFields: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TextFieldLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const TextFieldDark: {
     (): React.ReactElement;
     storyName: string;
     parameters: {

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

@@ -1,6 +1,19 @@
 import * as React from 'react';
-export declare const ToggleButtonDemo: React.FC;
-export declare const ToggleButtons: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ToggleButtonsLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const ToggleButtonsDark: {
     (): React.ReactElement;
     storyName: string;
     parameters: {

package/src/lib/stories/Tooltip.stories.d.ts

@@ -1,7 +1,21 @@
 import * as React from 'react';
-export declare const TooltipDemo: React.FC;
-export declare const Tooltips: {
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TooltipLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const TooltipDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/stories/Typography.stories.d.ts

@@ -1,8 +1,22 @@
 import * as React from 'react';
-export declare const TypographyDemo: React.FC;
+declare const _default: {
+    title: string;
+};
+export default _default;
 export declare const TypographyGWTheme: React.FC;
-export declare const Typography: {
+export declare const TypographyLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const TypographyDark: {
     (): React.ReactElement;
+    storyName: string;
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/types.d.ts

@@ -9,7 +9,7 @@ export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
     LIGHT_THEME = "lightTheme"
 }
-export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
 export interface ButtonStyle {
     default: CSSProperties;
     mouseOver: CSSProperties;
@@ -18,7 +18,7 @@ export interface ButtonStyle {
     disabled: CSSProperties;
     focus: CSSProperties;
 }
-export declare type GeowebColorPalette = {
+export type GeowebColorPalette = {
     background: {
         surface: CSSProperties['color'];
         surfaceApp: CSSProperties['color'];
@@ -186,7 +186,7 @@ export declare type GeowebColorPalette = {
         actionHover: CSSProperties;
     };
 };
-export declare type Elevations = {
+export type Elevations = {
     [id: string]: string;
 };
 declare module '@mui/material/styles' {

package/src/lib/utils/createTheme.d.ts

@@ -4,10 +4,10 @@ export declare const breakpoints: {
     mobile: number;
     tablet: number;
     desktop: number;
-    dekstopHD: number;
-    dekstopHDWide: number;
+    desktopHD: number;
+    desktopHDWide: number;
 };
-declare type CreateThemeProps = {
+type CreateThemeProps = {
     paletteType?: PaletteMode;
     geowebColors?: GeowebColorPalette;
     elevations?: Elevations;

package/src/lib/stories/index.stories.d.ts

@@ -1,26 +0,0 @@
-export { Accordion } from './Accordion.stories';
-export { Avatar } from './Avatar.stories';
-export { Backdrop } from './Backdrop.stories';
-export { Cards } from './Card.stories';
-export { Colors } from './Colors.stories';
-export { Elevation } from './Elevation.stories';
-export { List } from './List.stories';
-export { Slider } from './Slider.stories';
-export { Table } from './Table.stories';
-export { Tabs } from './Tabs.stories';
-export { Typography, TypographyGWTheme } from './Typography.stories';
-export { Tooltips } from './Tooltip.stories';
-export { Buttons } from './Button.stories';
-export { ToggleButtons } from './ToggleButton.stories';
-export { IconButtons } from './IconButton.stories';
-export { MenuItem } from './MenuItem.stories';
-export { TextFields } from './TextField.stories';
-export { Breakpoints } from './Breakpoints.stories';
-export { Icons } from './Icons.stories';
-export { FormElementsGWTheme, FormElements } from './FormElements.stories';
-export { Switch } from './Switch.stories';
-export { Snackbar } from './Snackbar.stories';
-declare const _default: {
-    title: string;
-};
-export default _default;

package/src/lib/stories/snapshots/Accordion.stories.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AccordionLight: () => React.ReactElement;
-export declare const AccordionDark: () => React.ReactElement;

package/src/lib/stories/snapshots/Avatar.stories.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AvatarLight: () => React.ReactElement;
-export declare const AvatarDark: () => React.ReactElement;