@epilot/base-elements 2.4.28 → 2.5.3

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.
@@ -3,6 +3,7 @@ exports.__esModule = true;
3
3
  exports.parseMuiTheme = exports.parseThemeTemplate = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styles_1 = require("@material-ui/core/styles");
6
+ var fp_1 = tslib_1.__importDefault(require("lodash/fp"));
6
7
  var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
7
8
  var fonts_1 = tslib_1.__importDefault(require("./fonts"));
8
9
  function parseThemeTemplate(params) {
@@ -62,712 +63,749 @@ function parseMuiTheme(params, classPrefix) {
62
63
  var elevation2 = ((_70 = params.shadows) === null || _70 === void 0 ? void 0 : _70[2]) || ((_71 = DefaultEpilotTheme_1.DefaultEpilotTheme.shadows) === null || _71 === void 0 ? void 0 : _71[2]);
63
64
  var elevation3 = ((_72 = params.shadows) === null || _72 === void 0 ? void 0 : _72[3]) || ((_73 = DefaultEpilotTheme_1.DefaultEpilotTheme.shadows) === null || _73 === void 0 ? void 0 : _73[3]);
64
65
  var elevation8 = ((_74 = params.shadows) === null || _74 === void 0 ? void 0 : _74[8]) || ((_75 = DefaultEpilotTheme_1.DefaultEpilotTheme.shadows) === null || _75 === void 0 ? void 0 : _75[8]);
65
- return {
66
- typography: {
67
- fontWeightRegular: ((_76 = params.typography) === null || _76 === void 0 ? void 0 : _76.fontWeightRegular) || ((_77 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _77 === void 0 ? void 0 : _77.fontWeightRegular),
68
- fontWeightBold: ((_78 = params.typography) === null || _78 === void 0 ? void 0 : _78.fontWeightBold) || ((_79 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _79 === void 0 ? void 0 : _79.fontWeightBold),
69
- fontSize: ((_80 = params.typography) === null || _80 === void 0 ? void 0 : _80.fontSize) || ((_81 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _81 === void 0 ? void 0 : _81.fontSize),
70
- body1: ((_82 = params.typography) === null || _82 === void 0 ? void 0 : _82.body1) || ((_83 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _83 === void 0 ? void 0 : _83.body1),
71
- body2: ((_84 = params.typography) === null || _84 === void 0 ? void 0 : _84.body2) || ((_85 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _85 === void 0 ? void 0 : _85.body2),
72
- caption: ((_86 = params.typography) === null || _86 === void 0 ? void 0 : _86.caption) || ((_87 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _87 === void 0 ? void 0 : _87.caption),
73
- subtitle1: ((_88 = params.typography) === null || _88 === void 0 ? void 0 : _88.subtitle1) || ((_89 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _89 === void 0 ? void 0 : _89.subtitle1),
74
- subtitle2: ((_90 = params.typography) === null || _90 === void 0 ? void 0 : _90.subtitle2) || ((_91 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _91 === void 0 ? void 0 : _91.subtitle2),
75
- fontFamily: (((_92 = params.typography) === null || _92 === void 0 ? void 0 : _92.fontFamily) || ((_93 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _93 === void 0 ? void 0 : _93.fontFamily)) + " !important",
76
- button: ((_94 = params.typography) === null || _94 === void 0 ? void 0 : _94.button) || ((_95 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _95 === void 0 ? void 0 : _95.button),
77
- h1: ((_96 = params.typography) === null || _96 === void 0 ? void 0 : _96.h1) || ((_97 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _97 === void 0 ? void 0 : _97.h1),
78
- h2: ((_98 = params.typography) === null || _98 === void 0 ? void 0 : _98.h2) || ((_99 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _99 === void 0 ? void 0 : _99.h2),
79
- h3: ((_100 = params.typography) === null || _100 === void 0 ? void 0 : _100.h3) || ((_101 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _101 === void 0 ? void 0 : _101.h3),
80
- h4: ((_102 = params.typography) === null || _102 === void 0 ? void 0 : _102.h4) || ((_103 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _103 === void 0 ? void 0 : _103.h4),
81
- h5: ((_104 = params.typography) === null || _104 === void 0 ? void 0 : _104.h5) || ((_105 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _105 === void 0 ? void 0 : _105.h5),
82
- h6: ((_106 = params.typography) === null || _106 === void 0 ? void 0 : _106.h6) || ((_107 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _107 === void 0 ? void 0 : _107.h6)
66
+ var overrides = fp_1["default"].merge({
67
+ MuiTypography: {
68
+ root: {
69
+ textTransform: 'none'
70
+ }
83
71
  },
84
- shadows: DefaultEpilotTheme_1.DefaultEpilotTheme.shadows,
85
- palette: {
86
- primary: tslib_1.__assign(tslib_1.__assign({}, primaryColor), { dark: primaryDark }),
87
- secondary: tslib_1.__assign(tslib_1.__assign({}, secondaryColor), { dark: secondaryDark }),
88
- success: tslib_1.__assign(tslib_1.__assign({}, successColor), { dark: (successColor === null || successColor === void 0 ? void 0 : successColor.dark) ? successColor === null || successColor === void 0 ? void 0 : successColor.dark : (successColor === null || successColor === void 0 ? void 0 : successColor.main) ? styles_1.darken(successColor === null || successColor === void 0 ? void 0 : successColor.main, 0.1)
89
- : null }),
90
- "default": tslib_1.__assign(tslib_1.__assign({}, defaultColor), { dark: (defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.dark) ? defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.dark : (defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.main) ? styles_1.darken(defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.main, 0.1)
91
- : null }),
92
- info: tslib_1.__assign(tslib_1.__assign({}, infoColor), { dark: (infoColor === null || infoColor === void 0 ? void 0 : infoColor.dark) ? infoColor === null || infoColor === void 0 ? void 0 : infoColor.dark : (infoColor === null || infoColor === void 0 ? void 0 : infoColor.main) ? styles_1.darken(infoColor === null || infoColor === void 0 ? void 0 : infoColor.main, 0.1)
93
- : null }),
94
- warning: tslib_1.__assign(tslib_1.__assign({}, warningColor), { dark: (warningColor === null || warningColor === void 0 ? void 0 : warningColor.dark) ? warningColor === null || warningColor === void 0 ? void 0 : warningColor.dark : (warningColor === null || warningColor === void 0 ? void 0 : warningColor.main) ? styles_1.darken(warningColor === null || warningColor === void 0 ? void 0 : warningColor.main, 0.1)
95
- : null }),
96
- error: tslib_1.__assign(tslib_1.__assign({}, errorColor), { dark: (errorColor === null || errorColor === void 0 ? void 0 : errorColor.dark) ? errorColor === null || errorColor === void 0 ? void 0 : errorColor.dark : (errorColor === null || errorColor === void 0 ? void 0 : errorColor.main) ? styles_1.darken(errorColor === null || errorColor === void 0 ? void 0 : errorColor.main, 0.1)
97
- : null }),
98
- accent1: tslib_1.__assign(tslib_1.__assign({}, accent1Color), { dark: (accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.dark) ? accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.dark : (accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main) ? styles_1.darken(accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main, 0.1)
99
- : null }),
100
- accent2: tslib_1.__assign(tslib_1.__assign({}, accent2Color), { dark: (accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.dark) ? accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.dark : (accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.main) ? styles_1.darken(accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.main, 0.1)
101
- : null }),
102
- tertiary: tslib_1.__assign(tslib_1.__assign({}, tertiaryColor), { dark: (tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.dark) ? tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.dark : (tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.main) ? styles_1.darken(tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.main, 0.1)
103
- : null }),
104
- grey: {
105
- '10': ((_109 = (_108 = params.palette) === null || _108 === void 0 ? void 0 : _108.grey) === null || _109 === void 0 ? void 0 : _109[10]) || ((_111 = (_110 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _110 === void 0 ? void 0 : _110.grey) === null || _111 === void 0 ? void 0 : _111[10]),
106
- '20': grey20,
107
- '30': grey30,
108
- '40': ((_113 = (_112 = params.palette) === null || _112 === void 0 ? void 0 : _112.grey) === null || _113 === void 0 ? void 0 : _113[40]) || ((_115 = (_114 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _114 === void 0 ? void 0 : _114.grey) === null || _115 === void 0 ? void 0 : _115[40]),
109
- '50': grey50,
110
- '70': grey70,
111
- '100': ((_117 = (_116 = params.palette) === null || _116 === void 0 ? void 0 : _116.grey) === null || _117 === void 0 ? void 0 : _117[100]) || ((_119 = (_118 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _118 === void 0 ? void 0 : _118.grey) === null || _119 === void 0 ? void 0 : _119[100]),
112
- '200': ((_121 = (_120 = params.palette) === null || _120 === void 0 ? void 0 : _120.grey) === null || _121 === void 0 ? void 0 : _121[200]) || ((_123 = (_122 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _122 === void 0 ? void 0 : _122.grey) === null || _123 === void 0 ? void 0 : _123[200]),
113
- '300': ((_125 = (_124 = params.palette) === null || _124 === void 0 ? void 0 : _124.grey) === null || _125 === void 0 ? void 0 : _125[300]) || ((_127 = (_126 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _126 === void 0 ? void 0 : _126.grey) === null || _127 === void 0 ? void 0 : _127[300]),
114
- '400': ((_129 = (_128 = params.palette) === null || _128 === void 0 ? void 0 : _128.grey) === null || _129 === void 0 ? void 0 : _129[400]) || ((_131 = (_130 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _130 === void 0 ? void 0 : _130.grey) === null || _131 === void 0 ? void 0 : _131[400]),
115
- '500': ((_133 = (_132 = params.palette) === null || _132 === void 0 ? void 0 : _132.grey) === null || _133 === void 0 ? void 0 : _133[500]) || ((_135 = (_134 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _134 === void 0 ? void 0 : _134.grey) === null || _135 === void 0 ? void 0 : _135[500]),
116
- '600': ((_137 = (_136 = params.palette) === null || _136 === void 0 ? void 0 : _136.grey) === null || _137 === void 0 ? void 0 : _137[600]) || ((_139 = (_138 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _138 === void 0 ? void 0 : _138.grey) === null || _139 === void 0 ? void 0 : _139[600]),
117
- '700': ((_141 = (_140 = params.palette) === null || _140 === void 0 ? void 0 : _140.grey) === null || _141 === void 0 ? void 0 : _141[700]) || ((_143 = (_142 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _142 === void 0 ? void 0 : _142.grey) === null || _143 === void 0 ? void 0 : _143[700]),
118
- '800': ((_145 = (_144 = params.palette) === null || _144 === void 0 ? void 0 : _144.grey) === null || _145 === void 0 ? void 0 : _145[800]) || ((_147 = (_146 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _146 === void 0 ? void 0 : _146.grey) === null || _147 === void 0 ? void 0 : _147[800]),
119
- '900': ((_149 = (_148 = params.palette) === null || _148 === void 0 ? void 0 : _148.grey) === null || _149 === void 0 ? void 0 : _149[900]) || ((_151 = (_150 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _150 === void 0 ? void 0 : _150.grey) === null || _151 === void 0 ? void 0 : _151[900]),
120
- A100: ((_153 = (_152 = params.palette) === null || _152 === void 0 ? void 0 : _152.grey) === null || _153 === void 0 ? void 0 : _153.A100) || ((_155 = (_154 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _154 === void 0 ? void 0 : _154.grey) === null || _155 === void 0 ? void 0 : _155.A100),
121
- A200: ((_157 = (_156 = params.palette) === null || _156 === void 0 ? void 0 : _156.grey) === null || _157 === void 0 ? void 0 : _157.A200) || ((_159 = (_158 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _158 === void 0 ? void 0 : _158.grey) === null || _159 === void 0 ? void 0 : _159.A200),
122
- A400: ((_161 = (_160 = params.palette) === null || _160 === void 0 ? void 0 : _160.grey) === null || _161 === void 0 ? void 0 : _161.A400) || ((_163 = (_162 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _162 === void 0 ? void 0 : _162.grey) === null || _163 === void 0 ? void 0 : _163.A400),
123
- A700: ((_165 = (_164 = params.palette) === null || _164 === void 0 ? void 0 : _164.grey) === null || _165 === void 0 ? void 0 : _165.A700) || ((_167 = (_166 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _166 === void 0 ? void 0 : _166.grey) === null || _167 === void 0 ? void 0 : _167.A700)
124
- },
125
- action: {
126
- hover: actionHoverColor,
127
- selected: ((_169 = (_168 = params.palette) === null || _168 === void 0 ? void 0 : _168.action) === null || _169 === void 0 ? void 0 : _169.selected) || ((_171 = (_170 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _170 === void 0 ? void 0 : _170.action) === null || _171 === void 0 ? void 0 : _171.selected),
128
- disabled: ((_173 = (_172 = params.palette) === null || _172 === void 0 ? void 0 : _172.action) === null || _173 === void 0 ? void 0 : _173.disabled) || ((_175 = (_174 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _174 === void 0 ? void 0 : _174.action) === null || _175 === void 0 ? void 0 : _175.disabled),
129
- active: ((_177 = (_176 = params.palette) === null || _176 === void 0 ? void 0 : _176.action) === null || _177 === void 0 ? void 0 : _177.active) || ((_179 = (_178 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _178 === void 0 ? void 0 : _178.action) === null || _179 === void 0 ? void 0 : _179.active),
130
- focus: ((_181 = (_180 = params.palette) === null || _180 === void 0 ? void 0 : _180.action) === null || _181 === void 0 ? void 0 : _181.focus) || ((_183 = (_182 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _182 === void 0 ? void 0 : _182.action) === null || _183 === void 0 ? void 0 : _183.focus)
131
- },
132
- background: ((_184 = params.palette) === null || _184 === void 0 ? void 0 : _184.background) || ((_185 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _185 === void 0 ? void 0 : _185.background),
133
- text: tslib_1.__assign({}, textPalette),
134
- divider: dividerColor
135
- },
136
- overrides: tslib_1.__assign({ MuiTypography: {
137
- root: {
138
- textTransform: 'none'
139
- }
140
- }, MuiInputBase: {
141
- input: {
142
- height: 'auto',
72
+ MuiInputBase: {
73
+ input: {
74
+ height: 'auto',
75
+ '&::placeholder': {
76
+ color: grey200,
77
+ opacity: 1
78
+ },
79
+ '&$disabled': {
143
80
  '&::placeholder': {
144
- color: grey200,
145
- opacity: 1
146
- },
147
- '&$disabled': {
148
- '&::placeholder': {
149
- color: grey100
150
- }
81
+ color: grey100
151
82
  }
152
83
  }
153
- }, MuiInputAdornment: {
154
- root: (_a = {},
155
- _a["& ." + prefix + "MuiIconButton-root"] = {
156
- padding: 0
157
- },
158
- _a)
159
- }, MuiInput: {
160
- underline: {
84
+ }
85
+ },
86
+ MuiInputAdornment: {
87
+ root: (_a = {},
88
+ _a["& ." + prefix + "MuiIconButton-root"] = {
89
+ padding: 0
90
+ },
91
+ _a)
92
+ },
93
+ MuiInput: {
94
+ underline: {
95
+ '&:before': {
96
+ borderBottom: "1px solid " + grey60
97
+ },
98
+ '&:after': {
99
+ borderBottom: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400])
100
+ },
101
+ '&:hover:not(.Mui-disabled)': {
161
102
  '&:before': {
162
103
  borderBottom: "1px solid " + grey60
163
- },
164
- '&:after': {
165
- borderBottom: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400])
166
- },
167
- '&:hover:not(.Mui-disabled)': {
168
- '&:before': {
169
- borderBottom: "1px solid " + grey60
170
- }
171
- },
172
- '&$disabled': {
173
- '&:before': {
174
- borderBottomStyle: 'solid'
175
- }
104
+ }
105
+ },
106
+ '&$disabled': {
107
+ '&:before': {
108
+ borderBottomStyle: 'solid'
176
109
  }
177
110
  }
178
- }, MuiSelect: {
179
- root: {
180
- textAlign: 'start'
111
+ }
112
+ },
113
+ MuiSelect: {
114
+ root: {
115
+ textAlign: 'start'
116
+ },
117
+ icon: {
118
+ color: secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor.main
119
+ }
120
+ },
121
+ MuiFormHelperText: {
122
+ contained: {
123
+ marginLeft: '1px'
124
+ }
125
+ },
126
+ MuiInputLabel: {
127
+ root: {
128
+ color: grey500 + " !important",
129
+ '&$disabled': {
130
+ color: grey100 + " !important"
131
+ }
132
+ },
133
+ outlined: {
134
+ display: 'none'
135
+ }
136
+ },
137
+ MuiPaper: {
138
+ elevation1: {
139
+ boxShadow: elevation1
140
+ },
141
+ elevation2: {
142
+ boxShadow: elevation2
143
+ },
144
+ elevation3: {
145
+ boxShadow: elevation3
146
+ },
147
+ // Elevation8 affects Popover default boxShadow
148
+ elevation8: {
149
+ boxShadow: elevation8
150
+ }
151
+ },
152
+ MuiChip: {
153
+ root: {
154
+ borderRadius: 2,
155
+ fontSize: 12,
156
+ fontWeight: 600,
157
+ height: 24,
158
+ backgroundColor: grey50,
159
+ lineHeight: 'normal'
160
+ },
161
+ outlined: (_b = {
162
+ backgroundColor: 'transparent',
163
+ '&:hover': {
164
+ border: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main)
165
+ }
181
166
  },
182
- icon: {
167
+ _b["& ." + prefix + "MuiIcon-root, ." + prefix + "MuiSvgIcon-root"] = {
183
168
  color: secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor.main
169
+ },
170
+ _b),
171
+ label: {
172
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
173
+ },
174
+ icon: {
175
+ fontSize: '1.2rem !important'
176
+ },
177
+ deleteIcon: {
178
+ fontSize: '1.2rem !important'
179
+ }
180
+ },
181
+ MuiAccordionDetails: {
182
+ root: {
183
+ backgroundColor: grey20,
184
+ borderTop: "1px solid " + grey50
185
+ }
186
+ },
187
+ MuiAccordionSummary: {
188
+ root: {
189
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
190
+ fontSize: 14,
191
+ fontWeight: 600,
192
+ minHeight: 48,
193
+ '&$expanded': {
194
+ minHeight: 48
184
195
  }
185
- }, MuiFormHelperText: {
186
- contained: {
187
- marginLeft: '1px'
196
+ },
197
+ content: {
198
+ '&$expanded': {
199
+ margin: 'auto'
188
200
  }
189
- }, MuiInputLabel: {
190
- root: {
191
- color: grey500 + " !important",
192
- '&$disabled': {
193
- color: grey100 + " !important"
201
+ },
202
+ expanded: {}
203
+ },
204
+ MuiAccordion: {
205
+ root: {
206
+ marginTop: '-1px !important',
207
+ '&$expanded': {
208
+ margin: 'auto',
209
+ '&:before': {
210
+ top: -1,
211
+ left: 0,
212
+ right: 0,
213
+ height: 1,
214
+ content: '',
215
+ opacity: 1,
216
+ position: 'absolute',
217
+ transition: 'opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
218
+ backgroundColor: grey50
194
219
  }
195
220
  },
196
- outlined: {
197
- display: 'none'
221
+ '&.Mui-disabled': {
222
+ backgroundColor: grey40
198
223
  }
199
- }, MuiPaper: {
200
- elevation1: {
201
- boxShadow: elevation1
202
- },
203
- elevation2: {
204
- boxShadow: elevation2
205
- },
206
- elevation3: {
207
- boxShadow: elevation3
208
- },
209
- // Elevation8 affects Popover default boxShadow
210
- elevation8: {
211
- boxShadow: elevation8
224
+ }
225
+ },
226
+ MuiRadio: {
227
+ colorPrimary: {
228
+ '&:hover': {
229
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
230
+ backgroundColor: 'transparent'
212
231
  }
213
- }, MuiChip: {
214
- root: {
215
- borderRadius: 2,
216
- fontSize: 12,
217
- fontWeight: 600,
218
- height: 24,
219
- backgroundColor: grey50,
220
- lineHeight: 'normal'
221
- },
222
- outlined: (_b = {
223
- backgroundColor: 'transparent',
224
- '&:hover': {
225
- border: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main)
226
- }
227
- },
228
- _b["& ." + prefix + "MuiIcon-root, ." + prefix + "MuiSvgIcon-root"] = {
229
- color: secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor.main
230
- },
231
- _b),
232
- label: {
233
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
234
- },
235
- icon: {
236
- fontSize: '1.2rem !important'
237
- },
238
- deleteIcon: {
239
- fontSize: '1.2rem !important'
232
+ },
233
+ colorSecondary: {
234
+ '&:hover': {
235
+ color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main,
236
+ backgroundColor: 'transparent'
240
237
  }
241
- }, MuiAccordionDetails: {
242
- root: {
243
- backgroundColor: grey20,
244
- borderTop: "1px solid " + grey50
238
+ }
239
+ },
240
+ MuiCheckbox: {
241
+ colorPrimary: {
242
+ '&:hover': {
243
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
244
+ backgroundColor: 'transparent'
245
245
  }
246
- }, MuiAccordionSummary: {
247
- root: {
248
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
249
- fontSize: 14,
250
- fontWeight: 600,
251
- minHeight: 48,
252
- '&$expanded': {
253
- minHeight: 48
254
- }
255
- },
256
- content: {
257
- '&$expanded': {
258
- margin: 'auto'
259
- }
260
- },
261
- expanded: {}
262
- }, MuiAccordion: {
263
- root: {
264
- marginTop: '-1px !important',
265
- '&$expanded': {
266
- margin: 'auto',
267
- '&:before': {
268
- top: -1,
269
- left: 0,
270
- right: 0,
271
- height: 1,
272
- content: '',
273
- opacity: 1,
274
- position: 'absolute',
275
- transition: 'opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
276
- backgroundColor: grey50
277
- }
278
- },
279
- '&.Mui-disabled': {
280
- backgroundColor: grey40
281
- }
246
+ },
247
+ colorSecondary: {
248
+ '&:hover': {
249
+ color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main,
250
+ backgroundColor: 'transparent'
282
251
  }
283
- }, MuiRadio: {
284
- colorPrimary: {
285
- '&:hover': {
286
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
287
- backgroundColor: 'transparent'
288
- }
252
+ }
253
+ },
254
+ MuiTabPanel: {
255
+ root: (_c = {
256
+ padding: 0
289
257
  },
290
- colorSecondary: {
291
- '&:hover': {
292
- color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main,
293
- backgroundColor: 'transparent'
294
- }
295
- }
296
- }, MuiCheckbox: {
297
- colorPrimary: {
298
- '&:hover': {
299
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
300
- backgroundColor: 'transparent'
301
- }
258
+ _c["& ." + prefix + "MuiPaper-root"] = {
259
+ borderRadius: "0px " + borderRadius + "px " + borderRadius + "px " + borderRadius + "px"
302
260
  },
303
- colorSecondary: {
304
- '&:hover': {
305
- color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main,
306
- backgroundColor: 'transparent'
307
- }
308
- }
309
- }, MuiTabPanel: {
310
- root: (_c = {
311
- padding: 0
312
- },
313
- _c["& ." + prefix + "MuiPaper-root"] = {
314
- borderRadius: "0px " + borderRadius + "px " + borderRadius + "px " + borderRadius + "px"
315
- },
316
- _c)
317
- }, MuiTabs: {
318
- root: {
319
- minHeight: 40,
320
- overflow: 'visible'
261
+ _c)
262
+ },
263
+ MuiTabs: {
264
+ root: {
265
+ minHeight: 40,
266
+ overflow: 'visible'
267
+ }
268
+ },
269
+ MuiTableCell: {
270
+ root: {
271
+ borderBottom: "1px solid " + grey60,
272
+ whiteSpace: 'pre',
273
+ height: 48
274
+ },
275
+ head: {
276
+ fontWeight: 600,
277
+ height: 56,
278
+ border: 0
279
+ },
280
+ stickyHeader: {
281
+ fontWeight: 600,
282
+ backgroundColor: grey30,
283
+ left: 'unset'
284
+ }
285
+ },
286
+ MuiTableSortLabel: {
287
+ root: {
288
+ '&:hover': {
289
+ color: 'inherit'
321
290
  }
322
- }, MuiTableCell: {
323
- root: {
324
- borderBottom: "1px solid " + grey60,
325
- whiteSpace: 'pre',
326
- height: 48
327
- },
328
- head: {
329
- fontWeight: 600,
330
- height: 56,
331
- border: 0
332
- },
333
- stickyHeader: {
334
- fontWeight: 600,
335
- backgroundColor: grey30,
336
- left: 'unset'
291
+ }
292
+ },
293
+ MuiTableRow: {
294
+ root: {
295
+ '&$selected': {
296
+ backgroundColor: grey20 + " !important"
337
297
  }
338
- }, MuiTableSortLabel: {
339
- root: {
340
- '&:hover': {
341
- color: 'inherit'
342
- }
298
+ },
299
+ hover: {
300
+ '&:hover': {
301
+ backgroundColor: grey20 + " !important"
343
302
  }
344
- }, MuiTableRow: {
345
- root: {
346
- '&$selected': {
347
- backgroundColor: grey20 + " !important"
348
- }
349
- },
350
- hover: {
351
- '&:hover': {
352
- backgroundColor: grey20 + " !important"
353
- }
303
+ }
304
+ },
305
+ MuiTableHead: {
306
+ root: {
307
+ backgroundColor: grey30
308
+ }
309
+ },
310
+ MuiButton: {
311
+ root: {
312
+ fontWeight: 600,
313
+ '&$disabled': {
314
+ color: grey100
315
+ },
316
+ height: 32,
317
+ fontSize: 14
318
+ },
319
+ sizeSmall: {
320
+ height: 24,
321
+ fontSize: 12
322
+ },
323
+ sizeLarge: {
324
+ height: 48,
325
+ fontSize: 16
326
+ },
327
+ contained: {
328
+ '&$disabled': {
329
+ color: grey100,
330
+ backgroundColor: grey40
354
331
  }
355
- }, MuiTableHead: {
356
- root: {
357
- backgroundColor: grey30
332
+ },
333
+ text: {
334
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
335
+ '&:hover': {
336
+ backgroundColor: 'transparent'
358
337
  }
359
- }, MuiButton: {
360
- root: {
361
- fontWeight: 600,
362
- '&$disabled': {
363
- color: grey100
338
+ },
339
+ textPrimary: (_d = {
340
+ '&:hover': {
341
+ backgroundColor: 'transparent',
342
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[600]
364
343
  },
365
- height: 32,
366
- fontSize: 14
367
- },
368
- sizeSmall: {
369
- height: 24,
370
- fontSize: 12
344
+ '&:active': {
345
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[700]
346
+ }
371
347
  },
372
- sizeLarge: {
373
- height: 48,
374
- fontSize: 16
348
+ _d["&." + classPrefix + "Mui-focusVisible"] = {
349
+ border: "1px solid white",
350
+ boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
375
351
  },
376
- contained: {
377
- '&$disabled': {
378
- color: grey100,
379
- backgroundColor: grey40
380
- }
352
+ _d["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-textSizeSmall"] = {
353
+ boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
381
354
  },
382
- text: {
355
+ _d),
356
+ textSecondary: {
357
+ '&:hover': {
358
+ backgroundColor: 'transparent'
359
+ }
360
+ },
361
+ outlined: (_e = {
383
362
  color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
363
+ backgroundColor: defaultBackground,
364
+ borderColor: grey70,
384
365
  '&:hover': {
385
- backgroundColor: 'transparent'
386
- }
387
- },
388
- textPrimary: (_d = {
389
- '&:hover': {
390
- backgroundColor: 'transparent',
391
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[600]
392
- },
393
- '&:active': {
394
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[700]
395
- }
396
- },
397
- _d["&." + classPrefix + "Mui-focusVisible"] = {
398
- border: "1px solid white",
399
- boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
400
- },
401
- _d["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-textSizeSmall"] = {
402
- boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
366
+ backgroundColor: defaultBackground
403
367
  },
404
- _d),
405
- textSecondary: {
406
- '&:hover': {
407
- backgroundColor: 'transparent'
368
+ '&:active': {
369
+ borderColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400],
370
+ boxShadow: "0px 0px 0px 1px " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
408
371
  }
409
372
  },
410
- outlined: (_e = {
411
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
412
- backgroundColor: defaultBackground,
413
- borderColor: grey70,
414
- '&:hover': {
415
- backgroundColor: defaultBackground
416
- },
417
- '&:active': {
418
- borderColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400],
419
- boxShadow: "0px 0px 0px 1px " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
420
- }
421
- },
422
- _e["& ." + prefix + "MuiButton-startIcon"] = {
423
- color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main
424
- },
425
- _e["& ." + prefix + "MuiButton-endIcon"] = {
426
- color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main
427
- },
428
- _e["&." + classPrefix + "Mui-focusVisible"] = {
429
- border: "1px solid white",
430
- boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
431
- },
432
- _e["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-outlinedSizeSmall"] = {
433
- boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
434
- },
435
- _e),
436
- outlinedPrimary: (_f = {
437
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
438
- '&:hover': {
439
- border: "1px solid " + primaryDark,
440
- backgroundColor: defaultBackground
441
- },
442
- '&:active': {
443
- borderColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400],
444
- boxShadow: "0px 0px 0px 1px " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
445
- }
446
- },
447
- _f["& ." + prefix + "MuiButton-startIcon"] = {
448
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
449
- },
450
- _f["& ." + prefix + "MuiButton-endIcon"] = {
451
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
452
- },
453
- _f),
454
- outlinedSecondary: {
373
+ _e["& ." + prefix + "MuiButton-startIcon"] = {
374
+ color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main
375
+ },
376
+ _e["& ." + prefix + "MuiButton-endIcon"] = {
377
+ color: accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main
378
+ },
379
+ _e["&." + classPrefix + "Mui-focusVisible"] = {
380
+ border: "1px solid white",
381
+ boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
382
+ },
383
+ _e["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-outlinedSizeSmall"] = {
384
+ boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
385
+ },
386
+ _e),
387
+ outlinedPrimary: (_f = {
455
388
  color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
456
389
  '&:hover': {
457
- border: "1px solid " + secondaryDark,
390
+ border: "1px solid " + primaryDark,
458
391
  backgroundColor: defaultBackground
459
- }
460
- },
461
- containedPrimary: (_g = {},
462
- _g["&." + classPrefix + "Mui-focusVisible"] = {
463
- backgroundColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important",
464
- border: "1px solid white",
465
- boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
466
- },
467
- _g["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-containedSizeSmall"] = {
468
- boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
469
- },
470
- _g),
471
- containedSecondary: (_h = {},
472
- _h["&." + classPrefix + "Mui-focusVisible"] = {
473
- backgroundColor: (secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor.main) + " !important",
474
- border: "1px solid white",
475
- boxShadow: "0 0 0 2px " + ((secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor[400]) || secondaryLight) + " !important"
476
392
  },
477
- _h["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-containedSizeSmall"] = {
478
- boxShadow: "0 0 0 1px " + ((secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor[400]) || secondaryLight) + " !important"
479
- },
480
- _h)
481
- }, MuiButtonGroup: {
482
- groupedContainedPrimary: {
483
- '&:not(:last-child)': {
484
- borderColor: defaultBackground
485
- }
486
- },
487
- groupedOutlined: {
488
393
  '&:active': {
489
- zIndex: 1,
490
- borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
394
+ borderColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400],
395
+ boxShadow: "0px 0px 0px 1px " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
491
396
  }
492
397
  },
493
- groupedTextPrimary: {
494
- border: "1px solid " + ((_186 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _186 === void 0 ? void 0 : _186.grey[70]) + " !important",
495
- '&:not(:last-child)': {
496
- marginRight: -1
497
- }
498
- }
499
- }, MuiDialogContentText: {
500
- root: {
398
+ _f["& ." + prefix + "MuiButton-startIcon"] = {
501
399
  color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
400
+ },
401
+ _f["& ." + prefix + "MuiButton-endIcon"] = {
402
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
403
+ },
404
+ _f),
405
+ outlinedSecondary: {
406
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
407
+ '&:hover': {
408
+ border: "1px solid " + secondaryDark,
409
+ backgroundColor: defaultBackground
502
410
  }
503
- }, MuiDialogTitle: {
504
- root: (_j = {
505
- padding: 24,
506
- paddingBottom: 4
507
- },
508
- _j["& ." + prefix + "MuiTypography-root"] = {
509
- fontWeight: 600
510
- },
511
- _j)
512
- }, MuiDialogActions: {
513
- root: {
514
- padding: 24,
515
- paddingTop: 16
411
+ },
412
+ containedPrimary: (_g = {},
413
+ _g["&." + classPrefix + "Mui-focusVisible"] = {
414
+ backgroundColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important",
415
+ border: "1px solid white",
416
+ boxShadow: "0 0 0 2px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
417
+ },
418
+ _g["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-containedSizeSmall"] = {
419
+ boxShadow: "0 0 0 1px " + ((primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) || primaryLight) + " !important"
420
+ },
421
+ _g),
422
+ containedSecondary: (_h = {},
423
+ _h["&." + classPrefix + "Mui-focusVisible"] = {
424
+ backgroundColor: (secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor.main) + " !important",
425
+ border: "1px solid white",
426
+ boxShadow: "0 0 0 2px " + ((secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor[400]) || secondaryLight) + " !important"
427
+ },
428
+ _h["&." + classPrefix + "Mui-focusVisible." + classPrefix + "MuiButton-containedSizeSmall"] = {
429
+ boxShadow: "0 0 0 1px " + ((secondaryColor === null || secondaryColor === void 0 ? void 0 : secondaryColor[400]) || secondaryLight) + " !important"
430
+ },
431
+ _h)
432
+ },
433
+ MuiButtonGroup: {
434
+ groupedContainedPrimary: {
435
+ '&:not(:last-child)': {
436
+ borderColor: defaultBackground
516
437
  }
517
- }, MuiDialog: {
518
- paper: {
519
- boxShadow: '0px 3px 5px rgba(9, 30, 66, 0.2), 0px 0px 1px rgba(9, 30, 66, 0.31)'
438
+ },
439
+ groupedOutlined: {
440
+ '&:active': {
441
+ zIndex: 1,
442
+ borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important"
520
443
  }
521
- }, MuiBackdrop: {
522
- root: {
523
- backgroundColor: 'rgba(23, 43, 77 ,0.3)'
444
+ },
445
+ groupedTextPrimary: {
446
+ border: "1px solid " + ((_76 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _76 === void 0 ? void 0 : _76.grey[70]) + " !important",
447
+ '&:not(:last-child)': {
448
+ marginRight: -1
524
449
  }
525
- }, MuiToggleButton: {
526
- root: {
527
- fontWeight: 600,
528
- backgroundColor: defaultBackground,
529
- color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
530
- borderColor: grey70 + " !important",
531
- '&:hover': {
532
- backgroundColor: defaultBackground
450
+ }
451
+ },
452
+ MuiDialogContentText: {
453
+ root: {
454
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary
455
+ }
456
+ },
457
+ MuiDialogTitle: {
458
+ root: (_j = {
459
+ padding: 24,
460
+ paddingBottom: 4
461
+ },
462
+ _j["& ." + prefix + "MuiTypography-root"] = {
463
+ fontWeight: 600
464
+ },
465
+ _j)
466
+ },
467
+ MuiDialogActions: {
468
+ root: {
469
+ padding: 24,
470
+ paddingTop: 16
471
+ }
472
+ },
473
+ MuiDialog: {
474
+ paper: {
475
+ boxShadow: '0px 3px 5px rgba(9, 30, 66, 0.2), 0px 0px 1px rgba(9, 30, 66, 0.31)'
476
+ }
477
+ },
478
+ MuiBackdrop: {
479
+ root: {
480
+ backgroundColor: 'rgba(23, 43, 77 ,0.3)'
481
+ }
482
+ },
483
+ MuiToggleButton: {
484
+ root: {
485
+ fontWeight: 600,
486
+ backgroundColor: defaultBackground,
487
+ color: textPalette === null || textPalette === void 0 ? void 0 : textPalette.primary,
488
+ borderColor: grey70 + " !important",
489
+ '&:hover': {
490
+ backgroundColor: defaultBackground
491
+ },
492
+ '&$selected': (_k = {
493
+ backgroundColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
494
+ borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
495
+ borderRight: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
496
+ '&:hover': {
497
+ backgroundColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main
498
+ }
533
499
  },
534
- '&$selected': (_k = {
535
- backgroundColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
536
- borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
537
- borderRight: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main) + " !important",
538
- '&:hover': {
539
- backgroundColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main
540
- }
541
- },
542
- _k["& ." + prefix + "MuiToggleButton-label"] = {
543
- color: defaultBackground
544
- },
545
- _k),
546
- '&$disabled': (_l = {
547
- backgroundColor: grey40
548
- },
549
- _l["& ." + prefix + "MuiToggleButton-label"] = {
550
- color: grey100
551
- },
552
- _l),
553
- height: 32,
554
- fontSize: 14
555
- },
556
- sizeSmall: {
557
- height: 24,
558
- fontSize: 12
559
- },
560
- sizeLarge: {
561
- height: 40,
562
- fontSize: 16
563
- }
564
- }, MuiFormControlLabel: {
565
- root: {
566
- marginLeft: 0,
567
- marginRight: 0
500
+ _k["& ." + prefix + "MuiToggleButton-label"] = {
501
+ color: defaultBackground
502
+ },
503
+ _k),
504
+ '&$disabled': (_l = {
505
+ backgroundColor: grey40
506
+ },
507
+ _l["& ." + prefix + "MuiToggleButton-label"] = {
508
+ color: grey100
509
+ },
510
+ _l),
511
+ height: 32,
512
+ fontSize: 14
513
+ },
514
+ sizeSmall: {
515
+ height: 24,
516
+ fontSize: 12
517
+ },
518
+ sizeLarge: {
519
+ height: 40,
520
+ fontSize: 16
521
+ }
522
+ },
523
+ MuiFormControlLabel: {
524
+ root: {
525
+ marginLeft: 0,
526
+ marginRight: 0
527
+ }
528
+ },
529
+ MuiSwitch: {
530
+ root: {
531
+ width: 48,
532
+ height: 24,
533
+ padding: 0,
534
+ display: 'flex',
535
+ margin: 8
536
+ },
537
+ switchBase: {
538
+ padding: 2,
539
+ color: (_77 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _77 === void 0 ? void 0 : _77.background["default"],
540
+ '&:hover': {
541
+ backgroundColor: 'inherit'
542
+ },
543
+ '&$checked': {
544
+ transform: 'translateX(24px)',
545
+ color: ((_78 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _78 === void 0 ? void 0 : _78.background["default"]) + " !important",
546
+ '& + $track': {
547
+ opacity: 1,
548
+ borderColor: (_79 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _79 === void 0 ? void 0 : _79.action.disabled,
549
+ backgroundColor: (_80 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _80 === void 0 ? void 0 : _80.action.disabled
550
+ }
568
551
  }
569
- }, MuiSwitch: {
570
- root: {
571
- width: 48,
572
- height: 24,
573
- padding: 0,
574
- display: 'flex',
575
- margin: 8
576
- },
577
- switchBase: {
578
- padding: 2,
579
- color: (_187 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _187 === void 0 ? void 0 : _187.background["default"],
580
- '&:hover': {
581
- backgroundColor: 'inherit'
552
+ },
553
+ colorPrimary: {
554
+ '&$disabled': {
555
+ color: ((_81 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _81 === void 0 ? void 0 : _81.background["default"]) + " !important",
556
+ '& + $track': {
557
+ opacity: 0.8,
558
+ borderColor: (_82 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _82 === void 0 ? void 0 : _82.action.disabled,
559
+ backgroundColor: (_83 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _83 === void 0 ? void 0 : _83.action.disabled
582
560
  },
583
561
  '&$checked': {
584
- transform: 'translateX(24px)',
585
- color: ((_188 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _188 === void 0 ? void 0 : _188.background["default"]) + " !important",
586
562
  '& + $track': {
587
- opacity: 1,
588
- borderColor: (_189 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _189 === void 0 ? void 0 : _189.action.disabled,
589
- backgroundColor: (_190 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _190 === void 0 ? void 0 : _190.action.disabled
563
+ opacity: 0.5,
564
+ borderColor: (_84 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _84 === void 0 ? void 0 : _84.primary.main,
565
+ backgroundColor: (_85 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _85 === void 0 ? void 0 : _85.primary.main
590
566
  }
591
567
  }
592
568
  },
593
- colorPrimary: {
594
- '&$disabled': {
595
- color: ((_191 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _191 === void 0 ? void 0 : _191.background["default"]) + " !important",
596
- '& + $track': {
597
- opacity: 0.8,
598
- borderColor: (_192 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _192 === void 0 ? void 0 : _192.action.disabled,
599
- backgroundColor: (_193 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _193 === void 0 ? void 0 : _193.action.disabled
600
- },
601
- '&$checked': {
602
- '& + $track': {
603
- opacity: 0.5,
604
- borderColor: (_194 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _194 === void 0 ? void 0 : _194.primary.main,
605
- backgroundColor: (_195 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _195 === void 0 ? void 0 : _195.primary.main
606
- }
607
- }
569
+ '&$checked': {
570
+ '& + $track': {
571
+ borderColor: (_86 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _86 === void 0 ? void 0 : _86.primary.main
572
+ }
573
+ }
574
+ },
575
+ colorSecondary: {
576
+ '&$disabled': {
577
+ color: ((_87 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _87 === void 0 ? void 0 : _87.background["default"]) + " !important",
578
+ '& + $track': {
579
+ opacity: 0.8,
580
+ borderColor: (_88 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _88 === void 0 ? void 0 : _88.action.disabled,
581
+ backgroundColor: (_89 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _89 === void 0 ? void 0 : _89.action.disabled
608
582
  },
609
583
  '&$checked': {
610
584
  '& + $track': {
611
- borderColor: (_196 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _196 === void 0 ? void 0 : _196.primary.main
585
+ opacity: 0.5,
586
+ borderColor: (_90 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _90 === void 0 ? void 0 : _90.secondary.main,
587
+ backgroundColor: (_91 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _91 === void 0 ? void 0 : _91.secondary.main
612
588
  }
613
589
  }
614
590
  },
615
- colorSecondary: {
616
- '&$disabled': {
617
- color: ((_197 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _197 === void 0 ? void 0 : _197.background["default"]) + " !important",
618
- '& + $track': {
619
- opacity: 0.8,
620
- borderColor: (_198 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _198 === void 0 ? void 0 : _198.action.disabled,
621
- backgroundColor: (_199 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _199 === void 0 ? void 0 : _199.action.disabled
622
- },
591
+ '&$checked': {
592
+ '& + $track': {
593
+ borderColor: (_92 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _92 === void 0 ? void 0 : _92.secondary.main
594
+ }
595
+ }
596
+ },
597
+ thumb: {
598
+ width: 20,
599
+ height: 20,
600
+ boxShadow: 'none'
601
+ },
602
+ track: {
603
+ border: "1px solid " + ((_93 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _93 === void 0 ? void 0 : _93.action.disabled),
604
+ borderRadius: 12,
605
+ opacity: 1,
606
+ backgroundColor: (_94 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _94 === void 0 ? void 0 : _94.action.disabled
607
+ },
608
+ sizeSmall: (_m = {
609
+ width: 28,
610
+ height: 16,
611
+ padding: 0
612
+ },
613
+ _m["& ." + prefix + "MuiSwitch-switchBase"] = (_o = {
614
+ padding: '2px !important',
623
615
  '&$checked': {
624
- '& + $track': {
625
- opacity: 0.5,
626
- borderColor: (_200 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _200 === void 0 ? void 0 : _200.secondary.main,
627
- backgroundColor: (_201 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _201 === void 0 ? void 0 : _201.secondary.main
628
- }
616
+ transform: 'translateX(12px) !important'
629
617
  }
630
618
  },
631
- '&$checked': {
632
- '& + $track': {
633
- borderColor: (_202 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _202 === void 0 ? void 0 : _202.secondary.main
634
- }
635
- }
636
- },
637
- thumb: {
638
- width: 20,
639
- height: 20,
640
- boxShadow: 'none'
641
- },
642
- track: {
643
- border: "1px solid " + ((_203 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _203 === void 0 ? void 0 : _203.action.disabled),
644
- borderRadius: 12,
645
- opacity: 1,
646
- backgroundColor: (_204 = DefaultEpilotTheme_1.DefaultEpilotTheme === null || DefaultEpilotTheme_1.DefaultEpilotTheme === void 0 ? void 0 : DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _204 === void 0 ? void 0 : _204.action.disabled
647
- },
648
- sizeSmall: (_m = {
649
- width: 28,
650
- height: 16,
651
- padding: 0
619
+ _o["& ." + prefix + "MuiSwitch-thumb"] = {
620
+ width: 12,
621
+ height: 12
652
622
  },
653
- _m["& ." + prefix + "MuiSwitch-switchBase"] = (_o = {
654
- padding: '2px !important',
655
- '&$checked': {
656
- transform: 'translateX(12px) !important'
657
- }
658
- },
659
- _o["& ." + prefix + "MuiSwitch-thumb"] = {
660
- width: 12,
661
- height: 12
662
- },
663
- _o),
664
- _m)
665
- }, MuiTooltip: {
666
- tooltip: {
667
- backgroundColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[800],
668
- padding: 8,
669
- fontSize: 14,
670
- lineHeight: '18px'
671
- },
672
- arrow: {
673
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[800]
674
- }
675
- }, MuiFilledInput: {
676
- root: {
677
- border: "1px solid " + grey70,
623
+ _o),
624
+ _m)
625
+ },
626
+ MuiTooltip: {
627
+ tooltip: {
628
+ backgroundColor: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[800],
629
+ padding: 8,
630
+ fontSize: 14,
631
+ lineHeight: '18px'
632
+ },
633
+ arrow: {
634
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[800]
635
+ }
636
+ },
637
+ MuiFilledInput: {
638
+ root: {
639
+ border: "1px solid " + grey70,
640
+ backgroundColor: grey20,
641
+ borderRadius: borderRadius,
642
+ '&:hover': {
643
+ backgroundColor: grey20
644
+ },
645
+ '&$focused': {
678
646
  backgroundColor: grey20,
679
- borderRadius: borderRadius,
680
- '&:hover': {
647
+ border: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400])
648
+ },
649
+ '&.Mui-error': {
650
+ borderColor: errorColor === null || errorColor === void 0 ? void 0 : errorColor.main
651
+ },
652
+ '&$disabled': {
653
+ backgroundColor: grey40
654
+ }
655
+ }
656
+ },
657
+ MuiOutlinedInput: {
658
+ root: (_p = {
659
+ backgroundColor: defaultBackground,
660
+ '& input': {
661
+ paddingTop: 10.5,
662
+ paddingBottom: 10.5
663
+ }
664
+ },
665
+ _p["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
666
+ borderColor: grey70
667
+ },
668
+ _p['&:hover'] = (_q = {
681
669
  backgroundColor: grey20
682
670
  },
683
- '&$focused': {
684
- backgroundColor: grey20,
685
- border: "1px solid " + (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400])
671
+ _q["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
672
+ borderColor: grey70
686
673
  },
687
- '&.Mui-error': {
688
- borderColor: errorColor === null || errorColor === void 0 ? void 0 : errorColor.main
674
+ _q),
675
+ _p['&$focused'] = (_r = {
676
+ backgroundColor: '#ffffff'
689
677
  },
690
- '&$disabled': {
678
+ _r["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
679
+ borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important",
680
+ borderWidth: 1
681
+ },
682
+ _r),
683
+ _p['&$disabled'] = (_s = {
691
684
  backgroundColor: grey40
692
- }
693
- }
694
- }, MuiOutlinedInput: {
695
- root: (_p = {
696
- backgroundColor: defaultBackground,
697
- '& input': {
698
- paddingTop: 10.5,
699
- paddingBottom: 10.5
700
- }
701
685
  },
702
- _p["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
686
+ _s["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
703
687
  borderColor: grey70
704
688
  },
705
- _p['&:hover'] = (_q = {
706
- backgroundColor: grey20
707
- },
708
- _q["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
709
- borderColor: grey70
710
- },
711
- _q),
712
- _p['&$focused'] = (_r = {
713
- backgroundColor: '#ffffff'
714
- },
715
- _r["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
716
- borderColor: (primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor[400]) + " !important",
717
- borderWidth: 1
718
- },
719
- _r),
720
- _p['&$disabled'] = (_s = {
721
- backgroundColor: grey40
722
- },
723
- _s["& ." + prefix + "MuiOutlinedInput-notchedOutline"] = {
724
- borderColor: grey70
725
- },
726
- _s),
727
- _p),
728
- inputMarginDense: {
729
- '&$input': {
730
- paddingTop: 6.5,
731
- paddingBottom: 6.5
732
- }
689
+ _s),
690
+ _p),
691
+ inputMarginDense: {
692
+ '&$input': {
693
+ paddingTop: 6.5,
694
+ paddingBottom: 6.5
695
+ }
696
+ },
697
+ notchedOutline: {
698
+ '& legend': {
699
+ maxWidth: 0
700
+ }
701
+ }
702
+ },
703
+ MuiAutocomplete: {
704
+ inputRoot: {
705
+ minHeight: 32
706
+ },
707
+ option: {
708
+ '&:hover': {
709
+ backgroundColor: actionHoverColor
733
710
  },
734
- notchedOutline: {
735
- '& legend': {
736
- maxWidth: 0
737
- }
711
+ "&[aria-selected='true']": {
712
+ backgroundColor: actionHoverColor,
713
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main
738
714
  }
739
- }, MuiAutocomplete: {
740
- inputRoot: {
741
- minHeight: 32
715
+ },
716
+ paper: {
717
+ boxShadow: elevation8
718
+ }
719
+ },
720
+ MuiCssBaseline: tslib_1.__assign({ '@global': {
721
+ '@font-face': extFonts,
722
+ '.Mui-selected': {
723
+ color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
724
+ backgroundColor: actionHoverColor + " !important"
742
725
  },
743
- option: {
744
- '&:hover': {
745
- backgroundColor: actionHoverColor
746
- },
747
- "&[aria-selected='true']": {
748
- backgroundColor: actionHoverColor,
749
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main
750
- }
726
+ '.Mui-focusVisible': {
727
+ backgroundColor: defaultBackground + " !important"
751
728
  },
752
- paper: {
753
- boxShadow: elevation8
754
- }
755
- }, MuiCssBaseline: tslib_1.__assign({ '@global': {
756
- '@font-face': extFonts,
757
- '.Mui-selected': {
758
- color: primaryColor === null || primaryColor === void 0 ? void 0 : primaryColor.main,
759
- backgroundColor: actionHoverColor + " !important"
760
- },
761
- '.Mui-focusVisible': {
762
- backgroundColor: defaultBackground + " !important"
763
- },
764
- input: {
765
- '&::-webkit-inner-spin-button': {
766
- '-webkit-appearance': 'none',
767
- margin: 0
768
- }
729
+ input: {
730
+ '&::-webkit-inner-spin-button': {
731
+ '-webkit-appearance': 'none',
732
+ margin: 0
769
733
  }
770
- } }, (_205 = params.muiOverrides) === null || _205 === void 0 ? void 0 : _205.MuiCssBaseline) }, params.muiOverrides),
734
+ }
735
+ } }, (_95 = params.muiOverrides) === null || _95 === void 0 ? void 0 : _95.MuiCssBaseline)
736
+ }, params.muiOverrides);
737
+ return {
738
+ typography: {
739
+ fontWeightRegular: ((_96 = params.typography) === null || _96 === void 0 ? void 0 : _96.fontWeightRegular) || ((_97 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _97 === void 0 ? void 0 : _97.fontWeightRegular),
740
+ fontWeightBold: ((_98 = params.typography) === null || _98 === void 0 ? void 0 : _98.fontWeightBold) || ((_99 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _99 === void 0 ? void 0 : _99.fontWeightBold),
741
+ fontSize: ((_100 = params.typography) === null || _100 === void 0 ? void 0 : _100.fontSize) || ((_101 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _101 === void 0 ? void 0 : _101.fontSize),
742
+ body1: ((_102 = params.typography) === null || _102 === void 0 ? void 0 : _102.body1) || ((_103 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _103 === void 0 ? void 0 : _103.body1),
743
+ body2: ((_104 = params.typography) === null || _104 === void 0 ? void 0 : _104.body2) || ((_105 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _105 === void 0 ? void 0 : _105.body2),
744
+ caption: ((_106 = params.typography) === null || _106 === void 0 ? void 0 : _106.caption) || ((_107 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _107 === void 0 ? void 0 : _107.caption),
745
+ subtitle1: ((_108 = params.typography) === null || _108 === void 0 ? void 0 : _108.subtitle1) || ((_109 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _109 === void 0 ? void 0 : _109.subtitle1),
746
+ subtitle2: ((_110 = params.typography) === null || _110 === void 0 ? void 0 : _110.subtitle2) || ((_111 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _111 === void 0 ? void 0 : _111.subtitle2),
747
+ fontFamily: (((_112 = params.typography) === null || _112 === void 0 ? void 0 : _112.fontFamily) || ((_113 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _113 === void 0 ? void 0 : _113.fontFamily)) + " !important",
748
+ button: ((_114 = params.typography) === null || _114 === void 0 ? void 0 : _114.button) || ((_115 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _115 === void 0 ? void 0 : _115.button),
749
+ h1: ((_116 = params.typography) === null || _116 === void 0 ? void 0 : _116.h1) || ((_117 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _117 === void 0 ? void 0 : _117.h1),
750
+ h2: ((_118 = params.typography) === null || _118 === void 0 ? void 0 : _118.h2) || ((_119 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _119 === void 0 ? void 0 : _119.h2),
751
+ h3: ((_120 = params.typography) === null || _120 === void 0 ? void 0 : _120.h3) || ((_121 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _121 === void 0 ? void 0 : _121.h3),
752
+ h4: ((_122 = params.typography) === null || _122 === void 0 ? void 0 : _122.h4) || ((_123 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _123 === void 0 ? void 0 : _123.h4),
753
+ h5: ((_124 = params.typography) === null || _124 === void 0 ? void 0 : _124.h5) || ((_125 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _125 === void 0 ? void 0 : _125.h5),
754
+ h6: ((_126 = params.typography) === null || _126 === void 0 ? void 0 : _126.h6) || ((_127 = DefaultEpilotTheme_1.DefaultEpilotTheme.typography) === null || _127 === void 0 ? void 0 : _127.h6)
755
+ },
756
+ shadows: DefaultEpilotTheme_1.DefaultEpilotTheme.shadows,
757
+ palette: {
758
+ primary: tslib_1.__assign(tslib_1.__assign({}, primaryColor), { dark: primaryDark }),
759
+ secondary: tslib_1.__assign(tslib_1.__assign({}, secondaryColor), { dark: secondaryDark }),
760
+ success: tslib_1.__assign(tslib_1.__assign({}, successColor), { dark: (successColor === null || successColor === void 0 ? void 0 : successColor.dark) ? successColor === null || successColor === void 0 ? void 0 : successColor.dark : (successColor === null || successColor === void 0 ? void 0 : successColor.main) ? styles_1.darken(successColor === null || successColor === void 0 ? void 0 : successColor.main, 0.1)
761
+ : null }),
762
+ "default": tslib_1.__assign(tslib_1.__assign({}, defaultColor), { dark: (defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.dark) ? defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.dark : (defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.main) ? styles_1.darken(defaultColor === null || defaultColor === void 0 ? void 0 : defaultColor.main, 0.1)
763
+ : null }),
764
+ info: tslib_1.__assign(tslib_1.__assign({}, infoColor), { dark: (infoColor === null || infoColor === void 0 ? void 0 : infoColor.dark) ? infoColor === null || infoColor === void 0 ? void 0 : infoColor.dark : (infoColor === null || infoColor === void 0 ? void 0 : infoColor.main) ? styles_1.darken(infoColor === null || infoColor === void 0 ? void 0 : infoColor.main, 0.1)
765
+ : null }),
766
+ warning: tslib_1.__assign(tslib_1.__assign({}, warningColor), { dark: (warningColor === null || warningColor === void 0 ? void 0 : warningColor.dark) ? warningColor === null || warningColor === void 0 ? void 0 : warningColor.dark : (warningColor === null || warningColor === void 0 ? void 0 : warningColor.main) ? styles_1.darken(warningColor === null || warningColor === void 0 ? void 0 : warningColor.main, 0.1)
767
+ : null }),
768
+ error: tslib_1.__assign(tslib_1.__assign({}, errorColor), { dark: (errorColor === null || errorColor === void 0 ? void 0 : errorColor.dark) ? errorColor === null || errorColor === void 0 ? void 0 : errorColor.dark : (errorColor === null || errorColor === void 0 ? void 0 : errorColor.main) ? styles_1.darken(errorColor === null || errorColor === void 0 ? void 0 : errorColor.main, 0.1)
769
+ : null }),
770
+ accent1: tslib_1.__assign(tslib_1.__assign({}, accent1Color), { dark: (accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.dark) ? accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.dark : (accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main) ? styles_1.darken(accent1Color === null || accent1Color === void 0 ? void 0 : accent1Color.main, 0.1)
771
+ : null }),
772
+ accent2: tslib_1.__assign(tslib_1.__assign({}, accent2Color), { dark: (accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.dark) ? accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.dark : (accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.main) ? styles_1.darken(accent2Color === null || accent2Color === void 0 ? void 0 : accent2Color.main, 0.1)
773
+ : null }),
774
+ tertiary: tslib_1.__assign(tslib_1.__assign({}, tertiaryColor), { dark: (tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.dark) ? tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.dark : (tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.main) ? styles_1.darken(tertiaryColor === null || tertiaryColor === void 0 ? void 0 : tertiaryColor.main, 0.1)
775
+ : null }),
776
+ grey: {
777
+ '10': ((_129 = (_128 = params.palette) === null || _128 === void 0 ? void 0 : _128.grey) === null || _129 === void 0 ? void 0 : _129[10]) || ((_131 = (_130 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _130 === void 0 ? void 0 : _130.grey) === null || _131 === void 0 ? void 0 : _131[10]),
778
+ '20': grey20,
779
+ '30': grey30,
780
+ '40': ((_133 = (_132 = params.palette) === null || _132 === void 0 ? void 0 : _132.grey) === null || _133 === void 0 ? void 0 : _133[40]) || ((_135 = (_134 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _134 === void 0 ? void 0 : _134.grey) === null || _135 === void 0 ? void 0 : _135[40]),
781
+ '50': grey50,
782
+ '70': grey70,
783
+ '100': ((_137 = (_136 = params.palette) === null || _136 === void 0 ? void 0 : _136.grey) === null || _137 === void 0 ? void 0 : _137[100]) || ((_139 = (_138 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _138 === void 0 ? void 0 : _138.grey) === null || _139 === void 0 ? void 0 : _139[100]),
784
+ '200': ((_141 = (_140 = params.palette) === null || _140 === void 0 ? void 0 : _140.grey) === null || _141 === void 0 ? void 0 : _141[200]) || ((_143 = (_142 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _142 === void 0 ? void 0 : _142.grey) === null || _143 === void 0 ? void 0 : _143[200]),
785
+ '300': ((_145 = (_144 = params.palette) === null || _144 === void 0 ? void 0 : _144.grey) === null || _145 === void 0 ? void 0 : _145[300]) || ((_147 = (_146 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _146 === void 0 ? void 0 : _146.grey) === null || _147 === void 0 ? void 0 : _147[300]),
786
+ '400': ((_149 = (_148 = params.palette) === null || _148 === void 0 ? void 0 : _148.grey) === null || _149 === void 0 ? void 0 : _149[400]) || ((_151 = (_150 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _150 === void 0 ? void 0 : _150.grey) === null || _151 === void 0 ? void 0 : _151[400]),
787
+ '500': ((_153 = (_152 = params.palette) === null || _152 === void 0 ? void 0 : _152.grey) === null || _153 === void 0 ? void 0 : _153[500]) || ((_155 = (_154 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _154 === void 0 ? void 0 : _154.grey) === null || _155 === void 0 ? void 0 : _155[500]),
788
+ '600': ((_157 = (_156 = params.palette) === null || _156 === void 0 ? void 0 : _156.grey) === null || _157 === void 0 ? void 0 : _157[600]) || ((_159 = (_158 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _158 === void 0 ? void 0 : _158.grey) === null || _159 === void 0 ? void 0 : _159[600]),
789
+ '700': ((_161 = (_160 = params.palette) === null || _160 === void 0 ? void 0 : _160.grey) === null || _161 === void 0 ? void 0 : _161[700]) || ((_163 = (_162 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _162 === void 0 ? void 0 : _162.grey) === null || _163 === void 0 ? void 0 : _163[700]),
790
+ '800': ((_165 = (_164 = params.palette) === null || _164 === void 0 ? void 0 : _164.grey) === null || _165 === void 0 ? void 0 : _165[800]) || ((_167 = (_166 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _166 === void 0 ? void 0 : _166.grey) === null || _167 === void 0 ? void 0 : _167[800]),
791
+ '900': ((_169 = (_168 = params.palette) === null || _168 === void 0 ? void 0 : _168.grey) === null || _169 === void 0 ? void 0 : _169[900]) || ((_171 = (_170 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _170 === void 0 ? void 0 : _170.grey) === null || _171 === void 0 ? void 0 : _171[900]),
792
+ A100: ((_173 = (_172 = params.palette) === null || _172 === void 0 ? void 0 : _172.grey) === null || _173 === void 0 ? void 0 : _173.A100) || ((_175 = (_174 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _174 === void 0 ? void 0 : _174.grey) === null || _175 === void 0 ? void 0 : _175.A100),
793
+ A200: ((_177 = (_176 = params.palette) === null || _176 === void 0 ? void 0 : _176.grey) === null || _177 === void 0 ? void 0 : _177.A200) || ((_179 = (_178 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _178 === void 0 ? void 0 : _178.grey) === null || _179 === void 0 ? void 0 : _179.A200),
794
+ A400: ((_181 = (_180 = params.palette) === null || _180 === void 0 ? void 0 : _180.grey) === null || _181 === void 0 ? void 0 : _181.A400) || ((_183 = (_182 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _182 === void 0 ? void 0 : _182.grey) === null || _183 === void 0 ? void 0 : _183.A400),
795
+ A700: ((_185 = (_184 = params.palette) === null || _184 === void 0 ? void 0 : _184.grey) === null || _185 === void 0 ? void 0 : _185.A700) || ((_187 = (_186 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _186 === void 0 ? void 0 : _186.grey) === null || _187 === void 0 ? void 0 : _187.A700)
796
+ },
797
+ action: {
798
+ hover: actionHoverColor,
799
+ selected: ((_189 = (_188 = params.palette) === null || _188 === void 0 ? void 0 : _188.action) === null || _189 === void 0 ? void 0 : _189.selected) || ((_191 = (_190 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _190 === void 0 ? void 0 : _190.action) === null || _191 === void 0 ? void 0 : _191.selected),
800
+ disabled: ((_193 = (_192 = params.palette) === null || _192 === void 0 ? void 0 : _192.action) === null || _193 === void 0 ? void 0 : _193.disabled) || ((_195 = (_194 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _194 === void 0 ? void 0 : _194.action) === null || _195 === void 0 ? void 0 : _195.disabled),
801
+ active: ((_197 = (_196 = params.palette) === null || _196 === void 0 ? void 0 : _196.action) === null || _197 === void 0 ? void 0 : _197.active) || ((_199 = (_198 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _198 === void 0 ? void 0 : _198.action) === null || _199 === void 0 ? void 0 : _199.active),
802
+ focus: ((_201 = (_200 = params.palette) === null || _200 === void 0 ? void 0 : _200.action) === null || _201 === void 0 ? void 0 : _201.focus) || ((_203 = (_202 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _202 === void 0 ? void 0 : _202.action) === null || _203 === void 0 ? void 0 : _203.focus)
803
+ },
804
+ background: ((_204 = params.palette) === null || _204 === void 0 ? void 0 : _204.background) || ((_205 = DefaultEpilotTheme_1.DefaultEpilotTheme.palette) === null || _205 === void 0 ? void 0 : _205.background),
805
+ text: tslib_1.__assign({}, textPalette),
806
+ divider: dividerColor
807
+ },
808
+ overrides: overrides,
771
809
  shape: {
772
810
  borderRadius: borderRadius
773
811
  },