@madie/madie-design-system 1.2.34 → 1.2.37

package/coverage/lcov-report/react/components/TextField/index.jsx.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>14/14</span>
+                <span class='fraction'>18/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">93.33% </span>
+                <span class="strong">93.75% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>28/30</span>
+                <span class='fraction'>30/32</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>14/14</span>
+                <span class='fraction'>18/18</span>
             </div>
         
             
@@ -248,7 +248,12 @@
 <a name='L183'></a><a href='#L183'>183</a>
 <a name='L184'></a><a href='#L184'>184</a>
 <a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -258,7 +263,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -270,27 +277,26 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">69x</span>
+<span class="cline-any cline-yes">63x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">69x</span>
+<span class="cline-any cline-yes">69x</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">11x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -323,6 +329,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">69x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -354,7 +361,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">69x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">68x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -419,9 +429,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -452,6 +462,8 @@ const TextField = ({
     label,
     tooltipText,
     inputProps,
+    labelColor = undefined,
+    textFieldStyles = {},
     ...rest
 }) =&gt; {
     // get a copy of input props
@@ -474,6 +486,39 @@ const TextField = ({
         }
     }
 &nbsp;
+    const extendedTextFieldStyles = {
+        borderRadius: "3px",
+        border: "none",
+        marginTop: "8px",
+        "&amp; .MuiOutlinedInput-notchedOutline": {
+            borderRadius: "3px",
+            borderColor: "#8C8C8C",
+            "&amp; legend": {
+                width: 0,
+            },
+        },
+        "&amp; .MuiInputBase-root": {
+            height: "auto",
+        },
+        "&amp; .MuiOutlinedInput-root": {
+            "&amp;&amp;": {
+                borderRadius: "3px",
+            },
+        },
+        // input base selector
+        "&amp; .MuiInputBase-input": {
+            color: "#333",
+            fontFamily: "Rubik",
+            fontSize: 14,
+            borderRadius: "3px",
+            padding: "9px 14px",
+            "&amp;::placeholder": {
+                opacity: 1,
+                color: "#717171",
+            },
+        },
+        ...textFieldStyles,
+    };
     return (
         &lt;FormControl fullWidth error={error}&gt;
             &lt;div
@@ -505,7 +550,13 @@ const TextField = ({
                             fontFamily: "Rubik",
                             fontWeight: 500,
                             fontSize: 14,
-                            color: "#333",
+                            color: () =&gt; {
+                                if (labelColor) {
+                                    return labelColor;
+                                } else {
+                                    return "#333";
+                                }
+                            },
                             "&amp; .MuiInputLabel-asterisk": {
                                 color: "#AE1C1C !important",
                                 marginRight: "3px !important", //this was
@@ -556,45 +607,7 @@ const TextField = ({
                 &lt;/FormHelperText&gt;
             )}
             &lt;MUITextField
-                sx={[
-                    {
-                        borderRadius: "3px",
-                        border: "none",
-                        marginTop: "8px",
-                        "&amp; .MuiOutlinedInput-notchedOutline": {
-                            borderRadius: "3px",
-                            borderColor: "#8C8C8C",
-                            "&amp; legend": {
-                                width: 0,
-                            },
-                        },
-                        "&amp; .MuiInputBase-root": {
-                            height: "auto",
-                        },
-                        "&amp; .MuiOutlinedInput-root": {
-                            "&amp;&amp;": {
-                                borderRadius: "3px",
-                            },
-                        },
-                        // input base selector
-                        "&amp; .MuiInputBase-input": {
-                            color: "#333",
-                            fontFamily: "Rubik",
-                            fontSize: 14,
-                            borderRadius: "3px",
-                            padding: "9px 14px",
-                            "&amp;::placeholder": {
-                                opacity: 1,
-                                color: "#717171",
-                            },
-                        },
-                    },
-                    error &amp;&amp; {
-                        "&amp; .MuiOutlinedInput-notchedOutline": {
-                            borderColor: "#AE1C1C !important",
-                        },
-                    },
-                ]}
+                sx={extendedTextFieldStyles}
                 label={null}
                 error={error}
                 disabled={disabled}
@@ -608,6 +621,7 @@ const TextField = ({
 &nbsp;
 TextField.propTypes = {
     id: PropTypes.string,
+    textFieldStyles: PropTypes.object,
     error: PropTypes.bool,
     helperText: PropTypes.string,
     required: PropTypes.bool,
@@ -616,6 +630,7 @@ TextField.propTypes = {
     label: PropTypes.string,
     tooltipText: PropTypes.string,
     inputProps: PropTypes.object,
+    labelColor: PropTypes.string,
 };
 export default TextField;
 &nbsp;</pre></td></tr></table></pre>
@@ -625,7 +640,7 @@ export default TextField;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Toast/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Toast/index.jsx.html

@@ -421,7 +421,7 @@ export default Toast;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html

@@ -334,7 +334,7 @@ export default Tooltip;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Tooltip/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Tooltip/index.js.html

@@ -79,7 +79,7 @@ export default Tooltip;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Tooltip/position.js.html

@@ -298,7 +298,7 @@ export const positionTriangle = (triggerRect, tooltipRect) => {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/index.js.html

@@ -118,7 +118,7 @@ export default QppStyleComponents;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/lib/Chevron.jsx.html

@@ -166,7 +166,7 @@ Chevron.defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/lib/SvgComponents.jsx.html

@@ -1762,7 +1762,7 @@ export const WiManageGroupIcon = () => (
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/lib/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-10-01T21:17:01.901Z
+                at 2024-10-08T14:24:35.071Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -401,22 +401,123 @@ SF:components/InputLabel/index.jsx
 FN:5,(anonymous_0)
 FNF:1
 FNH:1
-FNDA:24,(anonymous_0)
-DA:5,6
-DA:6,24
-DA:48,6
+FNDA:82,(anonymous_0)
+DA:5,7
+DA:6,82
+DA:48,7
 LF:3
 LH:3
-BRDA:30,0,0,24
-BRDA:30,0,1,5
-BRDA:37,1,0,24
-BRDA:37,1,1,3
-BRDA:40,2,0,24
+BRDA:30,0,0,82
+BRDA:30,0,1,6
+BRDA:37,1,0,82
+BRDA:37,1,1,11
+BRDA:40,2,0,82
 BRDA:40,2,1,2
 BRF:6
 BRH:6
 end_of_record
 TN:
+SF:components/Instant/index.jsx
+FN:15,(anonymous_0)
+FN:48,(anonymous_1)
+FN:77,(anonymous_2)
+FN:86,(anonymous_3)
+FN:95,(anonymous_4)
+FN:104,(anonymous_5)
+FN:113,(anonymous_6)
+FN:141,(anonymous_7)
+FN:143,(anonymous_8)
+FNF:9
+FNH:8
+FNDA:7,(anonymous_0)
+FNDA:10,(anonymous_1)
+FNDA:1,(anonymous_2)
+FNDA:1,(anonymous_3)
+FNDA:1,(anonymous_4)
+FNDA:1,(anonymous_5)
+FNDA:3,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:24,(anonymous_8)
+DA:12,1
+DA:13,1
+DA:14,1
+DA:15,1
+DA:16,7
+DA:17,1
+DA:48,1
+DA:62,10
+DA:77,10
+DA:78,1
+DA:79,1
+DA:80,1
+DA:83,1
+DA:86,10
+DA:87,1
+DA:88,1
+DA:89,1
+DA:92,1
+DA:95,10
+DA:96,1
+DA:97,1
+DA:98,1
+DA:101,1
+DA:104,10
+DA:105,1
+DA:106,1
+DA:107,1
+DA:110,1
+DA:113,10
+DA:114,3
+DA:115,3
+DA:116,1
+DA:117,1
+DA:119,2
+DA:120,2
+DA:124,10
+DA:141,0
+DA:144,24
+DA:145,24
+DA:146,24
+DA:147,24
+DA:252,1
+LF:42
+LH:41
+BRDA:51,0,0,10
+BRDA:53,1,0,0
+BRDA:54,2,0,10
+BRDA:55,3,0,0
+BRDA:56,4,0,10
+BRDA:58,5,0,10
+BRDA:79,6,0,1
+BRDA:79,6,1,0
+BRDA:88,7,0,1
+BRDA:88,7,1,0
+BRDA:97,8,0,1
+BRDA:97,8,1,0
+BRDA:106,9,0,1
+BRDA:106,9,1,0
+BRDA:114,10,0,3
+BRDA:114,10,1,0
+BRDA:115,11,0,1
+BRDA:115,11,1,2
+BRDA:137,12,0,8
+BRDA:137,12,1,2
+BRDA:141,13,0,0
+BRDA:141,13,1,0
+BRDA:154,14,0,20
+BRDA:154,14,1,4
+BRDA:176,15,0,8
+BRDA:176,15,1,2
+BRDA:193,16,0,8
+BRDA:193,16,1,2
+BRDA:212,17,0,8
+BRDA:212,17,1,2
+BRDA:231,18,0,8
+BRDA:231,18,1,2
+BRF:32
+BRH:23
+end_of_record
+TN:
 SF:components/MadieAlert/index.jsx
 FN:16,(anonymous_0)
 FN:28,(anonymous_1)
@@ -620,7 +721,7 @@ FNDA:1,(anonymous_3)
 FNDA:1,(anonymous_4)
 FNDA:1,(anonymous_5)
 FNDA:1,(anonymous_6)
-DA:6,3
+DA:6,4
 DA:7,5
 DA:8,5
 DA:12,1
@@ -630,7 +731,7 @@ DA:20,1
 DA:23,1
 DA:24,1
 DA:28,1
-DA:44,3
+DA:44,4
 LF:11
 LH:11
 BRDA:6,0,0,0
@@ -647,9 +748,9 @@ FN:4,(anonymous_0)
 FNF:1
 FNH:1
 FNDA:5,(anonymous_0)
-DA:4,3
+DA:4,4
 DA:5,5
-DA:29,3
+DA:29,4
 LF:3
 LH:3
 BRDA:4,0,0,5
@@ -912,57 +1013,65 @@ end_of_record
 TN:
 SF:components/TextField/index.jsx
 FN:11,(anonymous_0)
-FNF:1
-FNH:1
-FNDA:11,(anonymous_0)
-DA:11,3
-DA:23,11
-DA:25,11
-DA:26,6
-DA:29,11
-DA:30,11
-DA:31,11
-DA:32,4
-DA:34,11
-DA:35,1
-DA:37,11
-DA:38,4
-DA:42,11
-DA:174,3
-LF:14
-LH:14
-BRDA:13,0,0,4
-BRDA:14,1,0,7
-BRDA:15,2,0,10
-BRDA:16,3,0,4
-BRDA:23,4,0,11
-BRDA:23,4,1,0
-BRDA:25,5,0,6
-BRDA:25,5,1,5
-BRDA:29,6,0,11
-BRDA:29,6,1,0
-BRDA:31,7,0,4
-BRDA:31,7,1,7
-BRDA:34,8,0,1
-BRDA:34,8,1,10
-BRDA:37,9,0,4
-BRDA:37,9,1,7
-BRDA:79,10,0,11
-BRDA:79,10,1,1
-BRDA:86,11,0,11
-BRDA:86,11,1,1
-BRDA:89,12,0,11
-BRDA:89,12,1,1
-BRDA:96,13,0,11
-BRDA:96,13,1,1
-BRDA:103,14,0,11
-BRDA:103,14,1,4
-BRDA:115,15,0,4
-BRDA:115,15,1,1
-BRDA:157,16,0,11
-BRDA:157,16,1,1
-BRF:30
-BRH:28
+FN:108,(anonymous_1)
+FNF:2
+FNH:2
+FNDA:69,(anonymous_0)
+FNDA:69,(anonymous_1)
+DA:11,4
+DA:25,69
+DA:27,69
+DA:28,63
+DA:31,69
+DA:32,69
+DA:33,69
+DA:34,4
+DA:36,69
+DA:37,1
+DA:39,69
+DA:40,4
+DA:44,69
+DA:77,69
+DA:109,69
+DA:110,1
+DA:112,68
+DA:177,4
+LF:18
+LH:18
+BRDA:13,0,0,45
+BRDA:14,1,0,65
+BRDA:15,2,0,27
+BRDA:16,3,0,5
+BRDA:20,4,0,68
+BRDA:21,5,0,29
+BRDA:25,6,0,69
+BRDA:25,6,1,0
+BRDA:27,7,0,63
+BRDA:27,7,1,6
+BRDA:31,8,0,69
+BRDA:31,8,1,0
+BRDA:33,9,0,4
+BRDA:33,9,1,65
+BRDA:36,10,0,1
+BRDA:36,10,1,68
+BRDA:39,11,0,4
+BRDA:39,11,1,65
+BRDA:109,12,0,1
+BRDA:109,12,1,68
+BRDA:120,13,0,69
+BRDA:120,13,1,2
+BRDA:127,14,0,69
+BRDA:127,14,1,9
+BRDA:130,15,0,69
+BRDA:130,15,1,1
+BRDA:137,16,0,69
+BRDA:137,16,1,1
+BRDA:144,17,0,69
+BRDA:144,17,1,4
+BRDA:156,18,0,4
+BRDA:156,18,1,1
+BRF:32
+BRH:30
 end_of_record
 TN:
 SF:components/Toast/index.jsx