@opengeoweb/theme 9.36.0 → 10.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "9.36.0",
+  "version": "10.0.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,7 +12,9 @@
     "@mui/x-date-pickers": "^7.17.0",
     "i18next": "^23.11.5",
     "@mui/material": "^6.1.1",
-    "react-i18next": "^15.1.1"
+    "react-i18next": "^15.1.1",
+    "lodash": "^4.17.21",
+    "msw": "^1.3.2"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -1,3 +1,4 @@
+import 'msw';
 import * as Icons from './lib/components/Icons';
 import themeTranslations from '../locales/theme.json';
 export { Icons };
@@ -11,3 +12,4 @@ export * from './lib/types';
 export * from './lib/utils/EChartsThemes';
 export { THEME_NAMESPACE } from './lib/utils/i18n';
 export { themeTranslations };
+export { OverlayStyle, ContainerStyle, BackdropStyle, BackdropElement, } from './lib/utils/themes/BackdropDecoration';

package/src/lib/components/Theme/ThemeContext.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Theme as MUITheme } from '@mui/material';
-import { ThemeTypes } from '../../types';
+import { NamedTheme, ThemeTypes } from '../../types';
 interface ThemeContextProps {
-    toggleTheme?: () => void;
-    isDark?: boolean;
+    setThemeName?: (themeName: ThemeTypes) => void;
+    namedTheme?: NamedTheme;
 }
 export declare const ThemeContext: React.Context<Partial<ThemeContextProps>>;
 export interface ThemeProviderProps {

package/src/lib/types.d.ts

@@ -5,9 +5,14 @@ export interface CSSProperties extends React.CSSProperties {
     rgba?: string;
     opacity?: number;
 }
+export interface NamedTheme {
+    name: ThemeTypes;
+    theme: Theme;
+}
 export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
-    LIGHT_THEME = "lightTheme"
+    LIGHT_THEME = "lightTheme",
+    XMAS2024_THEME = "xmas2024Theme"
 }
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
 export interface ButtonStyle {
@@ -147,6 +152,9 @@ export interface GeowebColorPalette {
     syncGroups: {
         drawerOpen: CSSProperties;
     };
+    logo?: {
+        image: string;
+    };
     layerManager: {
         headerRowText: CSSProperties;
         tableRowDefaultText: CSSProperties;
@@ -200,6 +208,9 @@ export interface GeowebColorPalette {
         action: CSSProperties['color'];
         actionHover: CSSProperties;
     };
+    festoonOverlay?: CSSProperties;
+    festoonContainer?: CSSProperties;
+    festoonBackdrop?: CSSProperties;
 }
 export type Elevations = Record<string, string>;
 declare module '@mui/material/styles' {

package/src/lib/utils/themes/BackdropDecoration.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './xmas2024/snowflake.css';
+import { CSSProperties } from '../../types';
+export declare const OverlayStyle: () => CSSProperties | undefined;
+export declare const ContainerStyle: () => CSSProperties | undefined;
+export declare const BackdropStyle: () => CSSProperties | undefined;
+export declare const BackdropElement: () => React.JSX.Element[] | null;

package/src/lib/utils/themes/{darkTheme.d.ts → dark/darkTheme.d.ts}

@@ -1,3 +1,3 @@
-import { Elevations, GeowebColorPalette } from '../../types';
+import { Elevations, GeowebColorPalette } from '../../../types';
 export declare const colors: GeowebColorPalette;
 export declare const elevations: Elevations;

package/src/lib/utils/themes/index.d.ts

@@ -1,4 +1,19 @@
-import { colors as colorsLight, elevations as elevationsLight } from './lightTheme';
+import { colors as colorsLight, elevations as elevationsLight } from './light/lightTheme';
+import { NamedTheme, ThemeTypes } from '../../types';
+export declare const getThemeByName: (themeName: ThemeTypes) => NamedTheme;
 export declare const lightTheme: import("@mui/material").Theme;
 export declare const darkTheme: import("@mui/material").Theme;
+export declare const xmas2024Theme: import("@mui/material").Theme;
+export declare const namedLightTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
+export declare const namedDarkTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
+export declare const namedXmas2024Theme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
 export { colorsLight, elevationsLight };

package/src/lib/utils/themes/{lightTheme.d.ts → light/lightTheme.d.ts}

@@ -1,3 +1,3 @@
-import { Elevations, GeowebColorPalette } from '../../types';
+import { Elevations, GeowebColorPalette } from '../../../types';
 export declare const colors: GeowebColorPalette;
 export declare const elevations: Elevations;

package/src/lib/utils/themes/xmas2024/xmas2024Theme.d.ts

@@ -0,0 +1,3 @@
+import { Elevations, GeowebColorPalette } from '../../../types';
+export declare const colors: GeowebColorPalette;
+export declare const elevations: Elevations;