@madie/madie-design-system 1.0.41 → 1.0.44

package/components/TextArea/index.jsx

@@ -0,0 +1,107 @@
+import React from "react";
+import {
+    FormControl,
+    FormHelperText,
+    TextareaAutosize
+} from "@mui/material";
+import InputLabel from "../InputLabel";
+import PropTypes from "prop-types";
+
+const TextArea = ({
+    id,
+    error = false,
+    helperText = undefined,
+    required = false,
+    disabled = false,
+    label,
+    inputProps,
+    ...rest
+}) => {
+    // coerce this to avoid issue passing props to dom.
+    // text area autosize is deprecated and only takes style rules
+    return (
+        <FormControl fullWidth error={error}>
+            <div style={{ width: 1, display: "flex", flexDirection: "column", flexGrow: 1}}/> 
+            <InputLabel
+                disabled={disabled}
+                shrink
+                required={required}
+                error={error}
+                htmlFor={id}
+                style={{marginBottom: 0, height: 16}} // force a heignt
+                sx={[
+                {
+                    backgroundColor: "transparent",
+                    display: "flex",
+                    flexDirection: "row-reverse",
+                    alignSelf: "baseline",
+                    textTransform: "none",
+                    // force it outside the select box
+                    position: "initial",
+                    transform: "translateX(0px) translateY(0px)",
+                    fontFamily: "Rubik",
+                    fontWeight: 500,
+                    fontSize: 14,
+                    color: "#333",
+                    "& .MuiInputLabel-asterisk": {
+                        color: "#AE1C1C !important",
+                        marginRight: "3px !important", //this was
+                    },
+                },
+                required && {
+                    transform: "translateX(-12px) translateY(0px)",
+                    "& .MuiInputLabel-asterisk": {
+                        color: "#D92F2",
+                        marginRight: "3px !important", //this was
+                    },
+                },
+                disabled && {
+                    color: "rgba(0,0,0,0.6)",
+                },
+                error && {
+                    color: "#AE1C1C !important",
+                },
+            ]}
+            >
+                {label}
+            </InputLabel>
+            { helperText && (<FormHelperText
+                tabIndex={0}
+                aria-live="polite"
+                id={`${id}-helper-text`}
+                data-testid={`${id}-helper-text`}
+                sx={[{
+                    margin: "4px 0px 0px 0px",
+                    color: "#515151", 
+                    lineHeight: 1
+                },
+                error && {
+                    color: "#AE1C1C !important",
+                },
+            ]}
+                    >
+                {helperText}
+            </FormHelperText>)}
+            <TextareaAutosize
+                className={error ? "text-area-variable error" : "text-area-variable"}
+                label={null}
+                disabled={disabled}
+                id={id}
+                {...inputProps}
+                {...rest}
+            />
+        </FormControl>
+    );
+};
+
+TextArea.propTypes = {
+    id: PropTypes.string,
+    error: PropTypes.bool,
+    helperText: PropTypes.string,
+    required: PropTypes.bool,
+    disabled: PropTypes.bool,
+    placeholder: PropTypes.string, // expects placeholder objects of { name: value } and inserts into the render item function.
+    label: PropTypes.string,
+    inputProps: PropTypes.any
+};
+export default TextArea;

package/components/index.js

@@ -22,7 +22,9 @@ import Select from "./Select";
 import Spinner from "./UnwrappedSpinner";
 import TabPanel from "./Tabs/TabPanel";
 import Tabs from "./Tabs/index";
+import Tab from "./Tabs/Tab";
 import TextField from "./TextField";
+import TextArea from './TextArea';
 import Tooltip from "./Tooltip";
 import Toast from "./Toast";
 import Infotip from "./Infotip";
@@ -140,9 +142,11 @@ export {
     Spinner,
     TabPanel,
     Tabs,
+    Tab,
     TextButton,
     TextInput,
     TextField,
+    TextArea,
     Toast,
     Dropdown,
     Tooltip,

package/coverage/clover.xml

@@ -1,433 +1,45 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1674846246483" clover="3.2.0">
-  <project timestamp="1674846246483" name="All files">
-    <metrics statements="280" coveredstatements="269" conditionals="184" coveredconditionals="165" methods="89" coveredmethods="83" elements="553" coveredelements="517" complexity="0" loc="280" ncloc="280" packages="20" files="29" classes="29"/>
-    <package name="react">
-      <metrics statements="3" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
-      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/index.js">
-        <metrics statements="3" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="8" count="0" type="stmt"/>
-        <line num="12" count="0" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Accordion">
-      <metrics statements="20" coveredstatements="17" conditionals="20" coveredconditionals="16" methods="6" coveredmethods="5"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Accordion/index.jsx">
-        <metrics statements="20" coveredstatements="17" conditionals="20" coveredconditionals="16" methods="6" coveredmethods="5"/>
-        <line num="5" count="1" type="stmt"/>
-        <line num="6" count="3" type="stmt"/>
-        <line num="7" count="3" type="cond" truecount="1" falsecount="1"/>
-        <line num="8" count="3" type="cond" truecount="2" falsecount="0"/>
-        <line num="9" count="3" type="stmt"/>
-        <line num="10" count="1" type="cond" truecount="1" falsecount="1"/>
-        <line num="11" count="1" type="stmt"/>
-        <line num="13" count="0" type="stmt"/>
-        <line num="15" count="3" type="cond" truecount="2" falsecount="0"/>
-        <line num="16" count="3" type="cond" truecount="2" falsecount="0"/>
-        <line num="19" count="2" type="cond" truecount="2" falsecount="0"/>
-        <line num="23" count="0" type="stmt"/>
-        <line num="27" count="1" type="stmt"/>
-        <line num="30" count="3" type="stmt"/>
-        <line num="31" count="1" type="cond" truecount="1" falsecount="1"/>
-        <line num="32" count="0" type="stmt"/>
-        <line num="34" count="1" type="stmt"/>
-        <line num="38" count="3" type="stmt"/>
-        <line num="81" count="1" type="stmt"/>
-        <line num="90" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Button">
-      <metrics statements="20" coveredstatements="20" conditionals="13" coveredconditionals="10" methods="3" coveredmethods="3"/>
-      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Button/index.js">
-        <metrics statements="20" coveredstatements="20" conditionals="13" coveredconditionals="10" methods="3" coveredmethods="3"/>
-        <line num="4" count="4" type="stmt"/>
-        <line num="15" count="4" type="stmt"/>
-        <line num="17" count="4" type="stmt"/>
-        <line num="28" count="28" type="stmt"/>
-        <line num="30" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="31" count="19" type="stmt"/>
-        <line num="33" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="34" count="1" type="stmt"/>
-        <line num="36" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="37" count="2" type="stmt"/>
-        <line num="40" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="41" count="1" type="stmt"/>
-        <line num="52" count="27" type="stmt"/>
-        <line num="66" count="4" type="stmt"/>
-        <line num="77" count="4" type="stmt"/>
-        <line num="82" count="2" type="stmt"/>
-        <line num="88" count="4" type="cond" truecount="0" falsecount="1"/>
-        <line num="89" count="1" type="stmt"/>
-        <line num="92" count="4" type="stmt"/>
-        <line num="96" count="4" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Error">
-      <metrics statements="21" coveredstatements="18" conditionals="12" coveredconditionals="7" methods="8" coveredmethods="6"/>
-      <file name="Collapsible.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Error/Collapsible.jsx">
-        <metrics statements="15" coveredstatements="13" conditionals="8" coveredconditionals="5" methods="6" coveredmethods="5"/>
-        <line num="6" count="2" type="stmt"/>
-        <line num="8" count="2" type="stmt"/>
-        <line num="12" count="2" type="stmt"/>
-        <line num="13" count="2" type="stmt"/>
-        <line num="14" count="2" type="stmt"/>
-        <line num="18" count="0" type="stmt"/>
-        <line num="24" count="2" type="stmt"/>
-        <line num="32" count="2" type="cond" truecount="1" falsecount="1"/>
-        <line num="33" count="2" type="stmt"/>
-        <line num="39" count="0" type="stmt"/>
-        <line num="44" count="2" type="stmt"/>
-        <line num="45" count="2" type="cond" truecount="1" falsecount="1"/>
-        <line num="47" count="2" type="stmt"/>
-        <line num="63" count="2" type="stmt"/>
-        <line num="85" count="2" type="stmt"/>
-      </file>
-      <file name="ErrorUI.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Error/ErrorUI.jsx">
-        <metrics statements="5" coveredstatements="5" conditionals="4" coveredconditionals="2" methods="1" coveredmethods="1"/>
-        <line num="5" count="2" type="stmt"/>
-        <line num="6" count="2" type="cond" truecount="2" falsecount="2"/>
-        <line num="7" count="2" type="stmt"/>
-        <line num="9" count="2" type="stmt"/>
-        <line num="25" count="2" type="stmt"/>
-      </file>
-      <file name="error.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Error/error.js">
-        <metrics statements="1" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="17" count="0" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Footer">
-      <metrics statements="18" coveredstatements="15" conditionals="18" coveredconditionals="14" methods="4" coveredmethods="3"/>
-      <file name="FooterUI.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Footer/FooterUI.jsx">
-        <metrics statements="11" coveredstatements="11" conditionals="8" coveredconditionals="6" methods="2" coveredmethods="2"/>
-        <line num="6" count="2" type="stmt"/>
-        <line num="7" count="7" type="stmt"/>
-        <line num="8" count="7" type="stmt"/>
-        <line num="9" count="7" type="cond" truecount="1" falsecount="1"/>
-        <line num="14" count="7" type="stmt"/>
-        <line num="34" count="7" type="stmt"/>
-        <line num="35" count="6" type="cond" truecount="1" falsecount="1"/>
-        <line num="38" count="7" type="cond" truecount="2" falsecount="0"/>
-        <line num="39" count="2" type="stmt"/>
-        <line num="116" count="5" type="stmt"/>
-        <line num="125" count="2" type="stmt"/>
-      </file>
-      <file name="LegacyFooterUI.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Footer/LegacyFooterUI.jsx">
-        <metrics statements="4" coveredstatements="4" conditionals="8" coveredconditionals="8" methods="1" coveredmethods="1"/>
-        <line num="6" count="2" type="stmt"/>
-        <line num="8" count="2" type="stmt"/>
-        <line num="9" count="5" type="stmt"/>
-        <line num="198" count="2" type="stmt"/>
-      </file>
-      <file name="footer.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Footer/footer.js">
-        <metrics statements="3" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="16" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="17" count="0" type="stmt"/>
-        <line num="27" count="0" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Infotip">
-      <metrics statements="17" coveredstatements="17" conditionals="8" coveredconditionals="8" methods="4" coveredmethods="4"/>
-      <file name="Infotip.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Infotip/Infotip.jsx">
-        <metrics statements="13" coveredstatements="13" conditionals="2" coveredconditionals="2" methods="3" coveredmethods="3"/>
-        <line num="6" count="3" type="stmt"/>
-        <line num="8" count="3" type="stmt"/>
-        <line num="25" count="3" type="stmt"/>
-        <line num="27" count="1" type="stmt"/>
-        <line num="30" count="2" type="cond" truecount="2" falsecount="0"/>
-        <line num="31" count="1" type="stmt"/>
-        <line num="32" count="1" type="stmt"/>
-        <line num="34" count="1" type="stmt"/>
-        <line num="35" count="1" type="stmt"/>
-        <line num="43" count="3" type="stmt"/>
-        <line num="44" count="9" type="stmt"/>
-        <line num="62" count="3" type="stmt"/>
-        <line num="69" count="3" type="stmt"/>
-      </file>
-      <file name="InfotipIcon.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Infotip/InfotipIcon.jsx">
-        <metrics statements="4" coveredstatements="4" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
-        <line num="4" count="3" type="stmt"/>
-        <line num="5" count="9" type="stmt"/>
-        <line num="35" count="3" type="stmt"/>
-        <line num="39" count="3" type="stmt"/>
-      </file>
-      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Infotip/index.js">
-        <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
-      </file>
-    </package>
-    <package name="react.components.InputLabel">
-      <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/InputLabel/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
-        <line num="5" count="3" type="stmt"/>
-        <line num="6" count="12" type="stmt"/>
-        <line num="48" count="3" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.MadieAlert">
-      <metrics statements="7" coveredstatements="7" conditionals="9" coveredconditionals="6" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieAlert/index.jsx">
-        <metrics statements="7" coveredstatements="7" conditionals="9" coveredconditionals="6" methods="1" coveredmethods="1"/>
-        <line num="15" count="1" type="stmt"/>
-        <line num="24" count="2" type="stmt"/>
-        <line num="30" count="2" type="stmt"/>
-        <line num="32" count="2" type="stmt"/>
-        <line num="33" count="2" type="stmt"/>
-        <line num="35" count="2" type="stmt"/>
-        <line num="64" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.MadieDeleteDialog">
-      <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDeleteDialog/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="12" count="8" type="stmt"/>
-        <line num="48" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.MadieDialog">
-      <metrics statements="8" coveredstatements="8" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDialog/index.jsx">
-        <metrics statements="8" coveredstatements="8" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2"/>
-        <line num="16" count="3" type="stmt"/>
-        <line num="51" count="18" type="stmt"/>
-        <line num="53" count="18" type="stmt"/>
-        <line num="55" count="18" type="stmt"/>
-        <line num="57" count="18" type="stmt"/>
-        <line num="76" count="1" type="stmt"/>
-        <line num="77" count="1" type="stmt"/>
-        <line num="248" count="3" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.MadieDiscardDialog">
-      <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDiscardDialog/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="7" count="8" type="stmt"/>
-        <line num="43" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.MadieSpinner">
-      <metrics statements="3" coveredstatements="3" conditionals="2" coveredconditionals="2" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieSpinner/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="2" coveredconditionals="2" methods="1" coveredmethods="1"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="7" count="2" type="stmt"/>
-        <line num="31" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Pagination">
-      <metrics statements="11" coveredstatements="11" conditionals="14" coveredconditionals="14" methods="3" coveredmethods="3"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Pagination/index.jsx">
-        <metrics statements="11" coveredstatements="11" conditionals="14" coveredconditionals="14" methods="3" coveredmethods="3"/>
-        <line num="31" count="1" type="stmt"/>
-        <line num="40" count="1" type="stmt"/>
-        <line num="45" count="1" type="stmt"/>
-        <line num="59" count="3" type="stmt"/>
-        <line num="103" count="9" type="stmt"/>
-        <line num="149" count="18" type="cond" truecount="2" falsecount="0"/>
-        <line num="150" count="2" type="stmt"/>
-        <line num="170" count="16" type="cond" truecount="2" falsecount="0"/>
-        <line num="171" count="1" type="stmt"/>
-        <line num="187" count="15" type="stmt"/>
-        <line num="202" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Popover">
-      <metrics statements="5" coveredstatements="5" conditionals="4" coveredconditionals="4" methods="3" coveredmethods="3"/>
-      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Popover/index.js">
-        <metrics statements="5" coveredstatements="5" conditionals="4" coveredconditionals="4" methods="3" coveredmethods="3"/>
-        <line num="5" count="1" type="stmt"/>
-        <line num="14" count="5" type="stmt"/>
-        <line num="79" count="5" type="stmt"/>
-        <line num="91" count="5" type="stmt"/>
-        <line num="107" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.ReadOnlyTextField">
-      <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/ReadOnlyTextField/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="15" count="2" type="stmt"/>
-        <line num="67" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Select">
-      <metrics statements="8" coveredstatements="8" conditionals="26" coveredconditionals="26" methods="2" coveredmethods="2"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Select/index.jsx">
-        <metrics statements="8" coveredstatements="8" conditionals="26" coveredconditionals="26" methods="2" coveredmethods="2"/>
-        <line num="8" count="1" type="stmt"/>
-        <line num="28" count="6" type="stmt"/>
-        <line num="32" count="6" type="stmt"/>
-        <line num="146" count="16" type="cond" truecount="2" falsecount="0"/>
-        <line num="147" count="7" type="cond" truecount="2" falsecount="0"/>
-        <line num="148" count="2" type="stmt"/>
-        <line num="151" count="14" type="stmt"/>
-        <line num="161" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.TextField">
-      <metrics statements="3" coveredstatements="3" conditionals="16" coveredconditionals="16" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/TextField/index.jsx">
-        <metrics statements="3" coveredstatements="3" conditionals="16" coveredconditionals="16" methods="1" coveredmethods="1"/>
-        <line num="10" count="1" type="stmt"/>
-        <line num="19" count="4" type="stmt"/>
-        <line num="128" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Toast">
-      <metrics statements="7" coveredstatements="7" conditionals="7" coveredconditionals="7" methods="1" coveredmethods="1"/>
-      <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Toast/index.jsx">
-        <metrics statements="7" coveredstatements="7" conditionals="7" coveredconditionals="7" methods="1" coveredmethods="1"/>
-        <line num="14" count="1" type="stmt"/>
-        <line num="28" count="13" type="stmt"/>
-        <line num="34" count="13" type="stmt"/>
-        <line num="36" count="13" type="stmt"/>
-        <line num="37" count="13" type="stmt"/>
-        <line num="39" count="13" type="stmt"/>
-        <line num="102" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.components.Tooltip">
-      <metrics statements="37" coveredstatements="37" conditionals="19" coveredconditionals="19" methods="5" coveredmethods="5"/>
-      <file name="Tooltip.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Tooltip/Tooltip.jsx">
-        <metrics statements="16" coveredstatements="16" conditionals="7" coveredconditionals="7" methods="2" coveredmethods="2"/>
-        <line num="9" count="4" type="stmt"/>
-        <line num="10" count="4" type="stmt"/>
-        <line num="19" count="4" type="stmt"/>
-        <line num="20" count="41" type="stmt"/>
-        <line num="21" count="41" type="stmt"/>
-        <line num="22" count="41" type="stmt"/>
-        <line num="23" count="41" type="stmt"/>
-        <line num="25" count="41" type="stmt"/>
-        <line num="30" count="38" type="cond" truecount="5" falsecount="0"/>
-        <line num="31" count="3" type="stmt"/>
-        <line num="32" count="3" type="stmt"/>
-        <line num="33" count="3" type="stmt"/>
-        <line num="42" count="3" type="stmt"/>
-        <line num="46" count="41" type="stmt"/>
-        <line num="76" count="4" type="stmt"/>
-        <line num="83" count="4" type="stmt"/>
-      </file>
-      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Tooltip/index.js">
-        <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
-      </file>
-      <file name="position.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Tooltip/position.js">
-        <metrics statements="21" coveredstatements="21" conditionals="12" coveredconditionals="12" methods="3" coveredmethods="3"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="5" count="4" type="stmt"/>
-        <line num="6" count="10" type="stmt"/>
-        <line num="13" count="10" type="cond" truecount="2" falsecount="0"/>
-        <line num="19" count="4" type="stmt"/>
-        <line num="20" count="6" type="cond" truecount="4" falsecount="0"/>
-        <line num="21" count="1" type="stmt"/>
-        <line num="24" count="5" type="stmt"/>
-        <line num="25" count="5" type="stmt"/>
-        <line num="26" count="5" type="stmt"/>
-        <line num="28" count="5" type="stmt"/>
-        <line num="30" count="5" type="stmt"/>
-        <line num="32" count="5" type="stmt"/>
-        <line num="56" count="4" type="stmt"/>
-        <line num="57" count="5" type="stmt"/>
-        <line num="58" count="5" type="cond" truecount="2" falsecount="0"/>
-        <line num="63" count="5" type="stmt"/>
-        <line num="65" count="5" type="cond" truecount="2" falsecount="0"/>
-        <line num="69" count="5" type="stmt"/>
-      </file>
-    </package>
-    <package name="react.lib">
-      <metrics statements="80" coveredstatements="80" conditionals="0" coveredconditionals="0" methods="39" coveredmethods="39"/>
-      <file name="Chevron.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/lib/Chevron.jsx">
-        <metrics statements="4" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-        <line num="4" count="1" type="stmt"/>
-        <line num="5" count="3" type="stmt"/>
-        <line num="26" count="1" type="stmt"/>
-        <line num="30" count="1" type="stmt"/>
-      </file>
-      <file name="SvgComponents.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/lib/SvgComponents.jsx">
-        <metrics statements="76" coveredstatements="76" conditionals="0" coveredconditionals="0" methods="38" coveredmethods="38"/>
-        <line num="3" count="1" type="stmt"/>
-        <line num="4" count="1" type="stmt"/>
-        <line num="15" count="1" type="stmt"/>
-        <line num="16" count="1" type="stmt"/>
-        <line num="31" count="1" type="stmt"/>
-        <line num="32" count="1" type="stmt"/>
-        <line num="38" count="1" type="stmt"/>
-        <line num="39" count="1" type="stmt"/>
-        <line num="53" count="1" type="stmt"/>
-        <line num="54" count="1" type="stmt"/>
-        <line num="72" count="1" type="stmt"/>
-        <line num="73" count="1" type="stmt"/>
-        <line num="78" count="1" type="stmt"/>
-        <line num="79" count="1" type="stmt"/>
-        <line num="87" count="1" type="stmt"/>
-        <line num="88" count="1" type="stmt"/>
-        <line num="95" count="1" type="stmt"/>
-        <line num="96" count="1" type="stmt"/>
-        <line num="106" count="1" type="stmt"/>
-        <line num="107" count="1" type="stmt"/>
-        <line num="122" count="1" type="stmt"/>
-        <line num="123" count="1" type="stmt"/>
-        <line num="155" count="1" type="stmt"/>
-        <line num="156" count="1" type="stmt"/>
-        <line num="163" count="1" type="stmt"/>
-        <line num="164" count="1" type="stmt"/>
-        <line num="182" count="1" type="stmt"/>
-        <line num="183" count="1" type="stmt"/>
-        <line num="198" count="1" type="stmt"/>
-        <line num="199" count="1" type="stmt"/>
-        <line num="224" count="1" type="stmt"/>
-        <line num="225" count="1" type="stmt"/>
-        <line num="242" count="1" type="stmt"/>
-        <line num="243" count="1" type="stmt"/>
-        <line num="254" count="1" type="stmt"/>
-        <line num="255" count="1" type="stmt"/>
-        <line num="262" count="1" type="stmt"/>
-        <line num="263" count="1" type="stmt"/>
-        <line num="283" count="1" type="stmt"/>
-        <line num="284" count="1" type="stmt"/>
-        <line num="303" count="1" type="stmt"/>
-        <line num="304" count="1" type="stmt"/>
-        <line num="312" count="1" type="stmt"/>
-        <line num="313" count="1" type="stmt"/>
-        <line num="321" count="1" type="stmt"/>
-        <line num="322" count="1" type="stmt"/>
-        <line num="330" count="1" type="stmt"/>
-        <line num="331" count="1" type="stmt"/>
-        <line num="348" count="1" type="stmt"/>
-        <line num="349" count="1" type="stmt"/>
-        <line num="360" count="1" type="stmt"/>
-        <line num="361" count="1" type="stmt"/>
-        <line num="382" count="1" type="stmt"/>
-        <line num="383" count="1" type="stmt"/>
-        <line num="392" count="1" type="stmt"/>
-        <line num="393" count="1" type="stmt"/>
-        <line num="402" count="1" type="stmt"/>
-        <line num="403" count="1" type="stmt"/>
-        <line num="410" count="1" type="stmt"/>
-        <line num="411" count="1" type="stmt"/>
-        <line num="422" count="1" type="stmt"/>
-        <line num="423" count="1" type="stmt"/>
-        <line num="428" count="1" type="stmt"/>
-        <line num="429" count="1" type="stmt"/>
-        <line num="445" count="1" type="stmt"/>
-        <line num="446" count="1" type="stmt"/>
-        <line num="464" count="1" type="stmt"/>
-        <line num="465" count="1" type="stmt"/>
-        <line num="485" count="1" type="stmt"/>
-        <line num="486" count="2" type="stmt"/>
-        <line num="506" count="1" type="stmt"/>
-        <line num="507" count="1" type="stmt"/>
-        <line num="519" count="1" type="stmt"/>
-        <line num="520" count="1" type="stmt"/>
-        <line num="531" count="1" type="stmt"/>
-        <line num="532" count="1" type="stmt"/>
-      </file>
-    </package>
+<coverage generated="1681162528507" clover="3.2.0">
+  <project timestamp="1681162528508" name="All files">
+    <metrics statements="33" coveredstatements="33" conditionals="20" coveredconditionals="18" methods="4" coveredmethods="4" elements="57" coveredelements="55" complexity="0" loc="33" ncloc="33" packages="1" files="2" classes="2"/>
+    <file name="Tab.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Tabs/Tab.js">
+      <metrics statements="15" coveredstatements="15" conditionals="12" coveredconditionals="11" methods="2" coveredmethods="2"/>
+      <line num="5" count="1" type="stmt"/>
+      <line num="15" count="1" type="stmt"/>
+      <line num="26" count="1" type="stmt"/>
+      <line num="40" count="1" type="stmt"/>
+      <line num="41" count="64" type="stmt"/>
+      <line num="53" count="64" type="stmt"/>
+      <line num="54" count="64" type="cond" truecount="2" falsecount="0"/>
+      <line num="55" count="16" type="stmt"/>
+      <line num="57" count="48" type="cond" truecount="4" falsecount="0"/>
+      <line num="58" count="32" type="stmt"/>
+      <line num="60" count="16" type="cond" truecount="1" falsecount="1"/>
+      <line num="61" count="16" type="stmt"/>
+      <line num="64" count="64" type="stmt"/>
+      <line num="73" count="1" type="stmt"/>
+      <line num="77" count="1" type="stmt"/>
+    </file>
+    <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Tabs/index.js">
+      <metrics statements="18" coveredstatements="18" conditionals="8" coveredconditionals="7" methods="2" coveredmethods="2"/>
+      <line num="5" count="1" type="stmt"/>
+      <line num="13" count="1" type="stmt"/>
+      <line num="22" count="1" type="stmt"/>
+      <line num="32" count="1" type="stmt"/>
+      <line num="42" count="1" type="stmt"/>
+      <line num="47" count="8" type="stmt"/>
+      <line num="59" count="8" type="stmt"/>
+      <line num="60" count="8" type="cond" truecount="2" falsecount="0"/>
+      <line num="61" count="2" type="stmt"/>
+      <line num="63" count="6" type="cond" truecount="2" falsecount="0"/>
+      <line num="64" count="2" type="stmt"/>
+      <line num="66" count="4" type="cond" truecount="2" falsecount="0"/>
+      <line num="67" count="2" type="stmt"/>
+      <line num="69" count="2" type="cond" truecount="1" falsecount="1"/>
+      <line num="70" count="2" type="stmt"/>
+      <line num="73" count="8" type="stmt"/>
+      <line num="80" count="1" type="stmt"/>
+      <line num="90" count="1" type="stmt"/>
+    </file>
   </project>
 </coverage>