@veeqo/ui 15.3.1-beta-4 → 15.3.2

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 { 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;;;;"}
+{"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  /** The currently selected date value */\n  value: DateValue | null | undefined;\n  /** Callback fired when a date is selected */\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    /** Accessible label describing the calendar's purpose */\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":";;;;;;;;;;;;;;;AAuBO,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.d.ts

@@ -2,9 +2,12 @@ import React from 'react';
 import type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';
 import { DateValidationProps } from '../../../DateInputField/types';
 export type CalendarProps = RACalProps<DateValue> & {
+    /** The currently selected date value */
     value: DateValue | null | undefined;
+    /** Callback fired when a date is selected */
     onChange?: RACalProps<DateValue>['onChange'];
 } & React.RefAttributes<HTMLDivElement> & {
+    /** Accessible label describing the calendar's purpose */
     'aria-label': string;
 } & DateValidationProps;
 export declare const Calendar: ({ value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.d.ts

@@ -2,9 +2,12 @@ import React from 'react';
 import type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';
 import { DateValidationProps } from '../../../DateInputField/types';
 export type CalendarProps = RangeCalendarProps<DateValue> & {
+    /** The currently selected date range (start and end) */
     value: DateRange | null | undefined;
+    /** Callback fired when a date range is selected */
     onChange?: RangeCalendarProps<DateValue>['onChange'];
 } & React.RefAttributes<HTMLDivElement> & {
+    /** Accessible label describing the calendar's purpose */
     'aria-label': string;
 } & DateValidationProps;
 export declare const RangeCalendar: ({ value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;

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

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

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

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._heading-xxl_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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._rangeCalendar_1oujb_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._rangeCalendar_1oujb_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-md);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-md);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}");
-var styles = {"rangeCalendar":"_rangeCalendar_1oujb_342"};
+___$insertStyle("._heading-xxl_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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._rangeCalendar_1dmye_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._rangeCalendar_1dmye_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-base);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-base);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}");
+var styles = {"rangeCalendar":"_rangeCalendar_1dmye_342"};
 
 module.exports = styles;
 //# sourceMappingURL=RangeCalendar.module.scss.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n  @include cal.calendar-base;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,u5lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
+{"version":3,"file":"RangeCalendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n  @include cal.calendar-base;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,65lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import insertStyle from '../../../../_virtual/____insertStyle.js';
 
-insertStyle("._heading-xxl_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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_1oujb_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._rangeCalendar_1oujb_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._rangeCalendar_1oujb_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-md);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-md);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-md);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}");
-var styles = {"rangeCalendar":"_rangeCalendar_1oujb_342"};
+insertStyle("._heading-xxl_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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_1dmye_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._rangeCalendar_1dmye_342 {\n  width: fit-content;\n  max-width: 100%;\n  min-width: 225px;\n  color: var(--colors-neutral-ink-base);\n  font-size: var(--text-body-font-size);\n  font-family: var(--font-family);\n}\n._rangeCalendar_1dmye_342 header {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 header .react-aria-Heading {\n  flex: 1;\n  margin: 0;\n  text-align: center;\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarHeaderCell {\n  padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button {\n  color: var(--colors-neutral-ink-base);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n  cursor: pointer;\n  height: var(--sizes-10);\n  padding: 0 var(--sizes-sm);\n  border-radius: var(--radius-base);\n  font-size: var(--text-button-font-size);\n  line-height: 16px;\n  outline: 0;\n  --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:focus-visible {\n  box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:active, ._rangeCalendar_1dmye_342 .react-aria-Button:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-Button:disabled {\n  background-color: transparent;\n  border-color: transparent;\n  user-select: none;\n  color: var(--colors-neutral-grey-base);\n  cursor: default;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell {\n  width: 30px;\n  line-height: 30px;\n  border-radius: var(--radius-base);\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-align: center;\n  /* Data Attribute styling */\n  /* Selection Styles */\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-hovered] {\n  background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-focused] {\n  outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected] {\n  background: var(--colors-secondary-blue-base);\n  color: white;\n  border-radius: 0;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n  outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-disabled] {\n  cursor: not-allowed;\n  color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable] {\n  cursor: not-allowed;\n  text-decoration: line-through;\n  color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-unavailable]:hover {\n  background-color: inherit;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-start] {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 .react-aria-CalendarCell[data-selection-end] {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table {\n  height: fit-content;\n  border-collapse: separate;\n  border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1dmye_342 table td {\n  padding: 0;\n  /*\n   * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n   * need to go through :has to get data attributes about the cell)).\n   */\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]) > div {\n  border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n  background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n  border: 1px solid var(--colors-secondary-blue-darkest);\n  border-radius: var(--radius-base);\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n  border-start-start-radius: 6px;\n  border-end-start-radius: 6px;\n}\n._rangeCalendar_1dmye_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n  border-start-end-radius: 6px;\n  border-end-end-radius: 6px;\n}");
+var styles = {"rangeCalendar":"_rangeCalendar_1dmye_342"};
 
 export { styles as default };
 //# sourceMappingURL=RangeCalendar.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n  @include cal.calendar-base;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,u5lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
+{"version":3,"file":"RangeCalendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n  @include cal.calendar-base;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,65lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}

package/dist/components/Popover/Popover.cjs

@@ -20,17 +20,7 @@ const Popover = ({ id: passedId, children, zIndex = index.theme.layers.popup, pl
     const { refs, floatingStyles, placement: resolvedPlacement } = react.useFloating({
         elements: { reference: anchorElement },
         placement,
-        middleware: [
-            react.flip({ fallbackAxisSideDirection: 'start' }),
-            react.shift({ limiter: react.limitShift() }),
-            react.size({
-                apply({ availableHeight, elements }) {
-                    Object.assign(elements.floating.style, {
-                        maxHeight: `${Math.max(0, availableHeight)}px`,
-                    });
-                },
-            }),
-        ],
+        middleware: [react.flip(), react.shift({ limiter: react.limitShift() })],
         whileElementsMounted: react.autoUpdate,
     });
     // Setup popover id to use passed, or generate its' own.

package/dist/components/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFloating, autoUpdate, flip, shift, limitShift, size } from '@floating-ui/react';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { buildClassnames, generateId, assignCssVars } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\nimport popoverStyles from './Popover.module.scss';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  className,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up Floating UI positioning\n  const { refs, floatingStyles, placement: resolvedPlacement } = useFloating({\n    elements: { reference: anchorElement },\n    placement,\n    middleware: [\n      flip({ fallbackAxisSideDirection: 'start' }),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${Math.max(0, availableHeight)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement: refs.floating.current as HTMLDialogElement | null,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <div\n          className={popoverStyles.backdrop}\n          style={assignCssVars({ zIndex })}\n          onClick={onClose}\n          data-testid=\"popover-backdrop\"\n        />\n      )}\n      <dialog\n        open\n        id={id}\n        data-dialog-type=\"popover\"\n        data-placement={resolvedPlacement}\n        className={buildClassnames([popoverStyles.dialog, className])}\n        ref={refs.setFloating}\n        style={{\n          ...assignCssVars({ zIndex: zIndex + 1 }),\n          ...floatingStyles,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...dialogProps}\n      >\n        {children}\n      </dialog>\n    </Portal>\n  );\n};\n"],"names":["theme","useFloating","flip","shift","limitShift","size","autoUpdate","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","React","Portal","popoverStyles","assignCssVars","buildClassnames"],"mappings":";;;;;;;;;;;;;;;;;MAWa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAGC,iBAAW,CAAC;AACzE,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;QACtC,SAAS;AACT,QAAA,UAAU,EAAE;AACV,YAAAC,UAAI,CAAC,EAAE,yBAAyB,EAAE,OAAO,EAAE,CAAC;AAC5C,YAAAC,WAAK,CAAC,EAAE,OAAO,EAAEC,gBAAU,EAAE,EAAE,CAAC;AAChC,YAAAC,UAAI,CAAC;AACH,gBAAA,KAAK,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAA;oBACjC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,SAAS,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA,EAAA,CAAI;AAC/C,qBAAA,CAAC;gBACJ,CAAC;aACF,CAAC;AACH,SAAA;AACD,QAAA,oBAAoB,EAAEC,gBAAU;AACjC,KAAA,CAAC;;AAGF,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,QAAQ,IAAIC,qBAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvEC,uCAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,EAAI;AACnB,IAAA,CAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGC,6BAAc,CAAC;AACvC,QAAA,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAmC;QAChE,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,cAAc,EAAE,cAAc,EAAA;QACnC,CAAC,cAAc,KACdD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,cAAa,CAAC,QAAQ,EACjC,KAAK,EAAEC,2BAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,aAAA,EACJ,kBAAkB,EAAA,CAC9B,CACH;AACD,QAAAH,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAA,IAAA,EACJ,EAAE,EAAE,EAAE,EAAA,kBAAA,EACW,SAAS,EAAA,gBAAA,EACV,iBAAiB,EACjC,SAAS,EAAEI,+BAAe,CAAC,CAACF,cAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAC7D,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;gBACL,GAAGC,2BAAa,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AACxC,gBAAA,GAAG,cAAc;AACjB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;aACpE,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,WAAW,IAEd,QAAQ,CACF,CACF;AAEb;;;;"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFloating, autoUpdate, flip, shift, limitShift } from '@floating-ui/react';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { buildClassnames, generateId, assignCssVars } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\nimport popoverStyles from './Popover.module.scss';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  className,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up Floating UI positioning\n  const { refs, floatingStyles, placement: resolvedPlacement } = useFloating({\n    elements: { reference: anchorElement },\n    placement,\n    middleware: [flip(), shift({ limiter: limitShift() })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement: refs.floating.current as HTMLDialogElement | null,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <div\n          className={popoverStyles.backdrop}\n          style={assignCssVars({ zIndex })}\n          onClick={onClose}\n          data-testid=\"popover-backdrop\"\n        />\n      )}\n      <dialog\n        open\n        id={id}\n        data-dialog-type=\"popover\"\n        data-placement={resolvedPlacement}\n        className={buildClassnames([popoverStyles.dialog, className])}\n        ref={refs.setFloating}\n        style={{\n          ...assignCssVars({ zIndex: zIndex + 1 }),\n          ...floatingStyles,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...dialogProps}\n      >\n        {children}\n      </dialog>\n    </Portal>\n  );\n};\n"],"names":["theme","useFloating","flip","shift","limitShift","autoUpdate","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","React","Portal","popoverStyles","assignCssVars","buildClassnames"],"mappings":";;;;;;;;;;;;;;;;;MAWa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAGC,iBAAW,CAAC;AACzE,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;QACtC,SAAS;AACT,QAAA,UAAU,EAAE,CAACC,UAAI,EAAE,EAAEC,WAAK,CAAC,EAAE,OAAO,EAAEC,gBAAU,EAAE,EAAE,CAAC,CAAC;AACtD,QAAA,oBAAoB,EAAEC,gBAAU;AACjC,KAAA,CAAC;;AAGF,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,QAAQ,IAAIC,qBAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvEC,uCAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,EAAI;AACnB,IAAA,CAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGC,6BAAc,CAAC;AACvC,QAAA,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAmC;QAChE,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,cAAc,EAAE,cAAc,EAAA;QACnC,CAAC,cAAc,KACdD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,cAAa,CAAC,QAAQ,EACjC,KAAK,EAAEC,2BAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,aAAA,EACJ,kBAAkB,EAAA,CAC9B,CACH;AACD,QAAAH,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAA,IAAA,EACJ,EAAE,EAAE,EAAE,EAAA,kBAAA,EACW,SAAS,EAAA,gBAAA,EACV,iBAAiB,EACjC,SAAS,EAAEI,+BAAe,CAAC,CAACF,cAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAC7D,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;gBACL,GAAGC,2BAAa,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AACxC,gBAAA,GAAG,cAAc;AACjB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;aACpE,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,WAAW,IAEd,QAAQ,CACF,CACF;AAEb;;;;"}

package/dist/components/Popover/Popover.js

@@ -1,5 +1,5 @@
 import React__default, { useMemo } from 'react';
-import { useFloating, autoUpdate, flip, shift, limitShift, size } from '@floating-ui/react';
+import { useFloating, autoUpdate, flip, shift, limitShift } from '@floating-ui/react';
 import { Portal } from '../Portal/Portal.js';
 import { theme } from '../../theme/index.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
@@ -14,17 +14,7 @@ const Popover = ({ id: passedId, children, zIndex = theme.layers.popup, placemen
     const { refs, floatingStyles, placement: resolvedPlacement } = useFloating({
         elements: { reference: anchorElement },
         placement,
-        middleware: [
-            flip({ fallbackAxisSideDirection: 'start' }),
-            shift({ limiter: limitShift() }),
-            size({
-                apply({ availableHeight, elements }) {
-                    Object.assign(elements.floating.style, {
-                        maxHeight: `${Math.max(0, availableHeight)}px`,
-                    });
-                },
-            }),
-        ],
+        middleware: [flip(), shift({ limiter: limitShift() })],
         whileElementsMounted: autoUpdate,
     });
     // Setup popover id to use passed, or generate its' own.

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFloating, autoUpdate, flip, shift, limitShift, size } from '@floating-ui/react';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { buildClassnames, generateId, assignCssVars } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\nimport popoverStyles from './Popover.module.scss';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  className,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up Floating UI positioning\n  const { refs, floatingStyles, placement: resolvedPlacement } = useFloating({\n    elements: { reference: anchorElement },\n    placement,\n    middleware: [\n      flip({ fallbackAxisSideDirection: 'start' }),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${Math.max(0, availableHeight)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement: refs.floating.current as HTMLDialogElement | null,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <div\n          className={popoverStyles.backdrop}\n          style={assignCssVars({ zIndex })}\n          onClick={onClose}\n          data-testid=\"popover-backdrop\"\n        />\n      )}\n      <dialog\n        open\n        id={id}\n        data-dialog-type=\"popover\"\n        data-placement={resolvedPlacement}\n        className={buildClassnames([popoverStyles.dialog, className])}\n        ref={refs.setFloating}\n        style={{\n          ...assignCssVars({ zIndex: zIndex + 1 }),\n          ...floatingStyles,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...dialogProps}\n      >\n        {children}\n      </dialog>\n    </Portal>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;MAWa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC;AACzE,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;QACtC,SAAS;AACT,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,CAAC,EAAE,yBAAyB,EAAE,OAAO,EAAE,CAAC;AAC5C,YAAA,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;AAChC,YAAA,IAAI,CAAC;AACH,gBAAA,KAAK,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAA;oBACjC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,SAAS,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA,EAAA,CAAI;AAC/C,qBAAA,CAAC;gBACJ,CAAC;aACF,CAAC;AACH,SAAA;AACD,QAAA,oBAAoB,EAAE,UAAU;AACjC,KAAA,CAAC;;AAGF,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,EAAI;AACnB,IAAA,CAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;AACvC,QAAA,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAmC;QAChE,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,cAAc,EAAE,cAAc,EAAA;QACnC,CAAC,cAAc,KACdA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,aAAa,CAAC,QAAQ,EACjC,KAAK,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,aAAA,EACJ,kBAAkB,EAAA,CAC9B,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAA,IAAA,EACJ,EAAE,EAAE,EAAE,EAAA,kBAAA,EACW,SAAS,EAAA,gBAAA,EACV,iBAAiB,EACjC,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAC7D,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;gBACL,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AACxC,gBAAA,GAAG,cAAc;AACjB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;aACpE,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,WAAW,IAEd,QAAQ,CACF,CACF;AAEb;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useFloating, autoUpdate, flip, shift, limitShift } from '@floating-ui/react';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { buildClassnames, generateId, assignCssVars } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\nimport popoverStyles from './Popover.module.scss';\n\nexport const Popover = ({\n  id: passedId,\n  children,\n  zIndex = theme.layers.popup,\n  placement = 'bottom',\n  anchorElement,\n  rootElementRef,\n  onShouldClose,\n  style,\n  disableFocusLock,\n  removeBackdrop = false,\n  useAnchorWidth,\n  ignoreAriaWarnings,\n  className,\n  ...dialogProps\n}: PopoverProps) => {\n  // Set up Floating UI positioning\n  const { refs, floatingStyles, placement: resolvedPlacement } = useFloating({\n    elements: { reference: anchorElement },\n    placement,\n    middleware: [flip(), shift({ limiter: limitShift() })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Setup popover id to use passed, or generate its' own.\n  const id = useMemo(() => passedId || generateId('popover'), [passedId]);\n\n  // Check and update aria for anchor, only works once this has rendered for the first time though.\n  useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n  const onClose = () => {\n    anchorElement?.focus();\n    onShouldClose?.();\n  };\n\n  const { handleKeyDown } = useHandleFocus({\n    popperElement: refs.floating.current as HTMLDialogElement | null,\n    anchorElement,\n    onClose,\n    disableFocusLock,\n  });\n\n  return (\n    <Portal rootElementRef={rootElementRef}>\n      {!removeBackdrop && (\n        <div\n          className={popoverStyles.backdrop}\n          style={assignCssVars({ zIndex })}\n          onClick={onClose}\n          data-testid=\"popover-backdrop\"\n        />\n      )}\n      <dialog\n        open\n        id={id}\n        data-dialog-type=\"popover\"\n        data-placement={resolvedPlacement}\n        className={buildClassnames([popoverStyles.dialog, className])}\n        ref={refs.setFloating}\n        style={{\n          ...assignCssVars({ zIndex: zIndex + 1 }),\n          ...floatingStyles,\n          ...style,\n          ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n        }}\n        onKeyDown={handleKeyDown}\n        {...dialogProps}\n      >\n        {children}\n      </dialog>\n    </Portal>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;MAWa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC;AACzE,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;QACtC,SAAS;AACT,QAAA,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AACtD,QAAA,oBAAoB,EAAE,UAAU;AACjC,KAAA,CAAC;;AAGF,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,EAAI;AACnB,IAAA,CAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;AACvC,QAAA,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAmC;QAChE,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,cAAc,EAAE,cAAc,EAAA;QACnC,CAAC,cAAc,KACdA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,aAAa,CAAC,QAAQ,EACjC,KAAK,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,OAAO,EAAE,OAAO,EAAA,aAAA,EACJ,kBAAkB,EAAA,CAC9B,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAA,IAAA,EACJ,EAAE,EAAE,EAAE,EAAA,kBAAA,EACW,SAAS,EAAA,gBAAA,EACV,iBAAiB,EACjC,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAC7D,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;gBACL,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AACxC,gBAAA,GAAG,cAAc;AACjB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;aACpE,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,WAAW,IAEd,QAAQ,CACF,CACF;AAEb;;;;"}

package/dist/components/ToastsLayout/components/Toast.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("@charset \"UTF-8\";\n._toast-container_1wwfi_2 {\n  --toast-local-z-index: 40;\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition: transform 500ms ease, opacity 500ms ease;\n}\n._toast-container_1wwfi_2._merge-variant_1wwfi_14 {\n  --variant-color: var(--colors-secondary-purple-base);\n}\n._toast-container_1wwfi_2._info-variant_1wwfi_17 {\n  --variant-color: var(--colors-secondary-blue-base);\n}\n._toast-container_1wwfi_2._error-variant_1wwfi_20 {\n  --variant-color: var(--colors-secondary-red-base);\n}\n._toast-container_1wwfi_2._success-variant_1wwfi_23 {\n  --variant-color: var(--colors-secondary-green-base);\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n._enter_1wwfi_28 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._enterActive_1wwfi_33 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exit_1wwfi_38 {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n._last_1wwfi_27._exit_1wwfi_38 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exitActive_1wwfi_55 {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n._last_1wwfi_27._exitActive_1wwfi_55 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._icon-wrap_1wwfi_65 {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n}\n._icon-wrap_1wwfi_65 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._text_1wwfi_78 {\n  color: white;\n}\n\n._closeAction_1wwfi_82 {\n  padding-left: var(--sizes-md);\n}\n._closeAction_1wwfi_82 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:hover,\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:active,\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}");
-var toastStyles = {"toast-container":"_toast-container_1wwfi_2","merge-variant":"_merge-variant_1wwfi_14","info-variant":"_info-variant_1wwfi_17","error-variant":"_error-variant_1wwfi_20","success-variant":"_success-variant_1wwfi_23","enter":"_enter_1wwfi_28","enterActive":"_enterActive_1wwfi_33","exit":"_exit_1wwfi_38","last":"_last_1wwfi_27","exitActive":"_exitActive_1wwfi_55","icon-wrap":"_icon-wrap_1wwfi_65","text":"_text_1wwfi_78","closeAction":"_closeAction_1wwfi_82"};
+___$insertStyle("@charset \"UTF-8\";\n._toast-container_10po3_2 {\n  --toast-local-z-index: 40;\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition: transform 500ms ease, opacity 500ms ease;\n}\n._toast-container_10po3_2._merge-variant_10po3_14 {\n  --variant-color: var(--colors-secondary-purple-base);\n}\n._toast-container_10po3_2._info-variant_10po3_17 {\n  --variant-color: var(--colors-secondary-blue-base);\n}\n._toast-container_10po3_2._error-variant_10po3_20 {\n  --variant-color: var(--colors-secondary-red-base);\n}\n._toast-container_10po3_2._success-variant_10po3_23 {\n  --variant-color: var(--colors-secondary-green-base);\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n._enter_10po3_28 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._enterActive_10po3_33 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exit_10po3_38 {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n._last_10po3_27._exit_10po3_38 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exitActive_10po3_55 {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n._last_10po3_27._exitActive_10po3_55 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._icon-wrap_10po3_65 {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n}\n._icon-wrap_10po3_65 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._text_10po3_78 {\n  color: white;\n}\n\n._closeAction_10po3_82 {\n  padding-left: var(--sizes-md);\n}\n._closeAction_10po3_82 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:hover,\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:active,\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}");
+var toastStyles = {"toast-container":"_toast-container_10po3_2","merge-variant":"_merge-variant_10po3_14","info-variant":"_info-variant_10po3_17","error-variant":"_error-variant_10po3_20","success-variant":"_success-variant_10po3_23","enter":"_enter_10po3_28","enterActive":"_enterActive_10po3_33","exit":"_exit_10po3_38","last":"_last_10po3_27","exitActive":"_exitActive_10po3_55","icon-wrap":"_icon-wrap_10po3_65","text":"_text_10po3_78","closeAction":"_closeAction_10po3_82"};
 
 module.exports = toastStyles;
 //# sourceMappingURL=Toast.module.scss.cjs.map

package/dist/components/ToastsLayout/components/Toast.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.scss.cjs","sources":["../../../../src/components/ToastsLayout/components/Toast.module.scss"],"sourcesContent":[".toast-container {\n  --toast-local-z-index: 40;\n\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition:\n    transform 500ms ease,\n    opacity 500ms ease;\n\n  &.merge-variant {\n    --variant-color: var(--colors-secondary-purple-base);\n  }\n  &.info-variant {\n    --variant-color: var(--colors-secondary-blue-base);\n  }\n  &.error-variant {\n    --variant-color: var(--colors-secondary-red-base);\n  }\n  &.success-variant {\n    --variant-color: var(--colors-secondary-green-base);\n  }\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n.enter {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.enterActive {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n.last.exit {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exitActive {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n.last.exitActive {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.icon-wrap {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n.text {\n  color: white;\n}\n.closeAction {\n  padding-left: var(--sizes-md);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\n.toast-container .closeAction:hover,\n.toast-container .closeAction:active,\n.toast-container .closeAction:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}\n"],"names":[],"mappings":";;;;AAAA,eAAA,CAAA,q/EAAA;AACE,kBAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}
+{"version":3,"file":"Toast.module.scss.cjs","sources":["../../../../src/components/ToastsLayout/components/Toast.module.scss"],"sourcesContent":[".toast-container {\n  --toast-local-z-index: 40;\n\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition:\n    transform 500ms ease,\n    opacity 500ms ease;\n\n  &.merge-variant {\n    --variant-color: var(--colors-secondary-purple-base);\n  }\n  &.info-variant {\n    --variant-color: var(--colors-secondary-blue-base);\n  }\n  &.error-variant {\n    --variant-color: var(--colors-secondary-red-base);\n  }\n  &.success-variant {\n    --variant-color: var(--colors-secondary-green-base);\n  }\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n.enter {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.enterActive {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n.last.exit {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exitActive {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n.last.exitActive {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.icon-wrap {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n.text {\n  color: white;\n}\n.closeAction {\n  padding-left: var(--sizes-md);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\n.toast-container .closeAction.closeAction:hover,\n.toast-container .closeAction.closeAction:active,\n.toast-container .closeAction.closeAction:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}\n"],"names":[],"mappings":";;;;AAAA,eAAA,CAAA,ujFAAA;AACE,kBAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}

package/dist/components/ToastsLayout/components/Toast.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../../_virtual/____insertStyle.js';
 
-insertStyle("@charset \"UTF-8\";\n._toast-container_1wwfi_2 {\n  --toast-local-z-index: 40;\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition: transform 500ms ease, opacity 500ms ease;\n}\n._toast-container_1wwfi_2._merge-variant_1wwfi_14 {\n  --variant-color: var(--colors-secondary-purple-base);\n}\n._toast-container_1wwfi_2._info-variant_1wwfi_17 {\n  --variant-color: var(--colors-secondary-blue-base);\n}\n._toast-container_1wwfi_2._error-variant_1wwfi_20 {\n  --variant-color: var(--colors-secondary-red-base);\n}\n._toast-container_1wwfi_2._success-variant_1wwfi_23 {\n  --variant-color: var(--colors-secondary-green-base);\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n._enter_1wwfi_28 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._enterActive_1wwfi_33 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exit_1wwfi_38 {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n._last_1wwfi_27._exit_1wwfi_38 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exitActive_1wwfi_55 {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n._last_1wwfi_27._exitActive_1wwfi_55 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._icon-wrap_1wwfi_65 {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n}\n._icon-wrap_1wwfi_65 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._text_1wwfi_78 {\n  color: white;\n}\n\n._closeAction_1wwfi_82 {\n  padding-left: var(--sizes-md);\n}\n._closeAction_1wwfi_82 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:hover,\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:active,\n._toast-container_1wwfi_2 ._closeAction_1wwfi_82:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}");
-var toastStyles = {"toast-container":"_toast-container_1wwfi_2","merge-variant":"_merge-variant_1wwfi_14","info-variant":"_info-variant_1wwfi_17","error-variant":"_error-variant_1wwfi_20","success-variant":"_success-variant_1wwfi_23","enter":"_enter_1wwfi_28","enterActive":"_enterActive_1wwfi_33","exit":"_exit_1wwfi_38","last":"_last_1wwfi_27","exitActive":"_exitActive_1wwfi_55","icon-wrap":"_icon-wrap_1wwfi_65","text":"_text_1wwfi_78","closeAction":"_closeAction_1wwfi_82"};
+insertStyle("@charset \"UTF-8\";\n._toast-container_10po3_2 {\n  --toast-local-z-index: 40;\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition: transform 500ms ease, opacity 500ms ease;\n}\n._toast-container_10po3_2._merge-variant_10po3_14 {\n  --variant-color: var(--colors-secondary-purple-base);\n}\n._toast-container_10po3_2._info-variant_10po3_17 {\n  --variant-color: var(--colors-secondary-blue-base);\n}\n._toast-container_10po3_2._error-variant_10po3_20 {\n  --variant-color: var(--colors-secondary-red-base);\n}\n._toast-container_10po3_2._success-variant_10po3_23 {\n  --variant-color: var(--colors-secondary-green-base);\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n._enter_10po3_28 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._enterActive_10po3_33 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exit_10po3_38 {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n._last_10po3_27._exit_10po3_38 {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n._exitActive_10po3_55 {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n._last_10po3_27._exitActive_10po3_55 {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n._icon-wrap_10po3_65 {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n}\n._icon-wrap_10po3_65 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._text_10po3_78 {\n  color: white;\n}\n\n._closeAction_10po3_82 {\n  padding-left: var(--sizes-md);\n}\n._closeAction_10po3_82 svg {\n  width: var(--sizes-md);\n  height: var(--sizes-md);\n}\n\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:hover,\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:active,\n._toast-container_10po3_2 ._closeAction_10po3_82._closeAction_10po3_82:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}");
+var toastStyles = {"toast-container":"_toast-container_10po3_2","merge-variant":"_merge-variant_10po3_14","info-variant":"_info-variant_10po3_17","error-variant":"_error-variant_10po3_20","success-variant":"_success-variant_10po3_23","enter":"_enter_10po3_28","enterActive":"_enterActive_10po3_33","exit":"_exit_10po3_38","last":"_last_10po3_27","exitActive":"_exitActive_10po3_55","icon-wrap":"_icon-wrap_10po3_65","text":"_text_10po3_78","closeAction":"_closeAction_10po3_82"};
 
 export { toastStyles as default };
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/components/ToastsLayout/components/Toast.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.scss.js","sources":["../../../../src/components/ToastsLayout/components/Toast.module.scss"],"sourcesContent":[".toast-container {\n  --toast-local-z-index: 40;\n\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition:\n    transform 500ms ease,\n    opacity 500ms ease;\n\n  &.merge-variant {\n    --variant-color: var(--colors-secondary-purple-base);\n  }\n  &.info-variant {\n    --variant-color: var(--colors-secondary-blue-base);\n  }\n  &.error-variant {\n    --variant-color: var(--colors-secondary-red-base);\n  }\n  &.success-variant {\n    --variant-color: var(--colors-secondary-green-base);\n  }\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n.enter {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.enterActive {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n.last.exit {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exitActive {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n.last.exitActive {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.icon-wrap {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n.text {\n  color: white;\n}\n.closeAction {\n  padding-left: var(--sizes-md);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\n.toast-container .closeAction:hover,\n.toast-container .closeAction:active,\n.toast-container .closeAction:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}\n"],"names":["___$insertStyle"],"mappings":";;AAAAA,WAAA,CAAA,q/EAAA;AACE,kBAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}
+{"version":3,"file":"Toast.module.scss.js","sources":["../../../../src/components/ToastsLayout/components/Toast.module.scss"],"sourcesContent":[".toast-container {\n  --toast-local-z-index: 40;\n\n  background-color: var(--colors-neutral-ink-dark);\n  padding: var(--sizes-3);\n  box-shadow: var(--shadows-md);\n  border-radius: var(--radius-base);\n  pointer-events: auto;\n  z-index: var(--toast-local-z-index);\n  min-width: min(var(--min-width, 50vw), 80vw);\n  max-width: 80vw;\n  transition:\n    transform 500ms ease,\n    opacity 500ms ease;\n\n  &.merge-variant {\n    --variant-color: var(--colors-secondary-purple-base);\n  }\n  &.info-variant {\n    --variant-color: var(--colors-secondary-blue-base);\n  }\n  &.error-variant {\n    --variant-color: var(--colors-secondary-red-base);\n  }\n  &.success-variant {\n    --variant-color: var(--colors-secondary-green-base);\n  }\n}\n\n/* Transition classes — co-located with .last so compound selectors hash correctly */\n.enter {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.enterActive {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exit {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n/*\n * .last modifier — applied to the bottom-most (oldest visible) toast.\n * Non-last toasts exit by sliding right (translateX) so the stack above\n * them collapses gracefully into the freed space. The last toast exits\n * by sliding down (translateY) off the bottom of the viewport since\n * there's nothing below it to displace.\n */\n.last.exit {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.exitActive {\n  transform: translateX(var(--sizes-3));\n  opacity: 0;\n}\n\n.last.exitActive {\n  transform: translateY(var(--sizes-3));\n  opacity: 0;\n}\n\n.icon-wrap {\n  flex-shrink: 0;\n  height: var(--sizes-10);\n  width: var(--sizes-10);\n  color: white;\n  border-radius: var(--radius-base);\n  background-color: var(--variant-color);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n.text {\n  color: white;\n}\n.closeAction {\n  padding-left: var(--sizes-md);\n\n  svg {\n    width: var(--sizes-md);\n    height: var(--sizes-md);\n  }\n}\n\n.toast-container .closeAction.closeAction:hover,\n.toast-container .closeAction.closeAction:active,\n.toast-container .closeAction.closeAction:focus-visible {\n  background-color: color-mix(in srgb, white 15%, var(--colors-neutral-ink-dark));\n}\n"],"names":["___$insertStyle"],"mappings":";;AAAAA,WAAA,CAAA,ujFAAA;AACE,kBAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,aAAA,CAAA,uBAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "15.3.1-beta-4",
+  "version": "15.3.2",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -57,7 +57,7 @@
     "@figma-export/cli": "^6.2.2",
     "@figma-export/output-components-as-svg": "^6.2.2",
     "@figma-export/transform-svg-with-svgo": "^6.2.2",
-    "@figma/code-connect": "^1.4.4",
+    "@figma/code-connect": "^1.4.8",
     "@floating-ui/react": "^0.27.19",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",