@activecollab/components 1.0.214 → 1.0.215

package/dist/index.js

@@ -267,7 +267,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$19 = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$1a = ["children", "variant", "size", "disabled", "className"];
   /**
    * Button component
    */
@@ -280,7 +280,7 @@
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$19);
+      args = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-btn", className, {
@@ -334,12 +334,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$18 = ["className", "disabled"];
+  var _excluded$19 = ["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$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -371,11 +371,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$17 = ["children", "className"];
+  var _excluded$18 = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className)
@@ -435,7 +435,7 @@
     return React.useContext(MenuContext);
   };
 
-  var _excluded$16 = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
+  var _excluded$17 = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -448,7 +448,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$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -537,12 +537,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$15 = ["className", "disableBackgroundColor"];
+  var _excluded$16 = ["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$15);
+      rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -582,7 +582,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$14 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$15 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -599,7 +599,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$14);
+      rest = _objectWithoutProperties(_ref, _excluded$15);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -666,7 +666,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$13 = ["children", "className", "innerRef", "style"];
+  var _excluded$14 = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -674,7 +674,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -980,7 +980,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$12 = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$13 = ["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,
@@ -1011,7 +1011,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$12);
+      props = _objectWithoutProperties(_ref, _excluded$13);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -1034,13 +1034,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$11 = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$12 = ["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$11);
+      props = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -1065,11 +1065,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$10 = ["children", "className"];
+  var _excluded$11 = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -1080,28 +1080,12 @@
   var StyledList = styled__default["default"].ul.withConfig({
     displayName: "Styles__StyledList",
     componentId: "sc-dv1w0m-0"
-  })(["", ""], {
-    "listStyleType": "none",
-    "margin": "0px",
-    "padding": "0px"
-  });
+  })(["list-style-type:none;margin:0;padding:0;"]);
   StyledList.displayName = "StyledList";
   var StyledListItem = styled__default["default"].li.withConfig({
     displayName: "Styles__StyledListItem",
     componentId: "sc-dv1w0m-1"
-  })(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&:focus{outline:none;}"], {
-    "display": "flex",
-    "flexDirection": "row",
-    "alignItems": "center",
-    "cursor": "pointer",
-    "paddingLeft": "1rem",
-    "paddingRight": "1rem",
-    "marginTop": "0.25rem",
-    "marginBottom": "0.25rem",
-    "fontSize": "0.875rem",
-    "lineHeight": "1.25rem",
-    "userSelect": "none"
-  }, BoxSizingStyle, FontStyle);
+  })(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], BoxSizingStyle, FontStyle);
   StyledListItem.displayName = "StyledListItem";
   var StyledListSeparator = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledListSeparator",
@@ -1109,38 +1093,48 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$$ = ["children", "className"];
-  var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$$);
-    return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({}, props, {
-      className: className,
-      ref: ref
-    }), children);
-  });
-  List.displayName = "List";
-
-  var _excluded$_ = ["children", "className"];
+  var _excluded$10 = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$_);
-    return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({}, props, {
+      props = _objectWithoutProperties(_ref, _excluded$10);
+    return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
-      ref: ref
-    }), children);
+      ref: ref,
+      tabIndex: 0
+    }, props), children);
   });
   ListItem.displayName = "ListItem";
 
+  var _excluded$$ = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
-    var className = _ref.className;
-    return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, {
+    var className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded$$);
+    return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, _extends({
       className: classNames__default["default"]("c-list-separator", className)
-    });
+    }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
+  var _excluded$_ = ["children", "className"];
+  var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded$_);
+    return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
+      className: className,
+      ref: ref,
+      tabIndex: -1
+    }, props), children);
+  });
+  _List.displayName = "List";
+
+  // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
+  var List = Object.assign({}, _List, {
+    Item: ListItem,
+    Separator: ListSeparator
+  });
+
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -12657,6 +12651,7 @@
   exports.WorkloadIcon = WorkloadIcon$1;
   exports.YearMonthPicker = YearMonthPicker;
   exports._Dialog = _Dialog;
+  exports._List = _List;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.signifierTypes = signifierTypes;