@mvf/external-components 1.11.2 → 1.11.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.
Files changed (44) hide show
  1. package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js +1 -1
  2. package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js.map +1 -1
  3. package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js +1 -1
  4. package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js.map +1 -1
  5. package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js +1 -1
  6. package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js.map +1 -1
  7. package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js +1 -1
  8. package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js.map +1 -1
  9. package/Components/Atoms/Button/useButtonClasses.js +1 -1
  10. package/Components/Atoms/CardButton/useCardButtonClasses.js +1 -1
  11. package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js +1 -1
  12. package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js.map +1 -1
  13. package/Components/Atoms/IconButton/useIconButtonClasses.js +3 -3
  14. package/Components/Atoms/IconButton/useIconButtonClasses.js.map +1 -1
  15. package/Components/Atoms/Modal/useModalClasses.js +1 -1
  16. package/Components/Atoms/Modal/useModalClasses.js.map +1 -1
  17. package/Components/Atoms/Text/makeTextStyles.js +1 -1
  18. package/Components/Atoms/Text/makeTextStyles.js.map +1 -1
  19. package/Components/Atoms/TextField/useTextFieldStyles.js +2 -2
  20. package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
  21. package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +1 -1
  22. package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
  23. package/Components/Molecules/ScrollArea/useScrollAreaClasses.js +1 -1
  24. package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js +1 -1
  25. package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js.map +1 -1
  26. package/Themes/defaultTheme.d.ts +33 -155
  27. package/Themes/defaultTheme.js +14 -236
  28. package/Themes/defaultTheme.js.map +1 -1
  29. package/Themes/palettes.d.ts +95 -0
  30. package/Themes/palettes.js +14 -0
  31. package/Themes/palettes.js.map +1 -0
  32. package/Themes/startupsTheme.d.ts +31 -154
  33. package/Themes/startupsTheme.js +13 -235
  34. package/Themes/startupsTheme.js.map +1 -1
  35. package/Themes/techcoTheme.d.ts +31 -154
  36. package/Themes/techcoTheme.js +13 -235
  37. package/Themes/techcoTheme.js.map +1 -1
  38. package/Themes/themeCreator.d.ts +320 -0
  39. package/Themes/themeCreator.js +258 -0
  40. package/Themes/themeCreator.js.map +1 -0
  41. package/Themes/themes.d.ts +189 -64
  42. package/Themes/themes.js +2 -0
  43. package/Themes/themes.js.map +1 -1
  44. package/package.json +1 -1
@@ -0,0 +1,258 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.baseTheme = exports.basePalette = void 0;
4
+ var core_1 = require("@material-ui/core");
5
+ var lodash_1 = require("lodash");
6
+ exports.basePalette = {
7
+ primary: 'rgb(134, 134, 134)',
8
+ accent: {
9
+ a: 'rgb(134, 134, 134)',
10
+ aHover: 'rgb(134, 134, 134)',
11
+ b: 'rgb(134, 134, 134)',
12
+ },
13
+ background: {
14
+ main: 'rgb(253,253,253)',
15
+ light: 'rgb(247, 247, 247)',
16
+ dim: 'rgb(237,237,237)',
17
+ dark: 'rgb(223,223,223)',
18
+ },
19
+ disabled: 'rgb(134, 134, 134)',
20
+ error: 'rgb(134, 134, 134)',
21
+ text: {
22
+ light: 'rgb(255, 255, 255)',
23
+ dark: 'rgb(0, 0, 0)',
24
+ grey: 'rgb(79, 79, 79)',
25
+ accent: 'rgb(79, 79, 79)',
26
+ },
27
+ border: 'rgb(148, 148, 148)',
28
+ };
29
+ var filters = {
30
+ darken: {
31
+ gentle: 0.1,
32
+ medium: 0.3,
33
+ harsh: 0.5,
34
+ },
35
+ lighten: {
36
+ gentle: 0.1,
37
+ medium: 0.3,
38
+ strong: 0.7,
39
+ harsh: 0.9,
40
+ },
41
+ opacity: {
42
+ gentle: 0.8,
43
+ harsh: 0.05,
44
+ },
45
+ };
46
+ var spacing = {
47
+ tiny: '0.3rem',
48
+ little: '0.45rem',
49
+ small: '0.6rem',
50
+ medium: '1.2rem',
51
+ large: '2.5rem',
52
+ huge: '3rem',
53
+ massive: '4rem',
54
+ };
55
+ var border = {
56
+ width: {
57
+ thin: 1,
58
+ medium: 2,
59
+ },
60
+ radius: 4,
61
+ };
62
+ var fontSize = {
63
+ tiny: '0.65rem',
64
+ little: '0.75rem',
65
+ small: '0.875rem',
66
+ medium: '1rem',
67
+ large: '1.2rem',
68
+ huge: '1.5rem',
69
+ };
70
+ var frameSize = {
71
+ maxHeight: 575,
72
+ minHeight: 550,
73
+ maxWidth: 600,
74
+ minWidth: 300,
75
+ };
76
+ var lineHeight = {
77
+ small: '1.2',
78
+ medium: '1.5',
79
+ };
80
+ var themeCreator = function (palette) {
81
+ if (palette === void 0) { palette = exports.basePalette; }
82
+ var boxShadow = {
83
+ light: 'rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px',
84
+ medium: 'rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px',
85
+ heavy: "rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px",
86
+ error: "0 0 0 1px " + palette.error,
87
+ primary: "0 0 0 1px " + palette.primary,
88
+ };
89
+ var baseTheme = (0, core_1.createTheme)({
90
+ palette: {
91
+ primary: {
92
+ main: palette.primary,
93
+ },
94
+ secondary: {
95
+ main: palette.accent.a,
96
+ },
97
+ },
98
+ typography: {
99
+ fontFamily: "'Arial', sans-serif",
100
+ },
101
+ breakpoints: {
102
+ values: {
103
+ xs: 0,
104
+ sm: 350,
105
+ md: 508,
106
+ lg: 1280,
107
+ xl: 1920,
108
+ },
109
+ },
110
+ overrides: {
111
+ MuiButtonBase: {
112
+ root: {
113
+ backgroundColor: 'initial',
114
+ },
115
+ },
116
+ MuiButton: {
117
+ root: {
118
+ backgroundColor: 'initial',
119
+ minWidth: 50,
120
+ },
121
+ outlined: {
122
+ border: 'initial',
123
+ backgroundColor: 'initial',
124
+ '&$disabled': {
125
+ border: 'initial',
126
+ backgroundColor: 'initial',
127
+ },
128
+ },
129
+ contained: {
130
+ border: 'initial',
131
+ backgroundColor: 'initial',
132
+ '&$disabled': {
133
+ border: 'initial',
134
+ backgroundColor: 'initial',
135
+ },
136
+ },
137
+ },
138
+ MuiCardContent: {
139
+ root: {
140
+ '&:last-child': {
141
+ paddingBottom: spacing.medium,
142
+ },
143
+ },
144
+ },
145
+ MuiInput: {
146
+ underline: {
147
+ '&:hover:not($disabled):before': {
148
+ borderBottomColor: palette.border,
149
+ borderBottomWidth: border.width.thin,
150
+ },
151
+ },
152
+ },
153
+ MuiInputLabel: {
154
+ root: {
155
+ whiteSpace: 'nowrap',
156
+ overflow: 'hidden',
157
+ textOverflow: 'ellipsis',
158
+ maxWidth: '80%',
159
+ height: '100%',
160
+ },
161
+ shrink: {
162
+ maxWidth: '120%',
163
+ fontSize: '15px',
164
+ },
165
+ },
166
+ MuiSelect: {
167
+ select: {
168
+ '&:focus': {
169
+ backgroundColor: palette.background.main,
170
+ },
171
+ },
172
+ },
173
+ MuiTableCell: {
174
+ root: {
175
+ padding: 'initial',
176
+ },
177
+ },
178
+ MuiTouchRipple: {
179
+ child: {
180
+ backgroundColor: palette.primary,
181
+ },
182
+ },
183
+ },
184
+ props: {
185
+ MuiCard: {
186
+ square: true,
187
+ },
188
+ },
189
+ });
190
+ var theme = {
191
+ mvf: {
192
+ border: border,
193
+ boxShadow: boxShadow,
194
+ fontSize: fontSize,
195
+ filters: filters,
196
+ frameSize: frameSize,
197
+ lineHeight: lineHeight,
198
+ palette: palette,
199
+ spacing: spacing,
200
+ brandLogoName: 'expertMarket',
201
+ table: {
202
+ row: {
203
+ height: '1.5rem',
204
+ },
205
+ column: {
206
+ width: '5.0rem',
207
+ },
208
+ },
209
+ typography: {
210
+ p: {
211
+ size: '1rem',
212
+ },
213
+ h1: {
214
+ size: '2rem',
215
+ icon: '3rem',
216
+ },
217
+ h2: {
218
+ size: '1.5rem',
219
+ icon: '2.5rem',
220
+ },
221
+ h3: {
222
+ size: '1.2rem',
223
+ icon: '2rem',
224
+ },
225
+ h4: {
226
+ size: '0.96rem',
227
+ icon: '1.6rem',
228
+ },
229
+ h5: {
230
+ size: '0.78rem',
231
+ icon: '1.3rem',
232
+ },
233
+ h6: {
234
+ size: '0.6rem',
235
+ icon: '1rem',
236
+ },
237
+ subheader: {
238
+ fontFamily: "'Arial', sans-serif",
239
+ size: '1.5rem',
240
+ icon: '2.5rem',
241
+ },
242
+ button: {
243
+ large: '1.1rem',
244
+ },
245
+ weight: {
246
+ thin: 300,
247
+ medium: 400,
248
+ thick: 700,
249
+ },
250
+ fontFamily: "'Arial', sans-serif",
251
+ },
252
+ },
253
+ };
254
+ return (0, lodash_1.merge)(baseTheme, theme);
255
+ };
256
+ exports.baseTheme = themeCreator();
257
+ exports.default = themeCreator;
258
+ //# sourceMappingURL=themeCreator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeCreator.js","sourceRoot":"","sources":["../../src/Themes/themeCreator.ts"],"names":[],"mappings":"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"}
@@ -23,6 +23,23 @@ declare const themes: {
23
23
  large: string;
24
24
  huge: string;
25
25
  };
26
+ filters: {
27
+ darken: {
28
+ gentle: number;
29
+ medium: number;
30
+ harsh: number;
31
+ };
32
+ lighten: {
33
+ gentle: number;
34
+ medium: number;
35
+ strong: number;
36
+ harsh: number;
37
+ };
38
+ opacity: {
39
+ gentle: number;
40
+ harsh: number;
41
+ };
42
+ };
26
43
  frameSize: {
27
44
  maxHeight: number;
28
45
  minHeight: number;
@@ -35,16 +52,17 @@ declare const themes: {
35
52
  };
36
53
  palette: {
37
54
  primary: string;
38
- background: string;
39
- paper: {
40
- default: string;
41
- note: string;
42
- };
43
55
  accent: {
44
56
  a: string;
45
57
  aHover: string;
46
58
  b: string;
47
59
  };
60
+ background: {
61
+ main: string;
62
+ light: string;
63
+ dim: string;
64
+ dark: string;
65
+ };
48
66
  disabled: string;
49
67
  error: string;
50
68
  text: {
@@ -53,29 +71,7 @@ declare const themes: {
53
71
  grey: string;
54
72
  accent: string;
55
73
  };
56
- button: {
57
- back: {
58
- background: string;
59
- hover: string;
60
- };
61
- };
62
- icon: string;
63
74
  border: string;
64
- darken: {
65
- gentle: number;
66
- medium: number;
67
- harsh: number;
68
- };
69
- lighten: {
70
- gentle: number;
71
- medium: number;
72
- strong: number;
73
- harsh: number;
74
- };
75
- opacity: {
76
- gentle: number;
77
- harsh: number;
78
- };
79
75
  };
80
76
  spacing: {
81
77
  tiny: string;
@@ -164,6 +160,23 @@ declare const themes: {
164
160
  large: string;
165
161
  huge: string;
166
162
  };
163
+ filters: {
164
+ darken: {
165
+ gentle: number;
166
+ medium: number;
167
+ harsh: number;
168
+ };
169
+ lighten: {
170
+ gentle: number;
171
+ medium: number;
172
+ strong: number;
173
+ harsh: number;
174
+ };
175
+ opacity: {
176
+ gentle: number;
177
+ harsh: number;
178
+ };
179
+ };
167
180
  frameSize: {
168
181
  maxHeight: number;
169
182
  minHeight: number;
@@ -176,21 +189,16 @@ declare const themes: {
176
189
  };
177
190
  palette: {
178
191
  primary: string;
179
- background: string;
180
- paper: {
181
- default: string;
182
- note: string;
183
- };
184
192
  accent: {
185
193
  a: string;
186
194
  aHover: string;
187
195
  b: string;
188
196
  };
189
- button: {
190
- back: {
191
- background: string;
192
- hover: string;
193
- };
197
+ background: {
198
+ main: string;
199
+ light: string;
200
+ dim: string;
201
+ dark: string;
194
202
  };
195
203
  disabled: string;
196
204
  error: string;
@@ -200,23 +208,7 @@ declare const themes: {
200
208
  grey: string;
201
209
  accent: string;
202
210
  };
203
- icon: string;
204
211
  border: string;
205
- darken: {
206
- gentle: number;
207
- medium: number;
208
- harsh: number;
209
- };
210
- lighten: {
211
- gentle: number;
212
- medium: number;
213
- strong: number;
214
- harsh: number;
215
- };
216
- opacity: {
217
- gentle: number;
218
- harsh: number;
219
- };
220
212
  };
221
213
  spacing: {
222
214
  tiny: string;
@@ -305,6 +297,23 @@ declare const themes: {
305
297
  large: string;
306
298
  huge: string;
307
299
  };
300
+ filters: {
301
+ darken: {
302
+ gentle: number;
303
+ medium: number;
304
+ harsh: number;
305
+ };
306
+ lighten: {
307
+ gentle: number;
308
+ medium: number;
309
+ strong: number;
310
+ harsh: number;
311
+ };
312
+ opacity: {
313
+ gentle: number;
314
+ harsh: number;
315
+ };
316
+ };
308
317
  frameSize: {
309
318
  maxHeight: number;
310
319
  minHeight: number;
@@ -317,21 +326,16 @@ declare const themes: {
317
326
  };
318
327
  palette: {
319
328
  primary: string;
320
- background: string;
321
- paper: {
322
- default: string;
323
- note: string;
324
- };
325
329
  accent: {
326
330
  a: string;
327
331
  aHover: string;
328
332
  b: string;
329
333
  };
330
- button: {
331
- back: {
332
- background: string;
333
- hover: string;
334
- };
334
+ background: {
335
+ main: string;
336
+ light: string;
337
+ dim: string;
338
+ dark: string;
335
339
  };
336
340
  disabled: string;
337
341
  error: string;
@@ -341,8 +345,96 @@ declare const themes: {
341
345
  grey: string;
342
346
  accent: string;
343
347
  };
344
- icon: string;
345
348
  border: string;
349
+ };
350
+ spacing: {
351
+ tiny: string;
352
+ little: string;
353
+ small: string;
354
+ medium: string;
355
+ large: string;
356
+ huge: string;
357
+ massive: string;
358
+ };
359
+ brandLogoName: string;
360
+ table: {
361
+ row: {
362
+ height: string;
363
+ };
364
+ column: {
365
+ width: string;
366
+ };
367
+ };
368
+ typography: {
369
+ p: {
370
+ size: string;
371
+ };
372
+ h1: {
373
+ size: string;
374
+ icon: string;
375
+ };
376
+ h2: {
377
+ size: string;
378
+ icon: string;
379
+ };
380
+ h3: {
381
+ size: string;
382
+ icon: string;
383
+ };
384
+ h4: {
385
+ size: string;
386
+ icon: string;
387
+ };
388
+ h5: {
389
+ size: string;
390
+ icon: string;
391
+ };
392
+ h6: {
393
+ size: string;
394
+ icon: string;
395
+ };
396
+ subheader: {
397
+ fontFamily: string;
398
+ size: string;
399
+ icon: string;
400
+ };
401
+ button: {
402
+ large: string;
403
+ };
404
+ weight: {
405
+ thin: number;
406
+ medium: number;
407
+ thick: number;
408
+ };
409
+ fontFamily: string;
410
+ };
411
+ };
412
+ };
413
+ base: import("@material-ui/core").Theme & {
414
+ mvf: {
415
+ border: {
416
+ width: {
417
+ thin: number;
418
+ medium: number;
419
+ };
420
+ radius: number;
421
+ };
422
+ boxShadow: {
423
+ light: string;
424
+ medium: string;
425
+ heavy: string;
426
+ error: string;
427
+ primary: string;
428
+ };
429
+ fontSize: {
430
+ tiny: string;
431
+ little: string;
432
+ small: string;
433
+ medium: string;
434
+ large: string;
435
+ huge: string;
436
+ };
437
+ filters: {
346
438
  darken: {
347
439
  gentle: number;
348
440
  medium: number;
@@ -359,6 +451,39 @@ declare const themes: {
359
451
  harsh: number;
360
452
  };
361
453
  };
454
+ frameSize: {
455
+ maxHeight: number;
456
+ minHeight: number;
457
+ maxWidth: number;
458
+ minWidth: number;
459
+ };
460
+ lineHeight: {
461
+ small: string;
462
+ medium: string;
463
+ };
464
+ palette: {
465
+ primary: string;
466
+ accent: {
467
+ a: string;
468
+ aHover: string;
469
+ b: string;
470
+ };
471
+ background: {
472
+ main: string;
473
+ light: string;
474
+ dim: string;
475
+ dark: string;
476
+ };
477
+ disabled: string;
478
+ error: string;
479
+ text: {
480
+ light: string;
481
+ dark: string;
482
+ grey: string;
483
+ accent: string;
484
+ };
485
+ border: string;
486
+ };
362
487
  spacing: {
363
488
  tiny: string;
364
489
  little: string;
package/Themes/themes.js CHANGED
@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var defaultTheme_1 = __importDefault(require("./defaultTheme"));
7
7
  var startupsTheme_1 = __importDefault(require("./startupsTheme"));
8
8
  var techcoTheme_1 = __importDefault(require("./techcoTheme"));
9
+ var themeCreator_1 = require("./themeCreator");
9
10
  var themes = {
10
11
  default: defaultTheme_1.default,
11
12
  startups: startupsTheme_1.default,
12
13
  techco: techcoTheme_1.default,
14
+ base: themeCreator_1.baseTheme,
13
15
  };
14
16
  exports.default = themes;
15
17
  //# sourceMappingURL=themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/Themes/themes.ts"],"names":[],"mappings":";;;;;AAAA,gEAA0C;AAC1C,kEAA4C;AAC5C,8DAAwC;AAExC,IAAM,MAAM,GAAG;IACb,OAAO,EAAE,sBAAY;IACrB,QAAQ,EAAE,uBAAa;IACvB,MAAM,EAAE,qBAAW;CACpB,CAAC;AAIF,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/Themes/themes.ts"],"names":[],"mappings":";;;;;AAAA,gEAA0C;AAC1C,kEAA4C;AAC5C,8DAAwC;AACxC,+CAA2C;AAE3C,IAAM,MAAM,GAAG;IACb,OAAO,EAAE,sBAAY;IACrB,QAAQ,EAAE,uBAAa;IACvB,MAAM,EAAE,qBAAW;IACnB,IAAI,EAAE,wBAAS;CAChB,CAAC;AAIF,kBAAe,MAAM,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "1.11.2",
3
+ "version": "1.11.3",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",