@activecollab/components 2.0.122 → 2.0.123

package/dist/index.js

@@ -4262,6 +4262,41 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
+  /**
+   * @component GroupByIcon
+   * @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 (
+   *   <GroupByIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var GroupByIcon = /*#__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": "GroupByIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M20.598 9a1 1 0 01-1.994-.123V5.392h-3.486a.997.997 0 010-1.995l4.486-.005.118.007a1 1 0 01.883.993v4.49l-.007.12zM5.395 15.122v3.487h3.486a.997.997 0 010 1.995l-4.486.005-.117-.007a1 1 0 01-.884-.993v-4.49l.007-.12a.997.997 0 01.994-.877l.12.008a1 1 0 01.88.992zm8.727 4.478a.998.998 0 00.877.998l.12.008h4.49a1 1 0 00.993-.884l.007-.118-.005-4.486a.998.998 0 00-1.995 0v3.486h-3.487a1 1 0 00-1 .997zM5.39 5.396h3.487a1 1 0 00.993-.88l.007-.121A.997.997 0 009 3.402l-.12-.008H4.39a1 1 0 00-.993.884l-.006.118.005 4.486a.998.998 0 001.995 0V5.396zM8 9a1 1 0 011-1h6a1 1 0 010 2H9a1 1 0 01-1-1zm1 2a1 1 0 100 2h6a1 1 0 000-2H9zm-1 4a1 1 0 011-1h6a1 1 0 010 2H9a1 1 0 01-1-1z"
+    }));
+  });
+  GroupByIcon.displayName = "GroupByIcon";
+  var GroupByIcon$1 = GroupByIcon;
+
   /**
    * @component HashtagIcon
    * @description
@@ -10708,8 +10743,10 @@
   var StyledPaper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledPaper",
     componentId: "sc-1ld1e2o-0"
-  })(["", " ", " ", ""], PaperStyles, function (props) {
-    return (props.type === "paper-3" || props.type === "tile-1") && styled.css(["border:solid 1px var(--border-primary);"]);
+  })(["", " ", " ", " ", ""], PaperStyles, function (props) {
+    return props.type === "paper-3" && styled.css(["border:solid 1px var(--border-primary);"]);
+  }, function (props) {
+    return props.type === "tile-1" && styled.css(["border:solid 1px var(--color-theme-300);"]);
   }, function (props) {
     return (props.type === "tile-1" || props.type === "tile-2") && styled.css(["&:hover{background-color:var(--color-theme-200);}"]);
   });
@@ -19825,6 +19862,7 @@
   exports.GiftIcon = GiftIcon$1;
   exports.GlobalAddButton = GlobalAddButton;
   exports.GlobalStyle = GlobalStyle;
+  exports.GroupByIcon = GroupByIcon$1;
   exports.HashtagIcon = HashtagIcon$1;
   exports.Header = Header;
   exports.Header2 = Header2;