@xyo-network/react-theme 2.64.0-rc.7 → 2.64.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.
Files changed (97) hide show
  1. package/dist/browser/appThemeOptions.cjs +152 -0
  2. package/dist/browser/appThemeOptions.cjs.map +1 -0
  3. package/dist/browser/appThemeOptions.d.cts +3 -0
  4. package/dist/browser/appThemeOptions.d.cts.map +1 -0
  5. package/dist/browser/appThemeOptions.js +106 -3
  6. package/dist/browser/appThemeOptions.js.map +1 -1
  7. package/dist/browser/fontFamily.cjs +27 -0
  8. package/dist/browser/fontFamily.cjs.map +1 -0
  9. package/dist/browser/fontFamily.d.cts +2 -0
  10. package/dist/browser/fontFamily.d.cts.map +1 -0
  11. package/dist/browser/fontFamily.js +2 -1
  12. package/dist/browser/fontFamily.js.map +1 -1
  13. package/dist/browser/index.cjs +217 -0
  14. package/dist/browser/index.cjs.map +1 -0
  15. package/dist/browser/index.d.cts +7 -0
  16. package/dist/browser/index.d.cts.map +1 -0
  17. package/dist/browser/index.js +193 -6
  18. package/dist/browser/index.js.map +1 -1
  19. package/dist/browser/partialDarkThemeOptions.cjs +52 -0
  20. package/dist/{node/partialDarkThemeOptions.mjs.map → browser/partialDarkThemeOptions.cjs.map} +1 -1
  21. package/dist/browser/partialDarkThemeOptions.d.cts +4 -0
  22. package/dist/browser/partialDarkThemeOptions.d.cts.map +1 -0
  23. package/dist/browser/partialDarkThemeOptions.js +4 -3
  24. package/dist/browser/partialDarkThemeOptions.js.map +1 -1
  25. package/dist/browser/partialLightThemeOptions.cjs +47 -0
  26. package/dist/{node/partialLightThemeOptions.mjs.map → browser/partialLightThemeOptions.cjs.map} +1 -1
  27. package/dist/browser/partialLightThemeOptions.d.cts +4 -0
  28. package/dist/browser/partialLightThemeOptions.d.cts.map +1 -0
  29. package/dist/browser/partialLightThemeOptions.js +4 -3
  30. package/dist/browser/partialLightThemeOptions.js.map +1 -1
  31. package/dist/{node/themeOptions.mjs → browser/themeOptions.cjs} +36 -10
  32. package/dist/browser/themeOptions.cjs.map +1 -0
  33. package/dist/browser/themeOptions.d.cts +5 -0
  34. package/dist/browser/themeOptions.d.cts.map +1 -0
  35. package/dist/browser/themeOptions.js +7 -4
  36. package/dist/browser/themeOptions.js.map +1 -1
  37. package/dist/browser/webThemeOptions.cjs +132 -0
  38. package/dist/browser/webThemeOptions.cjs.map +1 -0
  39. package/dist/browser/webThemeOptions.d.cts +3 -0
  40. package/dist/browser/webThemeOptions.d.cts.map +1 -0
  41. package/dist/browser/webThemeOptions.js +106 -3
  42. package/dist/browser/webThemeOptions.js.map +1 -1
  43. package/dist/docs.json +358 -0
  44. package/dist/node/appThemeOptions.cjs +156 -0
  45. package/dist/node/appThemeOptions.cjs.map +1 -0
  46. package/dist/node/appThemeOptions.d.cts +3 -0
  47. package/dist/node/appThemeOptions.d.cts.map +1 -0
  48. package/dist/node/appThemeOptions.js +106 -27
  49. package/dist/node/appThemeOptions.js.map +1 -1
  50. package/dist/node/fontFamily.cjs +31 -0
  51. package/dist/node/fontFamily.cjs.map +1 -0
  52. package/dist/node/fontFamily.d.cts +2 -0
  53. package/dist/node/fontFamily.d.cts.map +1 -0
  54. package/dist/node/fontFamily.js +4 -27
  55. package/dist/node/fontFamily.js.map +1 -1
  56. package/dist/node/index.cjs +230 -0
  57. package/dist/node/index.cjs.map +1 -0
  58. package/dist/node/index.d.cts +7 -0
  59. package/dist/node/index.d.cts.map +1 -0
  60. package/dist/node/index.js +192 -31
  61. package/dist/node/index.js.map +1 -1
  62. package/dist/node/partialDarkThemeOptions.cjs +57 -0
  63. package/dist/node/partialDarkThemeOptions.cjs.map +1 -0
  64. package/dist/node/partialDarkThemeOptions.d.cts +4 -0
  65. package/dist/node/partialDarkThemeOptions.d.cts.map +1 -0
  66. package/dist/node/partialDarkThemeOptions.js +9 -33
  67. package/dist/node/partialDarkThemeOptions.js.map +1 -1
  68. package/dist/node/partialLightThemeOptions.cjs +52 -0
  69. package/dist/node/partialLightThemeOptions.cjs.map +1 -0
  70. package/dist/node/partialLightThemeOptions.d.cts +4 -0
  71. package/dist/node/partialLightThemeOptions.d.cts.map +1 -0
  72. package/dist/node/partialLightThemeOptions.js +7 -31
  73. package/dist/node/partialLightThemeOptions.js.map +1 -1
  74. package/dist/node/themeOptions.cjs +135 -0
  75. package/dist/node/themeOptions.cjs.map +1 -0
  76. package/dist/node/themeOptions.d.cts +5 -0
  77. package/dist/node/themeOptions.d.cts.map +1 -0
  78. package/dist/node/themeOptions.js +13 -36
  79. package/dist/node/themeOptions.js.map +1 -1
  80. package/dist/node/webThemeOptions.cjs +136 -0
  81. package/dist/node/webThemeOptions.cjs.map +1 -0
  82. package/dist/node/webThemeOptions.d.cts +3 -0
  83. package/dist/node/webThemeOptions.d.cts.map +1 -0
  84. package/dist/node/webThemeOptions.js +106 -27
  85. package/dist/node/webThemeOptions.js.map +1 -1
  86. package/package.json +12 -12
  87. package/dist/node/appThemeOptions.mjs +0 -28
  88. package/dist/node/appThemeOptions.mjs.map +0 -1
  89. package/dist/node/fontFamily.mjs +0 -5
  90. package/dist/node/fontFamily.mjs.map +0 -1
  91. package/dist/node/index.mjs +0 -7
  92. package/dist/node/index.mjs.map +0 -1
  93. package/dist/node/partialDarkThemeOptions.mjs +0 -30
  94. package/dist/node/partialLightThemeOptions.mjs +0 -25
  95. package/dist/node/themeOptions.mjs.map +0 -1
  96. package/dist/node/webThemeOptions.mjs +0 -8
  97. package/dist/node/webThemeOptions.mjs.map +0 -1
@@ -0,0 +1,156 @@
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
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,3 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ export declare const appThemeOptions: ThemeOptions;
3
+ //# sourceMappingURL=appThemeOptions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"appThemeOptions.d.ts","sourceRoot":"","sources":["../../src/appThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA6B5C,eAAO,MAAM,eAAe,cAAkD,CAAA"}
@@ -1,29 +1,109 @@
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 });
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
+ }
9
51
  };
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 });
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%"
15
94
  }
16
- return to;
17
95
  };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var appThemeOptions_exports = {};
20
- __export(appThemeOptions_exports, {
21
- appThemeOptions: () => appThemeOptions
22
- });
23
- module.exports = __toCommonJS(appThemeOptions_exports);
24
- var import_lodash = require("@xylabs/lodash");
25
- var import_themeOptions = require("./themeOptions");
26
- const partialAppThemeOptions = {
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 = {
27
107
  components: {
28
108
  MuiTypography: {
29
109
  styleOverrides: {
@@ -44,9 +124,8 @@ const partialAppThemeOptions = {
44
124
  },
45
125
  spacing: 8
46
126
  };
47
- const appThemeOptions = (0, import_lodash.merge)({}, import_themeOptions.themeOptions, partialAppThemeOptions);
48
- // Annotate the CommonJS export names for ESM import in node:
49
- 0 && (module.exports = {
127
+ var appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
128
+ export {
50
129
  appThemeOptions
51
- });
130
+ };
52
131
  //# sourceMappingURL=appThemeOptions.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/appThemeOptions.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 = 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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAsB;AAEtB,0BAA6B;AAE7B,MAAM,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,MAAM,sBAAkB,qBAAM,CAAC,GAAG,kCAAc,sBAAsB;","names":[]}
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":[]}
@@ -0,0 +1,31 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/fontFamily.ts"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;","names":[]}
@@ -0,0 +1,2 @@
1
+ export declare const fontFamilyPrimary: string;
2
+ //# sourceMappingURL=fontFamily.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fontFamily.d.ts","sourceRoot":"","sources":["../../src/fontFamily.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAAuD,CAAA"}
@@ -1,29 +1,6 @@
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
- var fontFamily_exports = {};
20
- __export(fontFamily_exports, {
21
- fontFamilyPrimary: () => fontFamilyPrimary
22
- });
23
- module.exports = __toCommonJS(fontFamily_exports);
24
- const fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
25
- // Annotate the CommonJS export names for ESM import in node:
26
- 0 && (module.exports = {
1
+ // src/fontFamily.ts
2
+ var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
3
+ export {
27
4
  fontFamilyPrimary
28
- });
5
+ };
29
6
  //# sourceMappingURL=fontFamily.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/fontFamily.ts"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;","names":[]}
1
+ {"version":3,"sources":["../../src/fontFamily.ts"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n"],"mappings":";AAAO,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;","names":[]}
@@ -0,0 +1,230 @@
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/index.ts
21
+ var src_exports = {};
22
+ __export(src_exports, {
23
+ appThemeOptions: () => appThemeOptions,
24
+ components: () => components,
25
+ fontFamilyPrimary: () => fontFamilyPrimary,
26
+ partialAppDarkThemeOptions: () => partialAppDarkThemeOptions,
27
+ partialAppLightThemeOptions: () => partialAppLightThemeOptions,
28
+ partialDarkThemeOptions: () => partialDarkThemeOptions,
29
+ partialLightThemeOptions: () => partialLightThemeOptions,
30
+ themeOptions: () => themeOptions,
31
+ typography: () => typography,
32
+ webThemeOptions: () => webThemeOptions
33
+ });
34
+ module.exports = __toCommonJS(src_exports);
35
+
36
+ // src/appThemeOptions.tsx
37
+ var import_lodash = require("@xylabs/lodash");
38
+
39
+ // src/fontFamily.ts
40
+ var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
41
+
42
+ // src/themeOptions.ts
43
+ var components = {
44
+ MuiCard: {
45
+ styleOverrides: {
46
+ root: {
47
+ display: "flex",
48
+ flexDirection: "column",
49
+ justifyContent: "space-between"
50
+ }
51
+ }
52
+ },
53
+ MuiCardHeader: {
54
+ styleOverrides: {
55
+ content: {
56
+ display: "flex",
57
+ flexDirection: "column",
58
+ overflow: "hidden"
59
+ }
60
+ }
61
+ },
62
+ MuiLink: {
63
+ defaultProps: {
64
+ underline: "none"
65
+ },
66
+ styleOverrides: {
67
+ root: {
68
+ "&:hover": {
69
+ filter: "brightness(75%)"
70
+ }
71
+ }
72
+ }
73
+ },
74
+ MuiTableCell: {
75
+ styleOverrides: {
76
+ body: {
77
+ fontFamily: "monospace",
78
+ whiteSpace: "nowrap"
79
+ },
80
+ head: {
81
+ fontWeight: 700,
82
+ whiteSpace: "nowrap"
83
+ }
84
+ }
85
+ }
86
+ };
87
+ var typography = {
88
+ body1: {
89
+ lineHeight: 1.57
90
+ },
91
+ body2: {
92
+ lineHeight: 1.57
93
+ },
94
+ button: {
95
+ fontSize: "1rem",
96
+ textTransform: "inherit"
97
+ },
98
+ fontFamily: fontFamilyPrimary,
99
+ fontWeightBold: 700,
100
+ fontWeightLight: 200,
101
+ fontWeightMedium: 300,
102
+ fontWeightRegular: 400,
103
+ h1: {
104
+ fontFamily: fontFamilyPrimary,
105
+ fontSize: "4rem"
106
+ },
107
+ h2: {
108
+ fontFamily: fontFamilyPrimary,
109
+ fontSize: "2.4rem"
110
+ },
111
+ h3: {
112
+ fontFamily: fontFamilyPrimary,
113
+ fontSize: "2.24rem"
114
+ },
115
+ h4: {
116
+ fontSize: "2rem"
117
+ },
118
+ h5: {
119
+ fontSize: "1.5rem"
120
+ },
121
+ h6: {
122
+ fontSize: "1.1rem"
123
+ },
124
+ subtitle1: {
125
+ opacity: "70%"
126
+ },
127
+ subtitle2: {
128
+ opacity: "70%"
129
+ }
130
+ };
131
+ var themeOptions = {
132
+ components,
133
+ shape: {
134
+ borderRadius: 8
135
+ },
136
+ spacing: 16,
137
+ typography
138
+ };
139
+
140
+ // src/appThemeOptions.tsx
141
+ var partialAppThemeOptions = {
142
+ components: {
143
+ MuiTypography: {
144
+ styleOverrides: {
145
+ root: ({ ownerState }) => {
146
+ const { clamped } = ownerState;
147
+ if (clamped) {
148
+ const maxWidth = parseInt(clamped, 10);
149
+ return {
150
+ overflow: "hidden",
151
+ textOverflow: "ellipsis",
152
+ whiteSpace: "nowrap",
153
+ width: `clamp(1%, 100%, ${maxWidth}px)`
154
+ };
155
+ }
156
+ }
157
+ }
158
+ }
159
+ },
160
+ spacing: 8
161
+ };
162
+ var appThemeOptions = (0, import_lodash.merge)({}, themeOptions, partialAppThemeOptions);
163
+
164
+ // src/partialDarkThemeOptions.tsx
165
+ var import_material = require("@mui/material");
166
+ var import_lodash2 = require("@xylabs/lodash");
167
+ var appComponents = {
168
+ MuiPaper: {
169
+ defaultProps: {
170
+ variant: "elevation"
171
+ }
172
+ }
173
+ };
174
+ var partialDarkThemeOptions = {
175
+ palette: {
176
+ background: {
177
+ default: (0, import_material.darken)("#171626", 0.1),
178
+ paper: "#171626"
179
+ },
180
+ mode: "dark",
181
+ primary: {
182
+ main: "#9993F5"
183
+ },
184
+ secondary: {
185
+ main: "#8EC8FF"
186
+ }
187
+ }
188
+ };
189
+ var partialAppDarkThemeOptions = (0, import_lodash2.merge)({}, partialDarkThemeOptions, { components: appComponents });
190
+
191
+ // src/partialLightThemeOptions.tsx
192
+ var import_lodash3 = require("@xylabs/lodash");
193
+ var appComponents2 = {
194
+ MuiPaper: {
195
+ defaultProps: {
196
+ variant: "outlined"
197
+ }
198
+ }
199
+ };
200
+ var partialLightThemeOptions = {
201
+ palette: {
202
+ mode: "light",
203
+ primary: {
204
+ main: "#1f1a66"
205
+ },
206
+ secondary: {
207
+ main: "#0f68c9"
208
+ }
209
+ }
210
+ };
211
+ var partialAppLightThemeOptions = (0, import_lodash3.merge)({}, partialLightThemeOptions, { components: appComponents2 });
212
+
213
+ // src/webThemeOptions.tsx
214
+ var import_lodash4 = require("@xylabs/lodash");
215
+ var partialWebThemeOptions = {};
216
+ var webThemeOptions = (0, import_lodash4.merge)({}, themeOptions, partialWebThemeOptions);
217
+ // Annotate the CommonJS export names for ESM import in node:
218
+ 0 && (module.exports = {
219
+ appThemeOptions,
220
+ components,
221
+ fontFamilyPrimary,
222
+ partialAppDarkThemeOptions,
223
+ partialAppLightThemeOptions,
224
+ partialDarkThemeOptions,
225
+ partialLightThemeOptions,
226
+ themeOptions,
227
+ typography,
228
+ webThemeOptions
229
+ });
230
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/index.ts","../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["export * from './appThemeOptions'\nexport * from './fontFamily'\nexport * from './partialDarkThemeOptions'\nexport * from './partialLightThemeOptions'\nexport * from './themeOptions'\nexport * from './webThemeOptions'\n","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","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\nconst appComponents: ThemeOptions['components'] = {\n MuiPaper: {\n defaultProps: {\n variant: 'outlined',\n },\n },\n}\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, { components: appComponents })\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":"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","names":["import_lodash","import_lodash","appComponents","import_lodash"]}
@@ -0,0 +1,7 @@
1
+ export * from './appThemeOptions';
2
+ export * from './fontFamily';
3
+ export * from './partialDarkThemeOptions';
4
+ export * from './partialLightThemeOptions';
5
+ export * from './themeOptions';
6
+ export * from './webThemeOptions';
7
+ //# sourceMappingURL=index.d.ts.map