@opengeoweb/theme 2.8.0 → 2.12.0
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/README.md +9 -3
- package/index.d.ts +1 -0
- package/index.esm.js +676 -6
- package/index.umd.js +742 -4
- package/lib/components/Icons/Icons.d.ts +77 -0
- package/lib/components/Icons/Icons.spec.d.ts +1 -0
- package/lib/components/Icons/index.d.ts +1 -0
- package/lib/stories/{Breakpoints.d.ts → Breakpoints.stories.d.ts} +0 -0
- package/lib/stories/Icons.stories.d.ts +7 -0
- package/lib/{components/Story → stories}/StoryHeader.d.ts +0 -0
- package/lib/stories/index.stories.d.ts +2 -1
- package/lib/stories/snapshots/Icons.stories.d.ts +11 -0
- package/package.json +2 -3
- package/lib/components/Story/index.d.ts +0 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Theme
|
|
2
2
|
|
|
3
|
-
The aim of this library is to make sure all MUI components look as specified in the designs found on Zeplin. There are multiple themes (dark and light) with color and
|
|
3
|
+
The aim of this library is to make sure all MUI components look as specified in the designs found on Zeplin. There are multiple themes (dark and light) with color and styling which can be added and all values are accessible throughout the whole application.
|
|
4
4
|
|
|
5
5
|
## Content
|
|
6
6
|
|
|
@@ -12,6 +12,7 @@ The aim of this library is to make sure all MUI components look as specified in
|
|
|
12
12
|
- [Using themes in stories](#using-themes-in-stories)
|
|
13
13
|
- [Rules of theme lib](#rules-of-theme-lib)
|
|
14
14
|
- [Folder structure](#folder-structure)
|
|
15
|
+
- [Icons `(lib/components/Icons/Icons.tsx)`](#icons---lib-components-icons-iconstsx--)
|
|
15
16
|
- [types `(lib/components/Theme/types.ts)`](#types---lib-components-theme-typests--)
|
|
16
17
|
- [themes `(lib/components/Theme/darkTheme.ts, .../lightTheme.ts, .../gwTheme.ts)`](#themes---lib-components-theme-darkthemets---lightthemets---gwthemets--)
|
|
17
18
|
- [ThemeContext `(lib/components/Theme/ThemeContext)`](#themecontext---lib-components-theme-themecontext--)
|
|
@@ -212,13 +213,14 @@ export const TableDark = (): React.ReactElement => (
|
|
|
212
213
|
|
|
213
214
|
## Rules of theme lib
|
|
214
215
|
|
|
215
|
-
-
|
|
216
|
-
- It should not import
|
|
216
|
+
- It should not export any other component than the themes, ThemeProvider and corresponding hooks and the icons. This lib is only showing the MUI components and icons with the correct default style. If you need a component which needs custom props and should be used across different applications, consider making a new component in the `shared` lib.
|
|
217
|
+
- It should not import any library other than MUI.
|
|
217
218
|
|
|
218
219
|
## Folder structure
|
|
219
220
|
|
|
220
221
|
```
|
|
221
222
|
// lib/components
|
|
223
|
+
// lib/components/Icons/Icons.tsx
|
|
222
224
|
// lib/components/Theme/darkTheme.ts
|
|
223
225
|
// lib/components/Theme/lighTheme.ts
|
|
224
226
|
// lib/components/Theme/gwTheme.ts
|
|
@@ -231,6 +233,10 @@ export const TableDark = (): React.ReactElement => (
|
|
|
231
233
|
// lib/stories/story.stories.tsx
|
|
232
234
|
```
|
|
233
235
|
|
|
236
|
+
#### Icons `(lib/components/Icons/Icons.tsx)`
|
|
237
|
+
|
|
238
|
+
All icons are defined here.
|
|
239
|
+
|
|
234
240
|
#### types `(lib/components/Theme/types.ts)`
|
|
235
241
|
|
|
236
242
|
Defines the color palette of the theme.
|
package/index.d.ts
CHANGED