@activecollab/components 1.0.280 → 1.0.281

package/dist/index.js

@@ -2760,6 +2760,44 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
+  /**
+   * @component CompanyIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <CompanyIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var CompanyIcon = /*#__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",
+      "data-testid": "CompanyIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M20 22H4V4a2 2 0 012-2h12a2 2 0 012 2v18zM6 20h5v-3.5h2V20h5V4H6v16zm11-4v2h-2v-2h2zm-8 0v2H7v-2h2zm8-5v2h-2v-2h2zm-4 0v2h-2v-2h2zm-4 0v2H7v-2h2zm4-5v2h-2V6h2zm4 0v2h-2V6h2zM9 6v2H7V6h2z"
+    }));
+  });
+  CompanyIcon.displayName = "CompanyIcon";
+  var CompanyIcon$1 = CompanyIcon;
+
   /**
    * @component ComputerIcon
    * @description
@@ -3019,6 +3057,44 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
+  /**
+   * @component DiscussionIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <DiscussionIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var DiscussionIcon = /*#__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",
+      "data-testid": "DiscussionIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15 11H5.17l-.59.59-.58.58V4h11v7zm0-9H4a2 2 0 00-2 2v13l4-4h9a2 2 0 002-2V4a2 2 0 00-2-2zm5 4h-1v6a3 3 0 01-3 3H6v1a2 2 0 002 2h10l4 4V8a2 2 0 00-2-2z"
+    }));
+  });
+  DiscussionIcon.displayName = "DiscussionIcon";
+  var DiscussionIcon$1 = DiscussionIcon;
+
   /**
    * @component DollarCheckmarkSmallIcon
    * @description
@@ -3167,6 +3243,44 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
+  /**
+   * @component DollarDocumentIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <DollarDocumentIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var DollarDocumentIcon = /*#__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",
+      "data-testid": "DollarDocumentIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm6 15h2v-1h1a1 1 0 001-1v-3a1 1 0 00-1-1h-3v-1h4V8h-2V7h-2v1h-1a1 1 0 00-1 1v3a1 1 0 001 1h3v1H9v2h2v1z"
+    }));
+  });
+  DollarDocumentIcon.displayName = "DollarDocumentIcon";
+  var DollarDocumentIcon$1 = DollarDocumentIcon;
+
   /**
    * @component DollarOffSmallIcon
    * @description
@@ -6577,6 +6691,44 @@
   TaskListCompleteIcon.displayName = "TaskListCompleteIcon";
   var TaskListCompleteIcon$1 = TaskListCompleteIcon;
 
+  /**
+   * @component TaskListIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <TaskListIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TaskListIcon = /*#__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",
+      "data-testid": "TaskListIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M5 4h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1zm0 14h14a1 1 0 110 2H5a1 1 0 110-2zm0-4h14a1 1 0 110 2H5a1 1 0 110-2zm0-4h14a1 1 0 110 2H5a1 1 0 110-2z"
+    }));
+  });
+  TaskListIcon.displayName = "TaskListIcon";
+  var TaskListIcon$1 = TaskListIcon;
+
   /**
    * @component ThumbUpOutlineIcon
    * @description
@@ -16263,8 +16415,7 @@
         if (item && item.type === CommandPaletteItem) {
           clonedElement = /*#__PURE__*/React.cloneElement(item, _objectSpread2(_objectSpread2({}, item.props), {}, {
             index: itemsLength,
-            selected: selected,
-            loading: loading
+            selected: selected
           }));
           itemsLength++;
         }
@@ -16275,7 +16426,7 @@
         itemsLength: itemsLength,
         commandsLength: commandsLength
       };
-    }, [children, loading, selected]);
+    }, [children, selected]);
     var handleChangeSelected = function handleChangeSelected(direction) {
       var items = document.querySelectorAll(".cp-item");
       var index = 0;
@@ -16426,6 +16577,7 @@
   exports.CollapseExpandSingleIcon = CollapseExpandSingleIcon$1;
   exports.ComboBox = ComboBox;
   exports.CommandPalette = CommandPalette;
+  exports.CompanyIcon = CompanyIcon$1;
   exports.CompleteCheckbox = CompleteCheckbox;
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;
@@ -16440,10 +16592,12 @@
   exports.DependencySmallIcon = DependencySmallIcon$1;
   exports.Dialog = Dialog;
   exports.DiscussionAddIcon = DiscussionAddIcon$1;
+  exports.DiscussionIcon = DiscussionIcon$1;
   exports.DollarCheckmarkIcon = DollarCheckmarkIcon$1;
   exports.DollarCheckmarkSmallIcon = DollarCheckmarkSmallIcon$1;
   exports.DollarClockIcon = DollarClockIcon$1;
   exports.DollarClockSmallIcon = DollarClockSmallIcon$1;
+  exports.DollarDocumentIcon = DollarDocumentIcon$1;
   exports.DollarIcon = DollarIcon$1;
   exports.DollarOffIcon = DollarOffIcon$1;
   exports.DollarOffSmallIcon = DollarOffSmallIcon$1;
@@ -16608,6 +16762,7 @@
   exports.TaskAddIcon = TaskAddIcon$1;
   exports.TaskListAddIcon = TaskListAddIcon$1;
   exports.TaskListCompleteIcon = TaskListCompleteIcon$1;
+  exports.TaskListIcon = TaskListIcon$1;
   exports.Tbody = Tbody;
   exports.Textarea = Textarea;
   exports.Thead = Thead;