@activecollab/components 1.0.4 → 1.0.8

package/dist/esm/components/Signifier/Signifier.js

@@ -1,15 +1,11 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import { useState, useMemo, useEffect } from 'react';
-import classnames from 'classnames';
-import { SwitchTransition } from 'react-transition-group';
-import { StyledSignifier, StyledIcon, StyledSignifierTransition } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Caption1 } from '../Typography/Variants/Caption1.js';
-import { Body1 } from '../Typography/Variants/Body1.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-
-var signifierTypes = ["EyeIcon", "EyeSmallIcon", "PencilIcon", "PencilSmallIcon", "EyeOffIcon", "EyeOffSmallIcon", "ChecklistIcon", "ChecklistSmallIcon", "WarningTriangleIcon", "WarningTriangleSmallIcon", "DependencyIcon", "DependencySmallIcon", "MessageIcon", "MessageSmallIcon", "ClockStopwatchIcon", "ClockStopwatchSmallIcon", "ClockIcon", "ClockSmallIcon", "DollarOffIcon", "DollarOffSmallIcon", "DollarIcon", "DollarSmallIcon", "DollarCheckmarkIcon", "DollarCheckmarkSmallIcon", "DollarClockIcon", "DollarClockSmallIcon", "BellOffIcon", "BellOffSmallIcon", "LockIcon", "LockSmallIcon", "RecurringCheckmarkIcon", "RecurringCheckmarkSmallIcon"];
-var Signifier = function Signifier(_ref) {
+import React, { useMemo, useState, useEffect } from "react";
+import classnames from "classnames";
+import { SwitchTransition } from "react-transition-group";
+import { Tooltip } from "../Tooltip";
+import { Body1, Caption1 } from "../Typography";
+import { StyledIcon, StyledSignifier, StyledSignifierTransition } from "./Styles";
+export var signifierTypes = ["EyeIcon", "EyeSmallIcon", "PencilIcon", "PencilSmallIcon", "EyeOffIcon", "EyeOffSmallIcon", "ChecklistIcon", "ChecklistSmallIcon", "WarningTriangleIcon", "WarningTriangleSmallIcon", "DependencyIcon", "DependencySmallIcon", "MessageIcon", "MessageSmallIcon", "ClockStopwatchIcon", "ClockStopwatchSmallIcon", "ClockIcon", "ClockSmallIcon", "DollarOffIcon", "DollarOffSmallIcon", "DollarIcon", "DollarSmallIcon", "DollarCheckmarkIcon", "DollarCheckmarkSmallIcon", "DollarClockIcon", "DollarClockSmallIcon", "BellOffIcon", "BellOffSmallIcon", "LockIcon", "LockSmallIcon", "RecurringCheckmarkIcon", "RecurringCheckmarkSmallIcon"];
+export var Signifier = function Signifier(_ref) {
   var Component = _ref.type,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? null : _ref$value,
@@ -22,13 +18,11 @@ var Signifier = function Signifier(_ref) {
   }
 
   var _useState = useState("c-signifier--top"),
-      _useState2 = _slicedToArray(_useState, 2),
-      direction = _useState2[0],
-      setDirection = _useState2[1];
+      direction = _useState[0],
+      setDirection = _useState[1];
 
-  var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      setPrevValue = _useState4[1];
+  var _useState2 = useState(value),
+      setPrevValue = _useState2[1];
 
   var label = useMemo(function () {
     if (!value || value < 1) return null;
@@ -40,14 +34,14 @@ var Signifier = function Signifier(_ref) {
     }
 
     if (newValue === max) {
-      return "".concat(Math.floor(newValue / 1000000000), "B+");
+      return Math.floor(newValue / 1000000000) + "B+";
     } else if (newValue > 999999) {
-      return "".concat(Math.floor(newValue / 1000000), "M");
+      return Math.floor(newValue / 1000000) + "M";
     } else if (newValue > 999) {
-      return "".concat(Math.floor(newValue / 1000), "k");
+      return Math.floor(newValue / 1000) + "k";
     }
 
-    return "".concat(newValue);
+    return "" + newValue;
   }, [value]);
   useEffect(function () {
     value && setPrevValue(function (v) {
@@ -56,35 +50,28 @@ var Signifier = function Signifier(_ref) {
     });
   }, [value]);
   var renderSignifier = useMemo(function () {
-    return /*#__PURE__*/jsxs(StyledSignifier, {
+    return /*#__PURE__*/React.createElement(StyledSignifier, {
       className: classnames("c-signifier", className),
-      $direction: direction,
-      children: [/*#__PURE__*/jsx(StyledIcon, {
-        as: Component
-      }), value !== null && /*#__PURE__*/jsx(SwitchTransition, {
-        mode: "out-in",
-        children: /*#__PURE__*/jsx(StyledSignifierTransition, {
-          timeout: 300,
-          classNames: "c-signifier--animate",
-          children: Component.displayName.includes("SmallIcon") ? /*#__PURE__*/jsx(Caption1, {
-            color: "secondary",
-            children: label
-          }) : /*#__PURE__*/jsx(Body1, {
-            color: "secondary",
-            children: label
-          })
-        }, label)
-      })]
-    });
+      $direction: direction
+    }, /*#__PURE__*/React.createElement(StyledIcon, {
+      as: Component
+    }), value !== null && /*#__PURE__*/React.createElement(SwitchTransition, {
+      mode: "out-in"
+    }, /*#__PURE__*/React.createElement(StyledSignifierTransition, {
+      key: label,
+      timeout: 300,
+      classNames: "c-signifier--animate"
+    }, Component.displayName.includes("SmallIcon") ? /*#__PURE__*/React.createElement(Caption1, {
+      color: "secondary"
+    }, label) : /*#__PURE__*/React.createElement(Body1, {
+      color: "secondary"
+    }, label))));
   }, [className, direction, Component, value, label]);
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: tooltipText !== null && tooltipText !== void 0 ? tooltipText : "",
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: tooltipText != null ? tooltipText : "",
     disable: !tooltipText,
-    popperTooltipClassName: tooltipClassName,
-    children: renderSignifier
-  });
+    popperTooltipClassName: tooltipClassName
+  }, renderSignifier);
 };
 Signifier.displayName = "Signifier";
-
-export { Signifier, signifierTypes };
-//# sourceMappingURL=Signifier.js.map
+//# sourceMappingURL=Signifier.js.map

package/dist/esm/components/Signifier/Signifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"Signifier.js","sources":["../../../../src/components/Signifier/Signifier.tsx"],"sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode={\"out-in\"}>\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"names":["signifierTypes","Signifier","Component","type","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","useState","direction","setDirection","setPrevValue","label","useMemo","max","newValue","Math","floor","useEffect","v","renderSignifier","_jsxs","classnames","_jsx","includes"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Signifier/Signifier.tsx"],"names":["React","useMemo","useState","useEffect","classnames","SwitchTransition","Tooltip","Body1","Caption1","StyledIcon","StyledSignifier","StyledSignifierTransition","signifierTypes","Signifier","Component","type","value","className","tooltipText","tooltipClassName","indexOf","displayName","console","warn","direction","setDirection","setPrevValue","label","max","newValue","Math","floor","v","renderSignifier","includes"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,EAA0CC,QAA1C,EAAoDC,SAApD,QAAqE,OAArE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,wBAAjC;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,KAAT,EAAgBC,QAAhB,QAAgC,eAAhC;AACA,SACEC,UADF,EAEEC,eAFF,EAGEC,yBAHF,QAIO,UAJP;AAmBA,OAAO,IAAMC,cAAc,GAAG,CAC5B,SAD4B,EAE5B,cAF4B,EAG5B,YAH4B,EAI5B,iBAJ4B,EAK5B,YAL4B,EAM5B,iBAN4B,EAO5B,eAP4B,EAQ5B,oBAR4B,EAS5B,qBAT4B,EAU5B,0BAV4B,EAW5B,gBAX4B,EAY5B,qBAZ4B,EAa5B,aAb4B,EAc5B,kBAd4B,EAe5B,oBAf4B,EAgB5B,yBAhB4B,EAiB5B,WAjB4B,EAkB5B,gBAlB4B,EAmB5B,eAnB4B,EAoB5B,oBApB4B,EAqB5B,YArB4B,EAsB5B,iBAtB4B,EAuB5B,qBAvB4B,EAwB5B,0BAxB4B,EAyB5B,iBAzB4B,EA0B5B,sBA1B4B,EA2B5B,aA3B4B,EA4B5B,kBA5B4B,EA6B5B,UA7B4B,EA8B5B,eA9B4B,EA+B5B,wBA/B4B,EAgC5B,6BAhC4B,CAAvB;AAmCP,OAAO,IAAMC,SAA8B,GAAG,SAAjCA,SAAiC,OAMxC;AAAA,MALEC,SAKF,QALJC,IAKI;AAAA,wBAJJC,KAII;AAAA,MAJJA,KAII,2BAJI,IAIJ;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,WAEI,QAFJA,WAEI;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,MACEP,cAAc,CAACQ,OAAf,CACGN,SAAD,CAAuCO,WADzC,MAEM,CAAC,CAHT,EAIE;AACAC,IAAAA,OAAO,CAACC,IAAR,CAAa,0CAAb;AACD;;AAED,kBAAkCrB,QAAQ,CAAC,kBAAD,CAA1C;AAAA,MAAOsB,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAyBvB,QAAQ,CAACc,KAAD,CAAjC;AAAA,MAASU,YAAT;;AAEA,MAAMC,KAAoB,GAAG1B,OAAO,CAAC,YAAM;AACzC,QAAI,CAACe,KAAD,IAAUA,KAAK,GAAG,CAAtB,EAAyB,OAAO,IAAP;AAEzB,QAAMY,GAAG,GAAG,UAAZ;AACA,QAAIC,QAAQ,GAAGb,KAAf;;AAEA,QAAIa,QAAQ,GAAGD,GAAf,EAAoB;AAClBC,MAAAA,QAAQ,GAAGD,GAAX;AACD;;AAED,QAAIC,QAAQ,KAAKD,GAAjB,EAAsB;AACpB,aAAUE,IAAI,CAACC,KAAL,CAAWF,QAAQ,GAAG,UAAtB,CAAV;AACD,KAFD,MAEO,IAAIA,QAAQ,GAAG,MAAf,EAAwB;AAC7B,aAAUC,IAAI,CAACC,KAAL,CAAWF,QAAQ,GAAG,OAAtB,CAAV;AACD,KAFM,MAEA,IAAIA,QAAQ,GAAG,GAAf,EAAoB;AACzB,aAAUC,IAAI,CAACC,KAAL,CAAWF,QAAQ,GAAG,IAAtB,CAAV;AACD;;AAED,gBAAUA,QAAV;AACD,GAnBmC,EAmBjC,CAACb,KAAD,CAnBiC,CAApC;AAqBAb,EAAAA,SAAS,CAAC,YAAM;AACda,IAAAA,KAAK,IACHU,YAAY,CAAC,UAACM,CAAD,EAAO;AAClBA,MAAAA,CAAC,IACCP,YAAY,CACVO,CAAC,GAAGhB,KAAJ,GAAY,CAAZ,GAAgB,kBAAhB,GAAqC,qBAD3B,CADd;AAIA,aAAOA,KAAP;AACD,KANW,CADd;AAQD,GATQ,EASN,CAACA,KAAD,CATM,CAAT;AAWA,MAAMiB,eAAe,GAAGhC,OAAO,CAC7B;AAAA,wBACE,oBAAC,eAAD;AACE,MAAA,SAAS,EAAEG,UAAU,CAAC,aAAD,EAAgBa,SAAhB,CADvB;AAEE,MAAA,UAAU,EAAEO;AAFd,oBAIE,oBAAC,UAAD;AAAY,MAAA,EAAE,EAAEV;AAAhB,MAJF,EAKGE,KAAK,KAAK,IAAV,iBACC,oBAAC,gBAAD;AAAkB,MAAA,IAAI,EAAE;AAAxB,oBACE,oBAAC,yBAAD;AACE,MAAA,GAAG,EAAEW,KADP;AAEE,MAAA,OAAO,EAAE,GAFX;AAGE,MAAA,UAAU,EAAC;AAHb,OAKIb,SAAD,CAAuCO,WAAvC,CAAmDa,QAAnD,CACC,WADD,iBAGC,oBAAC,QAAD;AAAU,MAAA,KAAK,EAAC;AAAhB,OAA6BP,KAA7B,CAHD,gBAKC,oBAAC,KAAD;AAAO,MAAA,KAAK,EAAC;AAAb,OAA0BA,KAA1B,CAVJ,CADF,CANJ,CADF;AAAA,GAD6B,EA0B7B,CAACV,SAAD,EAAYO,SAAZ,EAAuBV,SAAvB,EAAkCE,KAAlC,EAAyCW,KAAzC,CA1B6B,CAA/B;AA6BA,sBACE,oBAAC,OAAD;AACE,IAAA,KAAK,EAAET,WAAF,WAAEA,WAAF,GAAiB,EADxB;AAEE,IAAA,OAAO,EAAE,CAACA,WAFZ;AAGE,IAAA,sBAAsB,EAAEC;AAH1B,KAKGc,eALH,CADF;AASD,CAxFM;AA0FPpB,SAAS,CAACQ,WAAV,GAAwB,WAAxB","sourcesContent":["import React, { FC, useMemo, ElementType, useState, useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Body1, Caption1 } from \"../Typography\";\nimport {\n  StyledIcon,\n  StyledSignifier,\n  StyledSignifierTransition,\n} from \"./Styles\";\n\ninterface ISignifierProps {\n  /** One of icon types */\n  type: ElementType;\n  /** Number that represent total value */\n  value?: number;\n  /** Value that represent class names */\n  className?: string;\n  /** The text that will be displayed on hover in tooltip */\n  tooltipText?: string;\n  /** ClassName for tooltip if there is one */\n  tooltipClassName?: string;\n}\n\nexport const signifierTypes = [\n  \"EyeIcon\",\n  \"EyeSmallIcon\",\n  \"PencilIcon\",\n  \"PencilSmallIcon\",\n  \"EyeOffIcon\",\n  \"EyeOffSmallIcon\",\n  \"ChecklistIcon\",\n  \"ChecklistSmallIcon\",\n  \"WarningTriangleIcon\",\n  \"WarningTriangleSmallIcon\",\n  \"DependencyIcon\",\n  \"DependencySmallIcon\",\n  \"MessageIcon\",\n  \"MessageSmallIcon\",\n  \"ClockStopwatchIcon\",\n  \"ClockStopwatchSmallIcon\",\n  \"ClockIcon\",\n  \"ClockSmallIcon\",\n  \"DollarOffIcon\",\n  \"DollarOffSmallIcon\",\n  \"DollarIcon\",\n  \"DollarSmallIcon\",\n  \"DollarCheckmarkIcon\",\n  \"DollarCheckmarkSmallIcon\",\n  \"DollarClockIcon\",\n  \"DollarClockSmallIcon\",\n  \"BellOffIcon\",\n  \"BellOffSmallIcon\",\n  \"LockIcon\",\n  \"LockSmallIcon\",\n  \"RecurringCheckmarkIcon\",\n  \"RecurringCheckmarkSmallIcon\",\n];\n\nexport const Signifier: FC<ISignifierProps> = ({\n  type: Component,\n  value = null,\n  className,\n  tooltipText,\n  tooltipClassName,\n}) => {\n  if (\n    signifierTypes.indexOf(\n      (Component as { displayName: string }).displayName\n    ) === -1\n  ) {\n    console.warn(\"You are using unsupported Signifier icon\");\n  }\n\n  const [direction, setDirection] = useState(\"c-signifier--top\");\n  const [, setPrevValue] = useState(value);\n\n  const label: string | null = useMemo(() => {\n    if (!value || value < 1) return null;\n\n    const max = 1_000_000_000;\n    let newValue = value;\n\n    if (newValue > max) {\n      newValue = max;\n    }\n\n    if (newValue === max) {\n      return `${Math.floor(newValue / 1_000_000_000)}B+`;\n    } else if (newValue > 999_999) {\n      return `${Math.floor(newValue / 1_000_000)}M`;\n    } else if (newValue > 999) {\n      return `${Math.floor(newValue / 1000)}k`;\n    }\n\n    return `${newValue}`;\n  }, [value]);\n\n  useEffect(() => {\n    value &&\n      setPrevValue((v) => {\n        v &&\n          setDirection(\n            v - value > 0 ? \"c-signifier--top\" : \"c-signifier--bottom\"\n          );\n        return value;\n      });\n  }, [value]);\n\n  const renderSignifier = useMemo(\n    () => (\n      <StyledSignifier\n        className={classnames(\"c-signifier\", className)}\n        $direction={direction}\n      >\n        <StyledIcon as={Component} />\n        {value !== null && (\n          <SwitchTransition mode={\"out-in\"}>\n            <StyledSignifierTransition\n              key={label}\n              timeout={300}\n              classNames=\"c-signifier--animate\"\n            >\n              {(Component as { displayName: string }).displayName.includes(\n                \"SmallIcon\"\n              ) ? (\n                <Caption1 color=\"secondary\">{label}</Caption1>\n              ) : (\n                <Body1 color=\"secondary\">{label}</Body1>\n              )}\n            </StyledSignifierTransition>\n          </SwitchTransition>\n        )}\n      </StyledSignifier>\n    ),\n    [className, direction, Component, value, label]\n  );\n\n  return (\n    <Tooltip\n      title={tooltipText ?? \"\"}\n      disable={!tooltipText}\n      popperTooltipClassName={tooltipClassName}\n    >\n      {renderSignifier}\n    </Tooltip>\n  );\n};\n\nSignifier.displayName = \"Signifier\";\n"],"file":"Signifier.js"}

package/dist/esm/components/Signifier/Styles.js

@@ -1,9 +1,8 @@
-import styled, { css } from 'styled-components';
-import { CSSTransition } from 'react-transition-group';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-
-var StyledSignifier = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { CSSTransition } from "react-transition-group";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledSignifier = styled.div.withConfig({
   displayName: "Styles__StyledSignifier",
   componentId: "sc-1idn4je-0"
 })(["", " ", " ", " cursor:default;", " ", ""], {
@@ -16,12 +15,12 @@ var StyledSignifier = styled.div.withConfig({
   return props.$direction === "c-signifier--bottom" && css(["--signifier-in:-60%;--signifier-out:60%;"]);
 });
 StyledSignifier.displayName = "StyledSignifier";
-var StyledSignifierTransition = styled(CSSTransition).withConfig({
+export var StyledSignifierTransition = styled(CSSTransition).withConfig({
   displayName: "Styles__StyledSignifierTransition",
   componentId: "sc-1idn4je-1"
 })(["&.c-signifier--animate-enter{opacity:0;transform:translateY(var(--signifier-in));}&.c-signifier--animate-enter-active{opacity:1;transform:translateY(0%);transition-duration:300ms;}&.c-signifier--animate-exit{transform:translateY(0%);opacity:1;}&.c-signifier--animate-exit-active{transform:translateY(var(--signifier-out));opacity:0;transition-duration:300ms;}"]);
 StyledSignifierTransition.displayName = "StyledSignifierTransition";
-var StyledIcon = styled.svg.withConfig({
+export var StyledIcon = styled.svg.withConfig({
   displayName: "Styles__StyledIcon",
   componentId: "sc-1idn4je-2"
 })(["", ""], {
@@ -30,6 +29,4 @@ var StyledIcon = styled.svg.withConfig({
   "marginRight": "0.25rem"
 });
 StyledIcon.displayName = "StyledIcon";
-
-export { StyledIcon, StyledSignifier, StyledSignifierTransition };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Signifier/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Signifier/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSignifier = styled.div<{ $direction: string }>`\n  ${tw`tw-inline-flex tw-items-center tw-text-theme-800`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  cursor: default;\n\n  ${(props) =>\n    props.$direction === \"c-signifier--top\" &&\n    css`\n      --signifier-in: 60%;\n      --signifier-out: -60%;\n    `}\n\n  ${(props) =>\n    props.$direction === \"c-signifier--bottom\" &&\n    css`\n      --signifier-in: -60%;\n      --signifier-out: 60%;\n    `}\n`;\nStyledSignifier.displayName = \"StyledSignifier\";\n\nexport const StyledSignifierTransition = styled(CSSTransition)`\n  &.c-signifier--animate-enter {\n    opacity: 0;\n    transform: translateY(var(--signifier-in));\n  }\n  &.c-signifier--animate-enter-active {\n    opacity: 1;\n    transform: translateY(0%);\n    transition-duration: 300ms;\n  }\n  &.c-signifier--animate-exit {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n  &.c-signifier--animate-exit-active {\n    transform: translateY(var(--signifier-out));\n    opacity: 0;\n    transition-duration: 300ms;\n  }\n`;\nStyledSignifierTransition.displayName = \"StyledSignifierTransition\";\n\nexport const StyledIcon = styled.svg`\n  ${tw`tw-text-xs tw-mr-1`}\n`;\nStyledIcon.displayName = \"StyledIcon\";\n"],"names":["StyledSignifier","styled","div","FontStyle","BoxSizingStyle","props","$direction","css","displayName","StyledSignifierTransition","CSSTransition","StyledIcon","svg"],"mappings":";;;;;IAMaA,eAAe,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gDACtB;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBC,SAFwB,EAGxBC,cAHwB,EAOxB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,kBAArB,IACAC,GADA,8CADA;AAAA,CAPwB,EAcxB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,qBAArB,IACAC,GADA,8CADA;AAAA,CAdwB;AAqB5BP,eAAe,CAACQ,WAAhB,GAA8B,iBAA9B;IAEaC,yBAAyB,GAAGR,MAAM,CAACS,aAAD,CAAT;AAAA;AAAA;AAAA;AAoBtCD,yBAAyB,CAACD,WAA1B,GAAwC,2BAAxC;IAEaG,UAAU,GAAGV,MAAM,CAACW,GAAV;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA,CADiB;AAGvBD,UAAU,CAACH,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"sources":["../../../../src/components/Signifier/Styles.ts"],"names":["styled","css","CSSTransition","BoxSizingStyle","FontStyle","StyledSignifier","div","props","$direction","displayName","StyledSignifierTransition","StyledIcon","svg"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,aAAT,QAA8B,wBAA9B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,eAAe,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,gDACtB;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBF,SAFwB,EAGxBD,cAHwB,EAOxB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,kBAArB,IACAP,GADA,8CADA;AAAA,CAPwB,EAcxB,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,qBAArB,IACAP,GADA,8CADA;AAAA,CAdwB,CAArB;AAqBPI,eAAe,CAACI,WAAhB,GAA8B,iBAA9B;AAEA,OAAO,IAAMC,yBAAyB,GAAGV,MAAM,CAACE,aAAD,CAAT;AAAA;AAAA;AAAA,+WAA/B;AAoBPQ,yBAAyB,CAACD,WAA1B,GAAwC,2BAAxC;AAEA,OAAO,IAAME,UAAU,GAAGX,MAAM,CAACY,GAAV;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AAGPD,UAAU,CAACF,WAAX,GAAyB,YAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledSignifier = styled.div<{ $direction: string }>`\n  ${tw`tw-inline-flex tw-items-center tw-text-theme-800`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  cursor: default;\n\n  ${(props) =>\n    props.$direction === \"c-signifier--top\" &&\n    css`\n      --signifier-in: 60%;\n      --signifier-out: -60%;\n    `}\n\n  ${(props) =>\n    props.$direction === \"c-signifier--bottom\" &&\n    css`\n      --signifier-in: -60%;\n      --signifier-out: 60%;\n    `}\n`;\nStyledSignifier.displayName = \"StyledSignifier\";\n\nexport const StyledSignifierTransition = styled(CSSTransition)`\n  &.c-signifier--animate-enter {\n    opacity: 0;\n    transform: translateY(var(--signifier-in));\n  }\n  &.c-signifier--animate-enter-active {\n    opacity: 1;\n    transform: translateY(0%);\n    transition-duration: 300ms;\n  }\n  &.c-signifier--animate-exit {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n  &.c-signifier--animate-exit-active {\n    transform: translateY(var(--signifier-out));\n    opacity: 0;\n    transition-duration: 300ms;\n  }\n`;\nStyledSignifierTransition.displayName = \"StyledSignifierTransition\";\n\nexport const StyledIcon = styled.svg`\n  ${tw`tw-text-xs tw-mr-1`}\n`;\nStyledIcon.displayName = \"StyledIcon\";\n"],"file":"Styles.js"}

package/dist/esm/components/Signifier/index.js

@@ -0,0 +1,2 @@
+export * from "./Signifier";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Signifier/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Signifier/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from \"./Signifier\";\n"],"file":"index.js"}

package/dist/esm/components/Steppers/DateStepper/DateStepper.js

@@ -1,22 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import { useState, useCallback, useMemo, useEffect } from 'react';
-import classnames from 'classnames';
-import moment from 'moment';
-import MomentLocaleUtils from 'react-day-picker/moment';
-import { Button } from '../../Button/Button.js';
-import CaretLeftIcon from '../../Icons/collection/CaretLeft.js';
-import CaretRightIcon from '../../Icons/collection/CaretRight.js';
-import { customClassNames } from '../../DatePicker/ClassNames.js';
-import { StyledButtonGroup, StyledDiv, StyledMenu, StyledButton, StyledSpan } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { DatePicker } from '../../DatePicker/DatePicker.js';
+import React, { useCallback, useMemo, useState, useEffect } from "react";
+import classNames from "classnames";
+import moment from "moment";
+import MomentLocaleUtils from "react-day-picker/moment";
+import { Button } from "../../Button/Button";
+import CaretLeftIcon from "../../Icons/collection/CaretLeft";
+import CaretRightIcon from "../../Icons/collection/CaretRight";
+import { DatePicker } from "../../DatePicker";
+import { customClassNames } from "../../DatePicker/ClassNames";
+import { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan } from "./Styles";
 
 /**
  * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
  * onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
  */
-var DateStepper = function DateStepper(_ref) {
+export var DateStepper = function DateStepper(_ref) {
   var step = _ref.step,
       formatCallback = _ref.formatCallback,
       onChange = _ref.onChange,
@@ -39,24 +36,20 @@ var DateStepper = function DateStepper(_ref) {
       position = _ref$position === void 0 ? "bottom" : _ref$position;
 
   var _useState = useState(moment(from)),
-      _useState2 = _slicedToArray(_useState, 2),
-      fromDate = _useState2[0],
-      setFromDate = _useState2[1];
+      fromDate = _useState[0],
+      setFromDate = _useState[1];
 
-  var _useState3 = useState(moment(to)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      toDate = _useState4[0],
-      setToDate = _useState4[1];
+  var _useState2 = useState(moment(to)),
+      toDate = _useState2[0],
+      setToDate = _useState2[1];
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showDatePicker = _useState6[0],
-      setShowDatePicker = _useState6[1];
+  var _useState3 = useState(false),
+      showDatePicker = _useState3[0],
+      setShowDatePicker = _useState3[1];
 
-  var _useState7 = useState(defaultMonth),
-      _useState8 = _slicedToArray(_useState7, 2),
-      month = _useState8[0],
-      setMonth = _useState8[1];
+  var _useState4 = useState(defaultMonth),
+      month = _useState4[0],
+      setMonth = _useState4[1];
 
   var getDatesByPeriod = useCallback(function (interval) {
     var date = fromDate ? fromDate : moment();
@@ -108,7 +101,7 @@ var DateStepper = function DateStepper(_ref) {
     } else if (step === "monthly") {
       return fromDate.format("MMM YYYY");
     } else if (step === "quarterly") {
-      return "Q".concat(fromDate.quarter(), "/").concat(fromDate.format("YYYY"));
+      return "Q" + fromDate.quarter() + "/" + fromDate.format("YYYY");
     } else if (step === "yearly") {
       return fromDate.format("YYYY");
     } else if (step === "custom") {
@@ -119,9 +112,8 @@ var DateStepper = function DateStepper(_ref) {
   }, [fromDate, step, toDate, formatCallback, period]);
   var onChangeCallback = useCallback(function (amount) {
     var _getDatesByPeriod = getDatesByPeriod(amount),
-        _getDatesByPeriod2 = _slicedToArray(_getDatesByPeriod, 2),
-        newFrom = _getDatesByPeriod2[0],
-        newTo = _getDatesByPeriod2[1];
+        newFrom = _getDatesByPeriod[0],
+        newTo = _getDatesByPeriod[1];
 
     setFromDate(moment(newFrom));
     setToDate(moment(newTo));
@@ -131,8 +123,8 @@ var DateStepper = function DateStepper(_ref) {
     }
   }, [onChange, getDatesByPeriod]);
   var onDatePickerChange = useCallback(function (dates) {
-    var fromDateTemp = dates === null || dates === void 0 ? void 0 : dates.from;
-    var toDateTemp = dates === null || dates === void 0 ? void 0 : dates.to;
+    var fromDateTemp = dates == null ? void 0 : dates.from;
+    var toDateTemp = dates == null ? void 0 : dates.to;
     setFromDate(moment(fromDateTemp));
     setToDate(moment(toDateTemp));
 
@@ -248,67 +240,55 @@ var DateStepper = function DateStepper(_ref) {
   var modifiers = useMemo(function () {
     var _ref2;
 
-    return _ref2 = {}, _defineProperty(_ref2, customClassNames.disabled, function (day) {
+    return _ref2 = {}, _ref2[customClassNames.disabled] = function (day) {
       return isDisabled(day);
-    }), _defineProperty(_ref2, customClassNames.nonWorkingDay, function (day) {
+    }, _ref2[customClassNames.nonWorkingDay] = function (day) {
       return isDisabled(day);
-    }), _ref2;
+    }, _ref2;
   }, [isDisabled]);
-  return /*#__PURE__*/jsxs(StyledButtonGroup, {
-    className: classnames("c-date-stepper", className),
-    children: [renderLeftRightButtons ? /*#__PURE__*/jsx(Button, {
+  return /*#__PURE__*/React.createElement(StyledButtonGroup, {
+    className: classNames("c-date-stepper", className)
+  }, renderLeftRightButtons ? /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    variant: "secondary",
+    onClick: onLeftClickHandler,
+    disabled: isBeforeMinDate
+  }, /*#__PURE__*/React.createElement(CaretLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
+    $isTargetable: step === "yearly" || !withDatePicker,
+    $isRounded: step === "custom",
+    style: dateStepperWidth(fromDate, toDate, step)
+  }, withDatePicker ? /*#__PURE__*/React.createElement(StyledMenu, {
+    target: /*#__PURE__*/React.createElement(StyledButton, {
       type: "button",
-      variant: "secondary",
-      onClick: onLeftClickHandler,
-      disabled: isBeforeMinDate,
-      children: /*#__PURE__*/jsx(CaretLeftIcon, {})
-    }) : null, /*#__PURE__*/jsx(StyledDiv, {
-      $isTargetable: step === "yearly" || !withDatePicker,
-      $isRounded: step === "custom",
-      style: dateStepperWidth(fromDate, toDate, step),
-      children: withDatePicker ? /*#__PURE__*/jsx(StyledMenu, {
-        target: /*#__PURE__*/jsx(StyledButton, {
-          type: "button",
-          className: "c-simple-menu__trigger",
-          children: /*#__PURE__*/jsx("span", {
-            children: getDateFormatted
-          })
-        }),
-        open: showDatePicker,
-        onOpen: handleShow,
-        onClose: closeMenu,
-        popperClassName: popperClassName,
-        position: position,
-        children: /*#__PURE__*/jsx(DatePicker, {
-          month: month,
-          localeUtils: MomentLocaleUtils,
-          locale: "en",
-          selectionMode: step,
-          className: datePickerClass,
-          selectedDays: {
-            from: fromDate.toDate(),
-            to: toDate.toDate()
-          },
-          onChange: onDatePickerChange,
-          onMonthChange: onMonthChange,
-          firstDayOfWeek: period === "week" ? 0 : 1,
-          modifiers: modifiers,
-          dateRequired: true,
-          fixedWeeks: true
-        })
-      }) : /*#__PURE__*/jsx(StyledSpan, {
-        children: getDateFormatted
-      })
-    }), renderLeftRightButtons ? /*#__PURE__*/jsx(Button, {
-      type: "button",
-      variant: "secondary",
-      onClick: onRightClickHandler,
-      disabled: isAfterMaxDate,
-      children: /*#__PURE__*/jsx(CaretRightIcon, {})
-    }) : null]
-  });
+      className: "c-simple-menu__trigger"
+    }, /*#__PURE__*/React.createElement("span", null, getDateFormatted)),
+    open: showDatePicker,
+    onOpen: handleShow,
+    onClose: closeMenu,
+    popperClassName: popperClassName,
+    position: position
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    month: month,
+    localeUtils: MomentLocaleUtils,
+    locale: "en",
+    selectionMode: step,
+    className: datePickerClass,
+    selectedDays: {
+      from: fromDate.toDate(),
+      to: toDate.toDate()
+    },
+    onChange: onDatePickerChange,
+    onMonthChange: onMonthChange,
+    firstDayOfWeek: period === "week" ? 0 : 1,
+    modifiers: modifiers,
+    dateRequired: true,
+    fixedWeeks: true
+  })) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    variant: "secondary",
+    onClick: onRightClickHandler,
+    disabled: isAfterMaxDate
+  }, /*#__PURE__*/React.createElement(CaretRightIcon, null)) : null);
 };
 DateStepper.displayName = "DateStepper";
-
-export { DateStepper };
-//# sourceMappingURL=DateStepper.js.map
+//# sourceMappingURL=DateStepper.js.map

package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport CaretLeftIcon from \"../../Icons/collection/CaretLeft\";\nimport CaretRightIcon from \"../../Icons/collection/CaretRight\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n} from \"./Styles\";\n\ninterface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Date;\n  /** Max fate */\n  maxValue?: Date;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      }\n      return [date, date];\n    },\n    [fromDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate.toDate(), toDate.toDate());\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <CaretLeftIcon />\n        </Button>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\" className=\"c-simple-menu__trigger\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <CaretRightIcon />\n        </Button>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"names":["DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","useState","moment","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","customClassNames","disabled","nonWorkingDay","_jsxs","classNames","_jsx","MomentLocaleUtils","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","MomentLocaleUtils","Button","CaretLeftIcon","CaretRightIcon","DatePicker","customClassNames","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","nonWorkingDay","displayName"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport CaretLeftIcon from \"../../Icons/collection/CaretLeft\";\nimport CaretRightIcon from \"../../Icons/collection/CaretRight\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n} from \"./Styles\";\n\ninterface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Date;\n  /** Max fate */\n  maxValue?: Date;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      }\n      return [date, date];\n    },\n    [fromDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate.toDate(), toDate.toDate());\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <CaretLeftIcon />\n        </Button>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\" className=\"c-simple-menu__trigger\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <CaretRightIcon />\n        </Button>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"file":"DateStepper.js"}

package/dist/esm/components/Steppers/DateStepper/Styles.js

@@ -1,10 +1,9 @@
-import styled, { css } from 'styled-components';
-import { FontStyle } from '../../FontStyle.js';
-import { BoxSizingStyle } from '../../BoxSizingStyle.js';
-import { Menu } from '../../Menu/Menu.js';
-import { ButtonGroup } from '../../ButtonGroup/ButtonGroup.js';
-
-var StyledButton = styled.button.withConfig({
+import styled, { css } from "styled-components";
+import { ButtonGroup } from "../../ButtonGroup";
+import { FontStyle } from "../../FontStyle";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { Menu } from "../../Menu";
+export var StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
 })(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:auto;height:auto;border:none;height:32px;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, {
@@ -22,7 +21,7 @@ var StyledButton = styled.button.withConfig({
   "cursor": "pointer",
   "textAlign": "center"
 });
-var StyledMenu = styled(Menu).withConfig({
+export var StyledMenu = styled(Menu).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-1v8h7mt-1"
 })(["", ""], {
@@ -33,15 +32,15 @@ var StyledMenu = styled(Menu).withConfig({
   "paddingLeft": "0.5rem",
   "paddingRight": "0.5rem"
 });
-var StyledButtonGroup = styled(ButtonGroup).withConfig({
+export var StyledButtonGroup = styled(ButtonGroup).withConfig({
   displayName: "Styles__StyledButtonGroup",
   componentId: "sc-1v8h7mt-2"
 })(["", " ", " button{position:relative;z-index:1;}"], FontStyle, BoxSizingStyle);
-var StyledSpan = styled.span.withConfig({
+export var StyledSpan = styled.span.withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1v8h7mt-3"
 })(["line-height:30px;color:var(--color-theme-700);"]);
-var StyledDiv = styled.div.withConfig({
+export var StyledDiv = styled.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1v8h7mt-4"
 })(["", " ", " ", " height:32px;transition:all 0.3s ease;padding:0 16px;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
@@ -73,6 +72,4 @@ StyledSpan.displayName = "StyledSpan";
 StyledDiv.displayName = "StyledDiv";
 StyledMenu.displayName = "StyledMenu";
 StyledButton.displayName = "StyledButton";
-
-export { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map