sag_components 2.0.0-beta304 → 2.0.0-beta305

package/dist/index.js

@@ -24195,9 +24195,9 @@ const OptionItem$1 = styled__default["default"].li`
   font-size: 14px;
   font-weight: 400;
   transition: background-color 0.3s;
-  background-color: ${props => props.selected ? '#C7E4FF' : '#fff'};
+  background-color: ${props => props.selected ? props.selectedOptionColor : '#fff'};
   &:hover {
-    background-color: #edf6ff;
+    background-color: ${props => props.optionHoverColor};
   }
   .highlight {
     color: #229e38;
@@ -24224,6 +24224,8 @@ const QuickFilterDropdownSingle = _ref => {
     options,
     selectedValue,
     placeHolder,
+    optionHoverColor = '#edf6ff',
+    selectedOptionColor = "#C7E4FF",
     onChange,
     disabled,
     width,
@@ -24409,7 +24411,9 @@ const QuickFilterDropdownSingle = _ref => {
     className: "OptionItem",
     key: option.value,
     onClick: () => toggleOption(option),
-    selected: isDropdowned(option)
+    selected: isDropdowned(option),
+    selectedOptionColor: selectedOptionColor,
+    optionHoverColor: optionHoverColor
   }, highlightText(option.label, inputValue))))));
 };
 QuickFilterDropdownSingle.propTypes = {
@@ -24417,6 +24421,8 @@ QuickFilterDropdownSingle.propTypes = {
   label: PropTypes.string,
   labelColor: PropTypes.string,
   hoverColor: PropTypes.string,
+  optionHoverColor: PropTypes.string,
+  selectedOptionColor: PropTypes.string,
   width: PropTypes.string,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
@@ -24438,6 +24444,8 @@ QuickFilterDropdownSingle.defaultProps = {
   label: "Label",
   labelColor: "#066768",
   hoverColor: "#066768",
+  optionHoverColor: '#edf6ff',
+  selectedOptionColor: "#C7E4FF",
   width: "auto",
   disabled: false,
   error: false,
@@ -24622,7 +24630,7 @@ const OptionItem = styled__default["default"].li`
   transition: background-color 0.3s;
 
   &:hover {
-    background-color: #EDF6FF;
+    background-color: ${props => props.optionHoverColor};
   }
 `;
 const ErrorMessage$1 = styled__default["default"].div`
@@ -24699,6 +24707,7 @@ const QuickFilterDropdownMultiSelection = _ref => {
     error,
     errorMessage,
     labelColor,
+    optionHoverColor = '#edf6ff',
     xIconShow,
     checkBoxColor,
     showLabelOnTop,
@@ -24953,7 +24962,8 @@ const QuickFilterDropdownMultiSelection = _ref => {
     className: "OptionItem",
     key: option.value,
     onClick: () => toggleOption(option),
-    selected: isDropdowned(option)
+    selected: isDropdowned(option),
+    optionHoverColor: optionHoverColor
   }, /*#__PURE__*/React__default["default"].createElement(IconContainer$2, {
     className: "IconContainer"
   }, selectedOptions.find(itemSelectedOptions => option.value === itemSelectedOptions.value) ? /*#__PURE__*/React__default["default"].createElement(CheckBoxCheckedIcon, {
@@ -25036,6 +25046,8 @@ const QuickFilter = _ref => {
     label = "Unit Type:",
     labelColor = "#066768",
     placeHolder = "Select From List",
+    optionHoverColor = '#edf6ff',
+    selectedOptionColor = "#C7E4FF",
     width = "auto",
     height = "38px",
     checkBoxColor = "#229E38",
@@ -25053,6 +25065,7 @@ const QuickFilter = _ref => {
     label: label,
     labelColor: labelColor,
     checkBoxColor: checkBoxColor,
+    optionHoverColor: optionHoverColor,
     options: options,
     width: width,
     height: height,
@@ -25067,6 +25080,8 @@ const QuickFilter = _ref => {
     placeHolder: placeHolder,
     label: label,
     labelColor: labelColor,
+    optionHoverColor: optionHoverColor,
+    selectedOptionColor: selectedOptionColor,
     checkBoxColor: checkBoxColor,
     options: options,
     width: width,
@@ -35752,7 +35767,7 @@ const Label$3 = styled__default["default"].label`
   if (props.isFocused || props.hasValue) {
     return '0px';
   }
-  return props.size === 'medium' ? '26px' : '17px';
+  return props.size === 'medium' ? '50%' : '17px';
 }};
   left: ${props => {
   if (props.multiline) {