@veeqo/ui 14.12.0-beta-1 → 14.12.0-beta-2

package/dist/components/Badge/Badge.js

@@ -1,17 +1,17 @@
 import React__default from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
-import { WarningBadge, PrimaryBadge, DefaultBadge } from './styled.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
+import styles from './Badge.module.scss.js';
 
-const variantMap = {
-    default: DefaultBadge,
-    primary: PrimaryBadge,
-    warning: WarningBadge,
-};
 const Badge = ({ variant = 'default', hideBorder = false, iconSlot, tooltip, className, e2eClassName, children, }) => {
-    const BadgeVariant = variantMap[variant];
     return (React__default.createElement(Tooltip, { text: tooltip },
-        React__default.createElement(BadgeVariant, { className: buildClassnames([className, e2eClassName]), hideBorder: hideBorder },
+        React__default.createElement("div", { className: buildClassnames([
+                styles.badge,
+                styles[`${variant}-variant`],
+                hideBorder && styles.hideBorder,
+                className,
+                e2eClassName,
+            ]) },
             iconSlot && iconSlot,
             children && React__default.createElement("span", null, children))));
 };

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { DefaultBadge, PrimaryBadge, WarningBadge } from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nconst variantMap = {\n  default: DefaultBadge,\n  primary: PrimaryBadge,\n  warning: WarningBadge,\n};\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  const BadgeVariant = variantMap[variant];\n\n  return (\n    <Tooltip text={tooltip}>\n      <BadgeVariant className={buildClassnames([className, e2eClassName])} hideBorder={hideBorder}>\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </BadgeVariant>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;CACtB;AAEM,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAExC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './Badge.module.scss';\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  return (\n    <Tooltip text={tooltip}>\n      <div\n        className={buildClassnames([\n          styles.badge,\n          styles[`${variant}-variant`],\n          hideBorder && styles.hideBorder,\n          className,\n          e2eClassName,\n        ])}\n      >\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAOO,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;QACpBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,MAAM,CAAC,KAAK;AACZ,gBAAA,MAAM,CAAC,CAAA,EAAG,OAAO,CAAA,QAAA,CAAU,CAAC;gBAC5B,UAAU,IAAI,MAAM,CAAC,UAAU;gBAC/B,SAAS;gBACT,YAAY;aACb,CAAC,EAAA;AAED,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CAChC,CACE;AAEd;;;;"}

package/dist/components/Badge/Badge.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._badge_2tl30_1 {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n  cursor: default;\n}\n._badge_2tl30_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n\n._hideBorder_2tl30_22 {\n  border: none;\n}\n\n._default-variant_2tl30_26 {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n._primary-variant_2tl30_32 {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n._warning-variant_2tl30_38 {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}");
+var styles = {"badge":"_badge_2tl30_1","hideBorder":"_hideBorder_2tl30_22","default-variant":"_default-variant_2tl30_26","primary-variant":"_primary-variant_2tl30_32","warning-variant":"_warning-variant_2tl30_38"};
+
+module.exports = styles;
+//# sourceMappingURL=Badge.module.scss.cjs.map

package/dist/components/Badge/Badge.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.scss.cjs","sources":["../../../src/components/Badge/Badge.module.scss"],"sourcesContent":[".badge {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n\n  cursor: default;\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n}\n\n.hideBorder {\n  border: none;\n}\n\n.default-variant {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n.primary-variant {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n.warning-variant {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6nCAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/Badge/Badge.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._badge_2tl30_1 {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n  cursor: default;\n}\n._badge_2tl30_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n\n._hideBorder_2tl30_22 {\n  border: none;\n}\n\n._default-variant_2tl30_26 {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n._primary-variant_2tl30_32 {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n._warning-variant_2tl30_38 {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}");
+var styles = {"badge":"_badge_2tl30_1","hideBorder":"_hideBorder_2tl30_22","default-variant":"_default-variant_2tl30_26","primary-variant":"_primary-variant_2tl30_32","warning-variant":"_warning-variant_2tl30_38"};
+
+export { styles as default };
+//# sourceMappingURL=Badge.module.scss.js.map

package/dist/components/Badge/Badge.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.module.scss.js","sources":["../../../src/components/Badge/Badge.module.scss"],"sourcesContent":[".badge {\n  box-sizing: border-box;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: var(--sizes-xs);\n  padding: 0.35em 0.65em;\n\n  font-family: var(--text-body-small-font-family);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: 75%;\n  line-height: var(--text-body-small-line-height);\n\n  border-radius: var(--radius-lg);\n  border: 1px solid transparent;\n\n  cursor: default;\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n}\n\n.hideBorder {\n  border: none;\n}\n\n.default-variant {\n  background-color: inherit;\n  border-color: var(--colors-secondary-blue-base);\n  color: var(--colors-secondary-blue-base);\n}\n\n.primary-variant {\n  border-color: var(--colors-secondary-blue-base);\n  background-color: var(--colors-secondary-blue-lightest);\n  color: var(--colors-secondary-blue-base);\n}\n\n.warning-variant {\n  border-color: var(--colors-secondary-yellow-base);\n  background-color: var(--colors-secondary-yellow-lightest);\n  color: var(--colors-secondary-orange-dark);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6nCAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./components/styled.cjs');
+var Breadcrumbs_module = require('./components/Breadcrumbs.module.scss.cjs');
 var RightArrowIcon = require('../../icons/design-system/components/RightArrowIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var Breadcrumb = require('./components/Breadcrumb.cjs');
@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 const DefaultSeparator = () => (React__default.default.createElement(RightArrowIcon.ReactComponent, { className: "separator", width: sizes.sizes.base, height: sizes.sizes.base }));
 const DefaultLink = ({ children, href }) => React__default.default.createElement("a", { href: href }, children);
 const BreadcrumbText = ({ children }) => React__default.default.createElement("span", null, children);
-const Breadcrumbs = ({ items, Separator = React__default.default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.default.createElement(styled.BreadcrumbsSC, { className: "breadcrumbs" }, items.map((item, i) => (React__default.default.createElement(Breadcrumb.Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
+const Breadcrumbs = ({ items, Separator = React__default.default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.default.createElement("ul", { className: `${Breadcrumbs_module.breadcrumbs} breadcrumbs` }, items.map((item, i) => (React__default.default.createElement(Breadcrumb.Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
 
 exports.Breadcrumbs = Breadcrumbs;
 //# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAA,CAAA,aAAA,CAACI,qBAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={`${styles.breadcrumbs} breadcrumbs`}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React","RightArrowIcon","sizes","styles","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,EAAGG,kBAAM,CAAC,WAAW,cAAc,EAAA,EAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAA,CAAA,aAAA,CAACI,qBAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { BreadcrumbsSC } from './components/styled.js';
+import styles from './components/Breadcrumbs.module.scss.js';
 import { ReactComponent as RightArrowIcon } from '../../icons/design-system/components/RightArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Breadcrumb } from './components/Breadcrumb.js';
@@ -7,7 +7,7 @@ import { Breadcrumb } from './components/Breadcrumb.js';
 const DefaultSeparator = () => (React__default.createElement(RightArrowIcon, { className: "separator", width: sizes.base, height: sizes.base }));
 const DefaultLink = ({ children, href }) => React__default.createElement("a", { href: href }, children);
 const BreadcrumbText = ({ children }) => React__default.createElement("span", null, children);
-const Breadcrumbs = ({ items, Separator = React__default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.createElement(BreadcrumbsSC, { className: "breadcrumbs" }, items.map((item, i) => (React__default.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
+const Breadcrumbs = ({ items, Separator = React__default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.createElement("ul", { className: `${styles.breadcrumbs} breadcrumbs` }, items.map((item, i) => (React__default.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
 
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './components/Breadcrumbs.module.scss';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <ul className={`${styles.breadcrumbs} breadcrumbs`}>\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </ul>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,WAAW,cAAc,EAAA,EAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACC;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.cjs');
+var Breadcrumbs_module = require('./Breadcrumbs.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -9,11 +9,11 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 const Breadcrumb = ({ children, title, LinkComponent, href }) => {
     if (LinkComponent) {
-        return (React__default.default.createElement(styled.BreadcrumbSC, { className: "breadcrumb" },
+        return (React__default.default.createElement("li", { className: `${Breadcrumbs_module.breadcrumb} breadcrumb` },
             React__default.default.createElement(LinkComponent, { href: href }, title),
             children));
     }
-    return (React__default.default.createElement(styled.BreadcrumbSC, { className: "breadcrumb" },
+    return (React__default.default.createElement("li", { className: `${Breadcrumbs_module.breadcrumb} breadcrumb` },
         title,
         children));
 };

package/dist/components/Breadcrumbs/components/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React","BreadcrumbSC"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAD,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB,IAAA;AACD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={`${styles.breadcrumb} breadcrumb`}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={`${styles.breadcrumb} breadcrumb`}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React","styles"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;QACjB,QACEA,6CAAI,SAAS,EAAE,GAAGC,kBAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;AAC9C,YAAAD,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;IACD,QACEA,6CAAI,SAAS,EAAE,GAAGC,kBAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;QAC7C,KAAK;QACL,QAAQ,CACN;AAET;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { BreadcrumbSC } from './styled.js';
+import styles from './Breadcrumbs.module.scss.js';
 
 const Breadcrumb = ({ children, title, LinkComponent, href }) => {
     if (LinkComponent) {
-        return (React__default.createElement(BreadcrumbSC, { className: "breadcrumb" },
+        return (React__default.createElement("li", { className: `${styles.breadcrumb} breadcrumb` },
             React__default.createElement(LinkComponent, { href: href }, title),
             children));
     }
-    return (React__default.createElement(BreadcrumbSC, { className: "breadcrumb" },
+    return (React__default.createElement("li", { className: `${styles.breadcrumb} breadcrumb` },
         title,
         children));
 };

package/dist/components/Breadcrumbs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB,IAAA;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={`${styles.breadcrumb} breadcrumb`}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={`${styles.breadcrumb} breadcrumb`}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;QACjB,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;AAC9C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;IACD,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;QAC7C,KAAK;QACL,QAAQ,CACN;AAET;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
+var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
+
+module.exports = styles;
+//# sourceMappingURL=Breadcrumbs.module.scss.cjs.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.scss.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../_virtual/____insertStyle.js';
+
+insertStyle("._breadcrumbs_wet2h_1 {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n._breadcrumb_wet2h_1 {\n  display: flex;\n  align-items: center;\n}\n._breadcrumb_wet2h_1 .separator {\n  display: flex;\n  align-items: center;\n  padding: 0 0.4rem;\n}\n._breadcrumb_wet2h_1 a {\n  color: inherit;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n._breadcrumb_wet2h_1 a:hover {\n  text-decoration: underline;\n}\n._breadcrumb_wet2h_1 span {\n  font-weight: 600;\n  text-transform: capitalize;\n}");
+var styles = {"breadcrumbs":"_breadcrumbs_wet2h_1","breadcrumb":"_breadcrumb_wet2h_1"};
+
+export { styles as default };
+//# sourceMappingURL=Breadcrumbs.module.scss.js.map

package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.scss.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumbs.module.scss"],"sourcesContent":[".breadcrumbs {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--text-body-font-family);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n\n  :global(.separator) {\n    display: flex;\n    align-items: center;\n    padding: 0 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,wtBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,qBAAA;;;;"}

package/dist/components/Calendars/components/Calendar/Calendar.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.cjs');
+var reactAriaComponents = require('react-aria-components');
 var CalendarGrid = require('../subcomponents/CalendarGrid/CalendarGrid.cjs');
 var constants = require('../../data/constants.cjs');
 var CalendarHeader = require('../subcomponents/CalendarHeader.cjs');
 var useCalendar = require('../../data/useCalendar.cjs');
 var useIsDateUnavailable = require('../../data/useIsDateUnavailable.cjs');
+var Calendar_module = require('./Calendar.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,7 +21,7 @@ const Calendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.default.createElement(styled.StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    return (React__default.default.createElement(reactAriaComponents.Calendar, { className: Calendar_module.calendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
         React__default.default.createElement(CalendarHeader.CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
         React__default.default.createElement(CalendarGrid.CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };

package/dist/components/Calendars/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","StyledCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,4BAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,qBAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFH,sBAAA,CAAA,aAAA,CAACI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Calendar as RACalendar } from 'react-aria-components';\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './Calendar.module.scss';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RACalendar\n      className={styles.calendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RACalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","RACalendar","styles","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,4BAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,4BAAU,IACT,SAAS,EAAEC,eAAM,CAAC,QAAQ,EAC1B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAH,sBAAA,CAAA,aAAA,CAACI,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFJ,sBAAA,CAAA,aAAA,CAACK,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACS;AAEjB;;;;"}

package/dist/components/Calendars/components/Calendar/Calendar.js

@@ -1,10 +1,11 @@
 import React__default from 'react';
-import { StyledCalendar } from './styled.js';
+import { Calendar as Calendar$1 } from 'react-aria-components';
 import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
 import { visibleDurationMap } from '../../data/constants.js';
 import { CalendarHeader } from '../subcomponents/CalendarHeader.js';
 import { useCalendarState } from '../../data/useCalendar.js';
 import { useIsDateUnavailable } from '../../data/useIsDateUnavailable.js';
+import styles from './Calendar.module.scss.js';
 
 const Calendar = ({ value, onChange, isDisabled, ...props }) => {
     const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useCalendarState(value);
@@ -14,7 +15,7 @@ const Calendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.createElement(StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    return (React__default.createElement(Calendar$1, { className: styles.calendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
         React__default.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
         React__default.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };

package/dist/components/Calendars/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Calendar as RACalendar } from 'react-aria-components';\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './Calendar.module.scss';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RACalendar\n      className={styles.calendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RACalendar>\n  );\n};\n"],"names":["React","RACalendar"],"mappings":";;;;;;;;;AAoBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACS;AAEjB;;;;"}

package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._heading-xxl_1w1ql_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1w1ql_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1w1ql_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1w1ql_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1w1ql_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1w1ql_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1w1ql_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1w1ql_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1w1ql_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1w1ql_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1w1ql_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1w1ql_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1w1ql_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1w1ql_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1w1ql_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1w1ql_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1w1ql_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1w1ql_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1w1ql_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1w1ql_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1w1ql_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1w1ql_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1w1ql_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1w1ql_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1w1ql_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1w1ql_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1w1ql_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1w1ql_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1w1ql_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1w1ql_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1w1ql_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1w1ql_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._calendar_1w1ql_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1w1ql_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1w1ql_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._calendar_1w1ql_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._calendar_1w1ql_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-md);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1w1ql_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-md);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected], ._calendar_1w1ql_342 table td {\n  border-radius: var(--radius-md);\n}");
+var styles = {"calendar":"_calendar_1w1ql_342"};
+
+module.exports = styles;
+//# sourceMappingURL=Calendar.module.scss.cjs.map

package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n  @include cal.calendar-base;\n\n  & :global(.react-aria-CalendarCell)[data-selected],\n  & table td {\n    border-radius: var(--radius-md);\n  }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,u4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}

package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../../../_virtual/____insertStyle.js';
+
+insertStyle("._heading-xxl_1w1ql_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1w1ql_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1w1ql_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1w1ql_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1w1ql_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1w1ql_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1w1ql_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1w1ql_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1w1ql_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1w1ql_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1w1ql_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1w1ql_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1w1ql_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1w1ql_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1w1ql_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1w1ql_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1w1ql_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1w1ql_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1w1ql_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1w1ql_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1w1ql_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1w1ql_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1w1ql_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1w1ql_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1w1ql_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1w1ql_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1w1ql_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1w1ql_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1w1ql_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1w1ql_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1w1ql_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1w1ql_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._calendar_1w1ql_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1w1ql_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1w1ql_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._calendar_1w1ql_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._calendar_1w1ql_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-md);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1w1ql_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-md);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected], ._calendar_1w1ql_342 table td {\n  border-radius: var(--radius-md);\n}");
+var styles = {"calendar":"_calendar_1w1ql_342"};
+
+export { styles as default };
+//# sourceMappingURL=Calendar.module.scss.js.map

package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n  @include cal.calendar-base;\n\n  & :global(.react-aria-CalendarCell)[data-selected],\n  & table td {\n    border-radius: var(--radius-md);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,u4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.cjs');
+var reactAriaComponents = require('react-aria-components');
 var CalendarGrid = require('../subcomponents/CalendarGrid/CalendarGrid.cjs');
 var constants = require('../../data/constants.cjs');
 var useRangeCalendar = require('../../data/useRangeCalendar.cjs');
 var CalendarHeader = require('../subcomponents/CalendarHeader.cjs');
 var useIsDateUnavailable = require('../../data/useIsDateUnavailable.cjs');
+var RangeCalendar_module = require('./RangeCalendar.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,7 +21,7 @@ const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.default.createElement(styled.StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    return (React__default.default.createElement(reactAriaComponents.RangeCalendar, { className: RangeCalendar_module.rangeCalendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
         React__default.default.createElement(CalendarHeader.CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
         React__default.default.createElement(CalendarGrid.CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledRangeCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledRangeCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledRangeCalendar>\n  );\n};\n"],"names":["useRangeCalendarState","useIsDateUnavailable","React","StyledRangeCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,sCAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,0BAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFH,sBAAA,CAAA,aAAA,CAACI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACkB;AAE1B;;;;"}
+{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RangeCalendar as RARangeCalendar } from 'react-aria-components';\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './RangeCalendar.module.scss';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RARangeCalendar\n      className={styles.rangeCalendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RARangeCalendar>\n  );\n};\n"],"names":["useRangeCalendarState","useIsDateUnavailable","React","RARangeCalendar","styles","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,sCAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,iCAAe,IACd,SAAS,EAAEC,oBAAM,CAAC,aAAa,EAC/B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAH,sBAAA,CAAA,aAAA,CAACI,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFJ,sBAAA,CAAA,aAAA,CAACK,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACc;AAEtB;;;;"}

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js

@@ -1,10 +1,11 @@
 import React__default from 'react';
-import { StyledRangeCalendar } from './styled.js';
+import { RangeCalendar as RangeCalendar$1 } from 'react-aria-components';
 import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
 import { visibleDurationMap } from '../../data/constants.js';
 import { useRangeCalendarState } from '../../data/useRangeCalendar.js';
 import { CalendarHeader } from '../subcomponents/CalendarHeader.js';
 import { useIsDateUnavailable } from '../../data/useIsDateUnavailable.js';
+import styles from './RangeCalendar.module.scss.js';
 
 const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
     const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useRangeCalendarState(value);
@@ -14,7 +15,7 @@ const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.createElement(StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    return (React__default.createElement(RangeCalendar$1, { className: styles.rangeCalendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
         React__default.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
         React__default.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledRangeCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledRangeCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledRangeCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACkB;AAE1B;;;;"}
+{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RangeCalendar as RARangeCalendar } from 'react-aria-components';\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './RangeCalendar.module.scss';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RARangeCalendar\n      className={styles.rangeCalendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RARangeCalendar>\n  );\n};\n"],"names":["React","RARangeCalendar"],"mappings":";;;;;;;;;AAoBO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,eAAe,IACd,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACc;AAEtB;;;;"}