@opengeoweb/theme 4.17.0 → 4.19.0

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Theme as MUITheme } from '@mui/material';
-import { ThemeTypes } from './types';
+import { ThemeTypes } from '../../types';
 interface ThemeContextProps {
     toggleTheme?: () => void;
     isDark?: boolean;

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

@@ -1,5 +1 @@
-export { GWTheme } from './gwTheme';
 export * from './ThemeContext';
-export { lightTheme } from './lightTheme';
-export { darkTheme } from './darkTheme';
-export * from './types';

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

@@ -3,5 +3,21 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const ButtonLight: () => React.ReactElement;
-export declare const ButtonDark: () => React.ReactElement;
+export declare const IconButtonLight: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const IconButtonDark: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

package/lib/{components/Theme/types.d.ts → types.d.ts}

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export interface CSSProperties extends React.CSSProperties {
     rgba?: string;
+    opacity?: number;
 }
 export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
     LIGHT_THEME = "lightTheme"
 }
-export declare const gwButtonVariants: readonly ["primary", "secondary", "tertiary", "flat", "tool", "boxed", "icon"];
-export declare type ButtonVariant = typeof gwButtonVariants[number];
+export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
 export interface ButtonStyle {
     default: CSSProperties;
     mouseOver: CSSProperties;
@@ -16,16 +16,6 @@ export interface ButtonStyle {
     disabled: CSSProperties;
     focus: CSSProperties;
 }
-export interface ButtonStyles {
-    primary: ButtonStyle;
-    secondary: ButtonStyle;
-    tertiary: ButtonStyle;
-    flat: ButtonStyle;
-    tool: ButtonStyle;
-    boxed: ButtonStyle;
-    icon: ButtonStyle;
-    focusDefault: CSSProperties;
-}
 export declare type GeowebColorPalette = {
     background: {
         surface: CSSProperties['color'];
@@ -35,7 +25,20 @@ export declare type GeowebColorPalette = {
     brand: {
         brand: CSSProperties['color'];
     };
-    buttons: ButtonStyles;
+    buttons: {
+        primary: ButtonStyle;
+        secondary: ButtonStyle;
+        tertiary: ButtonStyle;
+        flat: ButtonStyle;
+        tool: ButtonStyle;
+        boxed: ButtonStyle;
+        icon: ButtonStyle;
+    };
+    iconButtons: {
+        flat: ButtonStyle;
+        tool: ButtonStyle;
+        boxed: ButtonStyle;
+    };
     typographyAndIcons: {
         text: CSSProperties['color'];
         icon: CSSProperties['color'];

package/lib/utils/buttonStyles.d.ts

@@ -0,0 +1,8 @@
+import { ComponentsVariants, CSSObject } from '@mui/material';
+import { ButtonStyle } from '../types';
+export declare const BORDER_RADIUS = 3;
+export declare const defaultButtonStyle: (button: ButtonStyle) => CSSObject;
+export declare const buttonStyle: (button: ButtonStyle) => CSSObject;
+export declare const iconButtonStyle: (button: ButtonStyle) => CSSObject;
+export declare const buttonVariants: (buttons: Record<string, ButtonStyle>, stylingFn?: (button: ButtonStyle) => CSSObject) => ComponentsVariants['MuiButton'];
+export declare const variantsToClassName: (buttonVariants: ComponentsVariants['MuiButton']) => CSSObject;

package/lib/utils/createTheme.d.ts

@@ -0,0 +1,16 @@
+import { Theme, PaletteMode } from '@mui/material';
+import { Elevations, GeowebColorPalette } from '../types';
+export declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+    dekstopHD: number;
+    dekstopHDWide: number;
+};
+declare type CreateThemeProps = {
+    paletteType?: PaletteMode;
+    geowebColors?: GeowebColorPalette;
+    elevations?: Elevations;
+};
+export declare const createTheme: ({ paletteType, geowebColors: defaultGeowebColors, elevations: defaultShadows, }: CreateThemeProps) => Theme;
+export {};

package/lib/utils/themes/darkTheme.d.ts

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

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

@@ -0,0 +1,5 @@
+import { colors as colorsLight, elevations as elevationsLight } from './lightTheme';
+export declare const lightTheme: import("@mui/material").Theme;
+export declare const darkTheme: import("@mui/material").Theme;
+export { GWTheme } from './gwTheme';
+export { colorsLight, elevationsLight };

package/lib/utils/themes/lightTheme.d.ts

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

package/lib/utils/utils.d.ts

@@ -0,0 +1,5 @@
+import { Shadows } from '@mui/material/styles/shadows';
+import { Elevations, GeowebColorPalette } from '../types';
+export declare const hex2rgba: (hex: string, alpha?: number) => string;
+export declare const parseColors: (colors: GeowebColorPalette) => GeowebColorPalette;
+export declare const createShadows: (elevations: Elevations) => Shadows;

package/lib/utils/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "4.17.0",
+  "version": "4.19.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,6 +13,7 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@mui/material": "^5.10.8"
+    "@mui/material": "^5.12.0",
+    "@mui/x-date-pickers": "^6.2.1"
   }
 }

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

@@ -1,7 +0,0 @@
-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;
-export declare const buttonVariants: (buttons: ButtonStyles) => ComponentsVariants['MuiButton'];

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

@@ -1,3 +0,0 @@
-import { GeowebColorPalette } from './types';
-export declare const colors: GeowebColorPalette;
-export declare const darkTheme: import("@mui/material").Theme;

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

@@ -1,3 +0,0 @@
-import { GeowebColorPalette } from './types';
-export declare const colors: GeowebColorPalette;
-export declare const lightTheme: import("@mui/material").Theme;

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { Theme, PaletteMode } from '@mui/material';
-import { Shadows } from '@mui/material/styles/shadows';
-import { Elevations, GeowebColorPalette } from './types';
-export declare const hex2rgba: (hex: string, alpha?: number) => string;
-export interface CSSProperties extends React.CSSProperties {
-    rgba?: string;
-    opacity?: number;
-}
-export declare const parseColors: (colors: GeowebColorPalette) => GeowebColorPalette;
-export declare const createShadows: (elevations: Elevations) => Shadows;
-export declare const breakpoints: {
-    mobile: number;
-    tablet: number;
-    desktop: number;
-    dekstopHD: number;
-    dekstopHDWide: number;
-};
-export declare const createTheme: (paletteType: PaletteMode, geowebColors: GeowebColorPalette, shadows: Shadows) => Theme;