@opengeoweb/theme 6.0.0 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +14 -11
- package/package.json +1 -1
- package/src/lib/stories/Accordion.stories.d.ts +12 -2
- package/src/lib/stories/Avatar.stories.d.ts +16 -2
- package/src/lib/stories/Backdrop.stories.d.ts +13 -7
- package/src/lib/stories/Breakpoints.stories.d.ts +4 -1
- package/src/lib/stories/Button.stories.d.ts +15 -2
- package/src/lib/stories/Card.stories.d.ts +15 -2
- package/src/lib/stories/Colors.stories.d.ts +18 -6
- package/src/lib/stories/Elevation.stories.d.ts +18 -1
- package/src/lib/stories/FormElements.stories.d.ts +16 -2
- package/src/lib/stories/IconButton.stories.d.ts +15 -2
- package/src/lib/stories/Icons.stories.d.ts +12 -2
- package/src/lib/stories/List.stories.d.ts +16 -2
- package/src/lib/stories/MenuItem.stories.d.ts +15 -1
- package/src/lib/stories/Slider.stories.d.ts +16 -2
- package/src/lib/stories/Snackbar.stories.d.ts +16 -7
- package/src/lib/stories/StoryWrapper.d.ts +1 -1
- package/src/lib/stories/Switch.stories.d.ts +16 -2
- package/src/lib/stories/Table.stories.d.ts +18 -2
- package/src/lib/stories/Tabs.stories.d.ts +16 -7
- package/src/lib/stories/TextField.stories.d.ts +15 -2
- package/src/lib/stories/ToggleButton.stories.d.ts +15 -2
- package/src/lib/stories/Tooltip.stories.d.ts +16 -2
- package/src/lib/stories/Typography.stories.d.ts +16 -2
- package/src/lib/utils/createTheme.d.ts +2 -2
- package/src/lib/stories/index.stories.d.ts +0 -26
- package/src/lib/stories/snapshots/Accordion.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Avatar.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Backdrop.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/Button.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Card.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/Colors.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/Elevation.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/FormElements.stories.d.ts +0 -8
- package/src/lib/stories/snapshots/IconButton.stories.d.ts +0 -23
- package/src/lib/stories/snapshots/Icons.stories.d.ts +0 -11
- package/src/lib/stories/snapshots/List.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/MenuItem.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Slider.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Snackbar.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Switch.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Table.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/Tabs.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/TextField.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/ToggleButton.stories.d.ts +0 -7
- package/src/lib/stories/snapshots/Tooltip.stories.d.ts +0 -17
- package/src/lib/stories/snapshots/Typography.stories.d.ts +0 -7
package/index.js
CHANGED
|
@@ -4878,8 +4878,8 @@ var breakpoints = {
|
|
|
4878
4878
|
mobile: 0,
|
|
4879
4879
|
tablet: 768,
|
|
4880
4880
|
desktop: 1024,
|
|
4881
|
-
|
|
4882
|
-
|
|
4881
|
+
desktopHD: 1440,
|
|
4882
|
+
desktopHDWide: 1920
|
|
4883
4883
|
};
|
|
4884
4884
|
var createTheme = function createTheme(_ref) {
|
|
4885
4885
|
var _ref$paletteType = _ref.paletteType,
|
|
@@ -4896,8 +4896,8 @@ var createTheme = function createTheme(_ref) {
|
|
|
4896
4896
|
xs: breakpoints.mobile,
|
|
4897
4897
|
sm: breakpoints.tablet,
|
|
4898
4898
|
md: breakpoints.desktop,
|
|
4899
|
-
lg: breakpoints.
|
|
4900
|
-
xl: breakpoints.
|
|
4899
|
+
lg: breakpoints.desktopHD,
|
|
4900
|
+
xl: breakpoints.desktopHDWide
|
|
4901
4901
|
}
|
|
4902
4902
|
},
|
|
4903
4903
|
palette: {
|
|
@@ -6088,8 +6088,8 @@ var GWTheme = createTheme$1({
|
|
|
6088
6088
|
xs: breakpoints.mobile,
|
|
6089
6089
|
sm: breakpoints.tablet,
|
|
6090
6090
|
md: breakpoints.desktop,
|
|
6091
|
-
lg: breakpoints.
|
|
6092
|
-
xl: breakpoints.
|
|
6091
|
+
lg: breakpoints.desktopHD,
|
|
6092
|
+
xl: breakpoints.desktopHDWide
|
|
6093
6093
|
}
|
|
6094
6094
|
},
|
|
6095
6095
|
palette: {
|
|
@@ -6444,14 +6444,17 @@ var ThemeProvider = function ThemeProvider(_ref) {
|
|
|
6444
6444
|
var currentTheme = React$2.useMemo(function () {
|
|
6445
6445
|
return theme || configuredTheme;
|
|
6446
6446
|
}, [configuredTheme, theme]);
|
|
6447
|
-
var toggleTheme = function
|
|
6447
|
+
var toggleTheme = React$2.useCallback(function () {
|
|
6448
6448
|
return setDark(!isDark);
|
|
6449
|
-
};
|
|
6450
|
-
|
|
6451
|
-
|
|
6449
|
+
}, [isDark]);
|
|
6450
|
+
var contextValue = React$2.useMemo(function () {
|
|
6451
|
+
return {
|
|
6452
6452
|
toggleTheme: toggleTheme,
|
|
6453
6453
|
isDark: isDark
|
|
6454
|
-
}
|
|
6454
|
+
};
|
|
6455
|
+
}, [toggleTheme, isDark]);
|
|
6456
|
+
return /*#__PURE__*/React$2.createElement(ThemeContext.Provider, {
|
|
6457
|
+
value: contextValue
|
|
6455
6458
|
}, /*#__PURE__*/React$2.createElement(ThemeProvider$1, {
|
|
6456
6459
|
theme: currentTheme
|
|
6457
6460
|
}, !disableCssBaseline && /*#__PURE__*/React$2.createElement(CssBaseline, null), children));
|
package/package.json
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const AccordionLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const AccordionDark: {
|
|
11
|
+
(): React.ReactElement;
|
|
12
|
+
storyName: string;
|
|
13
|
+
};
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const AvatarLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const AvatarDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const BackDropDemo: () => React.ReactElement;
|
|
7
|
+
export declare const BackDropLight: {
|
|
8
|
+
(): React.ReactElement;
|
|
9
|
+
storyName: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const BackDropDark: {
|
|
12
|
+
(): React.ReactElement;
|
|
13
|
+
storyName: string;
|
|
14
|
+
};
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const ButtonLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const ButtonDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
5
18
|
storyName: string;
|
|
6
19
|
parameters: {
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const CardsLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const CardsDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
5
18
|
storyName: string;
|
|
6
19
|
parameters: {
|
|
@@ -1,15 +1,27 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
export
|
|
6
|
-
export declare const
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const ColorsLight: {
|
|
7
7
|
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
8
9
|
parameters: {
|
|
9
10
|
zeplinLink: {
|
|
10
11
|
name: string;
|
|
11
12
|
link: string;
|
|
12
13
|
}[];
|
|
14
|
+
layout: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export declare const ColorsDark: {
|
|
18
|
+
(): React.ReactElement;
|
|
19
|
+
storyName: string;
|
|
20
|
+
parameters: {
|
|
21
|
+
zeplinkLink: {
|
|
22
|
+
name: string;
|
|
23
|
+
link: string;
|
|
24
|
+
}[];
|
|
25
|
+
layout: string;
|
|
13
26
|
};
|
|
14
27
|
};
|
|
15
|
-
export {};
|
|
@@ -1,11 +1,28 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
2
6
|
export declare const ElevationDemo: React.FC;
|
|
3
|
-
export declare const
|
|
7
|
+
export declare const ElevationLight: {
|
|
8
|
+
(): React.ReactElement;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
layout: string;
|
|
15
|
+
};
|
|
16
|
+
storyName: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const ElevationDark: {
|
|
4
19
|
(): React.ReactElement;
|
|
5
20
|
parameters: {
|
|
6
21
|
zeplinLink: {
|
|
7
22
|
name: string;
|
|
8
23
|
link: string;
|
|
9
24
|
}[];
|
|
25
|
+
layout: string;
|
|
10
26
|
};
|
|
27
|
+
storyName: string;
|
|
11
28
|
};
|
|
@@ -1,8 +1,22 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
3
6
|
export declare const FormElementsGWTheme: React.FC;
|
|
4
|
-
export declare const
|
|
7
|
+
export declare const FormElementsLight: {
|
|
8
|
+
(): React.ReactElement;
|
|
9
|
+
storyName: string;
|
|
10
|
+
parameters: {
|
|
11
|
+
zeplinLink: {
|
|
12
|
+
name: string;
|
|
13
|
+
link: string;
|
|
14
|
+
}[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export declare const FormElementsDark: {
|
|
5
18
|
(): React.ReactElement;
|
|
19
|
+
storyName: string;
|
|
6
20
|
parameters: {
|
|
7
21
|
zeplinLink: {
|
|
8
22
|
name: string;
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const IconButtonLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const IconButtonDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
5
18
|
storyName: string;
|
|
6
19
|
parameters: {
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
2
6
|
export interface IconGridItemProps {
|
|
3
7
|
name: string;
|
|
4
8
|
icon: React.ReactNode;
|
|
5
9
|
}
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
10
|
+
export declare const IconsLight: {
|
|
11
|
+
(): React.ReactElement;
|
|
12
|
+
storyName: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const IconsDark: {
|
|
15
|
+
(): React.ReactElement;
|
|
16
|
+
storyName: string;
|
|
17
|
+
};
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const ListLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const ListDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
3
6
|
export declare const MenuItem: {
|
|
4
7
|
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const MenuItemDark: {
|
|
17
|
+
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const SliderLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const SliderDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const SnackbarLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const SnackbarDark: {
|
|
8
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
9
19
|
parameters: {
|
|
10
20
|
zeplinLink: {
|
|
11
21
|
name: string;
|
|
@@ -13,4 +23,3 @@ export declare const Snackbar: {
|
|
|
13
23
|
}[];
|
|
14
24
|
};
|
|
15
25
|
};
|
|
16
|
-
export {};
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const SwitchLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const SwitchDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
2
6
|
export interface ExampleRow {
|
|
3
7
|
name: string;
|
|
4
8
|
calories: number;
|
|
@@ -6,13 +10,25 @@ export interface ExampleRow {
|
|
|
6
10
|
carbs: number;
|
|
7
11
|
protein: number;
|
|
8
12
|
}
|
|
9
|
-
export declare const
|
|
10
|
-
|
|
13
|
+
export declare const TableLight: {
|
|
14
|
+
(): React.ReactElement;
|
|
15
|
+
storyName: string;
|
|
16
|
+
parameters: {
|
|
17
|
+
zeplinLink: {
|
|
18
|
+
name: string;
|
|
19
|
+
link: string;
|
|
20
|
+
}[];
|
|
21
|
+
layout: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare const TableDark: {
|
|
11
25
|
(): React.ReactElement;
|
|
26
|
+
storyName: string;
|
|
12
27
|
parameters: {
|
|
13
28
|
zeplinLink: {
|
|
14
29
|
name: string;
|
|
15
30
|
link: string;
|
|
16
31
|
}[];
|
|
32
|
+
layout: string;
|
|
17
33
|
};
|
|
18
34
|
};
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const TabsLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const TabsDark: {
|
|
8
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
9
19
|
parameters: {
|
|
10
20
|
zeplinLink: {
|
|
11
21
|
name: string;
|
|
@@ -13,4 +23,3 @@ export declare const Tabs: {
|
|
|
13
23
|
}[];
|
|
14
24
|
};
|
|
15
25
|
};
|
|
16
|
-
export {};
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const TextFieldLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const TextFieldDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
5
18
|
storyName: string;
|
|
6
19
|
parameters: {
|
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const ToggleButtonsLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const ToggleButtonsDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
5
18
|
storyName: string;
|
|
6
19
|
parameters: {
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const TooltipLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const TooltipDark: {
|
|
4
17
|
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
5
19
|
parameters: {
|
|
6
20
|
zeplinLink: {
|
|
7
21
|
name: string;
|
|
@@ -1,8 +1,22 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
3
6
|
export declare const TypographyGWTheme: React.FC;
|
|
4
|
-
export declare const
|
|
7
|
+
export declare const TypographyLight: {
|
|
8
|
+
(): React.ReactElement;
|
|
9
|
+
storyName: string;
|
|
10
|
+
parameters: {
|
|
11
|
+
zeplinLink: {
|
|
12
|
+
name: string;
|
|
13
|
+
link: string;
|
|
14
|
+
}[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export declare const TypographyDark: {
|
|
5
18
|
(): React.ReactElement;
|
|
19
|
+
storyName: string;
|
|
6
20
|
parameters: {
|
|
7
21
|
zeplinLink: {
|
|
8
22
|
name: string;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export { Accordion } from './Accordion.stories';
|
|
2
|
-
export { Avatar } from './Avatar.stories';
|
|
3
|
-
export { Backdrop } from './Backdrop.stories';
|
|
4
|
-
export { Cards } from './Card.stories';
|
|
5
|
-
export { Colors } from './Colors.stories';
|
|
6
|
-
export { Elevation } from './Elevation.stories';
|
|
7
|
-
export { List } from './List.stories';
|
|
8
|
-
export { Slider } from './Slider.stories';
|
|
9
|
-
export { Table } from './Table.stories';
|
|
10
|
-
export { Tabs } from './Tabs.stories';
|
|
11
|
-
export { Typography, TypographyGWTheme } from './Typography.stories';
|
|
12
|
-
export { Tooltips } from './Tooltip.stories';
|
|
13
|
-
export { Buttons } from './Button.stories';
|
|
14
|
-
export { ToggleButtons } from './ToggleButton.stories';
|
|
15
|
-
export { IconButtons } from './IconButton.stories';
|
|
16
|
-
export { MenuItem } from './MenuItem.stories';
|
|
17
|
-
export { TextFields } from './TextField.stories';
|
|
18
|
-
export { Breakpoints } from './Breakpoints.stories';
|
|
19
|
-
export { Icons } from './Icons.stories';
|
|
20
|
-
export { FormElementsGWTheme, FormElements } from './FormElements.stories';
|
|
21
|
-
export { Switch } from './Switch.stories';
|
|
22
|
-
export { Snackbar } from './Snackbar.stories';
|
|
23
|
-
declare const _default: {
|
|
24
|
-
title: string;
|
|
25
|
-
};
|
|
26
|
-
export default _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const BackDropLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const BackDropDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const CardLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const CardDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const ColorsLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const ColorsDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const ElevationLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const ElevationDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const FormElementsLight: () => React.ReactElement;
|
|
7
|
-
export declare const FormElementsDark: () => React.ReactElement;
|
|
8
|
-
export declare const FormElementsGWTheme: () => React.ReactElement;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const IconButtonLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
zeplinLink: {
|
|
10
|
-
name: string;
|
|
11
|
-
link: string;
|
|
12
|
-
}[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export declare const IconButtonDark: {
|
|
16
|
-
(): React.ReactElement;
|
|
17
|
-
parameters: {
|
|
18
|
-
zeplinLink: {
|
|
19
|
-
name: string;
|
|
20
|
-
link: string;
|
|
21
|
-
}[];
|
|
22
|
-
};
|
|
23
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export interface IconGridItemProps {
|
|
7
|
-
name: string;
|
|
8
|
-
icon: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const IconsLight: () => React.ReactElement;
|
|
11
|
-
export declare const IconsDark: () => React.ReactElement;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const TableLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const TableDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const TooltipDemoLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const TooltipDemoDark: {
|
|
13
|
-
(): React.ReactElement;
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|