npm - @madie/madie-design-system - Versions diffs - 1.2.0 → 1.2.2 - Mend

@madie/madie-design-system 1.2.0 → 1.2.2

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

package/components/AutoComplete/AutoComplete.jsx CHANGED Viewed

@@ -15,7 +15,6 @@ const autoCompleteStyles = {
     marginTop: "8px",
     borderRadius: "3px",
     height: 40,
-    border: "1px solid #DDDDDD",
     "& .MuiOutlinedInput-notchedOutline": {
         borderRadius: "3px",
         "& legend": {
@@ -183,6 +182,14 @@ const AutoComplete = ({
                     return (
                         <TextField
                             sx={{
+                                border: "none",
+                                "& .MuiOutlinedInput-notchedOutline": {
+                                    borderRadius: "3px",
+                                    borderColor: "#8C8C8C",
+                                    "& legend": {
+                                        width: 0,
+                                    },
+                                },
                                 "& .MuiInputBase-input": {
                                     opacity: 1,
                                     color: "#333",
@@ -205,6 +212,11 @@ const AutoComplete = ({
                         ? renderOptionMultiple(props, option, selected)
                         : renderOptionSingle(props, option);
                 }}
+                ChipProps={{sx:{
+                    '& .MuiChip-deleteIcon': {
+                        color: "#757575",
+                    },
+                }}}
                 {...rest}
                 onChange={(_event, selectedVal, reason, detail ) =>
                     onChange(id, selectedVal || "", reason, detail)

package/components/DateField/DateField.jsx CHANGED Viewed

@@ -12,11 +12,10 @@ dayjs.extend(utc)
 dayjs.utc();
 export const dateTextFieldStyle = {
     width: "170px",
-    borderRadius: "3px",
     height: 40,
-    border: "1px solid #B0B0B0",
     marginTop: "8px",
     "& .MuiOutlinedInput-notchedOutline": {
+        border: "1px solid #8C8C8C",
         borderRadius: "3px",
         "& legend": {
             width: 0,

package/components/DateTimeField/DateTimeField.jsx CHANGED Viewed

@@ -14,11 +14,10 @@ dayjs.extend(utc)
 dayjs.utc();
 export const dateTimeTextFieldStyle = {
     width: "240px",
-    borderRadius: "3px",
     height: 40,
-    border: "1px solid #B0B0B0",
     marginTop: "8px",
     "& .MuiOutlinedInput-notchedOutline": {
+        border: "1px solid #8C8C8C",
         borderRadius: "3px",
         "& legend": {
             width: 0,

package/components/Search/index.js CHANGED Viewed

@@ -17,6 +17,7 @@ const Search = ({
 }) => {
     const inputStyle = {
         width: inputWidth,
+        borderColor: "#8C8C8C"
     };
     return (
         <form role="search" className="qpp-c-search qpp-c-search--compact">

package/components/Select/index.jsx CHANGED Viewed

@@ -106,11 +106,12 @@ const Select = ({
             <MUISelect
                 sx={[
                     {
+                        border: "none",
                         borderRadius: "3px",
                         height: 40,
-                        border: "1px solid #DDDDDD",
                         marginTop: "8px",
                         "& .MuiOutlinedInput-notchedOutline": {
+                            borderColor: "#8C8C8C",
                             borderRadius: "3px",
                             "& legend": {
                                 width: 0,

package/components/TextArea/index.jsx CHANGED Viewed

@@ -35,6 +35,7 @@ const TextArea = ({
                 sx={[
                     {
                         backgroundColor: "transparent",
+                        borderColor: "#8C8C8C",
                         display: "flex",
                         flexDirection: "row-reverse",
                         alignSelf: "baseline",

package/components/TextField/index.jsx CHANGED Viewed

@@ -94,11 +94,11 @@ const TextField = ({
                     {
                         borderRadius: "3px",
                         height: 40, //there's a .13 coming from somewhere.
-                        border: "1px solid #DDDDDD",
+                        border: "none",
                         marginTop: "8px",
-                        // remove weird line break from legend
                         "& .MuiOutlinedInput-notchedOutline": {
                             borderRadius: "3px",
+                            borderColor: "#8C8C8C",
                             "& legend": {
                                 width: 0,
                             },

package/components/TimeField/TimeField.jsx CHANGED Viewed

@@ -8,12 +8,11 @@ import PropTypes from "prop-types";
 const timeFieldStyle = {
     width: "134px",
-    borderRadius: "3px",
     height: 40,
-    border: "1px solid #B0B0B0",
     marginTop: "8px",
     "& .MuiOutlinedInput-notchedOutline": {
         borderRadius: "3px",
+        borderColor: "#8C8C8C",
         "& legend": {
             width: 0,
         },