@madie/madie-design-system 1.2.36 → 1.2.38

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 (90) 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/MadieConfirmDialog/MadieConfirmDialog.stories.js +104 -0
  5. package/components/MadieConfirmDialog/index.jsx +64 -0
  6. package/components/TextField/index.jsx +36 -39
  7. package/components/index.js +2 -0
  8. package/coverage/clover.xml +116 -58
  9. package/coverage/coverage-final.json +8 -6
  10. package/coverage/lcov-report/index.html +43 -13
  11. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  12. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  13. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  14. package/coverage/lcov-report/react/components/Button/index.js.html +17 -17
  15. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +1 -1
  16. package/coverage/lcov-report/react/components/DateField/index.html +1 -1
  17. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +1 -1
  18. package/coverage/lcov-report/react/components/DateTimeField/index.html +1 -1
  19. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  20. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  21. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  22. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  23. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  24. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +1 -1
  25. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  26. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  27. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  28. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  29. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  30. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  31. package/coverage/lcov-report/react/components/InputLabel/index.html +1 -1
  32. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +4 -4
  33. package/coverage/lcov-report/react/components/Instant/index.html +116 -0
  34. package/coverage/lcov-report/react/components/Instant/index.jsx.html +886 -0
  35. package/coverage/lcov-report/react/components/MadieAlert/index.html +1 -1
  36. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +1 -1
  37. package/coverage/lcov-report/react/components/MadieConfirmDialog/index.html +116 -0
  38. package/coverage/lcov-report/react/components/MadieConfirmDialog/index.jsx.html +277 -0
  39. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +1 -1
  40. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +1 -1
  41. package/coverage/lcov-report/react/components/MadieDialog/index.html +1 -1
  42. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +14 -14
  43. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +1 -1
  44. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +1 -1
  45. package/coverage/lcov-report/react/components/MadieSpinner/index.html +1 -1
  46. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +1 -1
  47. package/coverage/lcov-report/react/components/MadieTooltip/index.html +1 -1
  48. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +3 -3
  49. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +1 -1
  50. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +3 -3
  51. package/coverage/lcov-report/react/components/Pagination/index.html +1 -1
  52. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +1 -1
  53. package/coverage/lcov-report/react/components/Popover/index.html +1 -1
  54. package/coverage/lcov-report/react/components/Popover/index.js.html +1 -1
  55. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +1 -1
  56. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +1 -1
  57. package/coverage/lcov-report/react/components/Select/index.html +1 -1
  58. package/coverage/lcov-report/react/components/Select/index.jsx.html +1 -1
  59. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +1 -1
  60. package/coverage/lcov-report/react/components/Tabs/index.html +1 -1
  61. package/coverage/lcov-report/react/components/Tabs/index.js.html +1 -1
  62. package/coverage/lcov-report/react/components/TextArea/index.html +1 -1
  63. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +1 -1
  64. package/coverage/lcov-report/react/components/TextField/index.html +9 -9
  65. package/coverage/lcov-report/react/components/TextField/index.jsx.html +58 -67
  66. package/coverage/lcov-report/react/components/Toast/index.html +1 -1
  67. package/coverage/lcov-report/react/components/Toast/index.jsx.html +1 -1
  68. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  69. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  70. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  71. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  72. package/coverage/lcov-report/react/index.html +1 -1
  73. package/coverage/lcov-report/react/index.js.html +1 -1
  74. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  75. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  76. package/coverage/lcov-report/react/lib/index.html +1 -1
  77. package/coverage/lcov.info +235 -114
  78. package/dist/browser.js +1 -1
  79. package/dist/index.js +1 -1
  80. package/dist/react/index.js +1 -1
  81. package/dist/react/index.js.map +1 -1
  82. package/package-lock.json +220 -131
  83. package/package.json +1 -1
  84. package/styles/_qpp-style.scss +1 -0
  85. package/styles/components/_madie-confirm-dialog.scss +34 -0
  86. package/styles/qppds/components/_madie-confirm-dialog.scss +35 -0
  87. package/styles/qppds/components/index.scss +1 -0
  88. package/test/components/Instant.test.js +83 -0
  89. package/test/components/MadieConfirmDialog.test.js +159 -0
  90. package/webpack.config.react.js +13 -0
@@ -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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
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-12-10T19:01:29.639Z
425
425
  </div>
426
426
  <script src="../../../prettify.js"></script>
427
427
  <script>
@@ -334,7 +334,7 @@ export default Tooltip;
334
334
  <div class='footer quiet pad2 space-top1 center small'>
335
335
  Code coverage generated by
336
336
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
337
- at 2024-10-07T15:05:05.596Z
337
+ at 2024-12-10T19:01:29.639Z
338
338
  </div>
339
339
  <script src="../../../prettify.js"></script>
340
340
  <script>
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-10-07T15:05:05.596Z
134
+ at 2024-12-10T19:01:29.639Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
@@ -79,7 +79,7 @@ export default Tooltip;
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
- at 2024-10-07T15:05:05.596Z
82
+ at 2024-12-10T19:01:29.639Z
83
83
  </div>
84
84
  <script src="../../../prettify.js"></script>
85
85
  <script>
@@ -298,7 +298,7 @@ export const positionTriangle = (triggerRect, tooltipRect) =&gt; {
298
298
  <div class='footer quiet pad2 space-top1 center small'>
299
299
  Code coverage generated by
300
300
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
301
- at 2024-10-07T15:05:05.596Z
301
+ at 2024-12-10T19:01:29.639Z
302
302
  </div>
303
303
  <script src="../../../prettify.js"></script>
304
304
  <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-12-10T19:01:29.639Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
@@ -118,7 +118,7 @@ export default QppStyleComponents;
118
118
  <div class='footer quiet pad2 space-top1 center small'>
119
119
  Code coverage generated by
120
120
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
121
- at 2024-10-07T15:05:05.596Z
121
+ at 2024-12-10T19:01:29.639Z
122
122
  </div>
123
123
  <script src="../prettify.js"></script>
124
124
  <script>
@@ -166,7 +166,7 @@ Chevron.defaultProps = {
166
166
  <div class='footer quiet pad2 space-top1 center small'>
167
167
  Code coverage generated by
168
168
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
169
- at 2024-10-07T15:05:05.596Z
169
+ at 2024-12-10T19:01:29.639Z
170
170
  </div>
171
171
  <script src="../../prettify.js"></script>
172
172
  <script>
@@ -1762,7 +1762,7 @@ export const WiManageGroupIcon = () =&gt; (
1762
1762
  <div class='footer quiet pad2 space-top1 center small'>
1763
1763
  Code coverage generated by
1764
1764
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1765
- at 2024-10-07T15:05:05.596Z
1765
+ at 2024-12-10T19:01:29.639Z
1766
1766
  </div>
1767
1767
  <script src="../../prettify.js"></script>
1768
1768
  <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-12-10T19:01:29.639Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>