@activecollab/components 1.0.350 → 1.0.352

package/dist/index.js

@@ -405,8 +405,8 @@
     "marginRight": "-1px",
     "borderRadius": "0px"
   }, {
-    "color": "var(--color-theme-900)",
-    "fill": "currentColor"
+    "fill": "currentColor",
+    "color": "var(--color-theme-900)"
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
@@ -694,18 +694,19 @@
     displayName: "Styles__StyledBubble",
     componentId: "sc-tloccl-0"
   })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
-    "--tw-bg-opacity": "1",
-    "backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
-    "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-    "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
-    "borderColor": "var(--color-theme-200)",
+    "visibility": "visible",
+    "display": "block",
     "borderRadius": "0.5rem",
     "borderWidth": "1px",
     "borderStyle": "solid",
+    "borderColor": "var(--color-theme-200)",
+    "--tw-bg-opacity": "1",
+    "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
     "color": "var(--color-theme-800)",
     "opacity": "1",
-    "display": "block",
-    "visibility": "visible"
+    "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
+    "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
@@ -730,11 +731,11 @@
     displayName: "Styles__StyledMenu",
     componentId: "sc-8fhkp-0"
   })(["", " ", " ", " width:", ";color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
-    "backgroundColor": "var(--page-paper-main)",
-    "borderColor": "var(--border-primary)",
     "marginTop": "0.25rem",
     "marginBottom": "0.25rem",
-    "overflow": "auto"
+    "overflow": "auto",
+    "borderColor": "var(--border-primary)",
+    "backgroundColor": "var(--page-paper-main)"
   }, FontStyle, BoxSizingStyle, function (props) {
     return props.$mode;
   }, function (props) {
@@ -6386,6 +6387,44 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
+  /**
+   * @component RecurringSmallIcon
+   * @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 (
+   *   <RecurringSmallIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var RecurringSmallIcon = /*#__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",
+      "data-testid": "RecurringSmallIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.182 2.818l.113.117.107.119a4.43 4.43 0 011.02 2.107l.021.125c.036.22.054.444.057.666h-.004l.001.048H9.493a3.475 3.475 0 00-.715-2.13l-.047-.06a3.5 3.5 0 00-5.119-.369l-.087.084.707.707-2.436.315.315-2.436.707.707A4.488 4.488 0 016.18 1.504c1.05.041 2.088.449 2.907 1.222l.095.092zM2.818 9.182a4.446 4.446 0 01-1.249-2.394 4.508 4.508 0 01-.069-.783h.003V6h1.004a3.472 3.472 0 00.913 2.365l.105.11a3.5 3.5 0 004.863.084l.087-.084-.707-.707 2.436-.315-.315 2.436-.707-.707a4.5 4.5 0 01-6.364 0z"
+    }));
+  });
+  RecurringSmallIcon.displayName = "RecurringSmallIcon";
+  var RecurringSmallIcon$1 = RecurringSmallIcon;
+
   /**
    * @component ReportTimeIcon
    * @description
@@ -7919,11 +7958,11 @@
   })(["top:30px;height:230px;", ""], {
     "position": "absolute",
     "left": "0px",
-    "padding": "1.25rem",
+    "zIndex": "10",
     "display": "flex",
     "flexWrap": "wrap",
     "backgroundColor": "var(--page-paper-main)",
-    "zIndex": "10"
+    "padding": "1.25rem"
   });
   var StyledMonth = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMonth",
@@ -7932,9 +7971,9 @@
     "margin": "auto",
     "cursor": "pointer",
     "borderRadius": "1rem",
-    "fontWeight": "700",
     "fontSize": "0.875rem",
-    "lineHeight": "1.25rem"
+    "lineHeight": "1.25rem",
+    "fontWeight": "700"
   }, function (props) {
     return !props.$isSelected ? styled.css(["&:hover{background-color:var(--color-primary-300);}"]) : styled.css(["", " background-color:var(--color-primary);"], {
       "color": "var(--color-theme-100)"
@@ -7963,9 +8002,9 @@
     displayName: "Styles__StyledYearMonthPickerNavBarItem",
     componentId: "sc-1owijsg-5"
   })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
+    "cursor": "pointer",
     "paddingLeft": "1rem",
-    "paddingRight": "1rem",
-    "cursor": "pointer"
+    "paddingRight": "1rem"
   });
   StyledNavBarButton.displayName = "StyledNavBarButton";
   StyledMonths.displayName = "StyledMonths";
@@ -8138,8 +8177,8 @@
   }, {
     "color": "var(--color-theme-600)"
   }, {
-    "color": "var(--color-theme-900)",
-    "fontWeight": "700"
+    "fontWeight": "700",
+    "color": "var(--color-theme-900)"
   });
   var StyledDatePickerCSSTransition = styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({
     displayName: "Styles__StyledDatePickerCSSTransition",
@@ -8484,29 +8523,29 @@
     componentId: "sc-1v8h7mt-0"
   })(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
     "position": "relative",
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "verticalAlign": "middle",
-    "fontWeight": "500",
-    "display": "inline-block",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
+    "display": "inline-block",
     "cursor": "pointer",
-    "textAlign": "center"
+    "userSelect": "none",
+    "textAlign": "center",
+    "verticalAlign": "middle",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   });
   var StyledMenu$1 = styled__default["default"](Menu).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-1v8h7mt-1"
   })(["", ""], {
-    "width": "auto",
     "height": "auto",
-    "paddingTop": "1rem",
-    "paddingBottom": "1rem",
+    "width": "auto",
     "paddingLeft": "0.5rem",
-    "paddingRight": "0.5rem"
+    "paddingRight": "0.5rem",
+    "paddingTop": "1rem",
+    "paddingBottom": "1rem"
   });
   var StyledButtonGroup = styled__default["default"](ButtonGroup).withConfig({
     displayName: "Styles__StyledButtonGroup",
@@ -8527,21 +8566,21 @@
     return props.$isRounded && styled.css(["border-radius:var(--ac-br-rounded);"]);
   }, {
     "position": "relative",
-    "textAlign": "center",
-    "padding": "0px",
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "verticalAlign": "middle",
-    "fontWeight": "500",
-    "display": "inline-block",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
+    "display": "inline-block",
     "cursor": "pointer",
+    "userSelect": "none",
     "borderWidth": "1px",
-    "borderStyle": "solid"
+    "borderStyle": "solid",
+    "padding": "0px",
+    "textAlign": "center",
+    "verticalAlign": "middle",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, screen.md);
   var StyledControl = styled__default["default"](IconButton).withConfig({
     displayName: "Styles__StyledControl",
@@ -8868,15 +8907,15 @@
     "textAlign": "left",
     "textTransform": "uppercase"
   }, {
-    "color": "var(--color-theme-700)",
+    "fontSize": "0.6875rem",
     "fontWeight": "600",
-    "fontSize": "0.6875rem"
+    "color": "var(--color-theme-700)"
   }, function (props) {
     return props.$headerVariant && props.$headerVariant === "primary" && styled.css(["th{", "}tr{td:first-child,th:first-child{", "}}"], {
       "whiteSpace": "nowrap",
+      "paddingBottom": "2rem",
       "paddingLeft": "1rem",
       "paddingRight": "1rem",
-      "paddingBottom": "2rem",
       "paddingTop": "0.5rem"
     }, {
       "paddingLeft": "1.5rem"
@@ -8901,29 +8940,30 @@
   }, {
     "color": "var(--color-theme-700)"
   }, {
-    "textDecoration": "none",
-    "color": "var(--color-primary)"
+    "color": "var(--color-primary)",
+    "textDecorationLine": "none"
   }, {
-    "textDecoration": "underline"
+    "textDecorationLine": "underline"
   });
   StyledTableBody.displayName = "StyledTableBody";
   var StyledTableWrapper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledTableWrapper",
     componentId: "sc-e16t6w-2"
   })(["", " ", " ", " &:before{", " content:\"\";top:39px;z-index:-1;}"], FontStyle, BoxSizingStyle, {
-    "marginTop": "2rem",
     "marginLeft": "1rem",
     "marginRight": "1rem",
+    "marginTop": "2rem",
     "overflowX": "auto",
     "overflowY": "hidden"
   }, {
     "position": "absolute",
+    "bottom": "0px",
     "left": "0px",
     "right": "0px",
-    "bottom": "0px",
-    "backgroundColor": "var(--page-paper-main)",
     "borderRadius": "0.5rem",
-    "--tw-shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    "backgroundColor": "var(--page-paper-main)",
+    "--tw-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "--tw-shadow-colored": "0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)",
     "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
   });
   StyledTableWrapper.displayName = "StyledTableWrapper";
@@ -8933,16 +8973,16 @@
   })(["", " border-spacing:0;", " tr th,", " tr td{&:last-child{", "}}td{", "}", ""], {
     "width": "100%",
     "padding": "0px",
+    "paddingBottom": "1rem",
     "fontSize": "0.75rem",
-    "lineHeight": "1rem",
-    "paddingBottom": "1rem"
+    "lineHeight": "1rem"
   }, StyledTableHead, StyledTableBody, {
     "textAlign": "right"
   }, {
-    "paddingTop": "0.75rem",
-    "paddingBottom": "0.75rem",
     "paddingLeft": "1rem",
-    "paddingRight": "1rem"
+    "paddingRight": "1rem",
+    "paddingTop": "0.75rem",
+    "paddingBottom": "0.75rem"
   }, function (props) {
     return props.$striped && styled.css(["", ":not(.c-table__grouped__head){tr:nth-child(odd){", "}}"], StyledTableBody, {
       "backgroundColor": "var(--color-theme-200)"
@@ -8963,17 +9003,17 @@
   }, {
     "opacity": "0.5"
   }, {
+    "pointerEvents": "none",
     "position": "absolute",
-    "width": "100%",
     "left": "0px",
-    "pointerEvents": "none"
+    "width": "100%"
   }, {
     "display": "inline-block",
     "userSelect": "none"
   }, {
     "borderWidth": "0px",
-    "borderColor": "rgba(0, 0, 0, 0)",
-    "borderStyle": "solid"
+    "borderStyle": "solid",
+    "borderColor": "transparent"
   }, {
     "marginLeft": "0.25rem"
   }, {
@@ -9509,16 +9549,16 @@
     displayName: "Styles__StyledCompleteCheckbox",
     componentId: "sc-1801dzg-0"
   })(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;background-color:transparent;padding:0;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
-    "width": "1.5rem",
+    "position": "relative",
     "height": "1.5rem",
+    "width": "1.5rem",
+    "cursor": "pointer",
     "borderRadius": "9999px",
     "borderWidth": "1px",
-    "borderStyle": "solid",
-    "position": "relative",
-    "cursor": "pointer"
+    "borderStyle": "solid"
   }, {
-    "position": "absolute",
-    "pointerEvents": "none"
+    "pointerEvents": "none",
+    "position": "absolute"
   }, function (props) {
     return props.$primary && styled.css(["svg path{stroke:var(--color-primary);}"]);
   }, function (props) {
@@ -9538,8 +9578,8 @@
     });
   }, function (props) {
     return !props.$checkMarkClassName && styled.css(["svg{", "}"], {
-      "width": "3rem",
-      "height": "3rem"
+      "height": "3rem",
+      "width": "3rem"
     });
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
@@ -9857,9 +9897,9 @@
     displayName: "Styles__StyledIcon",
     componentId: "sc-1idn4je-2"
   })(["", ""], {
+    "marginRight": "0.25rem",
     "fontSize": "0.75rem",
-    "lineHeight": "1rem",
-    "marginRight": "0.25rem"
+    "lineHeight": "1rem"
   });
   StyledIcon$1.displayName = "StyledIcon";
 
@@ -10447,9 +10487,9 @@
     componentId: "sc-17pcaqo-1"
   })(["", " background-image:linear-gradient( to top,", ",", " );"], {
     "position": "absolute",
-    "top": "0px",
     "left": "0px",
     "right": "0px",
+    "top": "0px",
     "height": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -10461,9 +10501,9 @@
     componentId: "sc-17pcaqo-2"
   })(["", " background-image:linear-gradient( to top,", ",", " );"], {
     "position": "absolute",
-    "bottom": "0px",
     "left": "0px",
     "right": "0px",
+    "bottom": "0px",
     "height": "0.5rem"
   }, function (props) {
     return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
@@ -10475,9 +10515,9 @@
     componentId: "sc-17pcaqo-3"
   })(["", " background-image:linear-gradient( to left,", ",", " );"], {
     "position": "absolute",
-    "left": "0px",
     "top": "0px",
     "bottom": "0px",
+    "left": "0px",
     "width": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -10489,9 +10529,9 @@
     componentId: "sc-17pcaqo-4"
   })(["", " background-image:linear-gradient( to right,", ",", " );"], {
     "position": "absolute",
-    "right": "0px",
     "top": "0px",
     "bottom": "0px",
+    "right": "0px",
     "width": "0.5rem"
   }, function (props) {
     return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
@@ -11635,9 +11675,9 @@
     displayName: "Styles__StyledNavList",
     componentId: "sc-1khiypw-1"
   })(["", " overflow:clip visible;"], {
+    "margin": "0px",
     "display": "flex",
     "listStyleType": "none",
-    "margin": "0px",
     "padding": "0px"
   });
   StyledNavList.displayName = "StyledNavList";
@@ -11645,11 +11685,11 @@
     displayName: "Styles__StyledNavListItem",
     componentId: "sc-1khiypw-2"
   })(["", " color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{", "}", " &::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}", " ", " ", " ", ""], {
-    "fontSize": "0.875rem",
-    "lineHeight": "1.25rem",
-    "cursor": "default",
     "position": "relative",
-    "userSelect": "none"
+    "cursor": "default",
+    "userSelect": "none",
+    "fontSize": "0.875rem",
+    "lineHeight": "1.25rem"
   }, function (props) {
     return !props.$disabled && styled.css(["", ""], {
       "color": "var(--color-primary)"
@@ -11660,10 +11700,10 @@
     });
   }, {
     "position": "absolute",
-    "display": "block",
     "margin": "auto",
+    "display": "block",
     "width": "0px",
-    "backgroundColor": "rgba(0, 0, 0, 0)"
+    "backgroundColor": "transparent"
   }, function (props) {
     return props.$active && styled.css(["", " &::after{", "}"], {
       "pointerEvents": "none"
@@ -11673,8 +11713,8 @@
     });
   }, function (props) {
     return props.$disabled && styled.css(["", ""], {
-      "userSelect": "none",
       "cursor": "not-allowed",
+      "userSelect": "none",
       "opacity": "0.5"
     });
   }, function (props) {
@@ -11740,9 +11780,9 @@
     displayName: "Styles__StyledExpand",
     componentId: "sc-zjpl2-0"
   })(["", ""], {
-    "fill": "currentColor",
+    "height": "1.5rem",
     "width": "1.5rem",
-    "height": "1.5rem"
+    "fill": "currentColor"
   });
   StyledExpand.displayName = "StyledExpand";
   var StyledExpandSingle = styled__default["default"](StyledExpand).withConfig({
@@ -12094,19 +12134,19 @@
     displayName: "Styles__StyledMenuSelectorDots",
     componentId: "sc-1x7qbnu-0"
   })(["", ""], {
-    "cursor": "pointer",
+    "marginLeft": "0.5rem",
     "flexShrink": "0",
-    "marginLeft": "0.5rem"
+    "cursor": "pointer"
   });
   StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
   var StyledMenuSelectorBack = styled__default["default"](ArrowLeftIcon$1).withConfig({
     displayName: "Styles__StyledMenuSelectorBack",
     componentId: "sc-1x7qbnu-1"
   })(["", ""], {
-    "cursor": "pointer",
-    "stroke": "currentColor",
+    "marginRight": "0.5rem",
     "flexShrink": "0",
-    "marginRight": "0.5rem"
+    "cursor": "pointer",
+    "stroke": "currentColor"
   });
   StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
   var StyledMenuSelector = styled__default["default"].div.withConfig({
@@ -12118,9 +12158,9 @@
     displayName: "Styles__StyledMenuSelectorInner",
     componentId: "sc-1x7qbnu-3"
   })(["", ""], {
+    "margin": "1rem",
     "display": "flex",
-    "alignItems": "center",
-    "margin": "1rem"
+    "alignItems": "center"
   });
   StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
 
@@ -12345,8 +12385,8 @@
     });
   }, function (props) {
     return props.$position === "right" && styled.css(["", ""], {
-      "marginRight": "0.5rem",
-      "marginLeft": "auto"
+      "marginLeft": "auto",
+      "marginRight": "0.5rem"
     });
   }, function (props) {
     return props.$mode === "stretch" && props.$position !== "left" && styled.css(["", "{span{right:48px;}}"], StyledSheetIcons);
@@ -12611,12 +12651,12 @@
     displayName: "Styles__StyledAccordion",
     componentId: "sc-h8w6zs-0"
   })(["", " ", " ", ""], {
-    "borderRadius": "0.5rem",
     "overflow": "hidden",
-    "borderStyle": "solid",
+    "borderRadius": "0.5rem",
     "borderWidth": "1px",
-    "borderColor": "var(--border-primary)",
-    "borderBottomWidth": "0px"
+    "borderBottomWidth": "0px",
+    "borderStyle": "solid",
+    "borderColor": "var(--border-primary)"
   }, FontStyle, BoxSizingStyle);
   StyledAccordion.displayName = "StyledAccordion";
   var StyledAccordionItem = styled__default["default"].div.withConfig({
@@ -12803,26 +12843,26 @@
     displayName: "Styles__StyledChoose",
     componentId: "sc-1j2qv02-0"
   })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
+    "margin": "0px",
+    "display": "inline-block",
     "verticalAlign": "middle",
     "fontWeight": "500",
-    "display": "inline-block",
     "lineHeight": "1",
-    "margin": "0px",
-    "textDecoration": "none"
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, {
-    "userSelect": "none",
     "cursor": "pointer",
-    "textAlign": "center",
+    "userSelect": "none",
     "borderRadius": "0.5rem",
+    "textAlign": "center",
     "color": "var(--color-theme-700)"
   }, FontStyle, BoxSizingStyle, {
     "borderColor": "var(--color-primary)"
   }, function (props) {
     return props.active && styled.css(["", " background-color:var(--color-primary-300);"], {
-      "borderColor": "var(--color-primary)",
-      "zIndex": "0"
+      "zIndex": "0",
+      "borderColor": "var(--color-primary)"
     });
   });
   StyledChoose.displayName = "StyledChoose";
@@ -12855,18 +12895,18 @@
     displayName: "Styles__StyledLink",
     componentId: "sc-1c1jdox-1"
   })(["", " ", " ", " border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
-    "WebkitFontSmoothing": "antialiased",
-    "MozOsxFontSmoothing": "grayscale",
-    "fontWeight": "500",
-    "lineHeight": "1.25rem",
     "margin": "0px",
-    "textDecoration": "none",
-    "fontSize": "0.875rem",
-    "userSelect": "none",
-    "cursor": "pointer",
     "display": "inline-flex",
+    "cursor": "pointer",
+    "userSelect": "none",
     "alignItems": "center",
-    "justifyContent": "center"
+    "justifyContent": "center",
+    "fontSize": "0.875rem",
+    "lineHeight": "1",
+    "fontWeight": "500",
+    "textDecorationLine": "none",
+    "WebkitFontSmoothing": "antialiased",
+    "MozOsxFontSmoothing": "grayscale"
   }, function (props) {
     return props.disabled && styled.css(["cursor:default;opacity:50%;pointer-events:none;"]);
   }, function (props) {
@@ -12904,22 +12944,22 @@
     displayName: "Styles__StyledBackLink",
     componentId: "sc-1c1jdox-3"
   })(["", " ", " ", " text-decoration:none;border:transparent 1px solid;border-radius:20px;height:32px;font-size:10px;font-weight:500;display:table-cell;vertical-align:middle;&:before,&:after{content:\"\";", " border-width:0 1px 1px 0;position:absolute;left:0;transition:all ease 0.3s;}&:before{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(2rem) translateY(0.1rem) rotate(135deg);}&:hover{text-decoration:none;border-color:var(--border-primary);&:before{", " transform:translateX(0rem) translateY(0.1rem) rotate(135deg);}&:after{", " transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}}"], FontStyle, BoxSizingStyle, {
+    "display": "inline-flex",
+    "cursor": "pointer",
     "paddingLeft": "2rem",
+    "paddingRight": "1rem",
+    "verticalAlign": "middle",
     "fontSize": "0.6875rem",
     "textTransform": "uppercase",
-    "display": "inline-flex",
-    "verticalAlign": "middle",
-    "paddingRight": "1rem",
-    "color": "var(--color-theme-600)",
-    "cursor": "pointer"
+    "color": "var(--color-theme-600)"
   }, {
-    "borderStyle": "solid",
-    "color": "var(--color-theme-700)",
     "display": "inline-block",
-    "padding": "0px",
-    "width": "0.5rem",
     "height": "0.5rem",
-    "backgroundRepeat": "no-repeat"
+    "width": "0.5rem",
+    "borderStyle": "solid",
+    "backgroundRepeat": "no-repeat",
+    "padding": "0px",
+    "color": "var(--color-theme-700)"
   }, {
     "opacity": "1"
   }, {
@@ -13489,8 +13529,8 @@
     displayName: "Styles__StyledSelectDateDatePicker",
     componentId: "sc-1jkx994-3"
   })(["", " color:red;"], {
-    "paddingTop": "1rem",
-    "paddingBottom": "0.5rem"
+    "paddingBottom": "0.5rem",
+    "paddingTop": "1rem"
   });
   StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
   var StyledSelectDateFooter = styled__default["default"].div.withConfig({
@@ -15595,25 +15635,22 @@
     componentId: "sc-1wapx2a-2"
   })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
     "position": "absolute",
-    "top": "0px",
-    "right": "0px",
-    "bottom": "0px",
-    "left": "0px",
+    "inset": "0px",
+    "boxSizing": "border-box",
+    "width": "100%",
+    "overflow": "hidden",
+    "whiteSpace": "nowrap",
+    "borderRadius": "0.375rem",
     "borderWidth": "1px",
-    "borderColor": "rgba(0, 0, 0, 0)",
     "borderStyle": "solid",
-    ":hover": {
-      "borderColor": "var(--color-theme-700)"
-    },
+    "borderColor": "transparent",
     ":focus-within": {
-      "borderColor": "var(--color-theme-700)",
-      "overflow": "scroll"
+      "overflow": "scroll",
+      "borderColor": "var(--color-theme-700)"
     },
-    "borderRadius": "0.375rem",
-    "boxSizing": "border-box",
-    "overflow": "hidden",
-    "whiteSpace": "nowrap",
-    "width": "100%"
+    ":hover": {
+      "borderColor": "var(--color-theme-700)"
+    }
   });
   StyledInput$1.displayName = "StyledInput";
 
@@ -17415,6 +17452,7 @@
   exports.RearrangeSmallIcon = RearrangeSmallIcon$1;
   exports.RecurringCheckmarkIcon = RecurringCheckmarkIcon$1;
   exports.RecurringCheckmarkSmallIcon = RecurringCheckmarkSmallIcon$1;
+  exports.RecurringSmallIcon = RecurringSmallIcon$1;
   exports.ReportTimeIcon = ReportTimeIcon$1;
   exports.ReportsIcon = ReportsIcon$1;
   exports.ResizeTransition = ResizeTransition;