@veeqo/ui 14.11.0 → 14.11.1-beta-3

package/dist/components/ActionMenu/ActionMenu.cjs

@@ -6,12 +6,16 @@ var Dropdown = require('../Dropdown/Dropdown.cjs');
 require('../../hooks/useFocusVisible.cjs');
 var useId = require('../../hooks/useId.cjs');
 require('lodash.throttle');
-var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+var ActionMenu_module = require('./ActionMenu.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+const MenuItem = React__default.default.forwardRef(({ className, ...props }, ref) => (React__default.default.createElement(reactAriaComponents.MenuItem, { ...props, ref: ref, className: buildClassnames.buildClassnames([ActionMenu_module.menuItem, className]) })));
+MenuItem.displayName = 'ActionMenu.Item';
+const Section = ({ className, ...props }) => (React__default.default.createElement(reactAriaComponents.Section, { ...props, className: buildClassnames.buildClassnames([ActionMenu_module.section, className]) }));
 const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
     var _a;
     const [shouldShow, setShouldShow] = React.useState(false);
@@ -25,12 +29,12 @@ const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
         React__default.default.createElement(reactAriaComponents.Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === void 0 ? void 0 : _a.toString()) }, actions === null || actions === void 0 ? void 0 :
             actions.map((action) => {
                 var _a;
-                return (React__default.default.createElement(styled.MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === void 0 ? void 0 : _a.toString()) }));
+                return (React__default.default.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === void 0 ? void 0 : _a.toString()) }));
             }),
             children)));
 };
-ActionMenu.Item = styled.MenuItem;
-ActionMenu.Section = styled.Section;
+ActionMenu.Item = MenuItem;
+ActionMenu.Section = Section;
 ActionMenu.Text = reactAriaComponents.Text;
 
 exports.ActionMenu = ActionMenu;

package/dist/components/ActionMenu/ActionMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"mappings":";;;;;;;;;;;;;;AAeO,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,iBAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBD,sBAAA,CAAA,aAAA,CAACE,wBAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBF,qCAACG,eAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}
+{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  Menu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps,\n  Section as AriaSection,\n  SectionProps,\n  Text,\n} from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ActionMenu.module.scss';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(\n  ({ className, ...props }, ref) => (\n    <AriaMenuItem {...props} ref={ref} className={buildClassnames([styles.menuItem, className])} />\n  ),\n);\nMenuItem.displayName = 'ActionMenu.Item';\n\nconst Section = ({ className, ...props }: SectionProps<object>) => (\n  <AriaSection {...props} className={buildClassnames([styles.section, className])} />\n);\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React","AriaMenuItem","buildClassnames","styles","AriaSection","useState","useId","Dropdown","Menu","Text"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,QAAQ,GAAGA,sBAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BA,sBAAA,CAAA,aAAA,CAACC,4BAAY,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,iBAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAA,CAAI,CAChG,CACF;AACD,QAAQ,CAAC,WAAW,GAAG,iBAAiB;AAExC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB,MAC5DH,qCAACI,2BAAW,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAEF,+BAAe,CAAC,CAACC,iBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAAA,CAAI,CACpF;AAEM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGE,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEN,sBAAA,CAAA,aAAA,CAACO,iBAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBP,sBAAA,CAAA,aAAA,CAACQ,wBAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBR,qCAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAGS,wBAAI;;;;"}

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { MenuItemProps } from 'react-aria-components';
+import { MenuItemProps, SectionProps } from 'react-aria-components';
 import { ButtonProps } from '../Button/types';
 export type ActionMenuProps = {
     id?: string;
@@ -10,7 +10,7 @@ export type ActionMenuProps = {
 };
 export declare const ActionMenu: {
     ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps): React.JSX.Element;
-    Item: import("styled-components").StyledComponent<(<T extends object>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>), any, {}, never>;
-    Section: import("styled-components").StyledComponent<(<T_1 extends object>(props: import("react-aria-components").SectionProps<T_1> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>), any, {}, never>;
+    Item: React.ForwardRefExoticComponent<MenuItemProps<object> & React.RefAttributes<HTMLDivElement>>;
+    Section: ({ className, ...props }: SectionProps<object>) => React.JSX.Element;
     Text: React.ForwardRefExoticComponent<import("react-aria-components").TextProps & React.RefAttributes<HTMLElement>>;
 };

package/dist/components/ActionMenu/ActionMenu.js

@@ -1,11 +1,15 @@
 import React__default, { useState } from 'react';
-import { Menu, Text } from 'react-aria-components';
+import { MenuItem as MenuItem$1, Menu, Text, Section as Section$1 } from 'react-aria-components';
 import { Dropdown } from '../Dropdown/Dropdown.js';
 import '../../hooks/useFocusVisible.js';
 import { useId } from '../../hooks/useId.js';
 import 'lodash.throttle';
-import { MenuItem, Section } from './styled.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import styles from './ActionMenu.module.scss.js';
 
+const MenuItem = React__default.forwardRef(({ className, ...props }, ref) => (React__default.createElement(MenuItem$1, { ...props, ref: ref, className: buildClassnames([styles.menuItem, className]) })));
+MenuItem.displayName = 'ActionMenu.Item';
+const Section = ({ className, ...props }) => (React__default.createElement(Section$1, { ...props, className: buildClassnames([styles.section, className]) }));
 const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
     var _a;
     const [shouldShow, setShouldShow] = useState(false);

package/dist/components/ActionMenu/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React"],"mappings":";;;;;;;;AAeO,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBA,6BAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}
+{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  Menu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps,\n  Section as AriaSection,\n  SectionProps,\n  Text,\n} from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport styles from './ActionMenu.module.scss';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(\n  ({ className, ...props }, ref) => (\n    <AriaMenuItem {...props} ref={ref} className={buildClassnames([styles.menuItem, className])} />\n  ),\n);\nMenuItem.displayName = 'ActionMenu.Item';\n\nconst Section = ({ className, ...props }: SectionProps<object>) => (\n  <AriaSection {...props} className={buildClassnames([styles.section, className])} />\n);\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React","AriaMenuItem","AriaSection"],"mappings":";;;;;;;;;AAuBA,MAAM,QAAQ,GAAGA,cAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BA,cAAA,CAAA,aAAA,CAACC,UAAY,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAA,CAAI,CAChG,CACF;AACD,QAAQ,CAAC,WAAW,GAAG,iBAAiB;AAExC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB,MAC5DD,6BAACE,SAAW,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAAA,CAAI,CACpF;AAEM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,IAAA,CAAC;AAED,IAAA,QACEF,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EAAA,IAAA,EACd,SAAS,EAAE,SAAS,EAAA;QAEpBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBA,6BAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,CAAI;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._heading-xxl_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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._menuItem_rmc5j_342 {\n  display: grid;\n  grid-template-areas: \"label\" \"description\";\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n  white-space: nowrap;\n}\n._menuItem_rmc5j_342:is(a) {\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._menuItem_rmc5j_342:is(div) {\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._menuItem_rmc5j_342[data-focused] {\n  color: var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n}\n._menuItem_rmc5j_342[data-hovered] {\n  background-color: var(--colors-neutral-grey-light);\n}\n._menuItem_rmc5j_342[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._menuItem_rmc5j_342 [slot=label] {\n  grid-area: label;\n}\n._menuItem_rmc5j_342 [slot=description] {\n  grid-area: description;\n  color: var(--colors-neutral-ink-light);\n  font-size: var(--text-body-small-font-size);\n}\n\n._section_rmc5j_393:not(:first-child) {\n  margin-top: var(--sizes-sm);\n  border-top: 1px solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-sm);\n}");
+var styles = {"menuItem":"_menuItem_rmc5j_342","section":"_section_rmc5j_393"};
+
+module.exports = styles;
+//# sourceMappingURL=ActionMenu.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.module.scss.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n.menuItem {\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n\n  &:is(a) {\n    @include text.link;\n  }\n\n  &:is(div) {\n    @include text.body;\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n  }\n\n  &[data-hovered] {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-lightest);\n    color: var(--colors-neutral-ink-light);\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: var(--colors-neutral-ink-light);\n    font-size: var(--text-body-small-font-size);\n  }\n}\n\n.section {\n  &:not(:first-child) {\n    margin-top: var(--sizes-sm);\n    border-top: 1px solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-sm);\n  }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,g2fAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}

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

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._heading-xxl_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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_rmc5j_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._menuItem_rmc5j_342 {\n  display: grid;\n  grid-template-areas: \"label\" \"description\";\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n  white-space: nowrap;\n}\n._menuItem_rmc5j_342:is(a) {\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._menuItem_rmc5j_342:is(div) {\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._menuItem_rmc5j_342[data-focused] {\n  color: var(--colors-secondary-blue-base);\n  box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n}\n._menuItem_rmc5j_342[data-hovered] {\n  background-color: var(--colors-neutral-grey-light);\n}\n._menuItem_rmc5j_342[data-disabled] {\n  cursor: not-allowed;\n  background-color: var(--colors-neutral-grey-lightest);\n  color: var(--colors-neutral-ink-light);\n}\n._menuItem_rmc5j_342 [slot=label] {\n  grid-area: label;\n}\n._menuItem_rmc5j_342 [slot=description] {\n  grid-area: description;\n  color: var(--colors-neutral-ink-light);\n  font-size: var(--text-body-small-font-size);\n}\n\n._section_rmc5j_393:not(:first-child) {\n  margin-top: var(--sizes-sm);\n  border-top: 1px solid var(--colors-neutral-grey-base);\n  padding-top: var(--sizes-sm);\n}");
+var styles = {"menuItem":"_menuItem_rmc5j_342","section":"_section_rmc5j_393"};
+
+export { styles as default };
+//# sourceMappingURL=ActionMenu.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.module.scss.js","sources":["../../../src/components/ActionMenu/ActionMenu.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n.menuItem {\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: var(--sizes-xs);\n  padding: var(--sizes-sm);\n  border-radius: var(--radius-base);\n  outline: 0;\n\n  &:is(a) {\n    @include text.link;\n  }\n\n  &:is(div) {\n    @include text.body;\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: var(--colors-secondary-blue-base);\n    box-shadow: 0 0 0 var(--sizes-xs) var(--colors-secondary-blue-light);\n  }\n\n  &[data-hovered] {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: var(--colors-neutral-grey-lightest);\n    color: var(--colors-neutral-ink-light);\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: var(--colors-neutral-ink-light);\n    font-size: var(--text-body-small-font-size);\n  }\n}\n\n.section {\n  &:not(:first-child) {\n    margin-top: var(--sizes-sm);\n    border-top: 1px solid var(--colors-neutral-grey-base);\n    padding-top: var(--sizes-sm);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,g2fAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA;;;;"}

package/dist/components/Badge/Badge.cjs

@@ -2,22 +2,22 @@
 
 var React = require('react');
 var Tooltip = require('../Tooltip/Tooltip.cjs');
-var styled = require('./styled.cjs');
 var buildClassnames = require('../../utils/buildClassnames.cjs');
+var Badge_module = require('./Badge.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const variantMap = {
-    default: styled.DefaultBadge,
-    primary: styled.PrimaryBadge,
-    warning: styled.WarningBadge,
-};
 const Badge = ({ variant = 'default', hideBorder = false, iconSlot, tooltip, className, e2eClassName, children, }) => {
-    const BadgeVariant = variantMap[variant];
     return (React__default.default.createElement(Tooltip.Tooltip, { text: tooltip },
-        React__default.default.createElement(BadgeVariant, { className: buildClassnames.buildClassnames([className, e2eClassName]), hideBorder: hideBorder },
+        React__default.default.createElement("div", { className: buildClassnames.buildClassnames([
+                Badge_module.badge,
+                Badge_module[`${variant}-variant`],
+                hideBorder && Badge_module.hideBorder,
+                className,
+                e2eClassName,
+            ]) },
             iconSlot && iconSlot,
             children && React__default.default.createElement("span", null, children))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","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":["DefaultBadge","PrimaryBadge","WarningBadge","React","Tooltip","buildClassnames"],"mappings":";;;;;;;;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;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,QACEC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAD,sBAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAEE,+BAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}
+{"version":3,"file":"Badge.cjs","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","Tooltip","buildClassnames","styles"],"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,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;QACpBD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,+BAAe,CAAC;AACzB,gBAAAC,YAAM,CAAC,KAAK;AACZ,gBAAAA,YAAM,CAAC,CAAA,EAAG,OAAO,CAAA,QAAA,CAAU,CAAC;gBAC5B,UAAU,IAAIA,YAAM,CAAC,UAAU;gBAC/B,SAAS;gBACT,YAAY;aACb,CAAC,EAAA;AAED,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIH,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CAChC,CACE;AAEd;;;;"}

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 })));
 };