@opengeoweb/theme 19.1.0 → 19.2.0

package/dist/src/index.d.ts

@@ -0,0 +1,15 @@
+import themeTranslations from '../locales/theme.json';
+import * as Icons from './lib/components/Icons';
+export { Icons };
+export * from './lib/components/Theme';
+export { parseColors, createShadows } from './lib/utils/utils';
+export * from './lib/utils/themes';
+export { createTheme, breakpoints } from './lib/utils/createTheme';
+export * from './lib/components/Icons';
+export * from './lib/components/Paths';
+export * from './lib/types';
+export * from './lib/utils/EChartsThemes';
+export { THEME_NAMESPACE } from './lib/utils/i18n';
+export { themeTranslations };
+export { OverlayStyle, ContainerStyle, BackdropStyle, } from './lib/utils/themes/BackdropDecoration';
+export { BORDER_RADIUS } from './lib/utils/buttonStyles';

package/dist/src/lib/components/Icons/Icons.d.ts

@@ -0,0 +1,164 @@
+import type { SvgIconProps } from '@mui/material';
+import React from 'react';
+export declare const SplitVertical: React.FC;
+export declare const SplitHorizontal: React.FC;
+export declare const SplitVerticalWithContent: React.FC;
+export declare const SplitHorizontalWithContent: React.FC;
+export declare const Expand: React.FC;
+export declare const UnExpand: React.FC;
+export declare const Delete: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawRegion: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawPolygon: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawFIRLand: (props: SvgIconProps) => React.ReactElement;
+export declare const Polygons: (props: SvgIconProps) => React.ReactElement;
+export declare const Location: (props: SvgIconProps) => React.ReactElement;
+export declare const MyLocation: (props: SvgIconProps) => React.ReactElement;
+export declare const ThumbsUp: (props: SvgIconProps) => React.ReactElement;
+export declare const Edit: (props: SvgIconProps) => React.ReactElement;
+export declare const Export: (props: SvgIconProps) => React.ReactElement;
+export declare const ListItem: (props: SvgIconProps) => React.ReactElement;
+export declare const TimeSeriesSelect: React.FC;
+export declare const Close: React.FC<SvgIconProps>;
+export declare const KeyOption: React.FC;
+export declare const KeyCommand: React.FC;
+export declare const ArrowLeft: React.FC;
+export declare const ArrowRight: React.FC;
+export declare const ArrowDown: React.FC<SvgIconProps>;
+export declare const ArrowUp: React.FC<SvgIconProps>;
+export declare const ArrowUpCompact: React.FC<SvgIconProps>;
+export declare const ArrowDownCompact: React.FC<SvgIconProps>;
+export declare const Exclamation: React.FC<SvgIconProps>;
+export declare const Visibility: React.FC<SvgIconProps>;
+export declare const VisibilityOff: React.FC<SvgIconProps>;
+export declare const HamburgerMenu: React.FC<SvgIconProps>;
+export declare const GeoWebLogo: React.FC<SvgIconProps>;
+export declare const Add: (props: SvgIconProps) => React.ReactElement;
+export declare const LayersAdd: (props: SvgIconProps) => React.ReactElement;
+export declare const MapAdd: (props: SvgIconProps) => React.ReactElement;
+export declare const Clock: (props: SvgIconProps) => React.ReactElement;
+export declare const Animation: (props: SvgIconProps) => React.ReactElement;
+export declare const Success: (props: SvgIconProps) => React.ReactElement;
+export declare const Cancel: (props: SvgIconProps) => React.ReactElement;
+export declare const DragHandle: (props: SvgIconProps) => React.ReactElement;
+export declare const AutoUpdateActive: (props: SvgIconProps) => React.ReactElement;
+export declare const AutoUpdateInActive: (props: SvgIconProps) => React.ReactElement;
+export declare const Now: (props: SvgIconProps) => React.ReactElement;
+export declare const Pause: (props: SvgIconProps) => React.ReactElement;
+export declare const Play: (props: SvgIconProps) => React.ReactElement;
+export declare const StepBackward: (props: SvgIconProps) => React.ReactElement;
+export declare const StepForward: (props: SvgIconProps) => React.ReactElement;
+export declare const Info: (props: SvgIconProps) => React.ReactElement;
+interface TextIconProps extends SvgIconProps {
+    text?: string;
+}
+export declare const TextIcon: ({ text, ...props }: TextIconProps) => React.ReactElement;
+export declare const FastForward: (props: SvgIconProps) => React.ReactElement;
+export declare const SliderThumb: (props: SvgIconProps) => React.ReactElement;
+export declare const Options: (props: SvgIconProps) => React.ReactElement;
+export declare const ChevronLeft: (props: SvgIconProps) => React.ReactElement;
+export declare const ChevronRight: (props: SvgIconProps) => React.ReactElement;
+export declare const ChevronUp: (props: SvgIconProps) => React.ReactElement;
+export declare const ChevronDown: (props: SvgIconProps) => React.ReactElement;
+export declare const Layers: (props: SvgIconProps) => React.ReactElement;
+export declare const Copy: (props: SvgIconProps) => React.ReactElement;
+export declare const Filter: (props: SvgIconProps) => React.ReactElement;
+export declare const Clear: (props: SvgIconProps) => React.ReactElement;
+export declare const Search: (props: SvgIconProps) => React.ReactElement;
+interface ResizeIconProps extends SvgIconProps {
+    isRightAligned?: boolean;
+}
+export declare const Resize: ({ isRightAligned, sx, ...props }: ResizeIconProps) => React.ReactElement;
+export declare const List: React.FC;
+export declare const Home: React.FC;
+export declare const Minus: React.FC;
+export declare const Equalizer: React.FC;
+export declare const Link: React.FC<SvgIconProps>;
+export declare const LinkOff: React.FC<SvgIconProps>;
+export declare const Cached: React.FC;
+export declare const CalendarToday: React.FC<SvgIconProps>;
+export declare const WebAssetOff: React.FC<SvgIconProps>;
+export declare const Notifications: React.FC<SvgIconProps>;
+export declare const Update: React.FC<SvgIconProps>;
+export declare const SubdirectoryArrowRight: React.FC<SvgIconProps>;
+export declare const Speed: (props: SvgIconProps) => React.ReactElement;
+export declare const DimensionsElevation: (props: SvgIconProps) => React.ReactElement;
+export declare const DimensionsTime: (props: SvgIconProps) => React.ReactElement;
+export declare const DimensionsRefTime: (props: SvgIconProps) => React.ReactElement;
+export declare const DimensionsOther: (props: SvgIconProps) => React.ReactElement;
+export declare const Picture: (props: SvgIconProps) => React.ReactElement;
+export declare const CollapseWindow: (props: SvgIconProps) => React.ReactElement;
+export declare const ExpandWindow: (props: SvgIconProps) => React.ReactElement;
+export declare const CollapseLarge: (props: SvgIconProps) => React.ReactElement;
+export declare const CollapseMedium: (props: SvgIconProps) => React.ReactElement;
+export declare const CollapseSmall: (props: SvgIconProps) => React.ReactElement;
+export declare const ExitDomain: (props: SvgIconProps) => React.ReactElement;
+export declare const Menu: (props: SvgIconProps) => React.ReactElement;
+export declare const None: (props: SvgIconProps) => React.ReactElement;
+export declare const Both: (props: SvgIconProps) => React.ReactElement;
+export declare const Share: (props: SvgIconProps) => React.ReactElement;
+export declare const Snow: (props: SvgIconProps) => React.ReactElement;
+export declare const Wind: (props: SvgIconProps) => React.ReactElement;
+export declare const Rain: (props: SvgIconProps) => React.ReactElement;
+export declare const Lightning: (props: SvgIconProps) => React.ReactElement;
+export declare const Fog: (props: SvgIconProps) => React.ReactElement;
+export declare const CoastalEvent: (props: SvgIconProps) => React.ReactElement;
+export declare const TemperatureHigh: (props: SvgIconProps) => React.ReactElement;
+export declare const TemperatureLow: (props: SvgIconProps) => React.ReactElement;
+export declare const LockUnlocked: (props: SvgIconProps) => React.ReactElement;
+export declare const LockLocked: (props: SvgIconProps) => React.ReactElement;
+export declare const ArrowDropDownDown: (props: SvgIconProps) => React.ReactElement;
+export declare const ArrowDropDownUp: (props: SvgIconProps) => React.ReactElement;
+export declare const WorldMapProjection: (props: SvgIconProps) => React.ReactElement;
+export declare const FunnelCloud: (props: SvgIconProps) => React.ReactElement;
+export declare const CloudLoading: (props: SvgIconProps) => React.ReactElement;
+export declare const CloudIdle: (props: SvgIconProps) => React.ReactElement;
+export declare const Admin: ({ ...props }: SvgIconProps) => React.ReactElement;
+export declare const Remove: (props: SvgIconProps) => React.ReactElement;
+export declare const Expire: (props: SvgIconProps) => React.ReactElement;
+export declare const Thunderstorm: (props: SvgIconProps) => React.ReactElement;
+export declare const SevereWaves: (props: SvgIconProps) => React.ReactElement;
+export declare const VulcanicEruption: (props: SvgIconProps) => React.ReactElement;
+export declare const ModerateAircraftIcing: (props: SvgIconProps) => React.ReactElement;
+export declare const SevereAircraftIcing: (props: SvgIconProps) => React.ReactElement;
+export declare const SandStorm: (props: SvgIconProps) => React.ReactElement;
+export declare const SevereTurbulence: (props: SvgIconProps) => React.ReactElement;
+export declare const RadioactiveMaterials: (props: SvgIconProps) => React.ReactElement;
+export declare const FreezingPrecipitation: (props: SvgIconProps) => React.ReactElement;
+export declare const Haze: (props: SvgIconProps) => React.ReactElement;
+export declare const ModerateTurbulence: (props: SvgIconProps) => React.ReactElement;
+export declare const FlagNetherlands: (props: SvgIconProps) => React.ReactElement;
+export declare const FlagFinland: (props: SvgIconProps) => React.ReactElement;
+export declare const FlagNorway: (props: SvgIconProps) => React.ReactElement;
+export declare const FlagBritain: (props: SvgIconProps) => React.ReactElement;
+export declare const ColumnCollapse: (props: SvgIconProps) => React.ReactElement;
+export declare const ColumnCollapsed: (props: SvgIconProps) => React.ReactElement;
+export declare const SharedPresetsOtherUsers: (props: SvgIconProps) => React.ReactElement;
+export declare const SharedPresetsMyUser: (props: SvgIconProps) => React.ReactElement;
+export declare const Sources: (props: SvgIconProps) => React.ReactElement;
+export declare const MeteoGate: (props: SvgIconProps) => React.ReactElement;
+export declare const Overlayers: (props: SvgIconProps) => React.ReactElement;
+export declare const SevereMountainWaves: (props: SvgIconProps) => React.ReactElement;
+export declare const Airplane: (props: SvgIconProps) => React.ReactElement;
+export declare const Pinned: (props: SvgIconProps) => React.ReactElement;
+export declare const Region: (props: SvgIconProps) => React.ReactElement;
+export declare const WorkspacePresetsSystemIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const WorkspacePresetsPluginIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const WorkspacePresetsMyIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolPolygon: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolSquare: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolRectangle: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolSmoothLine: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolCircle: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolPoint: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolOval: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolLineString: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolFreehand: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolSplitFeature: (props: SvgIconProps) => React.ReactElement;
+export declare const Measure: (props: SvgIconProps) => React.ReactElement;
+export declare const LocationInfo: (props: SvgIconProps) => React.ReactElement;
+export declare const RotateHandle: (props: SvgIconProps) => React.ReactElement;
+export declare const Extend24h: (props: SvgIconProps) => React.ReactElement;
+export declare const ViewSettingsIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const StacIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const ZoomToLayer: (props: SvgIconProps) => React.ReactElement;
+export {};

package/dist/src/lib/components/Icons/index.d.ts

@@ -0,0 +1 @@
+export * from './Icons';

package/dist/src/lib/components/Paths/Paths.d.ts

@@ -0,0 +1,4 @@
+export declare const dragHandlePath = "M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z";
+export declare const locationPath = "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3";
+export declare const arrowUpPath = "M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z";
+export declare const rotatePath = "M15.8535534,21.2928932 L15.8535534,18.2971068 C12.49774536,17.5550421 10.06304054,16.3583754 8.54943893,14.7071068 C7.03583731,13.0558382 6.23483987,10.72250482 6.1464466,7.7071068 L3.1464466,7.7071068 L7.1464466,2.7071068 L11.1464466,7.7071068 L8.1464466,7.7071068 C8.36229059,10.28804398 9.10584334,12.28695847 10.37710485,13.7038503 C11.64836636,15.1207421 13.4738492,15.9851609 15.8535534,16.2971068 L15.8535534,13.2928932 L20.8535534,17.2928932 L15.8535534,21.2928932 Z";

package/dist/src/lib/components/Paths/index.d.ts

@@ -0,0 +1 @@
+export * from './Paths';

package/dist/src/lib/components/Providers/Providers.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ThemeTranslationWrapperProps {
+    children?: React.ReactNode;
+}
+export declare const ThemeI18nProvider: React.FC<ThemeTranslationWrapperProps>;
+export {};

package/dist/src/lib/components/Providers/index.d.ts

@@ -0,0 +1 @@
+export * from './Providers';

package/dist/src/lib/components/Storybook/StoryHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface StoryHeaderProps {
+    title: string;
+}
+export declare const StoryHeader: React.FC<StoryHeaderProps>;
+export default StoryHeader;

package/dist/src/lib/components/Storybook/index.d.ts

@@ -0,0 +1 @@
+export * from './StoryHeader';

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

@@ -0,0 +1,19 @@
+import type { Theme as MUITheme } from '@mui/material';
+import React from 'react';
+import type { NamedTheme } from '../../types';
+import { ThemeTypes } from '../../types';
+interface ThemeContextProps {
+    setThemeName?: (themeName: ThemeTypes) => void;
+    namedTheme?: NamedTheme;
+}
+export declare const ThemeContext: React.Context<Partial<ThemeContextProps>>;
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    theme?: MUITheme;
+    defaultThemeName?: ThemeTypes;
+    disableCssBaseline?: boolean;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useThemeContext: () => Partial<ThemeContextProps>;
+export declare const ThemeWrapper: React.FC<ThemeProviderProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './ThemeContext';

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

@@ -0,0 +1,255 @@
+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;
+    }
+}