@activecollab/components 1.0.133 → 1.0.134

package/dist/index.js

@@ -314,7 +314,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$12 = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$13 = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Button component
@@ -328,7 +328,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$12);
+        args = _objectWithoutProperties(_ref, _excluded$13);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       disabled: disabled,
@@ -381,12 +381,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$11 = ["className", "disabled"];
+  var _excluded$12 = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$11);
+        rest = _objectWithoutProperties(_ref, _excluded$12);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
@@ -419,11 +419,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$10 = ["children", "className"];
+  var _excluded$11 = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$10);
+        rest = _objectWithoutProperties(_ref, _excluded$11);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
@@ -486,7 +486,7 @@
     return React.useContext(MenuContext);
   };
 
-  var _excluded$$ = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
+  var _excluded$10 = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         anchorEl = _ref.anchorEl,
@@ -499,7 +499,7 @@
         initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
         _ref$strategy = _ref.strategy,
         strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
-        rest = _objectWithoutProperties(_ref, _excluded$$);
+        rest = _objectWithoutProperties(_ref, _excluded$10);
 
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -605,12 +605,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$_ = ["className", "disableBackgroundColor"];
+  var _excluded$$ = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
         _ref$disableBackgroun = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-        rest = _objectWithoutProperties(_ref, _excluded$_);
+        rest = _objectWithoutProperties(_ref, _excluded$$);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classnames__default["default"]("c-overlay", className),
@@ -654,7 +654,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$Z = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
+  var _excluded$_ = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -671,7 +671,7 @@
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
         onClick = _ref.onClick,
-        rest = _objectWithoutProperties(_ref, _excluded$Z);
+        rest = _objectWithoutProperties(_ref, _excluded$_);
 
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
@@ -745,7 +745,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$Y = ["children", "className", "innerRef", "style"];
+  var _excluded$Z = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -753,7 +753,7 @@
         innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        rest = _objectWithoutProperties(_ref, _excluded$Y);
+        rest = _objectWithoutProperties(_ref, _excluded$Z);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
@@ -1061,7 +1061,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$X = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$Y = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -1092,7 +1092,7 @@
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         className = _ref.className,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$X);
+        props = _objectWithoutProperties(_ref, _excluded$Y);
 
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
@@ -1116,13 +1116,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$W = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$X = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
         className = _ref.className,
         leftElement = _ref.leftElement,
         rightElement = _ref.rightElement,
-        props = _objectWithoutProperties(_ref, _excluded$W);
+        props = _objectWithoutProperties(_ref, _excluded$X);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classnames__default["default"]("c-menu-header", className),
@@ -1148,11 +1148,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$V = ["children", "className"];
+  var _excluded$W = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$V);
+        props = _objectWithoutProperties(_ref, _excluded$W);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, _extends({}, props, {
       className: classnames__default["default"]("c-menu-footer", className),
@@ -1193,11 +1193,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$U = ["children", "className"];
+  var _excluded$V = ["children", "className"];
   var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$U);
+        props = _objectWithoutProperties(_ref, _excluded$V);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({}, props, {
       className: className,
@@ -1206,11 +1206,11 @@
   });
   List.displayName = "List";
 
-  var _excluded$T = ["children", "className"];
+  var _excluded$U = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$T);
+        props = _objectWithoutProperties(_ref, _excluded$U);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({}, props, {
       className: classnames__default["default"]("c-list-item", className),
@@ -3620,7 +3620,7 @@
   });
   StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
 
-  var _excluded$S = ["children", "className", "separator"];
+  var _excluded$T = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
 
@@ -3628,7 +3628,7 @@
         className = _ref.className,
         _ref$separator = _ref.separator,
         separator = _ref$separator === void 0 ? "/" : _ref$separator,
-        rest = _objectWithoutProperties(_ref, _excluded$S);
+        rest = _objectWithoutProperties(_ref, _excluded$T);
 
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
@@ -3815,11 +3815,11 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
-  var _excluded$R = ["children"];
+  var _excluded$S = ["children"];
 
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$R);
+        props = _objectWithoutProperties(_ref, _excluded$S);
 
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
@@ -3906,12 +3906,12 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$Q = ["weight", "children"];
+  var _excluded$R = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$Q);
+        props = _objectWithoutProperties(_ref, _excluded$R);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
@@ -3959,7 +3959,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$P = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+  var _excluded$Q = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
         icon = _ref.icon,
@@ -3969,7 +3969,7 @@
         tooltipText = _ref.tooltipText,
         onClearAll = _ref.onClearAll,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$P);
+        args = _objectWithoutProperties(_ref, _excluded$Q);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       className: className
@@ -4284,7 +4284,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$O = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$P = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
         onChange = _ref.onChange,
@@ -4306,7 +4306,7 @@
         _ref$fixedWeeks = _ref.fixedWeeks,
         fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
         defaultModifiers = _ref.modifiers,
-        rest = _objectWithoutProperties(_ref, _excluded$O);
+        rest = _objectWithoutProperties(_ref, _excluded$P);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -5231,7 +5231,7 @@
   };
   Tbody.displayName = "Tbody";
 
-  var _excluded$N = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
+  var _excluded$O = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
   exports.SortDirection = void 0;
 
   (function (SortDirection) {
@@ -5281,7 +5281,7 @@
     } : _ref$groupHead,
         isCollapsible = _ref.isCollapsible,
         emptyValue = _ref.emptyValue,
-        args = _objectWithoutProperties(_ref, _excluded$N);
+        args = _objectWithoutProperties(_ref, _excluded$O);
 
     var _useState = React.useState(sortDirection),
         _useState2 = _slicedToArray(_useState, 2),
@@ -5701,7 +5701,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$M = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$N = ["children", "className", "type", "hover", "useOptimizedShadow"];
 
   /**
    * This is a component description and should sit directly above your component
@@ -5715,7 +5715,7 @@
         hover = _ref$hover === void 0 ? false : _ref$hover,
         _ref$useOptimizedShad = _ref.useOptimizedShadow,
         useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-        rest = _objectWithoutProperties(_ref, _excluded$M);
+        rest = _objectWithoutProperties(_ref, _excluded$N);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classnames__default["default"](className, {
@@ -5769,7 +5769,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$L = ["children", "className", "hoverable", "paperType"];
+  var _excluded$M = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -5777,7 +5777,7 @@
         hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
         _ref$paperType = _ref.paperType,
         paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-        rest = _objectWithoutProperties(_ref, _excluded$L);
+        rest = _objectWithoutProperties(_ref, _excluded$M);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
@@ -5859,12 +5859,12 @@
   });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded$K = ["weight", "children"];
+  var _excluded$L = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$K);
+        props = _objectWithoutProperties(_ref, _excluded$L);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -5874,12 +5874,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$J = ["weight", "children"];
+  var _excluded$K = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$J);
+        props = _objectWithoutProperties(_ref, _excluded$K);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -5889,10 +5889,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$I = ["children"];
+  var _excluded$J = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$I);
+        props = _objectWithoutProperties(_ref, _excluded$J);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -5902,10 +5902,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$H = ["children"];
+  var _excluded$I = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$H);
+        props = _objectWithoutProperties(_ref, _excluded$I);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -5915,12 +5915,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$G = ["weight", "children"];
+  var _excluded$H = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$G);
+        props = _objectWithoutProperties(_ref, _excluded$H);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
@@ -5930,12 +5930,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$F = ["weight", "children"];
+  var _excluded$G = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$F);
+        props = _objectWithoutProperties(_ref, _excluded$G);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
@@ -5945,12 +5945,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$E = ["weight", "children"];
+  var _excluded$F = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$E);
+        props = _objectWithoutProperties(_ref, _excluded$F);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
@@ -6069,7 +6069,7 @@
     "borderRadius": "9999px"
   });
 
-  var _excluded$D = ["url", "alt", "size", "className"];
+  var _excluded$E = ["url", "alt", "size", "className"];
   var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var url = _ref.url,
         _ref$alt = _ref.alt,
@@ -6077,7 +6077,7 @@
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? 24 : _ref$size,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$D);
+        rest = _objectWithoutProperties(_ref, _excluded$E);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({}, rest, {
       ref: ref,
@@ -6090,6 +6090,32 @@
   });
   Avatar.displayName = "Avatar";
 
+  var StyledDot = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledDot",
+    componentId: "sc-1hwsgu3-0"
+  })(["border-radius:100%;", " ", ""], function (props) {
+    return props.$size && styled.css(["width:", "px;height:", "px;"], props.$size, props.$size);
+  }, function (props) {
+    return props.$color && styled.css(["background-color:", ";"], props.$color);
+  });
+
+  var _excluded$D = ["color", "size", "className"];
+  var Dot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var color = _ref.color,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? 8 : _ref$size,
+        className = _ref.className,
+        rest = _objectWithoutProperties(_ref, _excluded$D);
+
+    return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
+      className: classnames__default["default"]("c-dot", className),
+      ref: ref,
+      $color: color,
+      $size: size
+    }, rest));
+  });
+  Dot.displayName = "Dot";
+
   var StyledTag = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledTag",
     componentId: "sc-1chtb47-0"
@@ -6098,20 +6124,13 @@
     "alignItems": "center"
   }, BoxSizingStyle, FontStyle);
   StyledTag.displayName = "StyledTag";
-  var StyledTagDot = styled__default["default"].div.withConfig({
+  var StyledTagDot = styled__default["default"](Dot).withConfig({
     displayName: "Styles__StyledTagDot",
     componentId: "sc-1chtb47-1"
-  })(["", " ", " ", ""], {
-    "width": "0.5rem",
-    "height": "0.5rem",
-    "borderRadius": "9999px",
-    "justifyContent": "center"
-  }, function (props) {
+  })(["", ""], function (props) {
     return props.$showText && styled.css(["", ""], {
       "marginRight": "0.25rem"
     });
-  }, function (props) {
-    return props.color && styled.css(["background-color:", ";"], props.color);
   });
   StyledTagDot.displayName = "StyledTagDot";
   var StyledTagText = styled__default["default"].div.withConfig({
@@ -11330,6 +11349,7 @@
   exports.DollarOffIcon = DollarOffIcon$1;
   exports.DollarOffSmallIcon = DollarOffSmallIcon$1;
   exports.DollarSmallIcon = DollarSmallIcon$1;
+  exports.Dot = Dot;
   exports.DotsLoader = DotsLoader;
   exports.DownloadIcon = DownloadIcon$1;
   exports.DriveIcon = DriveIcon$1;