@opengeoweb/theme 15.3.0 → 17.0.0

package/src/lib/types.d.ts

@@ -1,255 +0,0 @@
-import type { Theme } from '@mui/material/styles';
-import type { SxProps } from '@mui/system';
-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",
-    XMAS_THEME = "xmasTheme",
-    EUMETNET_THEME = "eumetnetTheme",
-    DEMO_THEME = "demoTheme"
-}
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';
-export interface ButtonStyle {
-    default: CSSProperties;
-    mouseOver: CSSProperties;
-    active: CSSProperties;
-    activeMouseOver: CSSProperties;
-    disabled: CSSProperties;
-    focus: CSSProperties;
-}
-export interface ChipsStyle {
-    mouseOver: CSSProperties;
-    activeMouseOver: CSSProperties;
-}
-export interface GeowebColorPalette {
-    background: {
-        surface: CSSProperties['color'];
-        surfaceApp: CSSProperties['color'];
-        surfaceBrowser: CSSProperties['color'];
-    };
-    brand: {
-        brand: CSSProperties['color'];
-    };
-    buttons: {
-        primary: ButtonStyle;
-        secondary: ButtonStyle;
-        tertiary: ButtonStyle;
-        flat: ButtonStyle;
-        tool: ButtonStyle;
-        boxed: ButtonStyle;
-        icon: ButtonStyle;
-    };
-    chips: {
-        flat: ChipsStyle;
-    };
-    iconButtons: {
-        flat: ButtonStyle;
-        tool: ButtonStyle;
-        boxed: ButtonStyle;
-    };
-    typographyAndIcons: {
-        text: CSSProperties['color'];
-        icon: CSSProperties['color'];
-        buttonIcon: CSSProperties['color'];
-        iconLinkActive: CSSProperties['color'];
-        iconLinkDisabled: CSSProperties['color'];
-        iconWarning: CSSProperties['color'];
-        textLinkActive: CSSProperties['color'];
-        buttonIconTertiaryFlat: CSSProperties['color'];
-        inactiveText: CSSProperties['color'];
-        systemScopeIcon: CSSProperties['color'];
-        userScopeIcon: CSSProperties['color'];
-        sharedByOthersIcon: CSSProperties['color'];
-        informationDialog: CSSProperties['color'];
-    };
-    textInputField: {
-        default: CSSProperties;
-        active: CSSProperties;
-        disabled: CSSProperties;
-        label: CSSProperties;
-        mouseOver: CSSProperties;
-        error: CSSProperties;
-        errorMouseOver: CSSProperties;
-    };
-    menuItem: {
-        mouseOver: CSSProperties['color'];
-        selected: CSSProperties['color'];
-        selectedMouseOver: CSSProperties['color'];
-    };
-    tab: {
-        mouseOver: CSSProperties;
-    };
-    greys: {
-        accessible: CSSProperties['color'];
-        accessibleLight: CSSProperties['color'];
-    };
-    cards: {
-        cardContainer: CSSProperties['color'];
-        cardContainerBorder: CSSProperties['color'];
-        cardContainerMouseOver: CSSProperties['color'];
-        cardContainerDisabled: CSSProperties['color'];
-        cardContainerDisabledBorder: CSSProperties['color'];
-        cardContainerDisabledMouseOver: CSSProperties['color'];
-    };
-    backdrops: {
-        black: CSSProperties;
-        white: CSSProperties;
-    };
-    workspace: {
-        activeWindow: CSSProperties['color'];
-        inactiveWindow: CSSProperties['color'];
-        tabButtonHover: CSSProperties['color'];
-    };
-    timeSlider: {
-        playerNeedleTimeTop: CSSProperties;
-        playerNeedleTime: CSSProperties;
-        playerNeedlePlayerTop: CSSProperties;
-        playerNeedlePlayer: CSSProperties;
-        playerTimeMarkers: CSSProperties;
-        playerTimeText: CSSProperties;
-        timelineIndicator: CSSProperties;
-        timelineText: CSSProperties;
-        timelineTimeScale: CSSProperties;
-        timelineNightTime: CSSProperties;
-        timelineTimelineSurface: CSSProperties;
-        timelineMonthChangeDash: CSSProperties;
-        timelineSelectionBackground: CSSProperties;
-        timelineSelectionOutline: CSSProperties;
-        timeScalePointer: CSSProperties;
-        timeScaleHorizontalScale: CSSProperties;
-        timeScaleTimeIndicators: CSSProperties;
-        timeScaleTimeIndicatorsActive: CSSProperties;
-        timeScaleShadowButtonScale: CSSProperties;
-        ledgendObservedBackground: CSSProperties;
-        legendForecastBackground: CSSProperties;
-        legendNoDataBackground: CSSProperties;
-    };
-    timeSliderLite: {
-        selected: CSSProperties;
-        needle: CSSProperties;
-        needleDefault: CSSProperties;
-        needleShadow: CSSProperties;
-        needleLabel: CSSProperties;
-        timeline: CSSProperties;
-        timelineBackground: CSSProperties;
-        timelineBackgroundAlternative: CSSProperties;
-        timelineBackgroundDisabled: CSSProperties;
-        timelineBackgroundDisabledAlternative: CSSProperties;
-        timelineBackgroundObserved: CSSProperties;
-        timelineBackgroundObservedAlternative: CSSProperties;
-    };
-    soundings: {
-        tooltip: CSSProperties;
-    };
-    customSlider: {
-        rail: CSSProperties['color'];
-        railDisabled: CSSProperties['color'];
-        track: CSSProperties['color'];
-        trackDisabled: CSSProperties['color'];
-        thumb: CSSProperties['color'];
-        thumbDisabled: CSSProperties['color'];
-        mark: CSSProperties['color'];
-        markDisabled: CSSProperties['color'];
-    };
-    customSwitch: {
-        thumb: CSSProperties['color'];
-        thumbDisabled: CSSProperties['color'];
-        track: CSSProperties['color'];
-        trackActive: CSSProperties['color'];
-    };
-    syncGroups: {
-        drawerOpen: CSSProperties;
-    };
-    logo?: {
-        image: string;
-    };
-    layerManager: {
-        headerRowText: CSSProperties;
-        tableRowDefaultText: CSSProperties;
-        tableRowDefaultCardContainer: CSSProperties;
-        tableRowDisabledText: CSSProperties;
-        tableRowDisabledCardContainer: CSSProperties;
-        dragHandleHover: CSSProperties;
-        root: SxProps<Theme>;
-        opacitySelect: {
-            root: SxProps<Theme>;
-            button: SxProps<Theme>;
-            popper: SxProps<Theme>;
-        };
-        baseLayerRow: {
-            root: SxProps<Theme>;
-        };
-    };
-    tooltips: {
-        tooltipContainer: CSSProperties;
-        tooltipText: CSSProperties;
-        tooltipSelect: {
-            select: SxProps<Theme>;
-            menu: SxProps<Theme>;
-        };
-    };
-    captions: {
-        captionStatus: CSSProperties;
-        captionInformation: CSSProperties;
-        captionError: CSSProperties;
-        captionErrorBackground: CSSProperties;
-        captionDisabled: CSSProperties;
-    };
-    functional: {
-        success: CSSProperties['color'];
-        successOutline: CSSProperties;
-        error: CSSProperties['color'];
-        errorOutline: CSSProperties;
-        warning: CSSProperties['color'];
-        warningOutline: CSSProperties;
-        warningHighlight: CSSProperties;
-        notification: CSSProperties['color'];
-        notificationOutline: CSSProperties;
-        summary: CSSProperties['color'];
-        summaryOutline: CSSProperties;
-        disabled: CSSProperties['color'];
-        disabledOutline: CSSProperties;
-    };
-    snackbar: {
-        background: CSSProperties['color'];
-        text: CSSProperties['color'];
-        action: CSSProperties['color'];
-        actionHover: CSSProperties;
-    };
-    festoonOverlay?: CSSProperties;
-    festoonContainer?: CSSProperties;
-    festoonBackdrop?: CSSProperties;
-    chip: {
-        highlightDefault: CSSProperties;
-        highlightDefaultMouseOver: CSSProperties;
-        highlightActiveDefault: CSSProperties;
-        highlightActiveMouseOver: CSSProperties;
-    };
-}
-export type Elevations = Record<string, string>;
-declare module '@mui/material/styles' {
-    interface Palette {
-        geowebColors: GeowebColorPalette;
-    }
-    interface PaletteOptions {
-        geowebColors: GeowebColorPalette;
-    }
-}
-declare module '@mui/material/Button' {
-    interface ButtonPropsVariantOverrides {
-        primary: true;
-        secondary: true;
-        tertiary: true;
-        flat: true;
-        tool: true;
-        boxed: true;
-        icon: true;
-    }
-}

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

@@ -1,249 +0,0 @@
-export declare const EChartsDarkTheme: {
-    backgroundColor: 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;
-        dataBackgroundColor: string;
-        fillerColor: string;
-        handleColor: string;
-        handleSize: string;
-        textStyle: {
-            color: string;
-        };
-    };
-    markPoint: {
-        label: {
-            color: string;
-        };
-        emphasis: {
-            label: {
-                color: string;
-            };
-        };
-    };
-};

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

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