@activecollab/components 1.0.258 → 1.0.259

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
@@ -15565,12 +15637,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;