@opengeoweb/theme 19.1.0 → 19.1.1

package/dist/src/lib/utils/EChartsThemes/darkTheme.d.ts

@@ -0,0 +1,287 @@
+export declare const EChartsDarkTheme: {
+    backgroundColor: string;
+    color: string[];
+    textStyle: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    title: {
+        textStyle: {
+            color: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        itemStyle: {
+            barBorderWidth: number;
+            barBorderColor: string;
+        };
+    };
+    scatter: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    logAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    timeAxis: {
+        nameTextStyle: {
+            color: string;
+        };
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    toolbox: {
+        iconStyle: {
+            borderColor: string;
+        };
+        emphasis: {
+            iconStyle: {
+                borderColor: string;
+            };
+        };
+    };
+    legend: {
+        textStyle: {
+            color: string;
+        };
+    };
+    tooltip: {
+        axisPointer: {
+            lineStyle: {
+                color: string;
+                width: string;
+            };
+            crossStyle: {
+                color: string;
+                width: string;
+            };
+        };
+    };
+    timeline: {
+        lineStyle: {
+            color: string;
+            width: number;
+        };
+        itemStyle: {
+            color: string;
+            borderWidth: number;
+        };
+        controlStyle: {
+            color: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        checkpointStyle: {
+            color: string;
+            borderColor: string;
+        };
+        label: {
+            color: string;
+            fontSize: string;
+        };
+        emphasis: {
+            itemStyle: {
+                color: string;
+            };
+            controlStyle: {
+                color: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    dataZoom: {
+        backgroundColor: string;
+        fillerColor: string;
+        handleSize: string;
+        borderColor: string;
+        borderRadius: number;
+        textStyle: {
+            color: string;
+        };
+        dataBackground: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            areaStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+        selectedDataBackground: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            areaStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+        handleStyle: {
+            color: string;
+            borderColor: string;
+        };
+        moveHandleStyle: {
+            color: string;
+            opacity: number;
+        };
+        emphasis: {
+            handleStyle: {
+                borderColor: string;
+            };
+            moveHandleStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+    };
+    markPoint: {
+        label: {
+            color: string;
+        };
+        emphasis: {
+            label: {
+                color: string;
+            };
+        };
+    };
+};

package/dist/src/lib/utils/EChartsThemes/index.d.ts

@@ -0,0 +1,3 @@
+import { EChartsDarkTheme } from './darkTheme';
+import { EChartsLightTheme } from './lightTheme';
+export { EChartsLightTheme, EChartsDarkTheme };

package/dist/src/lib/utils/EChartsThemes/lightTheme.d.ts

@@ -0,0 +1,284 @@
+export declare const EChartsLightTheme: {
+    backgroundColor: string;
+    color: string[];
+    textStyle: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    title: {
+        textStyle: {
+            color: string;
+        };
+        subtextStyle: {
+            color: string;
+        };
+    };
+    line: {
+        itemStyle: {
+            borderWidth: number;
+        };
+        lineStyle: {
+            width: number;
+        };
+        symbolSize: number;
+        symbol: string;
+        smooth: boolean;
+    };
+    bar: {
+        itemStyle: {
+            barBorderWidth: number;
+            barBorderColor: string;
+        };
+    };
+    scatter: {
+        itemStyle: {
+            borderWidth: number;
+            borderColor: string;
+        };
+    };
+    categoryAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    valueAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    logAxis: {
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    timeAxis: {
+        nameTextStyle: {
+            color: string;
+        };
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            show: boolean;
+            color: string;
+            fontSize: string;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+    };
+    toolbox: {
+        iconStyle: {
+            borderColor: string;
+        };
+        emphasis: {
+            iconStyle: {
+                borderColor: string;
+            };
+        };
+    };
+    legend: {
+        textStyle: {
+            color: string;
+        };
+    };
+    tooltip: {
+        axisPointer: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            crossStyle: {
+                color: string;
+                width: number;
+            };
+        };
+    };
+    timeline: {
+        lineStyle: {
+            color: string;
+            width: number;
+        };
+        itemStyle: {
+            color: string;
+            borderWidth: number;
+        };
+        controlStyle: {
+            color: string;
+            borderColor: string;
+            borderWidth: number;
+        };
+        checkpointStyle: {
+            color: string;
+            borderColor: string;
+        };
+        label: {
+            color: string;
+        };
+        emphasis: {
+            itemStyle: {
+                color: string;
+            };
+            controlStyle: {
+                color: string;
+                borderColor: string;
+                borderWidth: number;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+    dataZoom: {
+        handleSize: string;
+        borderColor: string;
+        borderRadius: number;
+        textStyle: {
+            color: string;
+        };
+        dataBackground: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            areaStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+        selectedDataBackground: {
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+            areaStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+        handleStyle: {
+            color: string;
+            borderColor: string;
+        };
+        moveHandleStyle: {
+            color: string;
+            opacity: number;
+        };
+        emphasis: {
+            handleStyle: {
+                borderColor: string;
+            };
+            moveHandleStyle: {
+                color: string;
+                opacity: number;
+            };
+        };
+    };
+    markPoint: {
+        label: {
+            color: string;
+        };
+        emphasis: {
+            label: {
+                color: string;
+            };
+        };
+    };
+};

package/dist/src/lib/utils/buttonStyles.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentsVariants, CSSObject } from '@mui/material';
+import type { ButtonStyle, ButtonVariant } 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;
+type PartialButtonVariants = Partial<Record<ButtonVariant, ButtonStyle>>;
+export declare const buttonVariants: (buttons: PartialButtonVariants, stylingFn?: (button: ButtonStyle) => CSSObject) => ComponentsVariants["MuiButton"];
+export declare const variantsToClassName: (buttonVariants: ComponentsVariants["MuiButton"]) => CSSObject;
+export {};

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

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

package/dist/src/lib/utils/i18n.d.ts

@@ -0,0 +1,2 @@
+export declare const THEME_NAMESPACE = "theme";
+export declare const initThemeI18n: () => void;

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

@@ -0,0 +1,4 @@
+import type { CSSProperties } from '../../types';
+export declare const OverlayStyle: () => CSSProperties | undefined;
+export declare const ContainerStyle: () => CSSProperties | undefined;
+export declare const BackdropStyle: () => CSSProperties | undefined;

package/dist/src/lib/utils/themes/dark/darkTheme.d.ts

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

package/dist/src/lib/utils/themes/demo/demoTheme.d.ts

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

package/dist/src/lib/utils/themes/eumetnet/eumetnetTheme.d.ts

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

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

@@ -0,0 +1,30 @@
+import { colors as colorsLight, elevations as elevationsLight } from './light/lightTheme';
+import type { NamedTheme } from '../../types';
+import { 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 xmasTheme: import("@mui/material").Theme;
+export declare const demoTheme: import("@mui/material").Theme;
+export declare const eumetnetTheme: 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 namedXmasTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
+export declare const namedDemoTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
+export declare const namedEumetnetTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
+export { colorsLight, elevationsLight };

package/dist/src/lib/utils/themes/light/lightTheme.d.ts

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

package/dist/src/lib/utils/themes/xmas/xmasTheme.d.ts

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

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

@@ -0,0 +1,5 @@
+import type { Shadows } from '@mui/material/styles';
+import type { 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "19.1.0",
+  "version": "19.1.1",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -36,6 +36,7 @@
   },
   "files": [
     "dist",
+    "!dist/package.json",
     "README.md",
     "package.json"
   ]