@opengeoweb/theme 4.16.0 → 4.18.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/Table.stories.d.ts

@@ -1,4 +1,11 @@
 import * as React from 'react';
+export interface ExampleRow {
+    name: string;
+    calories: number;
+    fat: number;
+    carbs: number;
+    protein: number;
+}
 export declare const TableDemo: React.FC;
 export declare const Table: {
     (): React.ReactElement;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-interface CSSProperties extends React.CSSProperties {
+export interface CSSProperties extends React.CSSProperties {
     rgba?: string;
+    opacity?: number;
 }
 export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
@@ -14,6 +15,7 @@ export interface ButtonStyle {
     active: CSSProperties;
     activeMouseOver: CSSProperties;
     disabled: CSSProperties;
+    focus: CSSProperties;
 }
 export interface ButtonStyles {
     primary: ButtonStyle;
@@ -60,7 +62,8 @@ export declare type GeowebColorPalette = {
     };
     cards: {
         cardContainer: CSSProperties['color'];
-        cardContainerBorder?: CSSProperties['color'];
+        cardContainerBorder: CSSProperties['color'];
+        cardContainerMouseOver: CSSProperties['color'];
     };
     backdrops: {
         black: CSSProperties;
@@ -175,4 +178,3 @@ declare module '@mui/material/Button' {
         icon: true;
     }
 }
-export {};

package/lib/{components/Theme → utils}/buttonStyles.d.ts

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

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.16.0",
+  "version": "4.18.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

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,14 +0,0 @@
-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 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;