sag_components 2.0.0-beta121 → 2.0.0-beta122

package/dist/index.esm.js

@@ -23897,21 +23897,22 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24308,23 +24309,24 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -34434,11 +34436,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })) : /*#__PURE__*/React$1.createElement(Button$1, {
     size: "medium",
     type: okButtonType,
@@ -34447,11 +34449,11 @@ const ModalWithOverlay = props => {
     disabled: disableOkButton,
     text: okButtonText,
     onClick: onOk,
+    hoverTextColor: "#ffffff",
     borderColor: okButtonColor,
     backgroundColor: okButtonColor,
     hoverBorderColor: okButtonHoverBackgroundColor,
-    hoverBackgroundColor: okButtonHoverBackgroundColor,
-    hoverTextColor: "#212121"
+    hoverBackgroundColor: okButtonHoverBackgroundColor
   })))), /*#__PURE__*/React$1.createElement(ModalBody, {
     className: "modal-body"
   }, children)));
@@ -41356,6 +41358,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: sideButtonColor,
+    hoverBorderColor: sideButtonHoverColor,
     backgroundColor: sideButtonColor,
     hoverBackgroundColor: sideButtonHoverColor,
     onClick: onSideButtonClick
@@ -41382,6 +41386,8 @@ const Table = props => {
     leftIcon: "Plus",
     text: "New Event",
     borderRadius: "12px",
+    borderColor: buttonColor,
+    hoverBorderColor: buttonHoverColor,
     backgroundColor: buttonColor,
     hoverBackgroundColor: buttonHoverColor,
     onClick: onButtonClick