@activecollab/components 1.0.69 → 1.0.70

package/dist/index.js

@@ -1008,37 +1008,21 @@
   });
   CounterButton.displayName = "CounterButton";
 
-  var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 18,
-      height: 18,
-      viewBox: "0 0 18 18",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M10 5v8L6 9l4-4z",
-      fillRule: "evenodd"
-    }));
-  });
-  CaretLeftIcon.displayName = "CaretLeftIcon";
-  var CaretLeftIcon$1 = CaretLeftIcon;
-
-  var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+  var MenuNavIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 18,
-      height: 18,
-      viewBox: "0 0 18 18",
+      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: "M8 5v8l4-4-4-4z",
+      d: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
       fillRule: "evenodd"
     }));
   });
-  CaretRightIcon.displayName = "CaretRightIcon";
-  var CaretRightIcon$1 = CaretRightIcon;
+  MenuNavIcon.displayName = "MenuNavIcon";
+  var MenuNavIcon$1 = MenuNavIcon;
 
   var customClassNames = {
     container: "c-DayPicker",
@@ -1071,22 +1055,6 @@
     nonWorkingDay: "c-DayPicker-Day--nonWorkingDay"
   };
 
-  var MenuNavIcon = /*#__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: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
-      fillRule: "evenodd"
-    }));
-  });
-  MenuNavIcon.displayName = "MenuNavIcon";
-  var MenuNavIcon$1 = MenuNavIcon;
-
   var StyledNavBarButton = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledNavBarButton",
     componentId: "sc-1owijsg-0"
@@ -2339,7 +2307,7 @@
       variant: "secondary",
       onClick: onLeftClickHandler,
       disabled: isBeforeMinDate
-    }, /*#__PURE__*/React__default["default"].createElement(CaretLeftIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
+    }, /*#__PURE__*/React__default["default"].createElement(MenuNavIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       $isTargetable: step === "yearly" || !withDatePicker,
       $isRounded: step === "custom",
       style: dateStepperWidth(fromDate, toDate, step)
@@ -2373,7 +2341,11 @@
       variant: "secondary",
       onClick: onRightClickHandler,
       disabled: isAfterMaxDate
-    }, /*#__PURE__*/React__default["default"].createElement(CaretRightIcon$1, null)) : null);
+    }, /*#__PURE__*/React__default["default"].createElement(MenuNavIcon$1, {
+      style: {
+        transform: "rotate(180deg)"
+      }
+    })) : null);
   };
   DateStepper.displayName = "DateStepper";
 
@@ -5920,6 +5892,38 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
+  var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M10 5v8L6 9l4-4z",
+      fillRule: "evenodd"
+    }));
+  });
+  CaretLeftIcon.displayName = "CaretLeftIcon";
+  var CaretLeftIcon$1 = CaretLeftIcon;
+
+  var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M8 5v8l4-4-4-4z",
+      fillRule: "evenodd"
+    }));
+  });
+  CaretRightIcon.displayName = "CaretRightIcon";
+  var CaretRightIcon$1 = CaretRightIcon;
+
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -6112,38 +6116,6 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var CommentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 12,
-      height: 12,
-      viewBox: "0 0 12 12",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 1A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2zM9 5H3v1h6V5zm0-2H3v1h6V3z",
-      fillRule: "nonzero"
-    }));
-  });
-  CommentIcon.displayName = "CommentIcon";
-  var CommentIcon$1 = CommentIcon;
-
-  var CommentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 12,
-      height: 12,
-      viewBox: "0 0 12 12",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8z",
-      fillRule: "nonzero"
-    }));
-  });
-  CommentsIcon.displayName = "CommentsIcon";
-  var CommentsIcon$1 = CommentsIcon;
-
   var ComputerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -10374,8 +10346,6 @@
   exports.CollapseAllIcon = CollapseAllIcon$1;
   exports.CollapseExpandSingleIcon = CollapseExpandSingleIcon$1;
   exports.ComboBox = ComboBox;
-  exports.CommentIcon = CommentIcon$1;
-  exports.CommentsIcon = CommentsIcon$1;
   exports.CompleteCheckbox = CompleteCheckbox;
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;