@activecollab/components 1.0.105 → 1.0.106

package/dist/index.js

@@ -468,22 +468,6 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var ArrowBackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 7,
-      height: 13,
-      viewBox: "0 0 7 13",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z",
-      fillRule: "nonzero"
-    }));
-  });
-  ArrowBackIcon.displayName = "ArrowBackIcon";
-  var ArrowBackIcon$1 = ArrowBackIcon;
-
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -532,6 +516,22 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
+  var ArrowLeftIcon = /*#__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"
+    }));
+  });
+  ArrowLeftIcon.displayName = "ArrowLeftIcon";
+  var ArrowLeftIcon$1 = ArrowLeftIcon;
+
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -1689,22 +1689,6 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  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 MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -3887,15 +3871,9 @@
   }, function (props) {
     return props.$direction === "next" && styled.css(["right:1px;"]);
   });
-  var StyledMenuNavIcon = styled__default["default"](MenuNavIcon$1).withConfig({
-    displayName: "Styles__StyledMenuNavIcon",
-    componentId: "sc-1owijsg-1"
-  })(["", " transform:rotate(180deg);"], {
-    "transform": "var(--tw-transform)"
-  });
   var StyledMonths = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMonths",
-    componentId: "sc-1owijsg-2"
+    componentId: "sc-1owijsg-1"
   })(["top:30px;height:230px;", ""], {
     "position": "absolute",
     "left": "0px",
@@ -3907,7 +3885,7 @@
   });
   var StyledMonth = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMonth",
-    componentId: "sc-1owijsg-3"
+    componentId: "sc-1owijsg-2"
   })(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
     "margin": "auto",
     "cursor": "pointer",
@@ -3930,25 +3908,24 @@
   });
   var StyledYearMonthPicker = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledYearMonthPicker",
-    componentId: "sc-1owijsg-4"
+    componentId: "sc-1owijsg-3"
   })(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
     "textAlign": "center",
     "color": "var(--color-theme-900)"
   });
   var StyledYearMonthPickerNavBar = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledYearMonthPickerNavBar",
-    componentId: "sc-1owijsg-5"
+    componentId: "sc-1owijsg-4"
   })(["width:auto;margin:0 auto;"]);
   var StyledYearMonthPickerNavBarItem = styled__default["default"].span.withConfig({
     displayName: "Styles__StyledYearMonthPickerNavBarItem",
-    componentId: "sc-1owijsg-6"
+    componentId: "sc-1owijsg-5"
   })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
     "paddingLeft": "1rem",
     "paddingRight": "1rem",
     "cursor": "pointer"
   });
   StyledNavBarButton.displayName = "StyledNavBarButton";
-  StyledMenuNavIcon.displayName = "StyledMenuNavIcon";
   StyledMonths.displayName = "StyledMonths";
   StyledMonth.displayName = "StyledMonth";
 
@@ -4034,7 +4011,7 @@
       tabIndex: 0,
       onClick: onPrevious,
       $direction: "previous"
-    }, /*#__PURE__*/React__default["default"].createElement(MenuNavIcon$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon$1, {
       "aria-label": "Previous Month",
       width: "24",
       height: "24"
@@ -4045,7 +4022,7 @@
       tabIndex: 0,
       onClick: onNext,
       $direction: "next"
-    }, /*#__PURE__*/React__default["default"].createElement(StyledMenuNavIcon, {
+    }, /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, {
       "aria-label": "Next Month",
       width: "24",
       height: "24"
@@ -4808,7 +4785,7 @@
       variant: "secondary",
       onClick: onLeftClickHandler,
       disabled: isBeforeMinDate
-    }, /*#__PURE__*/React__default["default"].createElement(MenuNavIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
+    }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon$1, null)) : null, /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       $isTargetable: step === "yearly" || !withDatePicker,
       $isRounded: step === "custom",
       style: dateStepperWidth(fromDate, toDate, step)
@@ -4842,11 +4819,7 @@
       variant: "secondary",
       onClick: onRightClickHandler,
       disabled: isAfterMaxDate
-    }, /*#__PURE__*/React__default["default"].createElement(MenuNavIcon$1, {
-      style: {
-        transform: "rotate(180deg)"
-      }
-    })) : null);
+    }, /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null)) : null);
   };
   DateStepper.displayName = "DateStepper";
 
@@ -7799,7 +7772,7 @@
     "marginLeft": "0.5rem"
   });
   StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-  var StyledMenuSelectorBack = styled__default["default"](ArrowBackIcon$1).withConfig({
+  var StyledMenuSelectorBack = styled__default["default"](ArrowLeftIcon$1).withConfig({
     displayName: "Styles__StyledMenuSelectorBack",
     componentId: "sc-1x7qbnu-1"
   })(["", ""], {
@@ -10807,10 +10780,10 @@
   exports.AddCrossIcon = AddCrossIcon$1;
   exports.AddCrossTinyIcon = AddCrossTinyIcon$1;
   exports.ApplauseIcon = ApplauseIcon$1;
-  exports.ArrowBackIcon = ArrowBackIcon$1;
   exports.ArrowCollapseMultipleIcon = ArrowCollapseMultipleIcon$1;
   exports.ArrowExpandeMultipleIcon = ArrowExpandeMultipleIcon$1;
   exports.ArrowLeftBoxIcon = ArrowLeftBoxIcon$1;
+  exports.ArrowLeftIcon = ArrowLeftIcon$1;
   exports.ArrowRefreshIcon = ArrowRefreshIcon$1;
   exports.ArrowRightIcon = ArrowRightIcon$1;
   exports.AssignIcon = AssignIcon$1;
@@ -10937,7 +10910,6 @@
   exports.Menu = Menu;
   exports.MenuFooter = MenuFooter;
   exports.MenuHeader = MenuHeader;
-  exports.MenuNavIcon = MenuNavIcon$1;
   exports.MenuSelector = MenuSelector;
   exports.MessageAddIcon = MessageAddIcon$1;
   exports.MessageEmptyIcon = MessageEmptyIcon$1;