@xyo-network/react-theme 2.64.0 → 2.64.2

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.
@@ -1,6 +1,109 @@
1
+ // src/appThemeOptions.tsx
1
2
  import { merge } from "@xylabs/lodash";
2
- import { themeOptions } from "./themeOptions";
3
- const partialAppThemeOptions = {
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 = {
4
107
  components: {
5
108
  MuiTypography: {
6
109
  styleOverrides: {
@@ -21,7 +124,7 @@ const partialAppThemeOptions = {
21
124
  },
22
125
  spacing: 8
23
126
  };
24
- const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
127
+ var appThemeOptions = merge({}, themeOptions, partialAppThemeOptions);
25
128
  export {
26
129
  appThemeOptions
27
130
  };
@@ -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":"AACA,SAAS,aAAa;AAEtB,SAAS,oBAAoB;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,kBAAkB,MAAM,CAAC,GAAG,cAAc,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":[]}
@@ -1,4 +1,5 @@
1
- const fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
1
+ // src/fontFamily.ts
2
+ var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
2
3
  export {
3
4
  fontFamilyPrimary
4
5
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/fontFamily.ts"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n"],"mappings":"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":[]}
@@ -1,7 +1,194 @@
1
- export * from "./appThemeOptions";
2
- export * from "./fontFamily";
3
- export * from "./partialDarkThemeOptions";
4
- export * from "./partialLightThemeOptions";
5
- export * from "./themeOptions";
6
- export * from "./webThemeOptions";
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
+
129
+ // src/partialDarkThemeOptions.tsx
130
+ import { darken } from "@mui/material";
131
+ import { merge as merge2 } from "@xylabs/lodash";
132
+ var appComponents = {
133
+ MuiPaper: {
134
+ defaultProps: {
135
+ variant: "elevation"
136
+ }
137
+ }
138
+ };
139
+ var partialDarkThemeOptions = {
140
+ palette: {
141
+ background: {
142
+ default: darken("#171626", 0.1),
143
+ paper: "#171626"
144
+ },
145
+ mode: "dark",
146
+ primary: {
147
+ main: "#9993F5"
148
+ },
149
+ secondary: {
150
+ main: "#8EC8FF"
151
+ }
152
+ }
153
+ };
154
+ var partialAppDarkThemeOptions = merge2({}, partialDarkThemeOptions, { components: appComponents });
155
+
156
+ // src/partialLightThemeOptions.tsx
157
+ import { merge as merge3 } from "@xylabs/lodash";
158
+ var appComponents2 = {
159
+ MuiPaper: {
160
+ defaultProps: {
161
+ variant: "outlined"
162
+ }
163
+ }
164
+ };
165
+ var partialLightThemeOptions = {
166
+ palette: {
167
+ mode: "light",
168
+ primary: {
169
+ main: "#1f1a66"
170
+ },
171
+ secondary: {
172
+ main: "#0f68c9"
173
+ }
174
+ }
175
+ };
176
+ var partialAppLightThemeOptions = merge3({}, partialLightThemeOptions, { components: appComponents2 });
177
+
178
+ // src/webThemeOptions.tsx
179
+ import { merge as merge4 } from "@xylabs/lodash";
180
+ var partialWebThemeOptions = {};
181
+ var webThemeOptions = merge4({}, themeOptions, partialWebThemeOptions);
182
+ export {
183
+ appThemeOptions,
184
+ components,
185
+ fontFamilyPrimary,
186
+ partialAppDarkThemeOptions,
187
+ partialAppLightThemeOptions,
188
+ partialDarkThemeOptions,
189
+ partialLightThemeOptions,
190
+ themeOptions,
191
+ typography,
192
+ webThemeOptions
193
+ };
7
194
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './appThemeOptions'\nexport * from './fontFamily'\nexport * from './partialDarkThemeOptions'\nexport * from './partialLightThemeOptions'\nexport * from './themeOptions'\nexport * from './webThemeOptions'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../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 = 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":["merge","merge","appComponents","merge","merge"]}
@@ -1,13 +1,14 @@
1
+ // src/partialDarkThemeOptions.tsx
1
2
  import { darken } from "@mui/material";
2
3
  import { merge } from "@xylabs/lodash";
3
- const appComponents = {
4
+ var appComponents = {
4
5
  MuiPaper: {
5
6
  defaultProps: {
6
7
  variant: "elevation"
7
8
  }
8
9
  }
9
10
  };
10
- const partialDarkThemeOptions = {
11
+ var partialDarkThemeOptions = {
11
12
  palette: {
12
13
  background: {
13
14
  default: darken("#171626", 0.1),
@@ -22,7 +23,7 @@ const partialDarkThemeOptions = {
22
23
  }
23
24
  }
24
25
  };
25
- const partialAppDarkThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents });
26
+ var partialAppDarkThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents });
26
27
  export {
27
28
  partialAppDarkThemeOptions,
28
29
  partialDarkThemeOptions
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/partialDarkThemeOptions.tsx"],"sourcesContent":["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"],"mappings":"AAAA,SAAS,cAA4B;AACrC,SAAS,aAAa;AAEtB,MAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,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,MAAM,6BAA2C,MAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;","names":[]}
1
+ {"version":3,"sources":["../../src/partialDarkThemeOptions.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,cAA4B;AACrC,SAAS,aAAa;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,6BAA2C,MAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;","names":[]}
@@ -1,12 +1,13 @@
1
+ // src/partialLightThemeOptions.tsx
1
2
  import { merge } from "@xylabs/lodash";
2
- const appComponents = {
3
+ var appComponents = {
3
4
  MuiPaper: {
4
5
  defaultProps: {
5
6
  variant: "outlined"
6
7
  }
7
8
  }
8
9
  };
9
- const partialLightThemeOptions = {
10
+ var partialLightThemeOptions = {
10
11
  palette: {
11
12
  mode: "light",
12
13
  primary: {
@@ -17,7 +18,7 @@ const partialLightThemeOptions = {
17
18
  }
18
19
  }
19
20
  };
20
- const partialAppLightThemeOptions = merge({}, partialLightThemeOptions, { components: appComponents });
21
+ var partialAppLightThemeOptions = merge({}, partialLightThemeOptions, { components: appComponents });
21
22
  export {
22
23
  partialAppLightThemeOptions,
23
24
  partialLightThemeOptions
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/partialLightThemeOptions.tsx"],"sourcesContent":["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"],"mappings":"AACA,SAAS,aAAa;AAEtB,MAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,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,MAAM,8BAA4C,MAAM,CAAC,GAAG,0BAA0B,EAAE,YAAY,cAAc,CAAC;","names":[]}
1
+ {"version":3,"sources":["../../src/partialLightThemeOptions.tsx"],"sourcesContent":["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"],"mappings":";AACA,SAAS,aAAa;AAEtB,IAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,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,8BAA4C,MAAM,CAAC,GAAG,0BAA0B,EAAE,YAAY,cAAc,CAAC;","names":[]}
@@ -1,5 +1,8 @@
1
- import { fontFamilyPrimary } from "./fontFamily";
2
- const components = {
1
+ // src/fontFamily.ts
2
+ var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
3
+
4
+ // src/themeOptions.ts
5
+ var components = {
3
6
  MuiCard: {
4
7
  styleOverrides: {
5
8
  root: {
@@ -43,7 +46,7 @@ const components = {
43
46
  }
44
47
  }
45
48
  };
46
- const typography = {
49
+ var typography = {
47
50
  body1: {
48
51
  lineHeight: 1.57
49
52
  },
@@ -87,7 +90,7 @@ const typography = {
87
90
  opacity: "70%"
88
91
  }
89
92
  };
90
- const themeOptions = {
93
+ var themeOptions = {
91
94
  components,
92
95
  shape: {
93
96
  borderRadius: 8
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/themeOptions.ts"],"sourcesContent":["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":"AAEA,SAAS,yBAAyB;AAE3B,MAAM,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,MAAM,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,MAAM,eAA6B;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/fontFamily.ts","../../src/themeOptions.ts"],"sourcesContent":["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":";AAAO,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;","names":[]}
@@ -1,7 +1,110 @@
1
+ // src/webThemeOptions.tsx
1
2
  import { merge } from "@xylabs/lodash";
2
- import { themeOptions } from "./themeOptions";
3
- const partialWebThemeOptions = {};
4
- const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions);
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/webThemeOptions.tsx
106
+ var partialWebThemeOptions = {};
107
+ var webThemeOptions = merge({}, themeOptions, partialWebThemeOptions);
5
108
  export {
6
109
  webThemeOptions
7
110
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/webThemeOptions.tsx"],"sourcesContent":["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;AAEtB,SAAS,oBAAoB;AAE7B,MAAM,yBAAuC,CAAC;AAEvC,MAAM,kBAAkB,MAAM,CAAC,GAAG,cAAc,sBAAsB;","names":[]}
1
+ {"version":3,"sources":["../../src/webThemeOptions.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 partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)\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,CAAC;AAEvC,IAAM,kBAAkB,MAAM,CAAC,GAAG,cAAc,sBAAsB;","names":[]}
package/dist/docs.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "fileName": "appThemeOptions.tsx",
19
19
  "line": 30,
20
20
  "character": 13,
21
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/appThemeOptions.tsx#L30"
21
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/appThemeOptions.tsx#L30"
22
22
  }
23
23
  ],
24
24
  "type": {
@@ -45,7 +45,7 @@
45
45
  "fileName": "themeOptions.ts",
46
46
  "line": 5,
47
47
  "character": 13,
48
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/themeOptions.ts#L5"
48
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/themeOptions.ts#L5"
49
49
  }
50
50
  ],
51
51
  "type": {
@@ -79,7 +79,7 @@
79
79
  "fileName": "fontFamily.ts",
80
80
  "line": 1,
81
81
  "character": 13,
82
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/fontFamily.ts#L1"
82
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/fontFamily.ts#L1"
83
83
  }
84
84
  ],
85
85
  "type": {
@@ -101,7 +101,7 @@
101
101
  "fileName": "partialDarkThemeOptions.tsx",
102
102
  "line": 28,
103
103
  "character": 13,
104
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L28"
104
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L28"
105
105
  }
106
106
  ],
107
107
  "type": {
@@ -128,7 +128,7 @@
128
128
  "fileName": "partialLightThemeOptions.tsx",
129
129
  "line": 24,
130
130
  "character": 13,
131
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L24"
131
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L24"
132
132
  }
133
133
  ],
134
134
  "type": {
@@ -155,7 +155,7 @@
155
155
  "fileName": "partialDarkThemeOptions.tsx",
156
156
  "line": 12,
157
157
  "character": 13,
158
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L12"
158
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/partialDarkThemeOptions.tsx#L12"
159
159
  }
160
160
  ],
161
161
  "type": {
@@ -182,7 +182,7 @@
182
182
  "fileName": "partialLightThemeOptions.tsx",
183
183
  "line": 12,
184
184
  "character": 13,
185
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L12"
185
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/partialLightThemeOptions.tsx#L12"
186
186
  }
187
187
  ],
188
188
  "type": {
@@ -209,7 +209,7 @@
209
209
  "fileName": "themeOptions.ts",
210
210
  "line": 95,
211
211
  "character": 13,
212
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/themeOptions.ts#L95"
212
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/themeOptions.ts#L95"
213
213
  }
214
214
  ],
215
215
  "type": {
@@ -236,7 +236,7 @@
236
236
  "fileName": "themeOptions.ts",
237
237
  "line": 50,
238
238
  "character": 13,
239
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/themeOptions.ts#L50"
239
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/themeOptions.ts#L50"
240
240
  }
241
241
  ],
242
242
  "type": {
@@ -270,7 +270,7 @@
270
270
  "fileName": "webThemeOptions.tsx",
271
271
  "line": 8,
272
272
  "character": 13,
273
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/theme/src/webThemeOptions.tsx#L8"
273
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/theme/src/webThemeOptions.tsx#L8"
274
274
  }
275
275
  ],
276
276
  "type": {
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": "^2.12.13"
13
+ "@xylabs/lodash": "^2.12.14"
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.0.78",
22
+ "@xylabs/ts-scripts-yarn3": "^3.0.79",
23
23
  "typescript": "^5.2.2"
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.64.0",
75
+ "version": "2.64.2",
76
76
  "type": "module"
77
77
  }