@activecollab/components 2.0.89 → 2.0.91

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

@@ -1,26 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledNavListItem = exports.StyledNavList = exports.StyledNavAsSelect = exports.StyledNavAsMoreTarget = exports.StyledNav = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledNav = exports.StyledNav = _styledComponents.default.nav.withConfig({
+import styled, { css } from "styled-components";
+export const StyledNav = styled.nav.withConfig({
   displayName: "Styles__StyledNav",
   componentId: "sc-1khiypw-0"
 })(["", " height:100%;overflow:clip visible;", " ", " ", " ", ""], {
   "display": "flex"
-}, props => props.$align === "left" && (0, _styledComponents.css)(["", ""], {
+}, props => props.$align === "left" && css(["", ""], {
   "justifyContent": "flex-start"
-}), props => props.$align === "center" && (0, _styledComponents.css)(["", ""], {
+}), props => props.$align === "center" && css(["", ""], {
   "justifyContent": "center"
-}), props => props.$align === "right" && (0, _styledComponents.css)(["", ""], {
+}), props => props.$align === "right" && css(["", ""], {
   "justifyContent": "flex-end"
-}), props => props.$role === "light" && (0, _styledComponents.css)(["height:auto;"]));
+}), props => props.$role === "light" && css(["height:auto;"]));
 StyledNav.displayName = "StyledNav";
-const StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withConfig({
+export const StyledNavList = styled.ul.withConfig({
   displayName: "Styles__StyledNavList",
   componentId: "sc-1khiypw-1"
 })(["", " overflow:clip visible;"], {
@@ -30,7 +22,7 @@ const StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withC
   "padding": "0px"
 });
 StyledNavList.displayName = "StyledNavList";
-const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.li.withConfig({
+export const StyledNavListItem = styled.li.withConfig({
   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;}", " ", " ", " ", ""], {
@@ -39,9 +31,9 @@ const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.
   "userSelect": "none",
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem"
-}, props => !props.$disabled && (0, _styledComponents.css)(["", ""], {
+}, props => !props.$disabled && css(["", ""], {
   "color": "var(--color-primary)"
-}), props => !props.$active && !props.$disabled && (0, _styledComponents.css)(["", ""], {
+}), props => !props.$active && !props.$disabled && css(["", ""], {
   "cursor": "pointer"
 }), {
   "position": "absolute",
@@ -49,32 +41,32 @@ const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.
   "display": "block",
   "width": "0px",
   "backgroundColor": "transparent"
-}, props => props.$active && (0, _styledComponents.css)(["", " &::after{", "}"], {
+}, props => props.$active && css(["", " &::after{", "}"], {
   "pointerEvents": "none"
 }, {
   "width": "100%",
   "backgroundColor": "var(--color-primary)"
-}), props => props.$disabled && (0, _styledComponents.css)(["", ""], {
+}), props => props.$disabled && css(["", ""], {
   "cursor": "not-allowed",
   "userSelect": "none",
   "opacity": "0.5"
-}), props => props.$role === "light" && (0, _styledComponents.css)(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
+}), props => props.$role === "light" && css(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem"
-}), props => props.$active && (0, _styledComponents.css)(["", " & *{", "}"], {
+}), props => props.$active && css(["", " & *{", "}"], {
   "color": "var(--color-primary)"
 }, {
   "color": "var(--color-primary)"
 }));
 StyledNavListItem.displayName = "StyledNavListItem";
-const StyledNavAsSelect = exports.StyledNavAsSelect = _styledComponents.default.div.withConfig({
+export const StyledNavAsSelect = styled.div.withConfig({
   displayName: "Styles__StyledNavAsSelect",
   componentId: "sc-1khiypw-3"
 })(["padding:0 10px;height:100%;display:flex;align-items:center;svg{color:var(--color-primary);}"]);
 StyledNavAsSelect.displayName = "StyledNavAsSelect";
-const StyledNavAsMoreTarget = exports.StyledNavAsMoreTarget = _styledComponents.default.div.withConfig({
+export const StyledNavAsMoreTarget = styled.div.withConfig({
   displayName: "Styles__StyledNavAsMoreTarget",
   componentId: "sc-1khiypw-4"
-})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], props => props.$role === "light" && (0, _styledComponents.css)(["padding:0;"]));
+})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], props => props.$role === "light" && css(["padding:0;"]));
 StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledNav","nav","withConfig","displayName","componentId","props","$align","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAC7B;EAAA;AAAQ,CAAC,EAIVC,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,MAAM,IACvBP,GAAG,WACG;EAAA;AAAiB,CAAC,CACvB,EAEAM,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,QAAQ,IACzBP,GAAG,WACG;EAAA;AAAkB,CAAC,CACxB,EAEAM,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IACxBP,GAAG,WACG;EAAA;AAAe,CAAC,CACrB,EAEAM,KAAK,IACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBR,GAAG,kBAEF,CACJ;AAEDC,SAAS,CAACG,WAAW,GAAG,WAAW;AAEnC,OAAO,MAAMK,aAAa,GAAGV,MAAM,CAACW,EAAE,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAChC;EAAA;EAAA;EAAA;EAAA;AAAmC,CAAC,CAEzC;AAEDI,aAAa,CAACL,WAAW,GAAG,eAAe;AAS3C,OAAO,MAAMO,iBAAiB,GAAGZ,MAAM,CAACa,EAAE,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAWxDC,KAAK,IACN,CAACA,KAAK,CAACO,SAAS,IAChBb,GAAG,WACG;EAAA;AAAgB,CAAC,CACtB,EAGFM,KAAK,IACN,CAACA,KAAK,CAACQ,OAAO,IACd,CAACR,KAAK,CAACO,SAAS,IAChBb,GAAG,WACG;EAAA;AAAkB,CAAC,CACxB,EAIG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAQ5DM,KAAK,IACNA,KAAK,CAACQ,OAAO,IACbd,GAAG,0BACG;EAAA;AAAuB,CAAC,EAEtB;EAAA;EAAA;AAAwB,CAAC,CAEhC,EAEAM,KAAK,IACNA,KAAK,CAACO,SAAS,IACfb,GAAG,WACG;EAAA;EAAA;EAAA;AAAmD,CAAC,CACzD,EAEAM,KAAK,IACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBR,GAAG,wGACG;EAAA;EAAA;AAAW,CAAC,CASjB,EAEAM,KAAK,IACNA,KAAK,CAACQ,OAAO,IACbd,GAAG,qBACG;EAAA;AAAgB,CAAC,EAEf;EAAA;AAAgB,CAAC,CAExB,CACJ;AAEDW,iBAAiB,CAACP,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMW,iBAAiB,GAAGhB,MAAM,CAACiB,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAS1C;AAEDU,iBAAiB,CAACX,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMa,qBAAqB,GAAGlB,MAAM,CAACiB,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAQ1CC,KAAK,IACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBR,GAAG,gBAEF,CACJ;AAEDiB,qBAAqB,CAACb,WAAW,GAAG,uBAAuB"}

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

@@ -1,28 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Nav = require("./Nav");
-Object.keys(_Nav).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Nav[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Nav[key];
-    }
-  });
-});
-var _Item = require("./Item");
-Object.keys(_Item).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Item[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Item[key];
-    }
-  });
-});
+export * from "./Nav";
+export * from "./Item";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Nav","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Item"],"sources":["../../../../src/components/Nav/index.ts"],"sourcesContent":["export * from \"./Nav\";\nexport * from \"./Item\";\n"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,IAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,IAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,IAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Nav/index.ts"],"sourcesContent":["export * from \"./Nav\";\nexport * from \"./Item\";\n"],"mappings":"AAAA,cAAc,OAAO;AACrB,cAAc,QAAQ"}

package/dist/esm/components/Overlay/Overlay.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Overlay = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-const Overlay = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classnames from "classnames";
+import { StyledOverlay } from "./Styles";
+export const Overlay = _ref => {
   let {
     className,
     disableBackgroundColor = false,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOverlay, (0, _extends2.default)({
-    className: (0, _classnames.default)("c-overlay", className),
+  return /*#__PURE__*/React.createElement(StyledOverlay, _extends({
+    className: classnames("c-overlay", className),
     $disableBackgroundColor: disableBackgroundColor
   }, rest));
 };
-exports.Overlay = Overlay;
 Overlay.displayName = "Overlay";
 //# sourceMappingURL=Overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","Overlay","_ref","className","disableBackgroundColor","rest","default","createElement","StyledOverlay","_extends2","classnames","$disableBackgroundColor","exports","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAMO,MAAMG,OAEZ,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,SAAS;IAAEC,sBAAsB,GAAG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACzD,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA;IACZH,SAAS,EAAE,IAAAO,mBAAU,EAAC,WAAW,EAAEP,SAAS,CAAE;IAC9CQ,uBAAuB,EAAEP;EAAuB,GAC5CC,IAAI,CACT,CAAC;AAEN,CAAC;AAACO,OAAA,CAAAX,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACY,WAAW,GAAG,SAAS"}
+{"version":3,"file":"Overlay.js","names":["React","classnames","StyledOverlay","Overlay","_ref","className","disableBackgroundColor","rest","createElement","_extends","$disableBackgroundColor","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAMxC,OAAO,MAAMC,OAEZ,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,SAAS;IAAEC,sBAAsB,GAAG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACzD,oBACEJ,KAAA,CAAAQ,aAAA,CAACN,aAAa,EAAAO,QAAA;IACZJ,SAAS,EAAEJ,UAAU,CAAC,WAAW,EAAEI,SAAS,CAAE;IAC9CK,uBAAuB,EAAEJ;EAAuB,GAC5CC,IAAI,CACT,CAAC;AAEN,CAAC;AAEDJ,OAAO,CAACQ,WAAW,GAAG,SAAS"}

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

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledOverlay = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledOverlay = exports.StyledOverlay = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+export const StyledOverlay = styled.div.withConfig({
   displayName: "Styles__StyledOverlay",
   componentId: "sc-flnrpv-0"
-})(["position:fixed;top:0;right:0;bottom:0;left:0;", ""], props => !props.$disableBackgroundColor && (0, _styledComponents.css)(["background:var(--modal-background);backdrop-filter:blur(2px);"]));
+})(["position:fixed;top:0;right:0;bottom:0;left:0;", ""], props => !props.$disableBackgroundColor && css(["background:var(--modal-background);backdrop-filter:blur(2px);"]));
 StyledOverlay.displayName = "StyledOverlay";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOverlay","exports","styled","div","withConfig","displayName","componentId","props","$disableBackgroundColor","css"],"sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DASlCC,KAAK,IACN,CAACA,KAAK,CAACC,uBAAuB,QAC9BC,qBAAG,oEAGF,CACJ;AAEDT,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledOverlay","div","withConfig","displayName","componentId","props","$disableBackgroundColor"],"sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DASlCC,KAAK,IACN,CAACA,KAAK,CAACC,uBAAuB,IAC9BP,GAAG,mEAGF,CACJ;AAEDC,aAAa,CAACG,WAAW,GAAG,eAAe"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Overlay = require("./Overlay");
-Object.keys(_Overlay).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Overlay[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Overlay[key];
-    }
-  });
-});
+export * from "./Overlay";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Overlay","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Overlay/index.ts"],"sourcesContent":["export * from \"./Overlay\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Overlay/index.ts"],"sourcesContent":["export * from \"./Overlay\";\n"],"mappings":"AAAA,cAAc,WAAW"}

package/dist/esm/components/Paper/Paper.js

@@ -1,20 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Paper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledPaper } from "./Styles";
 /**
  * This is a component description and should sit directly above your component
  */
-const Paper = exports.Paper = /*#__PURE__*/(0, _react.forwardRef)((_ref, innerRef) => {
+export const Paper = /*#__PURE__*/forwardRef((_ref, innerRef) => {
   let {
     children,
     className,
@@ -23,8 +14,8 @@ const Paper = exports.Paper = /*#__PURE__*/(0, _react.forwardRef)((_ref, innerRe
     useOptimizedShadow = false,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPaper, (0, _extends2.default)({
-    className: (0, _classnames.default)(className, {
+  return /*#__PURE__*/React.createElement(StyledPaper, _extends({
+    className: classNames(className, {
       "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
       "ac-shadow--lg": !hover && type === "paper-1",

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Paper","exports","forwardRef","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","StyledPaper","_extends2","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}
+{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,KAAK;IACbC,kBAAkB,GAAG,KAAK;IAC1B,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVN,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHM,GAAG,EAAET,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}

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

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPaper = exports.PaperStyles = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _FontStyle = require("../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const PaperStyles = exports.PaperStyles = (0, _styledComponents.css)(["", " border-radius:var(--ac-br-8);", " ", ""], {
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const PaperStyles = css(["", " border-radius:var(--ac-br-8);", " ", ""], {
   "backgroundColor": "var(--page-paper-main)"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-const StyledPaper = exports.StyledPaper = _styledComponents.default.div.withConfig({
+}, FontStyle, BoxSizingStyle);
+export const StyledPaper = styled.div.withConfig({
   displayName: "Styles__StyledPaper",
   componentId: "sc-1ld1e2o-0"
-})(["", " ", ""], PaperStyles, props => props.type === "paper-3" && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]));
+})(["", " ", ""], PaperStyles, props => props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]));
 StyledPaper.displayName = "StyledPaper";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,MAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjCV,WAAW,EAEVW,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,SAAS,QACxBV,qBAAG,8CAEF,CACJ;AAEDG,WAAW,CAACI,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,MAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjCL,WAAW,EAEVM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,SAAS,IACxBV,GAAG,6CAEF,CACJ;AAEDI,WAAW,CAACG,WAAW,GAAG,aAAa"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Paper = require("./Paper");
-Object.keys(_Paper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Paper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Paper[key];
-    }
-  });
-});
+export * from "./Paper";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Paper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Paper/index.ts"],"sourcesContent":["export * from \"./Paper\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Paper/index.ts"],"sourcesContent":["export * from \"./Paper\";\n"],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/components/Pickers/NavBarElement.js

@@ -1,50 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavBarElement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-var _Icons = require("../Icons");
-var _ArrowLeft = _interopRequireDefault(require("../Icons/collection/ArrowLeft"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const NavBarElement = exports.NavBarElement = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React, { forwardRef, useCallback } from "react";
+import { StyledNavBarButton } from "./Styles";
+import { ArrowRightIcon } from "../Icons";
+import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
+export const NavBarElement = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     onPreviousClick,
     onNextClick
   } = _ref;
-  const onPrevious = (0, _react.useCallback)(() => {
+  const onPrevious = useCallback(() => {
     onPreviousClick();
   }, [onPreviousClick]);
-  const onNext = (0, _react.useCallback)(() => {
+  const onNext = useCallback(() => {
     onNextClick();
   }, [onNextClick]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "c-DayPicker-NavBar",
     ref: ref,
     tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledNavBarButton, {
+  }, /*#__PURE__*/React.createElement(StyledNavBarButton, {
     type: "button",
     variant: "text gray",
     size: "small",
     tabIndex: 0,
     onClick: onPrevious,
     $direction: "previous"
-  }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, {
+  }, /*#__PURE__*/React.createElement(ArrowLeftIcon, {
     "aria-label": "Previous Month",
     width: "24",
     height: "24"
-  })), /*#__PURE__*/_react.default.createElement(_Styles.StyledNavBarButton, {
+  })), /*#__PURE__*/React.createElement(StyledNavBarButton, {
     type: "button",
     variant: "text gray",
     size: "small",
     tabIndex: 0,
     onClick: onNext,
     $direction: "next"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, {
+  }, /*#__PURE__*/React.createElement(ArrowRightIcon, {
     "aria-label": "Next Month",
     width: "24",
     height: "24"

package/dist/esm/components/Pickers/NavBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarElement.js","names":["_react","_interopRequireWildcard","require","_Styles","_Icons","_ArrowLeft","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","NavBarElement","exports","forwardRef","_ref","ref","onPreviousClick","onNextClick","onPrevious","useCallback","onNext","createElement","className","tabIndex","StyledNavBarButton","type","variant","size","onClick","$direction","width","height","ArrowRightIcon","displayName"],"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\n\nimport { StyledNavBarButton } from \"./Styles\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n  onPreviousClick(callback?: () => void): void;\n  onNextClick(callback?: () => void): void;\n}\n\nexport const NavBarElement = forwardRef<HTMLDivElement, INavBarElementProps>(\n  ({ onPreviousClick, onNextClick }, ref) => {\n    const onPrevious = useCallback(() => {\n      onPreviousClick();\n    }, [onPreviousClick]);\n\n    const onNext = useCallback(() => {\n      onNextClick();\n    }, [onNextClick]);\n\n    return (\n      <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onPrevious}\n          $direction=\"previous\"\n        >\n          <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onNext}\n          $direction=\"next\"\n        >\n          <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n      </div>\n    );\n  }\n);\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"mappings":"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"}
+{"version":3,"file":"NavBarElement.js","names":["React","forwardRef","useCallback","StyledNavBarButton","ArrowRightIcon","ArrowLeftIcon","NavBarElement","_ref","ref","onPreviousClick","onNextClick","onPrevious","onNext","createElement","className","tabIndex","type","variant","size","onClick","$direction","width","height","displayName"],"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\n\nimport { StyledNavBarButton } from \"./Styles\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n  onPreviousClick(callback?: () => void): void;\n  onNextClick(callback?: () => void): void;\n}\n\nexport const NavBarElement = forwardRef<HTMLDivElement, INavBarElementProps>(\n  ({ onPreviousClick, onNextClick }, ref) => {\n    const onPrevious = useCallback(() => {\n      onPreviousClick();\n    }, [onPreviousClick]);\n\n    const onNext = useCallback(() => {\n      onNextClick();\n    }, [onNextClick]);\n\n    return (\n      <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onPrevious}\n          $direction=\"previous\"\n        >\n          <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onNext}\n          $direction=\"next\"\n        >\n          <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n      </div>\n    );\n  }\n);\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAgBC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AAElE,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,SAASC,cAAc,QAAQ,UAAU;AACzC,OAAOC,aAAa,MAAM,+BAA+B;AAQzD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAAmCC,GAAG,KAAK;EAAA,IAA1C;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAAAH,IAAA;EAC/B,MAAMI,UAAU,GAAGT,WAAW,CAAC,MAAM;IACnCO,eAAe,CAAC,CAAC;EACnB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMG,MAAM,GAAGV,WAAW,CAAC,MAAM;IAC/BQ,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBACEV,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAACN,GAAG,EAAEA,GAAI;IAACO,QAAQ,EAAE;EAAE,gBACxDf,KAAA,CAAAa,aAAA,CAACV,kBAAkB;IACjBa,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,OAAO;IACZH,QAAQ,EAAE,CAAE;IACZI,OAAO,EAAER,UAAW;IACpBS,UAAU,EAAC;EAAU,gBAErBpB,KAAA,CAAAa,aAAA,CAACR,aAAa;IAAC,cAAW,gBAAgB;IAACgB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACjD,CAAC,eACrBtB,KAAA,CAAAa,aAAA,CAACV,kBAAkB;IACjBa,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,OAAO;IACZH,QAAQ,EAAE,CAAE;IACZI,OAAO,EAAEP,MAAO;IAChBQ,UAAU,EAAC;EAAM,gBAEjBpB,KAAA,CAAAa,aAAA,CAACT,cAAc;IAAC,cAAW,YAAY;IAACiB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CAC9C,CACjB,CAAC;AAEV,CACF,CAAC;AAEDhB,aAAa,CAACiB,WAAW,GAAG,eAAe"}

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

@@ -1,18 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBar = exports.StyledYearMonthPicker = exports.StyledNavBarButton = exports.StyledMonths = exports.StyledMonth = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Button = require("../Button/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledNavBarButton = exports.StyledNavBarButton = (0, _styledComponents.default)(_Button.Button).withConfig({
+import styled, { css } from "styled-components";
+import { Button } from "../Button/Button";
+export const StyledNavBarButton = styled(Button).withConfig({
   displayName: "Styles__StyledNavBarButton",
   componentId: "sc-1owijsg-0"
-})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], props => props.$direction === "previous" && (0, _styledComponents.css)(["right:auto;left:1px;"]), props => props.$direction === "next" && (0, _styledComponents.css)(["right:1px;"]));
-const StyledMonths = exports.StyledMonths = _styledComponents.default.div.withConfig({
+})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], props => props.$direction === "previous" && css(["right:auto;left:1px;"]), props => props.$direction === "next" && css(["right:1px;"]));
+export const StyledMonths = styled.div.withConfig({
   displayName: "Styles__StyledMonths",
   componentId: "sc-1owijsg-1"
 })(["top:30px;height:230px;", ""], {
@@ -24,7 +16,7 @@ const StyledMonths = exports.StyledMonths = _styledComponents.default.div.withCo
   "backgroundColor": "var(--page-paper-main)",
   "padding": "1.25rem"
 });
-const StyledMonth = exports.StyledMonth = _styledComponents.default.div.withConfig({
+export const StyledMonth = styled.div.withConfig({
   displayName: "Styles__StyledMonth",
   componentId: "sc-1owijsg-2"
 })(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
@@ -34,23 +26,23 @@ const StyledMonth = exports.StyledMonth = _styledComponents.default.div.withConf
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem",
   "fontWeight": "700"
-}, props => !props.$isSelected ? (0, _styledComponents.css)(["&:hover{background-color:var(--color-primary-300);}"]) : (0, _styledComponents.css)(["", " background-color:var(--color-primary);"], {
+}, props => !props.$isSelected ? css(["&:hover{background-color:var(--color-primary-300);}"]) : css(["", " background-color:var(--color-primary);"], {
   "color": "var(--color-theme-100)"
-}), props => props.$isCurrent && !props.$isSelected && (0, _styledComponents.css)(["", ""], {
+}), props => props.$isCurrent && !props.$isSelected && css(["", ""], {
   "color": "var(--color-primary)"
-}), props => props.$isCurrent && props.$isSelected && (0, _styledComponents.css)(["color:var(--color-theme-100);"]), props => props.$isCurrentQuarter && (0, _styledComponents.css)(["background-color:var(--color-primary-300);"]));
-const StyledYearMonthPicker = exports.StyledYearMonthPicker = _styledComponents.default.div.withConfig({
+}), props => props.$isCurrent && props.$isSelected && css(["color:var(--color-theme-100);"]), props => props.$isCurrentQuarter && css(["background-color:var(--color-primary-300);"]));
+export const StyledYearMonthPicker = styled.div.withConfig({
   displayName: "Styles__StyledYearMonthPicker",
   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)"
 });
-const StyledYearMonthPickerNavBar = exports.StyledYearMonthPickerNavBar = _styledComponents.default.div.withConfig({
+export const StyledYearMonthPickerNavBar = styled.div.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBar",
   componentId: "sc-1owijsg-4"
 })(["width:auto;margin:0 auto;"]);
-const StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig({
+export const StyledYearMonthPickerNavBarItem = styled.span.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBarItem",
   componentId: "sc-1owijsg-5"
 })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {