@activecollab/components 2.0.433 → 2.0.435

package/dist/index.js

@@ -14685,7 +14685,7 @@
     componentId: "sc-1hgjasy-0"
   })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);
 
-  var _excluded$1F = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1F = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite", "modifiers"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -14699,6 +14699,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
+      extraModifiers = _ref.modifiers,
       rest = _objectWithoutProperties(_ref, _excluded$1F);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -14721,7 +14722,7 @@
       if (popperRef.current) {
         popperRef.current.destroy();
       }
-      var modifiers = [{
+      var modifiers = [...(extraModifiers || []), {
         name: "hide",
         enabled: true,
         phase: "main",
@@ -14760,7 +14761,7 @@
         strategy,
         modifiers
       });
-    }, [afterWrite, anchorEl, open, placement, strategy]);
+    }, [afterWrite, anchorEl, extraModifiers, open, placement, strategy]);
     var handleClose = function handleClose() {
       if (!popperRef.current) {
         return;
@@ -15644,7 +15645,8 @@
       TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
       popperTooltipStyle = _ref2.popperTooltipStyle,
       popperTooltipClassName = _ref2.popperTooltipClassName,
-      disable = _ref2.disable;
+      disable = _ref2.disable,
+      popperModifiers = _ref2.popperModifiers;
     var _useLayerContext = useLayerContext(),
       _useLayerContext$zInd = _useLayerContext.zIndex,
       zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
@@ -15683,6 +15685,7 @@
       open: childNode ? open : false,
       placement: placement,
       transition: true,
+      modifiers: popperModifiers,
       className: popperTooltipClassName,
       style: _objectSpread2({
         zIndex
@@ -25038,7 +25041,7 @@
   var StyledChoose$1 = styled__default["default"].button.withConfig({
     displayName: "Styles__StyledChoose",
     componentId: "sc-1j2qv02-0"
-  })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
+  })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
     "margin": "0px",
     "display": "inline-block",
     "verticalAlign": "middle",
@@ -25053,9 +25056,7 @@
     "borderRadius": "0.5rem",
     "textAlign": "center",
     "color": "var(--color-theme-700)"
-  }, FontStyle, BoxSizingStyle, {
-    "borderColor": "var(--color-primary)"
-  }, function (props) {
+  }, FontStyle, BoxSizingStyle, function (props) {
     return props.active && styled.css(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
       "zIndex": "0"
     });
@@ -25117,7 +25118,7 @@
     displayName: "Styles__StyledChoose",
     componentId: "sc-uv67fb-0"
   })(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
-    return !props.active && styled.css(["background-color:transparent !important;"]);
+    return !props.active && styled.css(["&:not(:hover){background-color:transparent !important;}"]);
   });
   StyledChoose.displayName = "StyledChoose";
   var StyledVerticalContainer = styled__default["default"].div.withConfig({