@activecollab/components 1.0.41 → 1.0.44

package/dist/index.js

@@ -6602,6 +6602,22 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
+  var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1ZM8 13h8v-2H8v2Zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5Z",
+      fillRule: "evenodd"
+    }));
+  });
+  InsertLinkIcon.displayName = "InsertLinkIcon";
+  var InsertLinkIcon$1 = InsertLinkIcon;
+
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -6825,6 +6841,22 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
+  var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M19 5v9h-5v5H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2Zm-7 10H7v-2h5v2Zm5-4H7V7h10v2Z",
+      fillRule: "evenodd"
+    }));
+  });
+  NoteIcon.displayName = "NoteIcon";
+  var NoteIcon$1 = NoteIcon;
+
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -7231,6 +7263,22 @@
   SendFilledIcon.displayName = "SendFilledIcon";
   var SendFilledIcon$1 = SendFilledIcon;
 
+  var SettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M4.14 16H3a1 1 0 0 0 0 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 0 0 0-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3ZM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2ZM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 1 0 0 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 0 0 0-2h-1.14c-.45-1.72-2-3-3.86-3Zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z",
+      fillRule: "evenodd"
+    }));
+  });
+  SettingsIcon.displayName = "SettingsIcon";
+  var SettingsIcon$1 = SettingsIcon;
+
   var SortGeneralIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -7825,18 +7873,25 @@
   var StyledHeader = styled__default["default"](Paper).withConfig({
     displayName: "Styles__StyledHeader",
     componentId: "sc-xrlqib-0"
-  })(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);
+  })(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
+    return props.size === "big" && styled.css(["height:140px;"]);
+  }, function (props) {
+    return props.size === "small" && styled.css(["height:4rem;"]);
+  });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$f = ["className", "children"];
+  var _excluded$f = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? "small" : _ref$size,
         children = _ref.children,
         rest = _objectWithoutProperties(_ref, _excluded$f);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classnames__default["default"]("c-header", className),
+      size: size,
       ref: ref
     }, rest), children);
   });
@@ -9504,7 +9559,11 @@
   var StyledComboBoxInput = styled__default["default"](Input).withConfig({
     displayName: "Styles__StyledComboBoxInput",
     componentId: "sc-5qvkpb-4"
-  })(["overflow:hidden;text-overflow:ellipsis;background-color:transparent;border:none;width:100%;"]);
+  })(["overflow:hidden;text-overflow:ellipsis;background-color:transparent;border:none;width:100%;", " ", ""], function (props) {
+    return props.$size == "small" && styled.css(["height:24px;"]);
+  }, function (props) {
+    return props.$size == "big" && styled.css(["height:40px;"]);
+  });
   StyledComboBoxInput.displayName = "StyledComboBoxInput";
   var StyledComboBoxList = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledComboBoxList",
@@ -9514,7 +9573,7 @@
   });
   StyledComboBoxList.displayName = "StyledComboBoxList";
 
-  var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled"];
+  var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size"];
   var ComboBox = function ComboBox(_ref) {
     var _formRef$current;
 
@@ -9529,6 +9588,7 @@
         handleEmptyAction = _ref.handleEmptyAction,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+        size = _ref.size,
         prop = _objectWithoutProperties(_ref, _excluded);
 
     var selectedName = React.useMemo(function () {
@@ -9646,11 +9706,13 @@
       onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       placeholder: placeholder,
-      disabled: disabled
+      disabled: disabled,
+      $size: size
     }), !disabled ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, loading ? /*#__PURE__*/React__default["default"].createElement(SpinnerLoader, null) : selected ? /*#__PURE__*/React__default["default"].createElement(Button, {
       onMouseDown: handleMouseDown,
       onClick: handleDeselect,
-      variant: "text gray"
+      variant: "text gray",
+      size: size
     }, /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCloseSmallIcon, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledComboBoxCollapseExpandSingleIcon, {
       $open: open
     })) : null), !disabled ? /*#__PURE__*/React__default["default"].createElement(Popper, {
@@ -10156,6 +10218,7 @@
   exports.InfoIcon = InfoIcon$1;
   exports.InfoSmallIcon = InfoSmallIcon$1;
   exports.Input = Input;
+  exports.InsertLinkIcon = InsertLinkIcon$1;
   exports.IntegrationsIcon = IntegrationsIcon$1;
   exports.InvoicesIcon = InvoicesIcon$1;
   exports.Item = Item;
@@ -10189,6 +10252,7 @@
   exports.Nav = Nav;
   exports.NavBarElement = NavBarElement;
   exports.NoteAddIcon = NoteAddIcon$1;
+  exports.NoteIcon = NoteIcon$1;
   exports.NotificationBellIcon = NotificationBellIcon$1;
   exports.OpenExpandedIcon = OpenExpandedIcon$1;
   exports.Option = Option;
@@ -10233,6 +10297,7 @@
   exports.SelectDate = SelectDate;
   exports.SendBlankIcon = SendBlankIcon$1;
   exports.SendFilledIcon = SendFilledIcon$1;
+  exports.SettingsIcon = SettingsIcon$1;
   exports.Sheet = Sheet;
   exports.Signifier = Signifier;
   exports.Slide = Slide;