@madie/madie-design-system 1.2.36 → 1.2.37

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 (81) hide show
  1. package/.storybook/main.js +6 -0
  2. package/components/Instant/Instant.stories.js +28 -0
  3. package/components/Instant/index.jsx +267 -0
  4. package/components/TextField/index.jsx +36 -39
  5. package/components/index.js +2 -0
  6. package/coverage/clover.xml +78 -29
  7. package/coverage/coverage-final.json +5 -4
  8. package/coverage/lcov-report/index.html +28 -13
  9. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  10. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  11. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  12. package/coverage/lcov-report/react/components/Button/index.js.html +1 -1
  13. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +1 -1
  14. package/coverage/lcov-report/react/components/DateField/index.html +1 -1
  15. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +1 -1
  16. package/coverage/lcov-report/react/components/DateTimeField/index.html +1 -1
  17. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  18. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  19. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  20. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  21. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  22. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +1 -1
  23. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  24. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  25. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  26. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  27. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  28. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  29. package/coverage/lcov-report/react/components/InputLabel/index.html +1 -1
  30. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +4 -4
  31. package/coverage/lcov-report/react/components/Instant/index.html +116 -0
  32. package/coverage/lcov-report/react/components/Instant/index.jsx.html +886 -0
  33. package/coverage/lcov-report/react/components/MadieAlert/index.html +1 -1
  34. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +1 -1
  35. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +1 -1
  36. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +1 -1
  37. package/coverage/lcov-report/react/components/MadieDialog/index.html +1 -1
  38. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +1 -1
  39. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +1 -1
  40. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +1 -1
  41. package/coverage/lcov-report/react/components/MadieSpinner/index.html +1 -1
  42. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +1 -1
  43. package/coverage/lcov-report/react/components/MadieTooltip/index.html +1 -1
  44. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +3 -3
  45. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +1 -1
  46. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +3 -3
  47. package/coverage/lcov-report/react/components/Pagination/index.html +1 -1
  48. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +1 -1
  49. package/coverage/lcov-report/react/components/Popover/index.html +1 -1
  50. package/coverage/lcov-report/react/components/Popover/index.js.html +1 -1
  51. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +1 -1
  52. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +1 -1
  53. package/coverage/lcov-report/react/components/Select/index.html +1 -1
  54. package/coverage/lcov-report/react/components/Select/index.jsx.html +1 -1
  55. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +1 -1
  56. package/coverage/lcov-report/react/components/Tabs/index.html +1 -1
  57. package/coverage/lcov-report/react/components/Tabs/index.js.html +1 -1
  58. package/coverage/lcov-report/react/components/TextArea/index.html +1 -1
  59. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +1 -1
  60. package/coverage/lcov-report/react/components/TextField/index.html +9 -9
  61. package/coverage/lcov-report/react/components/TextField/index.jsx.html +58 -67
  62. package/coverage/lcov-report/react/components/Toast/index.html +1 -1
  63. package/coverage/lcov-report/react/components/Toast/index.jsx.html +1 -1
  64. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  65. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  66. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  67. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  68. package/coverage/lcov-report/react/index.html +1 -1
  69. package/coverage/lcov-report/react/index.js.html +1 -1
  70. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  71. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  72. package/coverage/lcov-report/react/lib/index.html +1 -1
  73. package/coverage/lcov.info +169 -68
  74. package/dist/browser.js +1 -1
  75. package/dist/index.js +1 -1
  76. package/dist/react/index.js +1 -1
  77. package/dist/react/index.js.map +1 -1
  78. package/package-lock.json +198 -116
  79. package/package.json +1 -1
  80. package/test/components/Instant.test.js +83 -0
  81. package/webpack.config.react.js +13 -0
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -550,7 +550,7 @@ export default MadieAlert;
550
550
  <div class='footer quiet pad2 space-top1 center small'>
551
551
  Code coverage generated by
552
552
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
553
- at 2024-10-07T15:05:05.596Z
553
+ at 2024-10-08T14:24:35.071Z
554
554
  </div>
555
555
  <script src="../../../prettify.js"></script>
556
556
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -232,7 +232,7 @@ export default MadieDeleteDialog;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at 2024-10-07T15:05:05.596Z
235
+ at 2024-10-08T14:24:35.071Z
236
236
  </div>
237
237
  <script src="../../../prettify.js"></script>
238
238
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -1006,7 +1006,7 @@ export default MadieDialog;
1006
1006
  <div class='footer quiet pad2 space-top1 center small'>
1007
1007
  Code coverage generated by
1008
1008
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1009
- at 2024-10-07T15:05:05.596Z
1009
+ at 2024-10-08T14:24:35.071Z
1010
1010
  </div>
1011
1011
  <script src="../../../prettify.js"></script>
1012
1012
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -217,7 +217,7 @@ export default MadieDiscardDialog;
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at 2024-10-07T15:05:05.596Z
220
+ at 2024-10-08T14:24:35.071Z
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -175,7 +175,7 @@ export default MadieSpinner;
175
175
  <div class='footer quiet pad2 space-top1 center small'>
176
176
  Code coverage generated by
177
177
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
178
- at 2024-10-07T15:05:05.596Z
178
+ at 2024-10-08T14:24:35.071Z
179
179
  </div>
180
180
  <script src="../../../prettify.js"></script>
181
181
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -117,7 +117,7 @@
117
117
  <span class="cline-any cline-neutral">&nbsp;</span>
118
118
  <span class="cline-any cline-neutral">&nbsp;</span>
119
119
  <span class="cline-any cline-neutral">&nbsp;</span>
120
- <span class="cline-any cline-yes">3x</span>
120
+ <span class="cline-any cline-yes">4x</span>
121
121
  <span class="cline-any cline-yes">5x</span>
122
122
  <span class="cline-any cline-yes">5x</span>
123
123
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -155,7 +155,7 @@
155
155
  <span class="cline-any cline-neutral">&nbsp;</span>
156
156
  <span class="cline-any cline-neutral">&nbsp;</span>
157
157
  <span class="cline-any cline-neutral">&nbsp;</span>
158
- <span class="cline-any cline-yes">3x</span>
158
+ <span class="cline-any cline-yes">4x</span>
159
159
  <span class="cline-any cline-neutral">&nbsp;</span>
160
160
  <span class="cline-any cline-neutral">&nbsp;</span>
161
161
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -217,7 +217,7 @@ export default MadieToolTip;
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at 2024-10-07T15:05:05.596Z
220
+ at 2024-10-08T14:24:35.071Z
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -97,7 +97,7 @@
97
97
  <a name='L32'></a><a href='#L32'>32</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
98
98
  <span class="cline-any cline-neutral">&nbsp;</span>
99
99
  <span class="cline-any cline-neutral">&nbsp;</span>
100
- <span class="cline-any cline-yes">3x</span>
100
+ <span class="cline-any cline-yes">4x</span>
101
101
  <span class="cline-any cline-yes">5x</span>
102
102
  <span class="cline-any cline-neutral">&nbsp;</span>
103
103
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -122,7 +122,7 @@
122
122
  <span class="cline-any cline-neutral">&nbsp;</span>
123
123
  <span class="cline-any cline-neutral">&nbsp;</span>
124
124
  <span class="cline-any cline-neutral">&nbsp;</span>
125
- <span class="cline-any cline-yes">3x</span>
125
+ <span class="cline-any cline-yes">4x</span>
126
126
  <span class="cline-any cline-neutral">&nbsp;</span>
127
127
  <span class="cline-any cline-neutral">&nbsp;</span>
128
128
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
@@ -163,7 +163,7 @@ TooltipIcon.propTypes = {
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
166
- at 2024-10-07T15:05:05.596Z
166
+ at 2024-10-08T14:24:35.071Z
167
167
  </div>
168
168
  <script src="../../../prettify.js"></script>
169
169
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -721,7 +721,7 @@ export { Pagination };
721
721
  <div class='footer quiet pad2 space-top1 center small'>
722
722
  Code coverage generated by
723
723
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
724
- at 2024-10-07T15:05:05.596Z
724
+ at 2024-10-08T14:24:35.071Z
725
725
  </div>
726
726
  <script src="../../../prettify.js"></script>
727
727
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -463,7 +463,7 @@ export default MadiePopover;
463
463
  <div class='footer quiet pad2 space-top1 center small'>
464
464
  Code coverage generated by
465
465
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
466
- at 2024-10-07T15:05:05.596Z
466
+ at 2024-10-08T14:24:35.071Z
467
467
  </div>
468
468
  <script src="../../../prettify.js"></script>
469
469
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -499,7 +499,7 @@ export default ReadOnlyTextField;
499
499
  <div class='footer quiet pad2 space-top1 center small'>
500
500
  Code coverage generated by
501
501
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
502
- at 2024-10-07T15:05:05.596Z
502
+ at 2024-10-08T14:24:35.071Z
503
503
  </div>
504
504
  <script src="../../../prettify.js"></script>
505
505
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -631,7 +631,7 @@ export default Select;
631
631
  <div class='footer quiet pad2 space-top1 center small'>
632
632
  Code coverage generated by
633
633
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
634
- at 2024-10-07T15:05:05.596Z
634
+ at 2024-10-08T14:24:35.071Z
635
635
  </div>
636
636
  <script src="../../../prettify.js"></script>
637
637
  <script>
@@ -310,7 +310,7 @@ export default Tab;
310
310
  <div class='footer quiet pad2 space-top1 center small'>
311
311
  Code coverage generated by
312
312
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
313
- at 2024-10-07T15:05:05.596Z
313
+ at 2024-10-08T14:24:35.071Z
314
314
  </div>
315
315
  <script src="../../../prettify.js"></script>
316
316
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2024-10-07T15:05:05.596Z
119
+ at 2024-10-08T14:24:35.071Z
120
120
  </div>
121
121
  <script src="../../../prettify.js"></script>
122
122
  <script>
@@ -355,7 +355,7 @@ export default Tabs;
355
355
  <div class='footer quiet pad2 space-top1 center small'>
356
356
  Code coverage generated by
357
357
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
358
- at 2024-10-07T15:05:05.596Z
358
+ at 2024-10-08T14:24:35.071Z
359
359
  </div>
360
360
  <script src="../../../prettify.js"></script>
361
361
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -421,7 +421,7 @@ export default TextArea;
421
421
  <div class='footer quiet pad2 space-top1 center small'>
422
422
  Code coverage generated by
423
423
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
424
- at 2024-10-07T15:05:05.596Z
424
+ at 2024-10-08T14:24:35.071Z
425
425
  </div>
426
426
  <script src="../../../prettify.js"></script>
427
427
  <script>
@@ -25,14 +25,14 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>17/17</span>
28
+ <span class='fraction'>18/18</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">93.93% </span>
33
+ <span class="strong">93.75% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>31/33</span>
35
+ <span class='fraction'>30/32</span>
36
36
  </div>
37
37
 
38
38
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>17/17</span>
49
+ <span class='fraction'>18/18</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,13 @@
84
84
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
85
  </td>
86
86
  <td data-value="100" class="pct high">100%</td>
87
- <td data-value="17" class="abs high">17/17</td>
88
- <td data-value="93.93" class="pct high">93.93%</td>
89
- <td data-value="33" class="abs high">31/33</td>
87
+ <td data-value="18" class="abs high">18/18</td>
88
+ <td data-value="93.75" class="pct high">93.75%</td>
89
+ <td data-value="32" class="abs high">30/32</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="2" class="abs high">2/2</td>
92
92
  <td data-value="100" class="pct high">100%</td>
93
- <td data-value="17" class="abs high">17/17</td>
93
+ <td data-value="18" class="abs high">18/18</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -25,14 +25,14 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>17/17</span>
28
+ <span class='fraction'>18/18</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">93.93% </span>
33
+ <span class="strong">93.75% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>31/33</span>
35
+ <span class='fraction'>30/32</span>
36
36
  </div>
37
37
 
38
38
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>17/17</span>
49
+ <span class='fraction'>18/18</span>
50
50
  </div>
51
51
 
52
52
 
@@ -253,10 +253,7 @@
253
253
  <a name='L188'></a><a href='#L188'>188</a>
254
254
  <a name='L189'></a><a href='#L189'>189</a>
255
255
  <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a>
257
- <a name='L192'></a><a href='#L192'>192</a>
258
- <a name='L193'></a><a href='#L193'>193</a>
259
- <a name='L194'></a><a href='#L194'>194</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
256
+ <a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
260
257
  <span class="cline-any cline-neutral">&nbsp;</span>
261
258
  <span class="cline-any cline-neutral">&nbsp;</span>
262
259
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -266,7 +263,8 @@
266
263
  <span class="cline-any cline-neutral">&nbsp;</span>
267
264
  <span class="cline-any cline-neutral">&nbsp;</span>
268
265
  <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-yes">3x</span>
266
+ <span class="cline-any cline-yes">4x</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
268
  <span class="cline-any cline-neutral">&nbsp;</span>
271
269
  <span class="cline-any cline-neutral">&nbsp;</span>
272
270
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -279,29 +277,26 @@
279
277
  <span class="cline-any cline-neutral">&nbsp;</span>
280
278
  <span class="cline-any cline-neutral">&nbsp;</span>
281
279
  <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-yes">12x</span>
280
+ <span class="cline-any cline-yes">69x</span>
283
281
  <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-yes">12x</span>
285
- <span class="cline-any cline-yes">6x</span>
282
+ <span class="cline-any cline-yes">69x</span>
283
+ <span class="cline-any cline-yes">63x</span>
286
284
  <span class="cline-any cline-neutral">&nbsp;</span>
287
285
  <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-yes">12x</span>
289
- <span class="cline-any cline-yes">12x</span>
290
- <span class="cline-any cline-yes">12x</span>
286
+ <span class="cline-any cline-yes">69x</span>
287
+ <span class="cline-any cline-yes">69x</span>
288
+ <span class="cline-any cline-yes">69x</span>
291
289
  <span class="cline-any cline-yes">4x</span>
292
290
  <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-yes">12x</span>
291
+ <span class="cline-any cline-yes">69x</span>
294
292
  <span class="cline-any cline-yes">1x</span>
295
293
  <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-yes">12x</span>
294
+ <span class="cline-any cline-yes">69x</span>
297
295
  <span class="cline-any cline-yes">4x</span>
298
296
  <span class="cline-any cline-neutral">&nbsp;</span>
299
297
  <span class="cline-any cline-neutral">&nbsp;</span>
300
298
  <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-yes">12x</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-yes">69x</span>
305
300
  <span class="cline-any cline-neutral">&nbsp;</span>
306
301
  <span class="cline-any cline-neutral">&nbsp;</span>
307
302
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -330,15 +325,11 @@
330
325
  <span class="cline-any cline-neutral">&nbsp;</span>
331
326
  <span class="cline-any cline-neutral">&nbsp;</span>
332
327
  <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-yes">12x</span>
334
- <span class="cline-any cline-yes">1x</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-yes">11x</span>
337
- <span class="cline-any cline-neutral">&nbsp;</span>
338
328
  <span class="cline-any cline-neutral">&nbsp;</span>
339
329
  <span class="cline-any cline-neutral">&nbsp;</span>
340
330
  <span class="cline-any cline-neutral">&nbsp;</span>
341
331
  <span class="cline-any cline-neutral">&nbsp;</span>
332
+ <span class="cline-any cline-yes">69x</span>
342
333
  <span class="cline-any cline-neutral">&nbsp;</span>
343
334
  <span class="cline-any cline-neutral">&nbsp;</span>
344
335
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -370,7 +361,10 @@
370
361
  <span class="cline-any cline-neutral">&nbsp;</span>
371
362
  <span class="cline-any cline-neutral">&nbsp;</span>
372
363
  <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-yes">69x</span>
365
+ <span class="cline-any cline-yes">1x</span>
373
366
  <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-yes">68x</span>
374
368
  <span class="cline-any cline-neutral">&nbsp;</span>
375
369
  <span class="cline-any cline-neutral">&nbsp;</span>
376
370
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -435,8 +429,8 @@
435
429
  <span class="cline-any cline-neutral">&nbsp;</span>
436
430
  <span class="cline-any cline-neutral">&nbsp;</span>
437
431
  <span class="cline-any cline-neutral">&nbsp;</span>
432
+ <span class="cline-any cline-yes">4x</span>
438
433
  <span class="cline-any cline-neutral">&nbsp;</span>
439
- <span class="cline-any cline-yes">3x</span>
440
434
  <span class="cline-any cline-neutral">&nbsp;</span>
441
435
  <span class="cline-any cline-neutral">&nbsp;</span>
442
436
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -469,6 +463,7 @@ const TextField = ({
469
463
  tooltipText,
470
464
  inputProps,
471
465
  labelColor = undefined,
466
+ textFieldStyles = {},
472
467
  ...rest
473
468
  }) =&gt; {
474
469
  // get a copy of input props
@@ -491,6 +486,39 @@ const TextField = ({
491
486
  }
492
487
  }
493
488
  &nbsp;
489
+ const extendedTextFieldStyles = {
490
+ borderRadius: "3px",
491
+ border: "none",
492
+ marginTop: "8px",
493
+ "&amp; .MuiOutlinedInput-notchedOutline": {
494
+ borderRadius: "3px",
495
+ borderColor: "#8C8C8C",
496
+ "&amp; legend": {
497
+ width: 0,
498
+ },
499
+ },
500
+ "&amp; .MuiInputBase-root": {
501
+ height: "auto",
502
+ },
503
+ "&amp; .MuiOutlinedInput-root": {
504
+ "&amp;&amp;": {
505
+ borderRadius: "3px",
506
+ },
507
+ },
508
+ // input base selector
509
+ "&amp; .MuiInputBase-input": {
510
+ color: "#333",
511
+ fontFamily: "Rubik",
512
+ fontSize: 14,
513
+ borderRadius: "3px",
514
+ padding: "9px 14px",
515
+ "&amp;::placeholder": {
516
+ opacity: 1,
517
+ color: "#717171",
518
+ },
519
+ },
520
+ ...textFieldStyles,
521
+ };
494
522
  return (
495
523
  &lt;FormControl fullWidth error={error}&gt;
496
524
  &lt;div
@@ -579,45 +607,7 @@ const TextField = ({
579
607
  &lt;/FormHelperText&gt;
580
608
  )}
581
609
  &lt;MUITextField
582
- sx={[
583
- {
584
- borderRadius: "3px",
585
- border: "none",
586
- marginTop: "8px",
587
- "&amp; .MuiOutlinedInput-notchedOutline": {
588
- borderRadius: "3px",
589
- borderColor: "#8C8C8C",
590
- "&amp; legend": {
591
- width: 0,
592
- },
593
- },
594
- "&amp; .MuiInputBase-root": {
595
- height: "auto",
596
- },
597
- "&amp; .MuiOutlinedInput-root": {
598
- "&amp;&amp;": {
599
- borderRadius: "3px",
600
- },
601
- },
602
- // input base selector
603
- "&amp; .MuiInputBase-input": {
604
- color: "#333",
605
- fontFamily: "Rubik",
606
- fontSize: 14,
607
- borderRadius: "3px",
608
- padding: "9px 14px",
609
- "&amp;::placeholder": {
610
- opacity: 1,
611
- color: "#717171",
612
- },
613
- },
614
- },
615
- error &amp;&amp; {
616
- "&amp; .MuiOutlinedInput-notchedOutline": {
617
- borderColor: "#AE1C1C !important",
618
- },
619
- },
620
- ]}
610
+ sx={extendedTextFieldStyles}
621
611
  label={null}
622
612
  error={error}
623
613
  disabled={disabled}
@@ -631,6 +621,7 @@ const TextField = ({
631
621
  &nbsp;
632
622
  TextField.propTypes = {
633
623
  id: PropTypes.string,
624
+ textFieldStyles: PropTypes.object,
634
625
  error: PropTypes.bool,
635
626
  helperText: PropTypes.string,
636
627
  required: PropTypes.bool,
@@ -649,7 +640,7 @@ export default TextField;
649
640
  <div class='footer quiet pad2 space-top1 center small'>
650
641
  Code coverage generated by
651
642
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
652
- at 2024-10-07T15:05:05.596Z
643
+ at 2024-10-08T14:24:35.071Z
653
644
  </div>
654
645
  <script src="../../../prettify.js"></script>
655
646
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-10-07T15:05:05.596Z
104
+ at 2024-10-08T14:24:35.071Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -421,7 +421,7 @@ export default Toast;
421
421
  <div class='footer quiet pad2 space-top1 center small'>
422
422
  Code coverage generated by
423
423
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
424
- at 2024-10-07T15:05:05.596Z
424
+ at 2024-10-08T14:24:35.071Z
425
425
  </div>
426
426
  <script src="../../../prettify.js"></script>
427
427
  <script>