@atomazing-org/design-system 1.0.35 → 1.0.36
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 +2 -12
- package/package.json +1 -1
package/README.MD
CHANGED
|
@@ -82,11 +82,10 @@ To enable theming, wrap your application with the `ThemeProviderWrapper` provide
|
|
|
82
82
|
This wrapper handles theme creation, dark mode toggling, system preferences, and context setup — all out of the box.
|
|
83
83
|
|
|
84
84
|
```tsx
|
|
85
|
-
import {
|
|
85
|
+
import { ThemeProviderWrapper } from '@atomazing-org/design-system';
|
|
86
86
|
|
|
87
87
|
export const App = () => (
|
|
88
88
|
<ThemeProviderWrapper>
|
|
89
|
-
<GlobalStyles />
|
|
90
89
|
{/* Your application content */}
|
|
91
90
|
</ThemeProviderWrapper>
|
|
92
91
|
);
|
|
@@ -96,8 +95,6 @@ export const App = () => (
|
|
|
96
95
|
|
|
97
96
|
- `ThemeProviderWrapper` abstracts away the creation and management of the MUI theme.
|
|
98
97
|
- It provides built-in support for dark mode, system preferences, and the `useAppThemeProvider` hook.
|
|
99
|
-
- `GlobalStyles` ensures base UI styles adapt to the current theme.
|
|
100
|
-
- Place the wrapper as high in the component tree as possible to ensure theme availability across the app.
|
|
101
98
|
|
|
102
99
|
### 3.2 Switching Theme Mode (Light/Dark)
|
|
103
100
|
|
|
@@ -144,14 +141,6 @@ You can define as many themes as needed by specifying:
|
|
|
144
141
|
|
|
145
142
|
```ts
|
|
146
143
|
export const themeConfig = {
|
|
147
|
-
BPM: {
|
|
148
|
-
primaryColor: '#203959',
|
|
149
|
-
secondaryColor: '#ffffff',
|
|
150
|
-
},
|
|
151
|
-
Lanit: {
|
|
152
|
-
primaryColor: '#33ccff',
|
|
153
|
-
secondaryColor: '#f7f7f7',
|
|
154
|
-
},
|
|
155
144
|
"Dark Purple": {
|
|
156
145
|
primaryColor: '#b624ff',
|
|
157
146
|
},
|
|
@@ -159,6 +148,7 @@ export const themeConfig = {
|
|
|
159
148
|
primaryColor: '#F26E56',
|
|
160
149
|
secondaryColor: '#F6F6F6',
|
|
161
150
|
},
|
|
151
|
+
// Other colors
|
|
162
152
|
};
|
|
163
153
|
```
|
|
164
154
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atomazing-org/design-system",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.36",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A library providing a set of useful utils, MUI style extensions, and components to build your application.",
|
|
6
6
|
"author": "PonomarevBPM + MarkSinD",
|