@veeqo/ui 15.15.2 → 15.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs +2 -2
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js +2 -2
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs +2 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js +2 -2
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.cjs +6 -5
- package/dist/components/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.d.ts +1 -1
- package/dist/components/DateInputField/DateInputField.js +6 -5
- package/dist/components/DateInputField/DateInputField.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.module.scss.cjs +2 -2
- package/dist/components/DateInputField/DateInputField.module.scss.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.module.scss.js +2 -2
- package/dist/components/DateInputField/DateInputField.module.scss.js.map +1 -1
- package/dist/components/DateInputField/types.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.cjs +12 -6
- package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +12 -6
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/icons/design-system/icons.figma.batch.d.ts +8 -0
- package/package.json +3 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$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}");
|
|
6
|
-
var styles = {"calendar":"
|
|
5
|
+
___$insertStyle("._heading-xxl_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1jhcy_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_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1jhcy_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_1jhcy_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-selected], ._calendar_1jhcy_342 table td {\n border-radius: var(--radius-base);\n}");
|
|
6
|
+
var styles = {"calendar":"_calendar_1jhcy_342"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=Calendar.module.scss.cjs.map
|
|
@@ -1 +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-base);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA
|
|
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-base);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,66lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
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}");
|
|
4
|
-
var styles = {"calendar":"
|
|
3
|
+
insertStyle("._heading-xxl_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._calendar_1jhcy_342 .react-aria-Button:active, ._calendar_1jhcy_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1jhcy_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_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1jhcy_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1jhcy_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1jhcy_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1jhcy_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_1jhcy_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1jhcy_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1jhcy_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_1jhcy_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_1jhcy_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_1jhcy_342 .react-aria-CalendarCell[data-selected], ._calendar_1jhcy_342 table td {\n border-radius: var(--radius-base);\n}");
|
|
4
|
+
var styles = {"calendar":"_calendar_1jhcy_342"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=Calendar.module.scss.js.map
|
|
@@ -1 +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-base);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA
|
|
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-base);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,66lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$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}");
|
|
6
|
-
var styles = {"rangeCalendar":"
|
|
5
|
+
___$insertStyle("._heading-xxl_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1430p_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_1430p_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_1430p_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1430p_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1430p_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_1430p_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1430p_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_1430p_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_1430p_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}");
|
|
6
|
+
var styles = {"rangeCalendar":"_rangeCalendar_1430p_342"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=RangeCalendar.module.scss.cjs.map
|
package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map
CHANGED
|
@@ -1 +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,
|
|
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,27lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
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}");
|
|
4
|
-
var styles = {"rangeCalendar":"
|
|
3
|
+
insertStyle("._heading-xxl_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_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_1430p_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:focus-visible {\n outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n outline-offset: var(--sizes-line);\n}\n._rangeCalendar_1430p_342 .react-aria-Button:active, ._rangeCalendar_1430p_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1430p_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_1430p_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_1430p_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_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_1430p_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1430p_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1430p_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1430p_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_1430p_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1430p_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1430p_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_1430p_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_1430p_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}");
|
|
4
|
+
var styles = {"rangeCalendar":"_rangeCalendar_1430p_342"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=RangeCalendar.module.scss.js.map
|
|
@@ -1 +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,
|
|
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,27lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
|
|
@@ -4,11 +4,12 @@ var React = require('react');
|
|
|
4
4
|
var reactAriaComponents = require('react-aria-components');
|
|
5
5
|
var DateInputField_module = require('./DateInputField.module.scss.cjs');
|
|
6
6
|
var Button = require('../Button/Button.cjs');
|
|
7
|
-
var
|
|
7
|
+
var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
|
|
8
8
|
require('../Grid/Grid.cjs');
|
|
9
9
|
require('@internationalized/date');
|
|
10
10
|
require('../Calendars/types.cjs');
|
|
11
11
|
require('../Calendars/data/constants.cjs');
|
|
12
|
+
require('../Stack/Stack.cjs');
|
|
12
13
|
require('../Calendars/components/subcomponents/CalendarHeading.cjs');
|
|
13
14
|
var useIsDateUnavailable = require('../Calendars/data/useIsDateUnavailable.cjs');
|
|
14
15
|
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
@@ -17,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
18
|
|
|
18
19
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
19
20
|
|
|
20
|
-
const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
|
|
21
|
+
const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, isOpen, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
|
|
21
22
|
const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable.useIsDateUnavailable(validationProps);
|
|
22
23
|
const [isStartInvalid, setIsStartInvalid] = React.useState(false);
|
|
23
24
|
const [isEndInvalid, setIsEndInvalid] = React.useState(false);
|
|
@@ -41,9 +42,9 @@ const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true,
|
|
|
41
42
|
setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);
|
|
42
43
|
setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);
|
|
43
44
|
}, [startValue, endValue, isRangeInput, validateDate]);
|
|
44
|
-
return (React__default.default.createElement(
|
|
45
|
-
React__default.default.createElement(reactAriaComponents.Group, { ref: rangeRef, style: style, className: buildClassnames.buildClassnames([DateInputField_module.dateRangeGroup, hasError && DateInputField_module.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled },
|
|
46
|
-
React__default.default.createElement(
|
|
45
|
+
return (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "center", gap: "none", flexGrow: 1 },
|
|
46
|
+
React__default.default.createElement(reactAriaComponents.Group, { ref: rangeRef, style: style, className: buildClassnames.buildClassnames([DateInputField_module.dateRangeGroup, hasError && DateInputField_module.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled, "data-open": isOpen || undefined },
|
|
47
|
+
React__default.default.createElement(FlexRow.FlexRow, { gap: "sm", alignItems: "center", justifyContent: "center" },
|
|
47
48
|
React__default.default.createElement(reactAriaComponents.DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: isRangeInput ? onChangeStartDate : onChange, value: startValue, validate: validateDate, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, "aria-label": isRangeInput ? 'start date' : 'date', isDisabled: disabled, isReadOnly: isReadOnly, isInvalid: isStartInvalid, ...validationProps },
|
|
48
49
|
React__default.default.createElement(reactAriaComponents.DateInput, { slot: "start" }, (segment) => React__default.default.createElement(reactAriaComponents.DateSegment, { segment: segment }))),
|
|
49
50
|
isRangeInput && (React__default.default.createElement(React__default.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInputField.cjs","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport {\n DateField,\n DateInput,\n DateRange,\n DateSegment,\n DateValue,\n Group,\n} from 'react-aria-components';\nimport styles from './DateInputField.module.scss';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport {
|
|
1
|
+
{"version":3,"file":"DateInputField.cjs","sources":["../../../src/components/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport {\n DateField,\n DateInput,\n DateRange,\n DateSegment,\n DateValue,\n Group,\n} from 'react-aria-components';\nimport styles from './DateInputField.module.scss';\nimport { DateInputFieldProps } from './types';\nimport { Button } from '../Button';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { useIsDateUnavailable } from '../Calendars';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nexport const DateInputField = ({\n id,\n className,\n style,\n shouldForceLeadingZeros = true,\n rightAction,\n startValue,\n endValue,\n disabled,\n isReadOnly,\n isRangeInput = false,\n isOpen,\n hasError,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledBy,\n onChange,\n onChangeStartDate,\n onChangeEndDate,\n rangeRef,\n rightActionRef,\n ...validationProps\n}: DateInputFieldProps) => {\n const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);\n const [isStartInvalid, setIsStartInvalid] = useState(false);\n const [isEndInvalid, setIsEndInvalid] = useState(false);\n\n const validateDate = useCallback(\n (value: DateValue): true | string => {\n if (!value) return 'no date';\n if (!isRangeInput) return isDateUnavailable(value) ? 'Invalid date selection' : true;\n\n const range = {\n start: value === startValue ? value : startValue,\n end: value === endValue ? value : endValue,\n };\n\n if (!range.start || !range.end) {\n return isDateUnavailable(value) ? 'Invalid date selection' : true;\n }\n if (isDateRangeUnavailable(range as DateRange)) return 'Invalid range selection';\n\n return true;\n },\n [isRangeInput, startValue, endValue, isDateUnavailable, isDateRangeUnavailable],\n );\n\n useEffect(() => {\n setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);\n setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);\n }, [startValue, endValue, isRangeInput, validateDate]);\n\n return (\n <FlexRow alignItems=\"center\" gap=\"none\" flexGrow={1}>\n <Group\n ref={rangeRef}\n style={style}\n className={buildClassnames([styles.dateRangeGroup, hasError && styles.error, className])}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n isDisabled={disabled}\n data-open={isOpen || undefined}\n >\n <FlexRow gap=\"sm\" alignItems=\"center\" justifyContent=\"center\">\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={isRangeInput ? onChangeStartDate : onChange}\n value={startValue}\n validate={validateDate}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label={isRangeInput ? 'start date' : 'date'}\n isDisabled={disabled}\n isReadOnly={isReadOnly}\n isInvalid={isStartInvalid}\n {...validationProps}\n >\n <DateInput slot=\"start\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n\n {isRangeInput && (\n <>\n <span className=\"date-range-input-splitter\" aria-hidden=\"true\">\n -\n </span>\n <DateField\n shouldForceLeadingZeros={shouldForceLeadingZeros}\n onChange={onChangeEndDate}\n value={endValue}\n aria-describedby={ariaDescribedBy}\n aria-labelledby={ariaLabelledBy ?? `${id}-label`}\n aria-label=\"end date\"\n isDisabled={disabled}\n isReadOnly={isReadOnly}\n validate={validateDate}\n isInvalid={isEndInvalid}\n {...validationProps}\n >\n <DateInput slot=\"end\">{(segment) => <DateSegment segment={segment} />}</DateInput>\n </DateField>\n </>\n )}\n </FlexRow>\n\n {rightAction && (\n <Button\n type=\"button\"\n ref={rightActionRef}\n variant=\"flat\"\n style={{\n padding: '2px',\n height: 'unset',\n }}\n {...rightAction}\n />\n )}\n </Group>\n </FlexRow>\n );\n};\n"],"names":["useIsDateUnavailable","useState","useCallback","useEffect","React","FlexRow","Group","buildClassnames","styles","DateField","DateInput","DateSegment","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,uBAAuB,GAAG,IAAI,EAC9B,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,cAAc,EACd,GAAG,eAAe,EACE,KAAI;IACxB,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAGA,yCAAoB,CAAC,eAAe,CAAC;IAC3F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEvD,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAAgB,KAAmB;AAClC,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,SAAS;AAC5B,QAAA,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG,wBAAwB,GAAG,IAAI;AAEpF,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,KAAK,KAAK,UAAU,GAAG,KAAK,GAAG,UAAU;YAChD,GAAG,EAAE,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ;SAC3C;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;AAC9B,YAAA,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG,wBAAwB,GAAG,IAAI;AAClE,QAAA;QACD,IAAI,sBAAsB,CAAC,KAAkB,CAAC;AAAE,YAAA,OAAO,yBAAyB;AAEhF,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,sBAAsB,CAAC,CAChF;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC;AACzE,QAAA,eAAe,CAAC,YAAY,IAAI,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC;IACrF,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAEtD,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAA;QACjDD,sBAAA,CAAA,aAAA,CAACE,yBAAK,IACJ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,+BAAe,CAAC,CAACC,qBAAM,CAAC,cAAc,EAAE,QAAQ,IAAIA,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EAAA,YAAA,EAC5E,SAAS,sBACH,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAd,cAAc,GAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAChD,UAAU,EAAE,QAAQ,EAAA,WAAA,EACT,MAAM,IAAI,SAAS,EAAA;AAE9B,YAAAJ,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC3D,gBAAAD,sBAAA,CAAA,aAAA,CAACK,6BAAS,EAAA,EACR,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,YAAY,GAAG,iBAAiB,GAAG,QAAQ,EACrD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EAAA,kBAAA,EACJ,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAd,cAAc,GAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAQ,EAAA,YAAA,EACpC,YAAY,GAAG,YAAY,GAAG,MAAM,EAChD,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,cAAc,EAAA,GACrB,eAAe,EAAA;AAEnB,oBAAAL,sBAAA,CAAA,aAAA,CAACM,6BAAS,EAAA,EAAC,IAAI,EAAC,OAAO,EAAA,EAAE,CAAC,OAAO,KAAKN,sBAAA,CAAA,aAAA,CAACO,+BAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,CAAa,CAC1E;AAEX,gBAAA,YAAY,KACXP,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,oBAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,EAAA,aAAA,EAAa,MAAM,EAAA,EAAA,GAAA,CAEvD;oBACPA,sBAAA,CAAA,aAAA,CAACK,6BAAS,IACR,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,QAAQ,sBACG,eAAe,EAAA,iBAAA,EAChB,cAAc,KAAA,IAAA,IAAd,cAAc,cAAd,cAAc,GAAI,GAAG,EAAE,CAAA,MAAA,CAAQ,gBACrC,UAAU,EACrB,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,YAAY,KACnB,eAAe,EAAA;wBAEnBL,sBAAA,CAAA,aAAA,CAACM,6BAAS,IAAC,IAAI,EAAC,KAAK,EAAA,EAAE,CAAC,OAAO,KAAKN,qCAACO,+BAAW,EAAA,EAAC,OAAO,EAAE,OAAO,GAAI,CAAa,CACxE,CACX,CACJ,CACO;AAET,YAAA,WAAW,KACVP,sBAAA,CAAA,aAAA,CAACQ,aAAM,EAAA,EACL,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,cAAc,EACnB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE;AACL,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,MAAM,EAAE,OAAO;AAChB,iBAAA,EAAA,GACG,WAAW,EAAA,CACf,CACH,CACK,CACA;AAEd;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DateInputFieldProps } from './types';
|
|
3
|
-
export declare const DateInputField: ({ id, className, style, shouldForceLeadingZeros, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput, hasError, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }: DateInputFieldProps) => React.JSX.Element;
|
|
3
|
+
export declare const DateInputField: ({ id, className, style, shouldForceLeadingZeros, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput, isOpen, hasError, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }: DateInputFieldProps) => React.JSX.Element;
|
|
@@ -2,16 +2,17 @@ import React__default, { useState, useCallback, useEffect } from 'react';
|
|
|
2
2
|
import { Group, DateField, DateInput, DateSegment } from 'react-aria-components';
|
|
3
3
|
import styles from './DateInputField.module.scss.js';
|
|
4
4
|
import { Button } from '../Button/Button.js';
|
|
5
|
-
import {
|
|
5
|
+
import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
|
|
6
6
|
import '../Grid/Grid.js';
|
|
7
7
|
import '@internationalized/date';
|
|
8
8
|
import '../Calendars/types.js';
|
|
9
9
|
import '../Calendars/data/constants.js';
|
|
10
|
+
import '../Stack/Stack.js';
|
|
10
11
|
import '../Calendars/components/subcomponents/CalendarHeading.js';
|
|
11
12
|
import { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable.js';
|
|
12
13
|
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
13
14
|
|
|
14
|
-
const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
|
|
15
|
+
const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true, rightAction, startValue, endValue, disabled, isReadOnly, isRangeInput = false, isOpen, hasError, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, rangeRef, rightActionRef, ...validationProps }) => {
|
|
15
16
|
const { isDateUnavailable, isDateRangeUnavailable } = useIsDateUnavailable(validationProps);
|
|
16
17
|
const [isStartInvalid, setIsStartInvalid] = useState(false);
|
|
17
18
|
const [isEndInvalid, setIsEndInvalid] = useState(false);
|
|
@@ -35,9 +36,9 @@ const DateInputField = ({ id, className, style, shouldForceLeadingZeros = true,
|
|
|
35
36
|
setIsStartInvalid(startValue ? validateDate(startValue) !== true : false);
|
|
36
37
|
setIsEndInvalid(isRangeInput && endValue ? validateDate(endValue) !== true : false);
|
|
37
38
|
}, [startValue, endValue, isRangeInput, validateDate]);
|
|
38
|
-
return (React__default.createElement(
|
|
39
|
-
React__default.createElement(Group, { ref: rangeRef, style: style, className: buildClassnames([styles.dateRangeGroup, hasError && styles.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled },
|
|
40
|
-
React__default.createElement(
|
|
39
|
+
return (React__default.createElement(FlexRow, { alignItems: "center", gap: "none", flexGrow: 1 },
|
|
40
|
+
React__default.createElement(Group, { ref: rangeRef, style: style, className: buildClassnames([styles.dateRangeGroup, hasError && styles.error, className]), "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, isDisabled: disabled, "data-open": isOpen || undefined },
|
|
41
|
+
React__default.createElement(FlexRow, { gap: "sm", alignItems: "center", justifyContent: "center" },
|
|
41
42
|
React__default.createElement(DateField, { shouldForceLeadingZeros: shouldForceLeadingZeros, onChange: isRangeInput ? onChangeStartDate : onChange, value: startValue, validate: validateDate, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${id}-label`, "aria-label": isRangeInput ? 'start date' : 'date', isDisabled: disabled, isReadOnly: isReadOnly, isInvalid: isStartInvalid, ...validationProps },
|
|
42
43
|
React__default.createElement(DateInput, { slot: "start" }, (segment) => React__default.createElement(DateSegment, { segment: segment }))),
|
|
43
44
|
isRangeInput && (React__default.createElement(React__default.Fragment, null,
|