@activecollab/components 1.0.258 → 1.0.260

package/dist/index.js

@@ -1419,6 +1419,42 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
+  /**
+   * @component ArrowDownIcon
+   * @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 (
+   *   <ArrowDownIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      "data-testid": "ArrowDownIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      d: "M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z"
+    }));
+  });
+  ArrowDownIcon.displayName = "ArrowDownIcon";
+  var ArrowDownIcon$1 = ArrowDownIcon;
+
   /**
    * @component ArrowExpandeMultipleIcon
    * @description
@@ -1640,6 +1676,42 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
+  /**
+   * @component ArrowUpIcon
+   * @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 (
+   *   <ArrowUpIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      "data-testid": "ArrowUpIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      d: "M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z"
+    }));
+  });
+  ArrowUpIcon.displayName = "ArrowUpIcon";
+  var ArrowUpIcon$1 = ArrowUpIcon;
+
   /**
    * @component AssignIcon
    * @description
@@ -2539,6 +2611,44 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
+  /**
+   * @component CloseIcon
+   * @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 (
+   *   <CloseIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var CloseIcon = /*#__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": "CloseIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
+    }));
+  });
+  CloseIcon.displayName = "CloseIcon";
+  var CloseIcon$1 = CloseIcon;
+
   /**
    * @component CollapsIcon
    * @description
@@ -3914,6 +4024,44 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
+  /**
+   * @component HashtagIcon
+   * @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 (
+   *   <HashtagIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var HashtagIcon = /*#__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": "HashtagIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z"
+    }));
+  });
+  HashtagIcon.displayName = "HashtagIcon";
+  var HashtagIcon$1 = HashtagIcon;
+
   /**
    * @component HelpIcon
    * @description
@@ -5948,6 +6096,44 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
+  /**
+   * @component SearchLargeIcon
+   * @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 (
+   *   <SearchLargeIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var SearchLargeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 32,
+      height: 32,
+      viewBox: "0 0 32 32",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SearchLargeIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z"
+    }));
+  });
+  SearchLargeIcon.displayName = "SearchLargeIcon";
+  var SearchLargeIcon$1 = SearchLargeIcon;
+
   /**
    * @component SearchIcon
    * @description
@@ -15565,12 +15751,14 @@
   exports.ApplauseIcon = ApplauseIcon$1;
   exports.ArrowBackMobileIcon = ArrowBackMobileIcon$1;
   exports.ArrowCollapseMultipleIcon = ArrowCollapseMultipleIcon$1;
+  exports.ArrowDownIcon = ArrowDownIcon$1;
   exports.ArrowDownLongIcon = ArrowDownLongIcon$1;
   exports.ArrowExpandeMultipleIcon = ArrowExpandeMultipleIcon$1;
   exports.ArrowLeftBoxIcon = ArrowLeftBoxIcon$1;
   exports.ArrowLeftIcon = ArrowLeftIcon$1;
   exports.ArrowRefreshIcon = ArrowRefreshIcon$1;
   exports.ArrowRightIcon = ArrowRightIcon$1;
+  exports.ArrowUpIcon = ArrowUpIcon$1;
   exports.ArrowUpLongIcon = ArrowUpLongIcon$1;
   exports.AssignIcon = AssignIcon$1;
   exports.AttachmentIcon = AttachmentIcon$1;
@@ -15612,6 +15800,7 @@
   exports.ClockSmallIcon = ClockSmallIcon$1;
   exports.ClockStopwatchIcon = ClockStopwatchIcon$1;
   exports.ClockStopwatchSmallIcon = ClockStopwatchSmallIcon$1;
+  exports.CloseIcon = CloseIcon$1;
   exports.CloseSmallIcon = CloseSmallIcon$1;
   exports.CollapsIcon = CollapsIcon$1;
   exports.CollapseAllIcon = CollapseAllIcon$1;
@@ -15672,6 +15861,7 @@
   exports.GiftIcon = GiftIcon$1;
   exports.GlobalAddButton = GlobalAddButton;
   exports.GlobalStyle = GlobalStyle;
+  exports.HashtagIcon = HashtagIcon$1;
   exports.Header = Header;
   exports.Header2 = Header2;
   exports.Header3 = Header3;
@@ -15771,6 +15961,7 @@
   exports.ScrollElement = ScrollElement;
   exports.ScrollShadow = ScrollShadow;
   exports.SearchIcon = SearchIcon$1;
+  exports.SearchLargeIcon = SearchLargeIcon$1;
   exports.Select = Select;
   exports.SelectDate = SelectDate;
   exports.SelectTrigger = SelectTrigger;