@xyo-network/react-theme 2.75.6 → 2.76.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.
Files changed (83) hide show
  1. package/dist/neutral/OsTheme/Components.d.cts +3 -0
  2. package/dist/neutral/OsTheme/Components.d.cts.map +1 -0
  3. package/dist/neutral/OsTheme/Components.d.mts +3 -0
  4. package/dist/neutral/OsTheme/Components.d.mts.map +1 -0
  5. package/dist/neutral/OsTheme/Components.d.ts +3 -0
  6. package/dist/neutral/OsTheme/Components.d.ts.map +1 -0
  7. package/dist/neutral/OsTheme/DarkMode.d.cts +3 -0
  8. package/dist/neutral/OsTheme/DarkMode.d.cts.map +1 -0
  9. package/dist/neutral/OsTheme/DarkMode.d.mts +3 -0
  10. package/dist/neutral/OsTheme/DarkMode.d.mts.map +1 -0
  11. package/dist/neutral/OsTheme/DarkMode.d.ts +3 -0
  12. package/dist/neutral/OsTheme/DarkMode.d.ts.map +1 -0
  13. package/dist/neutral/OsTheme/LightMode.d.cts +3 -0
  14. package/dist/neutral/OsTheme/LightMode.d.cts.map +1 -0
  15. package/dist/neutral/OsTheme/LightMode.d.mts +3 -0
  16. package/dist/neutral/OsTheme/LightMode.d.mts.map +1 -0
  17. package/dist/neutral/OsTheme/LightMode.d.ts +3 -0
  18. package/dist/neutral/OsTheme/LightMode.d.ts.map +1 -0
  19. package/dist/neutral/OsTheme/Typography.d.cts +3 -0
  20. package/dist/neutral/OsTheme/Typography.d.cts.map +1 -0
  21. package/dist/neutral/OsTheme/Typography.d.mts +3 -0
  22. package/dist/neutral/OsTheme/Typography.d.mts.map +1 -0
  23. package/dist/neutral/OsTheme/Typography.d.ts +3 -0
  24. package/dist/neutral/OsTheme/Typography.d.ts.map +1 -0
  25. package/dist/neutral/OsTheme/index.d.cts +2 -0
  26. package/dist/neutral/OsTheme/index.d.cts.map +1 -0
  27. package/dist/neutral/OsTheme/index.d.mts +2 -0
  28. package/dist/neutral/OsTheme/index.d.mts.map +1 -0
  29. package/dist/neutral/OsTheme/index.d.ts +2 -0
  30. package/dist/neutral/OsTheme/index.d.ts.map +1 -0
  31. package/dist/neutral/OsTheme/osThemeOptions.d.cts +2 -0
  32. package/dist/neutral/OsTheme/osThemeOptions.d.cts.map +1 -0
  33. package/dist/neutral/OsTheme/osThemeOptions.d.mts +2 -0
  34. package/dist/neutral/OsTheme/osThemeOptions.d.mts.map +1 -0
  35. package/dist/neutral/OsTheme/osThemeOptions.d.ts +2 -0
  36. package/dist/neutral/OsTheme/osThemeOptions.d.ts.map +1 -0
  37. package/dist/neutral/appThemeOptions.d.cts +3 -0
  38. package/dist/neutral/appThemeOptions.d.cts.map +1 -0
  39. package/dist/neutral/appThemeOptions.d.mts +3 -0
  40. package/dist/neutral/appThemeOptions.d.mts.map +1 -0
  41. package/dist/neutral/appThemeOptions.d.ts +3 -0
  42. package/dist/neutral/appThemeOptions.d.ts.map +1 -0
  43. package/dist/neutral/fontFamily.d.cts +3 -0
  44. package/dist/neutral/fontFamily.d.cts.map +1 -0
  45. package/dist/neutral/fontFamily.d.mts +3 -0
  46. package/dist/neutral/fontFamily.d.mts.map +1 -0
  47. package/dist/neutral/fontFamily.d.ts +3 -0
  48. package/dist/neutral/fontFamily.d.ts.map +1 -0
  49. package/dist/neutral/index.cjs +378 -0
  50. package/dist/neutral/index.cjs.map +1 -0
  51. package/dist/neutral/index.d.cts +8 -0
  52. package/dist/neutral/index.d.cts.map +1 -0
  53. package/dist/neutral/index.d.mts +8 -0
  54. package/dist/neutral/index.d.mts.map +1 -0
  55. package/dist/neutral/index.d.ts +8 -0
  56. package/dist/neutral/index.d.ts.map +1 -0
  57. package/dist/neutral/index.js +355 -0
  58. package/dist/neutral/index.js.map +1 -0
  59. package/dist/neutral/partialDarkThemeOptions.d.cts +4 -0
  60. package/dist/neutral/partialDarkThemeOptions.d.cts.map +1 -0
  61. package/dist/neutral/partialDarkThemeOptions.d.mts +4 -0
  62. package/dist/neutral/partialDarkThemeOptions.d.mts.map +1 -0
  63. package/dist/neutral/partialDarkThemeOptions.d.ts +4 -0
  64. package/dist/neutral/partialDarkThemeOptions.d.ts.map +1 -0
  65. package/dist/neutral/partialLightThemeOptions.d.cts +4 -0
  66. package/dist/neutral/partialLightThemeOptions.d.cts.map +1 -0
  67. package/dist/neutral/partialLightThemeOptions.d.mts +4 -0
  68. package/dist/neutral/partialLightThemeOptions.d.mts.map +1 -0
  69. package/dist/neutral/partialLightThemeOptions.d.ts +4 -0
  70. package/dist/neutral/partialLightThemeOptions.d.ts.map +1 -0
  71. package/dist/neutral/themeOptions.d.cts +5 -0
  72. package/dist/neutral/themeOptions.d.cts.map +1 -0
  73. package/dist/neutral/themeOptions.d.mts +5 -0
  74. package/dist/neutral/themeOptions.d.mts.map +1 -0
  75. package/dist/neutral/themeOptions.d.ts +5 -0
  76. package/dist/neutral/themeOptions.d.ts.map +1 -0
  77. package/dist/neutral/webThemeOptions.d.cts +3 -0
  78. package/dist/neutral/webThemeOptions.d.cts.map +1 -0
  79. package/dist/neutral/webThemeOptions.d.mts +3 -0
  80. package/dist/neutral/webThemeOptions.d.mts.map +1 -0
  81. package/dist/neutral/webThemeOptions.d.ts +3 -0
  82. package/dist/neutral/webThemeOptions.d.ts.map +1 -0
  83. package/package.json +3 -3
@@ -0,0 +1,8 @@
1
+ export * from './appThemeOptions';
2
+ export * from './fontFamily';
3
+ export * from './OsTheme';
4
+ export * from './partialDarkThemeOptions';
5
+ export * from './partialLightThemeOptions';
6
+ export * from './themeOptions';
7
+ export * from './webThemeOptions';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}
@@ -0,0 +1,355 @@
1
+ // src/appThemeOptions.tsx
2
+ import { merge } from "@xylabs/lodash";
3
+
4
+ // src/fontFamily.ts
5
+ var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
6
+ var fontFamilyOs = ["Manrope", "Roboto", "sans-serif"].join(",");
7
+
8
+ // src/themeOptions.ts
9
+ var components = {
10
+ MuiCard: {
11
+ styleOverrides: {
12
+ root: {
13
+ display: "flex",
14
+ flexDirection: "column",
15
+ justifyContent: "space-between"
16
+ }
17
+ }
18
+ },
19
+ MuiCardHeader: {
20
+ styleOverrides: {
21
+ content: {
22
+ display: "flex",
23
+ flexDirection: "column",
24
+ overflow: "hidden"
25
+ }
26
+ }
27
+ },
28
+ MuiLink: {
29
+ defaultProps: {
30
+ underline: "none"
31
+ },
32
+ styleOverrides: {
33
+ root: {
34
+ "&:hover": {
35
+ filter: "brightness(75%)"
36
+ }
37
+ }
38
+ }
39
+ },
40
+ MuiTableCell: {
41
+ styleOverrides: {
42
+ body: {
43
+ fontFamily: "monospace",
44
+ whiteSpace: "nowrap"
45
+ },
46
+ head: {
47
+ fontWeight: 700,
48
+ whiteSpace: "nowrap"
49
+ }
50
+ }
51
+ }
52
+ };
53
+ var typography = {
54
+ body1: {
55
+ lineHeight: 1.57
56
+ },
57
+ body2: {
58
+ lineHeight: 1.57
59
+ },
60
+ button: {
61
+ fontSize: "1rem",
62
+ textTransform: "inherit"
63
+ },
64
+ fontFamily: fontFamilyPrimary,
65
+ fontWeightBold: 700,
66
+ fontWeightLight: 200,
67
+ fontWeightMedium: 300,
68
+ fontWeightRegular: 400,
69
+ h1: {
70
+ fontFamily: fontFamilyPrimary,
71
+ fontSize: "4rem"
72
+ },
73
+ h2: {
74
+ fontFamily: fontFamilyPrimary,
75
+ fontSize: "2.4rem"
76
+ },
77
+ h3: {
78
+ fontFamily: fontFamilyPrimary,
79
+ fontSize: "2.24rem"
80
+ },
81
+ h4: {
82
+ fontSize: "2rem"
83
+ },
84
+ h5: {
85
+ fontSize: "1.5rem"
86
+ },
87
+ h6: {
88
+ fontSize: "1.1rem"
89
+ },
90
+ subtitle1: {
91
+ opacity: "70%"
92
+ },
93
+ subtitle2: {
94
+ opacity: "70%"
95
+ }
96
+ };
97
+ var themeOptions = {
98
+ components,
99
+ shape: {
100
+ borderRadius: 8
101
+ },
102
+ spacing: 16,
103
+ typography
104
+ };
105
+
106
+ // src/appThemeOptions.tsx
107
+ var partialAppThemeOptions = {
108
+ components: {
109
+ MuiTypography: {
110
+ styleOverrides: {
111
+ root: ({ ownerState }) => {
112
+ const { clamped } = ownerState;
113
+ if (clamped) {
114
+ const maxWidth = Number.parseInt(clamped, 10);
115
+ return {
116
+ overflow: "hidden",
117
+ textOverflow: "ellipsis",
118
+ whiteSpace: "nowrap",
119
+ width: `clamp(1%, 100%, ${maxWidth}px)`
120
+ };
121
+ }
122
+ }
123
+ }
124
+ }
125
+ },
126
+ spacing: 8
127
+ };
128
+ var appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
129
+
130
+ // src/OsTheme/osThemeOptions.tsx
131
+ import { merge as merge2 } from "@xylabs/lodash";
132
+
133
+ // src/OsTheme/Components.tsx
134
+ var components2 = {
135
+ MuiCard: {
136
+ defaultProps: {
137
+ elevation: 0
138
+ },
139
+ styleOverrides: {
140
+ root: {
141
+ display: "flex",
142
+ flexDirection: "column",
143
+ justifyContent: "space-between"
144
+ }
145
+ }
146
+ },
147
+ MuiCardHeader: {
148
+ styleOverrides: {
149
+ content: {
150
+ display: "flex",
151
+ flexDirection: "column",
152
+ overflow: "hidden"
153
+ }
154
+ }
155
+ },
156
+ MuiLink: {
157
+ defaultProps: {
158
+ underline: "none"
159
+ },
160
+ styleOverrides: {
161
+ root: {
162
+ "&:hover": {
163
+ filter: "brightness(75%)"
164
+ }
165
+ }
166
+ }
167
+ },
168
+ MuiPaper: {
169
+ defaultProps: {
170
+ elevation: 0
171
+ }
172
+ },
173
+ MuiTableCell: {
174
+ styleOverrides: {
175
+ body: {
176
+ fontFamily: "monospace",
177
+ whiteSpace: "nowrap"
178
+ },
179
+ head: {
180
+ fontWeight: 700,
181
+ whiteSpace: "nowrap"
182
+ }
183
+ }
184
+ }
185
+ };
186
+
187
+ // src/OsTheme/Typography.tsx
188
+ var typography2 = {
189
+ body1: {
190
+ lineHeight: 1.57
191
+ },
192
+ body2: {
193
+ lineHeight: 1.57
194
+ },
195
+ button: {
196
+ fontSize: "1rem",
197
+ textTransform: "inherit"
198
+ },
199
+ fontFamily: fontFamilyOs,
200
+ fontWeightBold: 700,
201
+ fontWeightLight: 300,
202
+ fontWeightMedium: 600,
203
+ fontWeightRegular: 500,
204
+ h1: {
205
+ fontSize: "4rem"
206
+ },
207
+ h2: {
208
+ fontSize: "2.4rem"
209
+ },
210
+ h3: {
211
+ fontSize: "2.24rem"
212
+ },
213
+ h4: {
214
+ fontSize: "2rem"
215
+ },
216
+ h5: {
217
+ fontSize: "1.5rem"
218
+ },
219
+ h6: {
220
+ fontSize: "1.1rem"
221
+ },
222
+ subtitle1: {
223
+ opacity: "70%"
224
+ },
225
+ subtitle2: {
226
+ opacity: "70%"
227
+ }
228
+ };
229
+
230
+ // src/OsTheme/DarkMode.tsx
231
+ var palette = {
232
+ background: {
233
+ default: "#141319",
234
+ paper: "#1C1B20"
235
+ },
236
+ error: {
237
+ main: "#ffb4ab"
238
+ },
239
+ mode: "dark",
240
+ primary: {
241
+ main: "#C9BFFA"
242
+ },
243
+ secondary: {
244
+ main: "#C9C3DA"
245
+ },
246
+ text: {
247
+ primary: "#100029",
248
+ secondary: "#212023"
249
+ }
250
+ };
251
+ var osThemeOptionsDarkMode = {
252
+ components: components2,
253
+ palette,
254
+ shape: {
255
+ borderRadius: 10
256
+ },
257
+ spacing: 16,
258
+ typography: typography2
259
+ };
260
+
261
+ // src/OsTheme/LightMode.tsx
262
+ var palette2 = {
263
+ background: {
264
+ default: "#FFFFFF",
265
+ paper: "#F6F4ED"
266
+ },
267
+ error: {
268
+ main: "#BA1A1A"
269
+ },
270
+ mode: "light",
271
+ primary: {
272
+ main: "#100029"
273
+ },
274
+ secondary: {
275
+ main: "#A060E0"
276
+ },
277
+ text: {
278
+ primary: "#100029",
279
+ secondary: "#212023"
280
+ }
281
+ };
282
+ var osThemeOptionsLightMode = {
283
+ components: components2,
284
+ palette: palette2,
285
+ shape: {
286
+ borderRadius: 10
287
+ },
288
+ spacing: 16,
289
+ typography: typography2
290
+ };
291
+
292
+ // src/OsTheme/osThemeOptions.tsx
293
+ var osThemeOptions = merge2({}, osThemeOptionsDarkMode, osThemeOptionsLightMode);
294
+
295
+ // src/partialDarkThemeOptions.tsx
296
+ import { darken } from "@mui/material";
297
+ import { merge as merge3 } from "@xylabs/lodash";
298
+ var appComponents = {
299
+ MuiPaper: {
300
+ defaultProps: {
301
+ variant: "elevation"
302
+ }
303
+ }
304
+ };
305
+ var partialDarkThemeOptions = {
306
+ palette: {
307
+ background: {
308
+ default: darken("#171626", 0.1),
309
+ paper: "#171626"
310
+ },
311
+ mode: "dark",
312
+ primary: {
313
+ main: "#9993F5"
314
+ },
315
+ secondary: {
316
+ main: "#8EC8FF"
317
+ }
318
+ }
319
+ };
320
+ var partialAppDarkThemeOptions = merge3({}, partialDarkThemeOptions, { components: appComponents });
321
+
322
+ // src/partialLightThemeOptions.tsx
323
+ import { merge as merge4 } from "@xylabs/lodash";
324
+ var partialLightThemeOptions = {
325
+ palette: {
326
+ mode: "light",
327
+ primary: {
328
+ main: "#1f1a66"
329
+ },
330
+ secondary: {
331
+ main: "#0f68c9"
332
+ }
333
+ }
334
+ };
335
+ var partialAppLightThemeOptions = merge4({}, partialLightThemeOptions);
336
+
337
+ // src/webThemeOptions.tsx
338
+ import { merge as merge5 } from "@xylabs/lodash";
339
+ var partialWebThemeOptions = {};
340
+ var webThemeOptions = merge5({}, themeOptions, partialWebThemeOptions);
341
+ export {
342
+ appThemeOptions,
343
+ components,
344
+ fontFamilyOs,
345
+ fontFamilyPrimary,
346
+ osThemeOptions,
347
+ partialAppDarkThemeOptions,
348
+ partialAppLightThemeOptions,
349
+ partialDarkThemeOptions,
350
+ partialLightThemeOptions,
351
+ themeOptions,
352
+ typography,
353
+ webThemeOptions
354
+ };
355
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/OsTheme/osThemeOptions.tsx","../../src/OsTheme/Components.tsx","../../src/OsTheme/Typography.tsx","../../src/OsTheme/DarkMode.tsx","../../src/OsTheme/LightMode.tsx","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions'\n\nconst partialAppThemeOptions: ThemeOptions = {\n components: {\n MuiTypography: {\n styleOverrides: {\n root: ({ ownerState }) => {\n const { clamped } = ownerState\n\n if (clamped) {\n const maxWidth = Number.parseInt(clamped as string, 10)\n\n return {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n width: `clamp(1%, 100%, ${maxWidth}px)`,\n }\n }\n },\n },\n },\n },\n spacing: 8,\n}\n\nexport const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions)\n","export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\nexport const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')\n","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily'\n\nexport const components: ThemeOptions['components'] = {\n MuiCard: {\n styleOverrides: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n },\n },\n MuiCardHeader: {\n styleOverrides: {\n content: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n },\n },\n MuiLink: {\n defaultProps: {\n underline: 'none',\n },\n styleOverrides: {\n root: {\n '&:hover': {\n filter: 'brightness(75%)',\n },\n },\n },\n },\n MuiTableCell: {\n styleOverrides: {\n body: {\n fontFamily: 'monospace',\n whiteSpace: 'nowrap',\n },\n head: {\n fontWeight: 700,\n whiteSpace: 'nowrap',\n },\n },\n },\n}\n\nexport const typography: ThemeOptions['typography'] = {\n body1: {\n lineHeight: 1.57,\n },\n body2: {\n lineHeight: 1.57,\n },\n button: {\n fontSize: '1rem',\n textTransform: 'inherit',\n },\n fontFamily: fontFamilyPrimary,\n fontWeightBold: 700,\n fontWeightLight: 200,\n fontWeightMedium: 300,\n fontWeightRegular: 400,\n h1: {\n fontFamily: fontFamilyPrimary,\n fontSize: '4rem',\n },\n h2: {\n fontFamily: fontFamilyPrimary,\n fontSize: '2.4rem',\n },\n h3: {\n fontFamily: fontFamilyPrimary,\n fontSize: '2.24rem',\n },\n h4: {\n fontSize: '2rem',\n },\n h5: {\n fontSize: '1.5rem',\n },\n h6: {\n fontSize: '1.1rem',\n },\n subtitle1: {\n opacity: '70%',\n },\n subtitle2: {\n opacity: '70%',\n },\n}\n\nexport const themeOptions: ThemeOptions = {\n components,\n shape: {\n borderRadius: 8,\n },\n spacing: 16,\n typography,\n}\n","import { merge } from '@xylabs/lodash'\n\nimport { osThemeOptionsDarkMode } from './DarkMode'\nimport { osThemeOptionsLightMode } from './LightMode'\n\nexport const osThemeOptions = merge({}, osThemeOptionsDarkMode, osThemeOptionsLightMode)\n","import { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n MuiCard: {\n defaultProps: {\n elevation: 0,\n },\n styleOverrides: {\n root: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n },\n },\n MuiCardHeader: {\n styleOverrides: {\n content: {\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n },\n },\n MuiLink: {\n defaultProps: {\n underline: 'none',\n },\n styleOverrides: {\n root: {\n '&:hover': {\n filter: 'brightness(75%)',\n },\n },\n },\n },\n MuiPaper: {\n defaultProps: {\n elevation: 0,\n },\n },\n MuiTableCell: {\n styleOverrides: {\n body: {\n fontFamily: 'monospace',\n whiteSpace: 'nowrap',\n },\n head: {\n fontWeight: 700,\n whiteSpace: 'nowrap',\n },\n },\n },\n}\n","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily'\n\nexport const typography: ThemeOptions['typography'] = {\n body1: {\n lineHeight: 1.57,\n },\n body2: {\n lineHeight: 1.57,\n },\n button: {\n fontSize: '1rem',\n textTransform: 'inherit',\n },\n fontFamily: fontFamilyOs,\n fontWeightBold: 700,\n fontWeightLight: 300,\n fontWeightMedium: 600,\n fontWeightRegular: 500,\n h1: {\n fontSize: '4rem',\n },\n h2: {\n fontSize: '2.4rem',\n },\n h3: {\n fontSize: '2.24rem',\n },\n h4: {\n fontSize: '2rem',\n },\n h5: {\n fontSize: '1.5rem',\n },\n h6: {\n fontSize: '1.1rem',\n },\n subtitle1: {\n opacity: '70%',\n },\n subtitle2: {\n opacity: '70%',\n },\n}\n","import { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components'\nimport { typography } from './Typography'\n\nconst palette: ThemeOptions['palette'] = {\n background: {\n default: '#141319',\n paper: '#1C1B20',\n },\n error: {\n main: '#ffb4ab',\n },\n mode: 'dark',\n primary: {\n main: '#C9BFFA',\n },\n secondary: {\n main: '#C9C3DA',\n },\n text: {\n primary: '#100029',\n secondary: '#212023',\n },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n components,\n palette,\n shape: {\n borderRadius: 10,\n },\n spacing: 16,\n typography,\n}\n","import { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components'\nimport { typography } from './Typography'\n\nconst palette: ThemeOptions['palette'] = {\n background: {\n default: '#FFFFFF',\n paper: '#F6F4ED',\n },\n error: {\n main: '#BA1A1A',\n },\n mode: 'light',\n primary: {\n main: '#100029',\n },\n secondary: {\n main: '#A060E0',\n },\n text: {\n primary: '#100029',\n secondary: '#212023',\n },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n components,\n palette,\n shape: {\n borderRadius: 10,\n },\n spacing: 16,\n typography,\n}\n","import { darken, ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n MuiPaper: {\n defaultProps: {\n variant: 'elevation',\n },\n },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n palette: {\n background: {\n default: darken('#171626', 0.1),\n paper: '#171626',\n },\n mode: 'dark',\n primary: {\n main: '#9993F5',\n },\n secondary: {\n main: '#8EC8FF',\n },\n },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nexport const partialLightThemeOptions: ThemeOptions = {\n palette: {\n mode: 'light',\n primary: {\n main: '#1f1a66',\n },\n secondary: {\n main: '#0f68c9',\n },\n },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions)\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions'\n\nconst partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)\n"],"mappings":";AACA,SAAS,aAAa;;;ACDf,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;AAC7E,IAAM,eAAe,CAAC,WAAW,UAAU,YAAY,EAAE,KAAK,GAAG;;;ACGjE,IAAM,aAAyC;AAAA,EACpD,SAAS;AAAA,IACP,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,MACd,SAAS;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,aAAyC;AAAA,EACpD,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEO,IAAM,eAA6B;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT;AACF;;;AFhGA,IAAM,yBAAuC;AAAA,EAC3C,YAAY;AAAA,IACV,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,MAAM,CAAC,EAAE,WAAW,MAAM;AACxB,gBAAM,EAAE,QAAQ,IAAI;AAEpB,cAAI,SAAS;AACX,kBAAM,WAAW,OAAO,SAAS,SAAmB,EAAE;AAEtD,mBAAO;AAAA,cACL,UAAU;AAAA,cACV,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,OAAO,mBAAmB,QAAQ;AAAA,YACpC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AACX;AAEO,IAAM,kBAAkB,MAAM,CAAC,GAAG,cAAc,sBAAsB;;;AG7B7E,SAAS,SAAAA,cAAa;;;ACEf,IAAMC,cAAyC;AAAA,EACpD,SAAS;AAAA,IACP,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,MACd,SAAS;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;;;ACjDO,IAAMC,cAAyC;AAAA,EACpD,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AACF;;;ACvCA,IAAM,UAAmC;AAAA,EACvC,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,IAAM,yBAAuC;AAAA,EAClD,YAAAC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT,YAAAC;AACF;;;AC7BA,IAAMC,WAAmC;AAAA,EACvC,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,IAAM,0BAAwC;AAAA,EACnD,YAAAC;AAAA,EACA,SAAAD;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT,YAAAE;AACF;;;AJ7BO,IAAM,iBAAiBC,OAAM,CAAC,GAAG,wBAAwB,uBAAuB;;;AKLvF,SAAS,cAA4B;AACrC,SAAS,SAAAC,cAAa;AAEtB,IAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,0BAAwC;AAAA,EACnD,SAAS;AAAA,IACP,YAAY;AAAA,MACV,SAAS,OAAO,WAAW,GAAG;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,6BAA2CA,OAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;;;AC1BxH,SAAS,SAAAC,cAAa;AAEf,IAAM,2BAAyC;AAAA,EACpD,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,8BAA4CA,OAAM,CAAC,GAAG,wBAAwB;;;ACd3F,SAAS,SAAAC,cAAa;AAItB,IAAM,yBAAuC,CAAC;AAEvC,IAAM,kBAAkBC,OAAM,CAAC,GAAG,cAAc,sBAAsB;","names":["merge","components","typography","components","typography","palette","components","typography","merge","merge","merge","merge","merge"]}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialDarkThemeOptions: ThemeOptions;
3
+ export declare const partialAppDarkThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialDarkThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialDarkThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,eAAe,CAAA;AAWpD,eAAO,MAAM,uBAAuB,EAAE,YAcrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,YAAgF,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialDarkThemeOptions: ThemeOptions;
3
+ export declare const partialAppDarkThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialDarkThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialDarkThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,eAAe,CAAA;AAWpD,eAAO,MAAM,uBAAuB,EAAE,YAcrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,YAAgF,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialDarkThemeOptions: ThemeOptions;
3
+ export declare const partialAppDarkThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialDarkThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialDarkThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,eAAe,CAAA;AAWpD,eAAO,MAAM,uBAAuB,EAAE,YAcrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,YAAgF,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialLightThemeOptions: ThemeOptions;
3
+ export declare const partialAppLightThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialLightThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialLightThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,wBAAwB,EAAE,YAUtC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAkD,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialLightThemeOptions: ThemeOptions;
3
+ export declare const partialAppLightThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialLightThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialLightThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,wBAAwB,EAAE,YAUtC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAkD,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const partialLightThemeOptions: ThemeOptions;
3
+ export declare const partialAppLightThemeOptions: ThemeOptions;
4
+ //# sourceMappingURL=partialLightThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"partialLightThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,wBAAwB,EAAE,YAUtC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAkD,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const components: ThemeOptions['components'];
3
+ export declare const typography: ThemeOptions['typography'];
4
+ export declare const themeOptions: ThemeOptions;
5
+ //# sourceMappingURL=themeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const components: ThemeOptions['components'];
3
+ export declare const typography: ThemeOptions['typography'];
4
+ export declare const themeOptions: ThemeOptions;
5
+ //# sourceMappingURL=themeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const components: ThemeOptions['components'];
3
+ export declare const typography: ThemeOptions['typography'];
4
+ export declare const themeOptions: ThemeOptions;
5
+ //# sourceMappingURL=themeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const webThemeOptions: ThemeOptions;
3
+ //# sourceMappingURL=webThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webThemeOptions.d.ts","sourceRoot":"","sources":["../../src/webThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAO5C,eAAO,MAAM,eAAe,cAAkD,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const webThemeOptions: ThemeOptions;
3
+ //# sourceMappingURL=webThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webThemeOptions.d.ts","sourceRoot":"","sources":["../../src/webThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAO5C,eAAO,MAAM,eAAe,cAAkD,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const webThemeOptions: ThemeOptions;
3
+ //# sourceMappingURL=webThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webThemeOptions.d.ts","sourceRoot":"","sources":["../../src/webThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAO5C,eAAO,MAAM,eAAe,cAAkD,CAAA"}
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@xylabs/lodash": "^3.1.13"
13
+ "@xylabs/lodash": "^3.3.2"
14
14
  },
15
15
  "peerDependencies": {
16
16
  "@mui/material": "^5",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "description": "Common React library for all XYO projects that use React",
21
21
  "devDependencies": {
22
- "@xylabs/ts-scripts-yarn3": "^3.9.1",
22
+ "@xylabs/ts-scripts-yarn3": "^3.10.0",
23
23
  "typescript": "^5.4.5"
24
24
  },
25
25
  "docs": "dist/docs.json",
@@ -72,6 +72,6 @@
72
72
  },
73
73
  "sideEffects": false,
74
74
  "types": "dist/browser/index.d.ts",
75
- "version": "2.75.6",
75
+ "version": "2.76.0",
76
76
  "type": "module"
77
77
  }