@xyo-network/react-theme 2.64.9 → 2.65.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 (50) hide show
  1. package/package.json +3 -3
  2. package/dist/browser/appThemeOptions.cjs +0 -152
  3. package/dist/browser/appThemeOptions.cjs.map +0 -1
  4. package/dist/browser/appThemeOptions.js +0 -131
  5. package/dist/browser/appThemeOptions.js.map +0 -1
  6. package/dist/browser/fontFamily.cjs +0 -27
  7. package/dist/browser/fontFamily.cjs.map +0 -1
  8. package/dist/browser/fontFamily.js +0 -6
  9. package/dist/browser/fontFamily.js.map +0 -1
  10. package/dist/browser/partialDarkThemeOptions.cjs +0 -52
  11. package/dist/browser/partialDarkThemeOptions.cjs.map +0 -1
  12. package/dist/browser/partialDarkThemeOptions.js +0 -31
  13. package/dist/browser/partialDarkThemeOptions.js.map +0 -1
  14. package/dist/browser/partialLightThemeOptions.cjs +0 -47
  15. package/dist/browser/partialLightThemeOptions.cjs.map +0 -1
  16. package/dist/browser/partialLightThemeOptions.js +0 -26
  17. package/dist/browser/partialLightThemeOptions.js.map +0 -1
  18. package/dist/browser/themeOptions.cjs +0 -129
  19. package/dist/browser/themeOptions.cjs.map +0 -1
  20. package/dist/browser/themeOptions.js +0 -106
  21. package/dist/browser/themeOptions.js.map +0 -1
  22. package/dist/browser/webThemeOptions.cjs +0 -132
  23. package/dist/browser/webThemeOptions.cjs.map +0 -1
  24. package/dist/browser/webThemeOptions.js +0 -111
  25. package/dist/browser/webThemeOptions.js.map +0 -1
  26. package/dist/docs.json +0 -358
  27. package/dist/node/appThemeOptions.cjs +0 -156
  28. package/dist/node/appThemeOptions.cjs.map +0 -1
  29. package/dist/node/appThemeOptions.js +0 -131
  30. package/dist/node/appThemeOptions.js.map +0 -1
  31. package/dist/node/fontFamily.cjs +0 -31
  32. package/dist/node/fontFamily.cjs.map +0 -1
  33. package/dist/node/fontFamily.js +0 -6
  34. package/dist/node/fontFamily.js.map +0 -1
  35. package/dist/node/partialDarkThemeOptions.cjs +0 -57
  36. package/dist/node/partialDarkThemeOptions.cjs.map +0 -1
  37. package/dist/node/partialDarkThemeOptions.js +0 -31
  38. package/dist/node/partialDarkThemeOptions.js.map +0 -1
  39. package/dist/node/partialLightThemeOptions.cjs +0 -52
  40. package/dist/node/partialLightThemeOptions.cjs.map +0 -1
  41. package/dist/node/partialLightThemeOptions.js +0 -26
  42. package/dist/node/partialLightThemeOptions.js.map +0 -1
  43. package/dist/node/themeOptions.cjs +0 -135
  44. package/dist/node/themeOptions.cjs.map +0 -1
  45. package/dist/node/themeOptions.js +0 -106
  46. package/dist/node/themeOptions.js.map +0 -1
  47. package/dist/node/webThemeOptions.cjs +0 -136
  48. package/dist/node/webThemeOptions.cjs.map +0 -1
  49. package/dist/node/webThemeOptions.js +0 -111
  50. package/dist/node/webThemeOptions.js.map +0 -1
package/dist/docs.json DELETED
@@ -1,358 +0,0 @@
1
- {
2
- "id": 0,
3
- "name": "@xyo-network/react-theme",
4
- "variant": "project",
5
- "kind": 1,
6
- "flags": {},
7
- "children": [
8
- {
9
- "id": 1,
10
- "name": "appThemeOptions",
11
- "variant": "declaration",
12
- "kind": 32,
13
- "flags": {
14
- "isConst": true
15
- },
16
- "sources": [
17
- {
18
- "fileName": "appThemeOptions.tsx",
19
- "line": 30,
20
- "character": 13,
21
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/appThemeOptions.tsx#L30"
22
- }
23
- ],
24
- "type": {
25
- "type": "reference",
26
- "target": {
27
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
28
- "qualifiedName": "ThemeOptions"
29
- },
30
- "name": "ThemeOptions",
31
- "package": "@mui/material"
32
- },
33
- "defaultValue": "..."
34
- },
35
- {
36
- "id": 7,
37
- "name": "components",
38
- "variant": "declaration",
39
- "kind": 32,
40
- "flags": {
41
- "isConst": true
42
- },
43
- "sources": [
44
- {
45
- "fileName": "themeOptions.ts",
46
- "line": 5,
47
- "character": 13,
48
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/themeOptions.ts#L5"
49
- }
50
- ],
51
- "type": {
52
- "type": "indexedAccess",
53
- "indexType": {
54
- "type": "literal",
55
- "value": "components"
56
- },
57
- "objectType": {
58
- "type": "reference",
59
- "target": {
60
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
61
- "qualifiedName": "ThemeOptions"
62
- },
63
- "name": "ThemeOptions",
64
- "package": "@mui/material"
65
- }
66
- },
67
- "defaultValue": "..."
68
- },
69
- {
70
- "id": 2,
71
- "name": "fontFamilyPrimary",
72
- "variant": "declaration",
73
- "kind": 32,
74
- "flags": {
75
- "isConst": true
76
- },
77
- "sources": [
78
- {
79
- "fileName": "fontFamily.ts",
80
- "line": 1,
81
- "character": 13,
82
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/fontFamily.ts#L1"
83
- }
84
- ],
85
- "type": {
86
- "type": "intrinsic",
87
- "name": "string"
88
- },
89
- "defaultValue": "..."
90
- },
91
- {
92
- "id": 4,
93
- "name": "partialAppDarkThemeOptions",
94
- "variant": "declaration",
95
- "kind": 32,
96
- "flags": {
97
- "isConst": true
98
- },
99
- "sources": [
100
- {
101
- "fileName": "partialDarkThemeOptions.tsx",
102
- "line": 28,
103
- "character": 13,
104
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L28"
105
- }
106
- ],
107
- "type": {
108
- "type": "reference",
109
- "target": {
110
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
111
- "qualifiedName": "ThemeOptions"
112
- },
113
- "name": "ThemeOptions",
114
- "package": "@mui/material"
115
- },
116
- "defaultValue": "..."
117
- },
118
- {
119
- "id": 6,
120
- "name": "partialAppLightThemeOptions",
121
- "variant": "declaration",
122
- "kind": 32,
123
- "flags": {
124
- "isConst": true
125
- },
126
- "sources": [
127
- {
128
- "fileName": "partialLightThemeOptions.tsx",
129
- "line": 24,
130
- "character": 13,
131
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L24"
132
- }
133
- ],
134
- "type": {
135
- "type": "reference",
136
- "target": {
137
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
138
- "qualifiedName": "ThemeOptions"
139
- },
140
- "name": "ThemeOptions",
141
- "package": "@mui/material"
142
- },
143
- "defaultValue": "..."
144
- },
145
- {
146
- "id": 3,
147
- "name": "partialDarkThemeOptions",
148
- "variant": "declaration",
149
- "kind": 32,
150
- "flags": {
151
- "isConst": true
152
- },
153
- "sources": [
154
- {
155
- "fileName": "partialDarkThemeOptions.tsx",
156
- "line": 12,
157
- "character": 13,
158
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L12"
159
- }
160
- ],
161
- "type": {
162
- "type": "reference",
163
- "target": {
164
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
165
- "qualifiedName": "ThemeOptions"
166
- },
167
- "name": "ThemeOptions",
168
- "package": "@mui/material"
169
- },
170
- "defaultValue": "..."
171
- },
172
- {
173
- "id": 5,
174
- "name": "partialLightThemeOptions",
175
- "variant": "declaration",
176
- "kind": 32,
177
- "flags": {
178
- "isConst": true
179
- },
180
- "sources": [
181
- {
182
- "fileName": "partialLightThemeOptions.tsx",
183
- "line": 12,
184
- "character": 13,
185
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L12"
186
- }
187
- ],
188
- "type": {
189
- "type": "reference",
190
- "target": {
191
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
192
- "qualifiedName": "ThemeOptions"
193
- },
194
- "name": "ThemeOptions",
195
- "package": "@mui/material"
196
- },
197
- "defaultValue": "..."
198
- },
199
- {
200
- "id": 9,
201
- "name": "themeOptions",
202
- "variant": "declaration",
203
- "kind": 32,
204
- "flags": {
205
- "isConst": true
206
- },
207
- "sources": [
208
- {
209
- "fileName": "themeOptions.ts",
210
- "line": 95,
211
- "character": 13,
212
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/themeOptions.ts#L95"
213
- }
214
- ],
215
- "type": {
216
- "type": "reference",
217
- "target": {
218
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
219
- "qualifiedName": "ThemeOptions"
220
- },
221
- "name": "ThemeOptions",
222
- "package": "@mui/material"
223
- },
224
- "defaultValue": "..."
225
- },
226
- {
227
- "id": 8,
228
- "name": "typography",
229
- "variant": "declaration",
230
- "kind": 32,
231
- "flags": {
232
- "isConst": true
233
- },
234
- "sources": [
235
- {
236
- "fileName": "themeOptions.ts",
237
- "line": 50,
238
- "character": 13,
239
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/themeOptions.ts#L50"
240
- }
241
- ],
242
- "type": {
243
- "type": "indexedAccess",
244
- "indexType": {
245
- "type": "literal",
246
- "value": "typography"
247
- },
248
- "objectType": {
249
- "type": "reference",
250
- "target": {
251
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
252
- "qualifiedName": "ThemeOptions"
253
- },
254
- "name": "ThemeOptions",
255
- "package": "@mui/material"
256
- }
257
- },
258
- "defaultValue": "..."
259
- },
260
- {
261
- "id": 10,
262
- "name": "webThemeOptions",
263
- "variant": "declaration",
264
- "kind": 32,
265
- "flags": {
266
- "isConst": true
267
- },
268
- "sources": [
269
- {
270
- "fileName": "webThemeOptions.tsx",
271
- "line": 8,
272
- "character": 13,
273
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/798614ebd/packages/sdk/packages/theme/src/webThemeOptions.tsx#L8"
274
- }
275
- ],
276
- "type": {
277
- "type": "reference",
278
- "target": {
279
- "sourceFileName": "../../../../node_modules/@mui/material/styles/createTheme.d.ts",
280
- "qualifiedName": "ThemeOptions"
281
- },
282
- "name": "ThemeOptions",
283
- "package": "@mui/material"
284
- },
285
- "defaultValue": "..."
286
- }
287
- ],
288
- "groups": [
289
- {
290
- "title": "Variables",
291
- "children": [
292
- 1,
293
- 7,
294
- 2,
295
- 4,
296
- 6,
297
- 3,
298
- 5,
299
- 9,
300
- 8,
301
- 10
302
- ]
303
- }
304
- ],
305
- "packageName": "@xyo-network/react-theme",
306
- "readme": [
307
- {
308
- "kind": "text",
309
- "text": "[![logo][]](https://xyo.network)\n\nPart of [@xyo-network/sdk-xyo-react](https://www.npmjs.com/package/@xyo-network/sdk-xyo-react)\n\n## License\n\n> See the [LICENSE](LICENSE) file for license details\n\n## Credits\n\n[Made with 🔥 and ❄️ by XYO](https://xyo.network)\n\n[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png"
310
- }
311
- ],
312
- "symbolIdMap": {
313
- "0": {
314
- "sourceFileName": "src/index.ts",
315
- "qualifiedName": ""
316
- },
317
- "1": {
318
- "sourceFileName": "src/appThemeOptions.tsx",
319
- "qualifiedName": "appThemeOptions"
320
- },
321
- "2": {
322
- "sourceFileName": "src/fontFamily.ts",
323
- "qualifiedName": "fontFamilyPrimary"
324
- },
325
- "3": {
326
- "sourceFileName": "src/partialDarkThemeOptions.tsx",
327
- "qualifiedName": "partialDarkThemeOptions"
328
- },
329
- "4": {
330
- "sourceFileName": "src/partialDarkThemeOptions.tsx",
331
- "qualifiedName": "partialAppDarkThemeOptions"
332
- },
333
- "5": {
334
- "sourceFileName": "src/partialLightThemeOptions.tsx",
335
- "qualifiedName": "partialLightThemeOptions"
336
- },
337
- "6": {
338
- "sourceFileName": "src/partialLightThemeOptions.tsx",
339
- "qualifiedName": "partialAppLightThemeOptions"
340
- },
341
- "7": {
342
- "sourceFileName": "src/themeOptions.ts",
343
- "qualifiedName": "components"
344
- },
345
- "8": {
346
- "sourceFileName": "src/themeOptions.ts",
347
- "qualifiedName": "typography"
348
- },
349
- "9": {
350
- "sourceFileName": "src/themeOptions.ts",
351
- "qualifiedName": "themeOptions"
352
- },
353
- "10": {
354
- "sourceFileName": "src/webThemeOptions.tsx",
355
- "qualifiedName": "webThemeOptions"
356
- }
357
- }
358
- }
@@ -1,156 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/appThemeOptions.tsx
21
- var appThemeOptions_exports = {};
22
- __export(appThemeOptions_exports, {
23
- appThemeOptions: () => appThemeOptions
24
- });
25
- module.exports = __toCommonJS(appThemeOptions_exports);
26
- var import_lodash = require("@xylabs/lodash");
27
-
28
- // src/fontFamily.ts
29
- var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
30
-
31
- // src/themeOptions.ts
32
- var components = {
33
- MuiCard: {
34
- styleOverrides: {
35
- root: {
36
- display: "flex",
37
- flexDirection: "column",
38
- justifyContent: "space-between"
39
- }
40
- }
41
- },
42
- MuiCardHeader: {
43
- styleOverrides: {
44
- content: {
45
- display: "flex",
46
- flexDirection: "column",
47
- overflow: "hidden"
48
- }
49
- }
50
- },
51
- MuiLink: {
52
- defaultProps: {
53
- underline: "none"
54
- },
55
- styleOverrides: {
56
- root: {
57
- "&:hover": {
58
- filter: "brightness(75%)"
59
- }
60
- }
61
- }
62
- },
63
- MuiTableCell: {
64
- styleOverrides: {
65
- body: {
66
- fontFamily: "monospace",
67
- whiteSpace: "nowrap"
68
- },
69
- head: {
70
- fontWeight: 700,
71
- whiteSpace: "nowrap"
72
- }
73
- }
74
- }
75
- };
76
- var typography = {
77
- body1: {
78
- lineHeight: 1.57
79
- },
80
- body2: {
81
- lineHeight: 1.57
82
- },
83
- button: {
84
- fontSize: "1rem",
85
- textTransform: "inherit"
86
- },
87
- fontFamily: fontFamilyPrimary,
88
- fontWeightBold: 700,
89
- fontWeightLight: 200,
90
- fontWeightMedium: 300,
91
- fontWeightRegular: 400,
92
- h1: {
93
- fontFamily: fontFamilyPrimary,
94
- fontSize: "4rem"
95
- },
96
- h2: {
97
- fontFamily: fontFamilyPrimary,
98
- fontSize: "2.4rem"
99
- },
100
- h3: {
101
- fontFamily: fontFamilyPrimary,
102
- fontSize: "2.24rem"
103
- },
104
- h4: {
105
- fontSize: "2rem"
106
- },
107
- h5: {
108
- fontSize: "1.5rem"
109
- },
110
- h6: {
111
- fontSize: "1.1rem"
112
- },
113
- subtitle1: {
114
- opacity: "70%"
115
- },
116
- subtitle2: {
117
- opacity: "70%"
118
- }
119
- };
120
- var themeOptions = {
121
- components,
122
- shape: {
123
- borderRadius: 8
124
- },
125
- spacing: 16,
126
- typography
127
- };
128
-
129
- // src/appThemeOptions.tsx
130
- var partialAppThemeOptions = {
131
- components: {
132
- MuiTypography: {
133
- styleOverrides: {
134
- root: ({ ownerState }) => {
135
- const { clamped } = ownerState;
136
- if (clamped) {
137
- const maxWidth = parseInt(clamped, 10);
138
- return {
139
- overflow: "hidden",
140
- textOverflow: "ellipsis",
141
- whiteSpace: "nowrap",
142
- width: `clamp(1%, 100%, ${maxWidth}px)`
143
- };
144
- }
145
- }
146
- }
147
- }
148
- },
149
- spacing: 8
150
- };
151
- var appThemeOptions = (0, import_lodash.merge)({}, themeOptions, partialAppThemeOptions);
152
- // Annotate the CommonJS export names for ESM import in node:
153
- 0 && (module.exports = {
154
- appThemeOptions
155
- });
156
- //# sourceMappingURL=appThemeOptions.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts"],"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 = 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(',')\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAsB;;;ACDf,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;;;ACI7E,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,SAAS,SAAmB,EAAE;AAE/C,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,sBAAkB,qBAAM,CAAC,GAAG,cAAc,sBAAsB;","names":[]}
@@ -1,131 +0,0 @@
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
-
7
- // src/themeOptions.ts
8
- var components = {
9
- MuiCard: {
10
- styleOverrides: {
11
- root: {
12
- display: "flex",
13
- flexDirection: "column",
14
- justifyContent: "space-between"
15
- }
16
- }
17
- },
18
- MuiCardHeader: {
19
- styleOverrides: {
20
- content: {
21
- display: "flex",
22
- flexDirection: "column",
23
- overflow: "hidden"
24
- }
25
- }
26
- },
27
- MuiLink: {
28
- defaultProps: {
29
- underline: "none"
30
- },
31
- styleOverrides: {
32
- root: {
33
- "&:hover": {
34
- filter: "brightness(75%)"
35
- }
36
- }
37
- }
38
- },
39
- MuiTableCell: {
40
- styleOverrides: {
41
- body: {
42
- fontFamily: "monospace",
43
- whiteSpace: "nowrap"
44
- },
45
- head: {
46
- fontWeight: 700,
47
- whiteSpace: "nowrap"
48
- }
49
- }
50
- }
51
- };
52
- var typography = {
53
- body1: {
54
- lineHeight: 1.57
55
- },
56
- body2: {
57
- lineHeight: 1.57
58
- },
59
- button: {
60
- fontSize: "1rem",
61
- textTransform: "inherit"
62
- },
63
- fontFamily: fontFamilyPrimary,
64
- fontWeightBold: 700,
65
- fontWeightLight: 200,
66
- fontWeightMedium: 300,
67
- fontWeightRegular: 400,
68
- h1: {
69
- fontFamily: fontFamilyPrimary,
70
- fontSize: "4rem"
71
- },
72
- h2: {
73
- fontFamily: fontFamilyPrimary,
74
- fontSize: "2.4rem"
75
- },
76
- h3: {
77
- fontFamily: fontFamilyPrimary,
78
- fontSize: "2.24rem"
79
- },
80
- h4: {
81
- fontSize: "2rem"
82
- },
83
- h5: {
84
- fontSize: "1.5rem"
85
- },
86
- h6: {
87
- fontSize: "1.1rem"
88
- },
89
- subtitle1: {
90
- opacity: "70%"
91
- },
92
- subtitle2: {
93
- opacity: "70%"
94
- }
95
- };
96
- var themeOptions = {
97
- components,
98
- shape: {
99
- borderRadius: 8
100
- },
101
- spacing: 16,
102
- typography
103
- };
104
-
105
- // src/appThemeOptions.tsx
106
- var partialAppThemeOptions = {
107
- components: {
108
- MuiTypography: {
109
- styleOverrides: {
110
- root: ({ ownerState }) => {
111
- const { clamped } = ownerState;
112
- if (clamped) {
113
- const maxWidth = parseInt(clamped, 10);
114
- return {
115
- overflow: "hidden",
116
- textOverflow: "ellipsis",
117
- whiteSpace: "nowrap",
118
- width: `clamp(1%, 100%, ${maxWidth}px)`
119
- };
120
- }
121
- }
122
- }
123
- }
124
- },
125
- spacing: 8
126
- };
127
- var appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
128
- export {
129
- appThemeOptions
130
- };
131
- //# sourceMappingURL=appThemeOptions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts"],"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 = 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(',')\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"],"mappings":";AACA,SAAS,aAAa;;;ACDf,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;;;ACI7E,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,SAAS,SAAmB,EAAE;AAE/C,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;","names":[]}
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/fontFamily.ts
21
- var fontFamily_exports = {};
22
- __export(fontFamily_exports, {
23
- fontFamilyPrimary: () => fontFamilyPrimary
24
- });
25
- module.exports = __toCommonJS(fontFamily_exports);
26
- var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
27
- // Annotate the CommonJS export names for ESM import in node:
28
- 0 && (module.exports = {
29
- fontFamilyPrimary
30
- });
31
- //# sourceMappingURL=fontFamily.cjs.map