@opengeoweb/theme 2.1.4 → 2.3.0

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

@@ -2,6 +2,24 @@
 interface CSSProperties extends React.CSSProperties {
     rgba?: string;
 }
+export declare const gwButtonVariants: readonly ["primary", "secondary", "tertiary", "flat", "tool", "boxed"];
+export declare type ButtonVariant = typeof gwButtonVariants[number];
+export interface ButtonStyle {
+    default: CSSProperties;
+    mouseOver: CSSProperties;
+    active: CSSProperties;
+    activeMouseOver: CSSProperties;
+    disabled: CSSProperties;
+}
+export interface ButtonStyles {
+    primary: ButtonStyle;
+    secondary: ButtonStyle;
+    tertiary: ButtonStyle;
+    flat: ButtonStyle;
+    tool: ButtonStyle;
+    boxed: ButtonStyle;
+    focusDefault: CSSProperties;
+}
 export declare type GeowebColorPalette = {
     background: {
         surface: CSSProperties['color'];
@@ -11,15 +29,7 @@ export declare type GeowebColorPalette = {
     brand: {
         brand: CSSProperties['color'];
     };
-    buttons: {
-        primary: CSSProperties;
-        primaryMouseover: CSSProperties;
-        primaryActive: CSSProperties;
-        flatMouseover: CSSProperties;
-        focusDefault: CSSProperties;
-        disabled: CSSProperties;
-        surfaceIconDefault: CSSProperties;
-    };
+    buttons: ButtonStyles;
     typographyAndIcons: {
         text: CSSProperties['color'];
         icon: CSSProperties['color'];
@@ -39,6 +49,7 @@ export declare type GeowebColorPalette = {
     };
     greys: {
         accessible: CSSProperties['color'];
+        accessibleLight: CSSProperties['color'];
     };
     cards: {
         cardContainer: CSSProperties['color'];
@@ -88,11 +99,9 @@ export declare type GeowebColorPalette = {
         drawerOpen: CSSProperties;
     };
     layerManager: {
-        tableRowDefaultIcon: CSSProperties;
         tableRowDefaultText: CSSProperties;
         tableRowDefaultCardContainer: CSSProperties;
         tableRowMouseover: CSSProperties;
-        tableRowDisabledIcon: CSSProperties;
         tableRowDisabledText: CSSProperties;
         tableRowDisabledCardContainer: CSSProperties;
     };
@@ -118,4 +127,14 @@ declare module '@mui/material/styles' {
         geowebColors: GeowebColorPalette;
     }
 }
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        primary: true;
+        secondary: true;
+        tertiary: true;
+        flat: true;
+        tool: true;
+        boxed: true;
+    }
+}
 export {};

package/lib/stories/Button.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const ButtonDemo: React.FC;
+export declare const Buttons: {
+    (): React.ReactElement;
+    storyName: string;
+};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const IconButtonDemo: React.FC;
+export declare const IconButtons: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/stories/MenuItem.stories.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const MenuItemDemo: React.FC;
+export declare const MenuItem: () => React.ReactElement;

package/lib/stories/TextField.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const TextFieldDemo: React.FC;
+export declare const TextFields: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/stories/ToggleButton.stories.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const ToggleButtonDemo: React.FC;
+export declare const ToggleButtons: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/stories/index.stories.d.ts

@@ -8,6 +8,11 @@ export { Table } from './Table.stories';
 export { Tabs } from './Tabs.stories';
 export { Typography, TypographyGWTheme } from './Typography.stories';
 export { Tooltips } from './Tooltip.stories';
+export { Buttons } from './Button.stories';
+export { ToggleButtons } from './ToggleButton.stories';
+export { IconButtons } from './IconButton.stories';
+export { MenuItem } from './MenuItem.stories';
+export { TextFields } from './TextField.stories';
 export { FormElementsGWTheme, FormElements } from './FormElements.stories';
 declare const _default: {
     title: string;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ButtonLight: () => React.ReactElement;
+export declare const ButtonDark: () => React.ReactElement;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ButtonLight: () => React.ReactElement;
+export declare const ButtonDark: () => React.ReactElement;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const MenuItemLight: () => React.ReactElement;
+export declare const MenuItemDark: () => React.ReactElement;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TextFieldLight: () => React.ReactElement;
+export declare const TextFieldDark: () => React.ReactElement;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ToggleButtonLight: () => React.ReactElement;
+export declare const ToggleButtonDark: () => React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "2.1.4",
+  "version": "2.3.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,8 +12,8 @@
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "@mui/material": "^5.2.8",
     "react": "^17.0.2",
+    "@mui/material": "^5.2.8",
     "@mui/styles": "^5.2.3",
     "@mui/icons-material": "^5.2.5"
   }