@veeqo/ui 14.11.2 → 14.12.0-beta-1
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/Action/styles/button.module.scss.cjs +2 -2
- package/dist/components/Action/styles/button.module.scss.cjs.map +1 -1
- package/dist/components/Action/styles/button.module.scss.js +2 -2
- package/dist/components/Action/styles/button.module.scss.js.map +1 -1
- package/dist/components/Action/styles/link.module.scss.cjs +2 -2
- package/dist/components/Action/styles/link.module.scss.cjs.map +1 -1
- package/dist/components/Action/styles/link.module.scss.js +2 -2
- package/dist/components/Action/styles/link.module.scss.js.map +1 -1
- package/dist/components/Action/utils.cjs +18 -13
- package/dist/components/Action/utils.cjs.map +1 -1
- package/dist/components/Action/utils.js +18 -13
- package/dist/components/Action/utils.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.cjs +4 -8
- package/dist/components/ActionMenu/ActionMenu.cjs.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts +3 -3
- package/dist/components/ActionMenu/ActionMenu.js +2 -6
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/styled.cjs +17 -0
- package/dist/components/ActionMenu/styled.cjs.map +1 -0
- package/dist/components/ActionMenu/styled.d.ts +3 -0
- package/dist/components/ActionMenu/styled.js +10 -0
- package/dist/components/ActionMenu/styled.js.map +1 -0
- package/dist/components/Badge/Badge.cjs +8 -8
- package/dist/components/Badge/Badge.cjs.map +1 -1
- package/dist/components/Badge/Badge.js +8 -8
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/styled.cjs +44 -0
- package/dist/components/Badge/styled.cjs.map +1 -0
- package/dist/components/Badge/styled.d.ts +8 -0
- package/dist/components/Badge/styled.js +36 -0
- package/dist/components/Badge/styled.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumb.cjs +3 -3
- package/dist/components/Breadcrumbs/components/Breadcrumb.cjs.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumb.js +3 -3
- package/dist/components/Breadcrumbs/components/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumbs/components/styled.cjs +15 -0
- package/dist/components/Breadcrumbs/components/styled.cjs.map +1 -0
- package/dist/components/Breadcrumbs/components/styled.d.ts +2 -0
- package/dist/components/Breadcrumbs/components/styled.js +8 -0
- package/dist/components/Breadcrumbs/components/styled.js.map +1 -0
- package/dist/components/Button/Button.cjs +35 -39
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.d.ts +7 -15
- package/dist/components/Button/Button.js +35 -39
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/types.d.ts +7 -16
- package/dist/components/Calendars/components/Calendar/Calendar.cjs +2 -3
- package/dist/components/Calendars/components/Calendar/Calendar.cjs.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.js +2 -3
- package/dist/components/Calendars/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendars/components/Calendar/styled.cjs +14 -0
- package/dist/components/Calendars/components/Calendar/styled.cjs.map +1 -0
- package/dist/components/Calendars/components/Calendar/styled.d.ts +2 -0
- package/dist/components/Calendars/components/Calendar/styled.js +8 -0
- package/dist/components/Calendars/components/Calendar/styled.js.map +1 -0
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs +2 -3
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js +2 -3
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/styled.cjs +14 -0
- package/dist/components/Calendars/components/RangeCalendar/styled.cjs.map +1 -0
- package/dist/components/Calendars/components/RangeCalendar/styled.d.ts +2 -0
- package/dist/components/Calendars/components/RangeCalendar/styled.js +8 -0
- package/dist/components/Calendars/components/RangeCalendar/styled.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs +14 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.d.ts +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js +8 -0
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs +12 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.d.ts +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js +10 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs +9 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.d.ts +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js +7 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs +9 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.d.ts +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js +7 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs +10 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.d.ts +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js +8 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js.map +1 -0
- package/dist/components/Calendars/components/subcomponents/CalendarStyles/index.d.ts +1 -0
- package/dist/components/CardHeader/CardHeader.cjs +1 -1
- package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +1 -1
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.module.scss.cjs +2 -2
- package/dist/components/CardHeader/CardHeader.module.scss.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.module.scss.js +2 -2
- package/dist/components/CardHeader/CardHeader.module.scss.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs +8 -3
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.js +7 -3
- package/dist/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.cjs +5 -3
- package/dist/components/DateInputField/DateInputField.cjs.map +1 -1
- package/dist/components/DateInputField/DateInputField.js +6 -4
- package/dist/components/DateInputField/DateInputField.js.map +1 -1
- package/dist/components/DateInputField/styled.cjs +15 -0
- package/dist/components/DateInputField/styled.cjs.map +1 -0
- package/dist/components/DateInputField/styled.d.ts +3 -0
- package/dist/components/DateInputField/styled.js +9 -0
- package/dist/components/DateInputField/styled.js.map +1 -0
- package/dist/components/DateInputField/types.d.ts +3 -3
- package/dist/components/DatePicker/DatePicker.cjs +5 -3
- package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +5 -3
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/styled.cjs +14 -0
- package/dist/components/DatePicker/styled.cjs.map +1 -0
- package/dist/components/DatePicker/styled.d.ts +1 -0
- package/dist/components/DatePicker/styled.js +8 -0
- package/dist/components/DatePicker/styled.js.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.cjs +3 -3
- package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +3 -3
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/components/Divider.cjs +4 -4
- package/dist/components/DateRangePicker/components/Divider.cjs.map +1 -1
- package/dist/components/DateRangePicker/components/Divider.d.ts +1 -2
- package/dist/components/DateRangePicker/components/Divider.js +3 -3
- package/dist/components/DateRangePicker/components/Divider.js.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.cjs +17 -9
- package/dist/components/DescriptionList/DescriptionList.cjs.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +16 -9
- package/dist/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/components/DetailPage/DetailPage.cjs +3 -7
- package/dist/components/DetailPage/DetailPage.cjs.map +1 -1
- package/dist/components/DetailPage/DetailPage.js +3 -7
- package/dist/components/DetailPage/DetailPage.js.map +1 -1
- package/dist/components/DetailPage/styled.cjs +16 -0
- package/dist/components/DetailPage/styled.cjs.map +1 -0
- package/dist/components/DetailPage/styled.d.ts +2 -0
- package/dist/components/DetailPage/styled.js +9 -0
- package/dist/components/DetailPage/styled.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.module.scss.cjs +2 -2
- package/dist/components/Dropdown/Dropdown.module.scss.cjs.map +1 -1
- package/dist/components/Dropdown/Dropdown.module.scss.js +2 -2
- package/dist/components/Dropdown/Dropdown.module.scss.js.map +1 -1
- package/dist/components/FilterTag/FilterTag.cjs +9 -16
- package/dist/components/FilterTag/FilterTag.cjs.map +1 -1
- package/dist/components/FilterTag/FilterTag.js +9 -16
- package/dist/components/FilterTag/FilterTag.js.map +1 -1
- package/dist/components/FilterTag/styled.cjs +37 -0
- package/dist/components/FilterTag/styled.cjs.map +1 -0
- package/dist/components/FilterTag/styled.d.ts +20 -0
- package/dist/components/FilterTag/styled.js +25 -0
- package/dist/components/FilterTag/styled.js.map +1 -0
- package/dist/components/Indicator/Indicator.cjs +5 -12
- package/dist/components/Indicator/Indicator.cjs.map +1 -1
- package/dist/components/Indicator/Indicator.d.ts +1 -1
- package/dist/components/Indicator/Indicator.js +5 -12
- package/dist/components/Indicator/Indicator.js.map +1 -1
- package/dist/components/Indicator/styled.cjs +28 -0
- package/dist/components/Indicator/styled.cjs.map +1 -0
- package/dist/components/Indicator/styled.d.ts +3 -0
- package/dist/components/Indicator/styled.js +22 -0
- package/dist/components/Indicator/styled.js.map +1 -0
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs.map +1 -1
- package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs +2 -2
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js +2 -2
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js.map +1 -1
- package/dist/components/LoginWithAmazonButton/styled.cjs +12 -0
- package/dist/components/LoginWithAmazonButton/styled.cjs.map +1 -0
- package/dist/components/LoginWithAmazonButton/styled.d.ts +1 -0
- package/dist/components/LoginWithAmazonButton/styled.js +6 -0
- package/dist/components/LoginWithAmazonButton/styled.js.map +1 -0
- package/dist/components/Pagination/Pagination.cjs +6 -8
- package/dist/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/components/Pagination/Pagination.js +6 -8
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/components.cjs +2 -3
- package/dist/components/Pagination/components.cjs.map +1 -1
- package/dist/components/Pagination/components.js +2 -3
- package/dist/components/Pagination/components.js.map +1 -1
- package/dist/components/Pagination/styled.cjs +20 -0
- package/dist/components/Pagination/styled.cjs.map +1 -0
- package/dist/components/Pagination/styled.d.ts +317 -0
- package/dist/components/Pagination/styled.js +12 -0
- package/dist/components/Pagination/styled.js.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.cjs +2 -3
- package/dist/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +2 -3
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/styled.cjs +17 -0
- package/dist/components/SegmentedControl/styled.cjs.map +1 -0
- package/dist/components/SegmentedControl/styled.d.ts +2 -0
- package/dist/components/SegmentedControl/styled.js +11 -0
- package/dist/components/SegmentedControl/styled.js.map +1 -0
- package/dist/components/SelectDropdown/SelectDropdown.cjs.map +1 -1
- package/dist/components/SelectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.cjs +5 -6
- package/dist/components/ShortcutKeys/ShortcutKeys.cjs.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.js +5 -6
- package/dist/components/ShortcutKeys/ShortcutKeys.js.map +1 -1
- package/dist/components/ShortcutKeys/styled.cjs +15 -0
- package/dist/components/ShortcutKeys/styled.cjs.map +1 -0
- package/dist/components/ShortcutKeys/styled.d.ts +3 -0
- package/dist/components/ShortcutKeys/styled.js +8 -0
- package/dist/components/ShortcutKeys/styled.js.map +1 -0
- package/dist/components/VideoModal/styled.d.ts +1 -6
- package/dist/utils/forms/inputStyles.cjs +34 -0
- package/dist/utils/forms/inputStyles.cjs.map +1 -0
- package/dist/utils/forms/inputStyles.js +30 -0
- package/dist/utils/forms/inputStyles.js.map +1 -0
- package/dist/utils/forms/variables.cjs +16 -0
- package/dist/utils/forms/variables.cjs.map +1 -0
- package/dist/utils/forms/variables.js +14 -0
- package/dist/utils/forms/variables.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/ActionMenu/ActionMenu.module.scss.cjs +0 -9
- package/dist/components/ActionMenu/ActionMenu.module.scss.cjs.map +0 -1
- package/dist/components/ActionMenu/ActionMenu.module.scss.js +0 -7
- package/dist/components/ActionMenu/ActionMenu.module.scss.js.map +0 -1
- package/dist/components/Badge/Badge.module.scss.cjs +0 -9
- package/dist/components/Badge/Badge.module.scss.cjs.map +0 -1
- package/dist/components/Badge/Badge.module.scss.js +0 -7
- package/dist/components/Badge/Badge.module.scss.js.map +0 -1
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs +0 -9
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.cjs.map +0 -1
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js +0 -7
- package/dist/components/Breadcrumbs/components/Breadcrumbs.module.scss.js.map +0 -1
- package/dist/components/Button/Button.module.scss.cjs +0 -9
- package/dist/components/Button/Button.module.scss.cjs.map +0 -1
- package/dist/components/Button/Button.module.scss.js +0 -7
- package/dist/components/Button/Button.module.scss.js.map +0 -1
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs +0 -9
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.cjs.map +0 -1
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js +0 -7
- package/dist/components/Calendars/components/Calendar/Calendar.module.scss.js.map +0 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs +0 -9
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map +0 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js +0 -7
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.js.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.cjs +0 -9
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.cjs.map +0 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.js +0 -7
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss.js.map +0 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs +0 -9
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs.map +0 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js +0 -7
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js.map +0 -1
- package/dist/components/DateInputField/DateInputField.module.scss.cjs +0 -9
- package/dist/components/DateInputField/DateInputField.module.scss.cjs.map +0 -1
- package/dist/components/DateInputField/DateInputField.module.scss.js +0 -7
- package/dist/components/DateInputField/DateInputField.module.scss.js.map +0 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +0 -9
- package/dist/components/DatePicker/DatePicker.module.scss.cjs.map +0 -1
- package/dist/components/DatePicker/DatePicker.module.scss.js +0 -7
- package/dist/components/DatePicker/DatePicker.module.scss.js.map +0 -1
- package/dist/components/DateRangePicker/components/Divider.module.scss.cjs +0 -9
- package/dist/components/DateRangePicker/components/Divider.module.scss.cjs.map +0 -1
- package/dist/components/DateRangePicker/components/Divider.module.scss.js +0 -7
- package/dist/components/DateRangePicker/components/Divider.module.scss.js.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.module.scss.cjs +0 -9
- package/dist/components/DescriptionList/DescriptionList.module.scss.cjs.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.module.scss.js +0 -7
- package/dist/components/DescriptionList/DescriptionList.module.scss.js.map +0 -1
- package/dist/components/DetailPage/DetailPage.module.scss.cjs +0 -9
- package/dist/components/DetailPage/DetailPage.module.scss.cjs.map +0 -1
- package/dist/components/DetailPage/DetailPage.module.scss.js +0 -7
- package/dist/components/DetailPage/DetailPage.module.scss.js.map +0 -1
- package/dist/components/FilterTag/FilterTag.module.scss.cjs +0 -9
- package/dist/components/FilterTag/FilterTag.module.scss.cjs.map +0 -1
- package/dist/components/FilterTag/FilterTag.module.scss.js +0 -7
- package/dist/components/FilterTag/FilterTag.module.scss.js.map +0 -1
- package/dist/components/Indicator/Indicator.module.scss.cjs +0 -9
- package/dist/components/Indicator/Indicator.module.scss.cjs.map +0 -1
- package/dist/components/Indicator/Indicator.module.scss.js +0 -7
- package/dist/components/Indicator/Indicator.module.scss.js.map +0 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs +0 -9
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs.map +0 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js +0 -7
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js.map +0 -1
- package/dist/components/Pagination/Pagination.module.scss.cjs +0 -9
- package/dist/components/Pagination/Pagination.module.scss.cjs.map +0 -1
- package/dist/components/Pagination/Pagination.module.scss.js +0 -7
- package/dist/components/Pagination/Pagination.module.scss.js.map +0 -1
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.cjs +0 -9
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.cjs.map +0 -1
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.js +0 -7
- package/dist/components/SegmentedControl/SegmentedControl.module.scss.js.map +0 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.cjs +0 -9
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.cjs.map +0 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.js +0 -7
- package/dist/components/ShortcutKeys/ShortcutKeys.module.scss.js.map +0 -1
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._heading-xxl_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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._base_1cokg_342 {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: var(--font-family);\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n}\n._base_1cokg_342:hover {\n cursor: pointer;\n}\n._base_1cokg_342:disabled {\n pointer-events: none;\n cursor: unset !important;\n}\n\n._base-size_1cokg_364 {\n --outline-width: var(--sizes-xs);\n height: var(--sizes-10);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--sizes-base);\n line-height: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374 {\n padding-left: var(--sizes-md);\n padding-right: var(--sizes-md);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasIcon_1cokg_379 {\n padding-left: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasDropdown_1cokg_383 {\n padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387 {\n --outline-width: 2px;\n height: var(--sizes-lg);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-font-size);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374 {\n padding-left: var(--sizes-base);\n padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasIcon_1cokg_379 {\n padding-left: var(--sizes-sm);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasDropdown_1cokg_383 {\n padding-right: var(--sizes-sm);\n}\n\n._default-variant_1cokg_410 {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._default-variant_1cokg_410:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._default-variant_1cokg_410:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._default-variant_1cokg_410:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._default-variant_1cokg_410:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._default-variant_1cokg_410._hasText_1cokg_374 {\n color: var(--colors-neutral-ink-base);\n}\n\n._default-variant_1cokg_410:not(._hasText_1cokg_374) {\n color: var(--colors-secondary-blue-base);\n}\n\n._destructive-variant_1cokg_442 {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: var(--colors-secondary-red-base);\n}\n._destructive-variant_1cokg_442:hover {\n background-color: var(--colors-neutral-grey-lightest);\n color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-red-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n}\n._destructive-variant_1cokg_442:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._primary-variant_1cokg_469 {\n background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n color: var(--theme-on-primary, white);\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primary-variant_1cokg_469:hover {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._primary-variant_1cokg_469:active {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._primary-variant_1cokg_469:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._primary-variant_1cokg_469:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._primaryDestructive-variant_1cokg_495 {\n background-color: var(--colors-secondary-red-base);\n border-color: var(--colors-secondary-red-base);\n color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primaryDestructive-variant_1cokg_495:hover {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n}\n._primaryDestructive-variant_1cokg_495:active {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n}\n._primaryDestructive-variant_1cokg_495:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n}\n._primaryDestructive-variant_1cokg_495:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._flat-variant_1cokg_521 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n}\n._flat-variant_1cokg_521:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._flat-variant_1cokg_521:active {\n background-color: var(--colors-neutral-grey-light);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._flat-variant_1cokg_521:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._flat-variant_1cokg_521:disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\n._link-variant_1cokg_542 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\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 letter-spacing: normal;\n color: var(--colors-secondary-blue-base);\n}\n._link-variant_1cokg_542:hover {\n cursor: pointer;\n color: var(--colors-secondary-blue-dark);\n}\n._link-variant_1cokg_542 > * + * {\n margin-left: var(--sizes-xs);\n}\n._link-variant_1cokg_542:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 4px white, 0 0 0 8px var(--colors-secondary-blue-light);\n border-radius: 4px;\n}\n\n._unstyled-variant_1cokg_575 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n}\n._unstyled-variant_1cokg_575:hover {\n cursor: pointer;\n}\n\n._mainContent_1cokg_586 {\n display: inline-flex;\n align-items: center;\n gap: var(--sizes-xs);\n}\n._mainContent_1cokg_586 svg {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n\n._hasText_1cokg_374 ._mainContent_1cokg_586 {\n gap: var(--sizes-sm);\n}\n\n._mainContent_1cokg_586._loading_1cokg_600 {\n opacity: 0;\n}\n\n._loadingWrapper_1cokg_604 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}");
|
|
6
|
-
var styles = {"heading-xxl":"_heading-xxl_1cokg_1","heading-xl":"_heading-xl_1cokg_12","heading-large":"_heading-large_1cokg_23","heading-medium":"_heading-medium_1cokg_34","heading-small":"_heading-small_1cokg_45","heading-table":"_heading-table_1cokg_56","subheading-large":"_subheading-large_1cokg_67","subheading-medium":"_subheading-medium_1cokg_78","subheading-small":"_subheading-small_1cokg_89","subheading-small-bold":"_subheading-small-bold_1cokg_100","body":"_body_1cokg_111","body-small":"_body-small_1cokg_122","body-bold":"_body-bold_1cokg_133","body-bold-dark":"_body-bold-dark_1cokg_144","body-small-bold":"_body-small-bold_1cokg_155","button":"_button_1cokg_166","button-small":"_button-small_1cokg_177","link-large":"_link-large_1cokg_188","link-medium":"_link-medium_1cokg_199","link":"_link_1cokg_188","link-small":"_link-small_1cokg_221","input-label":"_input-label_1cokg_232","input-label-small":"_input-label-small_1cokg_243","hint-text":"_hint-text_1cokg_254","placeholder":"_placeholder_1cokg_265","placeholder-small":"_placeholder-small_1cokg_276","placeholder-code":"_placeholder-code_1cokg_287","placeholder-code-small":"_placeholder-code-small_1cokg_298","error":"_error_1cokg_309","error-small":"_error-small_1cokg_320","success-small":"_success-small_1cokg_331","base":"_base_1cokg_342","base-size":"_base-size_1cokg_364","hasText":"_hasText_1cokg_374","hasIcon":"_hasIcon_1cokg_379","hasDropdown":"_hasDropdown_1cokg_383","sm-size":"_sm-size_1cokg_387","default-variant":"_default-variant_1cokg_410","destructive-variant":"_destructive-variant_1cokg_442","primary-variant":"_primary-variant_1cokg_469","primaryDestructive-variant":"_primaryDestructive-variant_1cokg_495","flat-variant":"_flat-variant_1cokg_521","link-variant":"_link-variant_1cokg_542","unstyled-variant":"_unstyled-variant_1cokg_575","mainContent":"_mainContent_1cokg_586","loading":"_loading_1cokg_600","loadingWrapper":"_loadingWrapper_1cokg_604"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=Button.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.module.scss.cjs","sources":["../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n// Base class (shared by default, primary, destructive, primaryDestructive, flat)\n\n.base {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: var(--font-family);\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n}\n\n// Size classes\n\n.base-size {\n --outline-width: var(--sizes-xs);\n\n height: var(--sizes-10);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--sizes-base);\n line-height: var(--sizes-base);\n}\n\n.base-size.hasText {\n padding-left: var(--sizes-md);\n padding-right: var(--sizes-md);\n}\n\n.base-size.hasText.hasIcon {\n padding-left: var(--sizes-base);\n}\n\n.base-size.hasText.hasDropdown {\n padding-right: var(--sizes-base);\n}\n\n.sm-size {\n --outline-width: 2px;\n\n height: var(--sizes-lg);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-font-size); // intentionally matches font-size for button height control\n}\n\n.sm-size.hasText {\n padding-left: var(--sizes-base);\n padding-right: var(--sizes-base);\n}\n\n.sm-size.hasText.hasIcon {\n padding-left: var(--sizes-sm);\n}\n\n.sm-size.hasText.hasDropdown {\n padding-right: var(--sizes-sm);\n}\n\n// Variant: default\n\n.default-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Default variant conditional color based on hasText\n.default-variant.hasText {\n color: var(--colors-neutral-ink-base);\n}\n\n.default-variant:not(.hasText) {\n color: var(--colors-secondary-blue-base);\n}\n\n// Variant: destructive (extends default visually)\n\n.destructive-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: var(--colors-secondary-red-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-red-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n color: var(--colors-secondary-red-dark);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primary\n\n.primary-variant {\n background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n color: var(--theme-on-primary, white);\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primaryDestructive\n\n.primaryDestructive-variant {\n background-color: var(--colors-secondary-red-base);\n border-color: var(--colors-secondary-red-base);\n color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: flat\n\n.flat-variant {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-light);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-light);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n}\n\n// Variant: link (standalone — does NOT use .base)\n\n.link-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n @include text.link;\n\n // Override mixin's letter-spacing: the SC version never set it\n letter-spacing: normal;\n color: var(--colors-secondary-blue-base);\n\n &:hover {\n cursor: pointer;\n color: var(--colors-secondary-blue-dark);\n }\n\n & > * + * {\n margin-left: var(--sizes-xs);\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px var(--colors-secondary-blue-light);\n border-radius: 4px;\n }\n}\n\n// Variant: unstyled (standalone — does NOT use .base)\n\n.unstyled-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n// Sub-elements\n\n.mainContent {\n display: inline-flex;\n align-items: center;\n gap: var(--sizes-xs);\n\n svg {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n}\n\n.hasText .mainContent {\n gap: var(--sizes-sm);\n}\n\n.mainContent.loading {\n opacity: 0;\n}\n\n.loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,kqsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,4BAAA,CAAA,uCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,2BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._heading-xxl_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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_1cokg_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._base_1cokg_342 {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: var(--font-family);\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n}\n._base_1cokg_342:hover {\n cursor: pointer;\n}\n._base_1cokg_342:disabled {\n pointer-events: none;\n cursor: unset !important;\n}\n\n._base-size_1cokg_364 {\n --outline-width: var(--sizes-xs);\n height: var(--sizes-10);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--sizes-base);\n line-height: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374 {\n padding-left: var(--sizes-md);\n padding-right: var(--sizes-md);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasIcon_1cokg_379 {\n padding-left: var(--sizes-base);\n}\n\n._base-size_1cokg_364._hasText_1cokg_374._hasDropdown_1cokg_383 {\n padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387 {\n --outline-width: 2px;\n height: var(--sizes-lg);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-font-size);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374 {\n padding-left: var(--sizes-base);\n padding-right: var(--sizes-base);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasIcon_1cokg_379 {\n padding-left: var(--sizes-sm);\n}\n\n._sm-size_1cokg_387._hasText_1cokg_374._hasDropdown_1cokg_383 {\n padding-right: var(--sizes-sm);\n}\n\n._default-variant_1cokg_410 {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._default-variant_1cokg_410:hover {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._default-variant_1cokg_410:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._default-variant_1cokg_410:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._default-variant_1cokg_410:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._default-variant_1cokg_410._hasText_1cokg_374 {\n color: var(--colors-neutral-ink-base);\n}\n\n._default-variant_1cokg_410:not(._hasText_1cokg_374) {\n color: var(--colors-secondary-blue-base);\n}\n\n._destructive-variant_1cokg_442 {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: var(--colors-secondary-red-base);\n}\n._destructive-variant_1cokg_442:hover {\n background-color: var(--colors-neutral-grey-lightest);\n color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-red-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n color: var(--colors-secondary-red-dark);\n}\n._destructive-variant_1cokg_442:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n}\n._destructive-variant_1cokg_442:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._primary-variant_1cokg_469 {\n background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n color: var(--theme-on-primary, white);\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primary-variant_1cokg_469:hover {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._primary-variant_1cokg_469:active {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._primary-variant_1cokg_469:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._primary-variant_1cokg_469:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._primaryDestructive-variant_1cokg_495 {\n background-color: var(--colors-secondary-red-base);\n border-color: var(--colors-secondary-red-base);\n color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n}\n._primaryDestructive-variant_1cokg_495:hover {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n}\n._primaryDestructive-variant_1cokg_495:active {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n}\n._primaryDestructive-variant_1cokg_495:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n}\n._primaryDestructive-variant_1cokg_495:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n}\n\n._flat-variant_1cokg_521 {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n}\n._flat-variant_1cokg_521:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._flat-variant_1cokg_521:active {\n background-color: var(--colors-neutral-grey-light);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._flat-variant_1cokg_521:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n}\n._flat-variant_1cokg_521:disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\n._link-variant_1cokg_542 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\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 letter-spacing: normal;\n color: var(--colors-secondary-blue-base);\n}\n._link-variant_1cokg_542:hover {\n cursor: pointer;\n color: var(--colors-secondary-blue-dark);\n}\n._link-variant_1cokg_542 > * + * {\n margin-left: var(--sizes-xs);\n}\n._link-variant_1cokg_542:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 4px white, 0 0 0 8px var(--colors-secondary-blue-light);\n border-radius: 4px;\n}\n\n._unstyled-variant_1cokg_575 {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n}\n._unstyled-variant_1cokg_575:hover {\n cursor: pointer;\n}\n\n._mainContent_1cokg_586 {\n display: inline-flex;\n align-items: center;\n gap: var(--sizes-xs);\n}\n._mainContent_1cokg_586 svg {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n}\n\n._hasText_1cokg_374 ._mainContent_1cokg_586 {\n gap: var(--sizes-sm);\n}\n\n._mainContent_1cokg_586._loading_1cokg_600 {\n opacity: 0;\n}\n\n._loadingWrapper_1cokg_604 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}");
|
|
4
|
-
var styles = {"heading-xxl":"_heading-xxl_1cokg_1","heading-xl":"_heading-xl_1cokg_12","heading-large":"_heading-large_1cokg_23","heading-medium":"_heading-medium_1cokg_34","heading-small":"_heading-small_1cokg_45","heading-table":"_heading-table_1cokg_56","subheading-large":"_subheading-large_1cokg_67","subheading-medium":"_subheading-medium_1cokg_78","subheading-small":"_subheading-small_1cokg_89","subheading-small-bold":"_subheading-small-bold_1cokg_100","body":"_body_1cokg_111","body-small":"_body-small_1cokg_122","body-bold":"_body-bold_1cokg_133","body-bold-dark":"_body-bold-dark_1cokg_144","body-small-bold":"_body-small-bold_1cokg_155","button":"_button_1cokg_166","button-small":"_button-small_1cokg_177","link-large":"_link-large_1cokg_188","link-medium":"_link-medium_1cokg_199","link":"_link_1cokg_188","link-small":"_link-small_1cokg_221","input-label":"_input-label_1cokg_232","input-label-small":"_input-label-small_1cokg_243","hint-text":"_hint-text_1cokg_254","placeholder":"_placeholder_1cokg_265","placeholder-small":"_placeholder-small_1cokg_276","placeholder-code":"_placeholder-code_1cokg_287","placeholder-code-small":"_placeholder-code-small_1cokg_298","error":"_error_1cokg_309","error-small":"_error-small_1cokg_320","success-small":"_success-small_1cokg_331","base":"_base_1cokg_342","base-size":"_base-size_1cokg_364","hasText":"_hasText_1cokg_374","hasIcon":"_hasIcon_1cokg_379","hasDropdown":"_hasDropdown_1cokg_383","sm-size":"_sm-size_1cokg_387","default-variant":"_default-variant_1cokg_410","destructive-variant":"_destructive-variant_1cokg_442","primary-variant":"_primary-variant_1cokg_469","primaryDestructive-variant":"_primaryDestructive-variant_1cokg_495","flat-variant":"_flat-variant_1cokg_521","link-variant":"_link-variant_1cokg_542","unstyled-variant":"_unstyled-variant_1cokg_575","mainContent":"_mainContent_1cokg_586","loading":"_loading_1cokg_600","loadingWrapper":"_loadingWrapper_1cokg_604"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=Button.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.module.scss.js","sources":["../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use '../../theme/scss/text.module.scss' as text;\n\n// Base class (shared by default, primary, destructive, primaryDestructive, flat)\n\n.base {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: var(--font-family);\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n}\n\n// Size classes\n\n.base-size {\n --outline-width: var(--sizes-xs);\n\n height: var(--sizes-10);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--sizes-base);\n line-height: var(--sizes-base);\n}\n\n.base-size.hasText {\n padding-left: var(--sizes-md);\n padding-right: var(--sizes-md);\n}\n\n.base-size.hasText.hasIcon {\n padding-left: var(--sizes-base);\n}\n\n.base-size.hasText.hasDropdown {\n padding-right: var(--sizes-base);\n}\n\n.sm-size {\n --outline-width: 2px;\n\n height: var(--sizes-lg);\n padding-left: var(--sizes-sm);\n padding-right: var(--sizes-sm);\n border-radius: var(--radius-base);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-font-size); // intentionally matches font-size for button height control\n}\n\n.sm-size.hasText {\n padding-left: var(--sizes-base);\n padding-right: var(--sizes-base);\n}\n\n.sm-size.hasText.hasIcon {\n padding-left: var(--sizes-sm);\n}\n\n.sm-size.hasText.hasDropdown {\n padding-right: var(--sizes-sm);\n}\n\n// Variant: default\n\n.default-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Default variant conditional color based on hasText\n.default-variant.hasText {\n color: var(--colors-neutral-ink-base);\n}\n\n.default-variant:not(.hasText) {\n color: var(--colors-secondary-blue-base);\n}\n\n// Variant: destructive (extends default visually)\n\n.destructive-variant {\n border-color: var(--colors-neutral-grey-dark);\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: var(--colors-secondary-red-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-lightest);\n color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-lightest);\n border-color: var(--colors-secondary-red-base);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n color: var(--colors-secondary-red-dark);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primary\n\n.primary-variant {\n background-color: var(--theme-primary, var(--colors-secondary-blue-base));\n border-color: var(--theme-primary, var(--colors-secondary-blue-base));\n color: var(--theme-on-primary, white);\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n }\n\n &:active {\n background-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n border-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: primaryDestructive\n\n.primaryDestructive-variant {\n background-color: var(--colors-secondary-red-base);\n border-color: var(--colors-secondary-red-base);\n color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n &:hover {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n }\n\n &:active {\n background-color: var(--colors-secondary-red-dark);\n border-color: var(--colors-secondary-red-dark);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-red-light);\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: var(--colors-neutral-grey-base) !important;\n border-color: var(--colors-neutral-grey-base) !important;\n color: var(--colors-neutral-ink-light) !important;\n }\n}\n\n// Variant: flat\n\n.flat-variant {\n border-color: transparent;\n box-shadow: none;\n color: var(--colors-neutral-ink-base);\n\n &:hover {\n background-color: var(--colors-neutral-grey-light);\n }\n\n &:active {\n background-color: var(--colors-neutral-grey-light);\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n}\n\n// Variant: link (standalone — does NOT use .base)\n\n.link-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n @include text.link;\n\n // Override mixin's letter-spacing: the SC version never set it\n letter-spacing: normal;\n color: var(--colors-secondary-blue-base);\n\n &:hover {\n cursor: pointer;\n color: var(--colors-secondary-blue-dark);\n }\n\n & > * + * {\n margin-left: var(--sizes-xs);\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px var(--colors-secondary-blue-light);\n border-radius: 4px;\n }\n}\n\n// Variant: unstyled (standalone — does NOT use .base)\n\n.unstyled-variant {\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n// Sub-elements\n\n.mainContent {\n display: inline-flex;\n align-items: center;\n gap: var(--sizes-xs);\n\n svg {\n width: var(--button-icon-size);\n height: var(--button-icon-size);\n }\n}\n\n.hasText .mainContent {\n gap: var(--sizes-sm);\n}\n\n.mainContent.loading {\n opacity: 0;\n}\n\n.loadingWrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,kqsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,4BAAA,CAAA,uCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,2BAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._heading-xxl_1w1ql_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1w1ql_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1w1ql_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1w1ql_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1w1ql_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1w1ql_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1w1ql_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1w1ql_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1w1ql_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1w1ql_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1w1ql_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1w1ql_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1w1ql_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1w1ql_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1w1ql_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1w1ql_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1w1ql_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1w1ql_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1w1ql_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1w1ql_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1w1ql_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1w1ql_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1w1ql_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1w1ql_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1w1ql_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1w1ql_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1w1ql_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1w1ql_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1w1ql_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1w1ql_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1w1ql_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1w1ql_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_1w1ql_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1w1ql_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1w1ql_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1w1ql_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_1w1ql_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1w1ql_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-md);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected], ._calendar_1w1ql_342 table td {\n border-radius: var(--radius-md);\n}");
|
|
6
|
-
var styles = {"calendar":"_calendar_1w1ql_342"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=Calendar.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-md);\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,u4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._heading-xxl_1w1ql_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1w1ql_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1w1ql_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1w1ql_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1w1ql_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1w1ql_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1w1ql_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1w1ql_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1w1ql_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1w1ql_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1w1ql_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1w1ql_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1w1ql_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1w1ql_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1w1ql_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1w1ql_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1w1ql_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1w1ql_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1w1ql_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1w1ql_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1w1ql_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1w1ql_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1w1ql_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1w1ql_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1w1ql_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1w1ql_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1w1ql_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1w1ql_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1w1ql_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1w1ql_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1w1ql_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._calendar_1w1ql_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._calendar_1w1ql_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._calendar_1w1ql_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._calendar_1w1ql_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._calendar_1w1ql_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._calendar_1w1ql_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:active, ._calendar_1w1ql_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._calendar_1w1ql_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-focus-visible], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-outside-month], ._calendar_1w1ql_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._calendar_1w1ql_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-md);\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._calendar_1w1ql_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._calendar_1w1ql_342 .react-aria-CalendarCell[data-selected], ._calendar_1w1ql_342 table td {\n border-radius: var(--radius-md);\n}");
|
|
4
|
-
var styles = {"calendar":"_calendar_1w1ql_342"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=Calendar.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.calendar {\n @include cal.calendar-base;\n\n & :global(.react-aria-CalendarCell)[data-selected],\n & table td {\n border-radius: var(--radius-md);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,u4lBAAA;AACA,aAAA,CAAA,UAAA,CAAA,qBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._heading-xxl_1oujb_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1oujb_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1oujb_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1oujb_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1oujb_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1oujb_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1oujb_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1oujb_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1oujb_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1oujb_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1oujb_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1oujb_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1oujb_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1oujb_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1oujb_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1oujb_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1oujb_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1oujb_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1oujb_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1oujb_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1oujb_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1oujb_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1oujb_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1oujb_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1oujb_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1oujb_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1oujb_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1oujb_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1oujb_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1oujb_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1oujb_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1oujb_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1oujb_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-md);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
|
|
6
|
-
var styles = {"rangeCalendar":"_rangeCalendar_1oujb_342"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=RangeCalendar.module.scss.cjs.map
|
package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RangeCalendar.module.scss.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,u5lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._heading-xxl_1oujb_1 {\n font-family: var(--text-heading-xxl-font-family);\n font-style: var(--text-heading-xxl-font-style);\n font-weight: var(--text-heading-xxl-font-weight);\n font-size: var(--text-heading-xxl-font-size);\n line-height: var(--text-heading-xxl-line-height);\n color: var(--text-heading-xxl-color);\n text-decoration: var(--text-heading-xxl-text-decoration);\n letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1oujb_12 {\n font-family: var(--text-heading-xl-font-family);\n font-style: var(--text-heading-xl-font-style);\n font-weight: var(--text-heading-xl-font-weight);\n font-size: var(--text-heading-xl-font-size);\n line-height: var(--text-heading-xl-line-height);\n color: var(--text-heading-xl-color);\n text-decoration: var(--text-heading-xl-text-decoration);\n letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1oujb_23 {\n font-family: var(--text-heading-large-font-family);\n font-style: var(--text-heading-large-font-style);\n font-weight: var(--text-heading-large-font-weight);\n font-size: var(--text-heading-large-font-size);\n line-height: var(--text-heading-large-line-height);\n color: var(--text-heading-large-color);\n text-decoration: var(--text-heading-large-text-decoration);\n letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1oujb_34 {\n font-family: var(--text-heading-medium-font-family);\n font-style: var(--text-heading-medium-font-style);\n font-weight: var(--text-heading-medium-font-weight);\n font-size: var(--text-heading-medium-font-size);\n line-height: var(--text-heading-medium-line-height);\n color: var(--text-heading-medium-color);\n text-decoration: var(--text-heading-medium-text-decoration);\n letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1oujb_45 {\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1oujb_56 {\n font-family: var(--text-heading-table-font-family);\n font-style: var(--text-heading-table-font-style);\n font-weight: var(--text-heading-table-font-weight);\n font-size: var(--text-heading-table-font-size);\n line-height: var(--text-heading-table-line-height);\n color: var(--text-heading-table-color);\n text-decoration: var(--text-heading-table-text-decoration);\n letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1oujb_67 {\n font-family: var(--text-subheading-large-font-family);\n font-style: var(--text-subheading-large-font-style);\n font-weight: var(--text-subheading-large-font-weight);\n font-size: var(--text-subheading-large-font-size);\n line-height: var(--text-subheading-large-line-height);\n color: var(--text-subheading-large-color);\n text-decoration: var(--text-subheading-large-text-decoration);\n letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1oujb_78 {\n font-family: var(--text-subheading-medium-font-family);\n font-style: var(--text-subheading-medium-font-style);\n font-weight: var(--text-subheading-medium-font-weight);\n font-size: var(--text-subheading-medium-font-size);\n line-height: var(--text-subheading-medium-line-height);\n color: var(--text-subheading-medium-color);\n text-decoration: var(--text-subheading-medium-text-decoration);\n letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1oujb_89 {\n font-family: var(--text-subheading-small-font-family);\n font-style: var(--text-subheading-small-font-style);\n font-weight: var(--text-subheading-small-font-weight);\n font-size: var(--text-subheading-small-font-size);\n line-height: var(--text-subheading-small-line-height);\n color: var(--text-subheading-small-color);\n text-decoration: var(--text-subheading-small-text-decoration);\n letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1oujb_100 {\n font-family: var(--text-subheading-small-bold-font-family);\n font-style: var(--text-subheading-small-bold-font-style);\n font-weight: var(--text-subheading-small-bold-font-weight);\n font-size: var(--text-subheading-small-bold-font-size);\n line-height: var(--text-subheading-small-bold-line-height);\n color: var(--text-subheading-small-bold-color);\n text-decoration: var(--text-subheading-small-bold-text-decoration);\n letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1oujb_111 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1oujb_122 {\n font-family: var(--text-body-small-font-family);\n font-style: var(--text-body-small-font-style);\n font-weight: var(--text-body-small-font-weight);\n font-size: var(--text-body-small-font-size);\n line-height: var(--text-body-small-line-height);\n color: var(--text-body-small-color);\n text-decoration: var(--text-body-small-text-decoration);\n letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1oujb_133 {\n font-family: var(--text-body-bold-font-family);\n font-style: var(--text-body-bold-font-style);\n font-weight: var(--text-body-bold-font-weight);\n font-size: var(--text-body-bold-font-size);\n line-height: var(--text-body-bold-line-height);\n color: var(--text-body-bold-color);\n text-decoration: var(--text-body-bold-text-decoration);\n letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1oujb_144 {\n font-family: var(--text-body-bold-dark-font-family);\n font-style: var(--text-body-bold-dark-font-style);\n font-weight: var(--text-body-bold-dark-font-weight);\n font-size: var(--text-body-bold-dark-font-size);\n line-height: var(--text-body-bold-dark-line-height);\n color: var(--text-body-bold-dark-color);\n text-decoration: var(--text-body-bold-dark-text-decoration);\n letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1oujb_155 {\n font-family: var(--text-body-small-bold-font-family);\n font-style: var(--text-body-small-bold-font-style);\n font-weight: var(--text-body-small-bold-font-weight);\n font-size: var(--text-body-small-bold-font-size);\n line-height: var(--text-body-small-bold-line-height);\n color: var(--text-body-small-bold-color);\n text-decoration: var(--text-body-small-bold-text-decoration);\n letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1oujb_166 {\n font-family: var(--text-button-font-family);\n font-style: var(--text-button-font-style);\n font-weight: var(--text-button-font-weight);\n font-size: var(--text-button-font-size);\n line-height: var(--text-button-line-height);\n color: var(--text-button-color);\n text-decoration: var(--text-button-text-decoration);\n letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1oujb_177 {\n font-family: var(--text-button-small-font-family);\n font-style: var(--text-button-small-font-style);\n font-weight: var(--text-button-small-font-weight);\n font-size: var(--text-button-small-font-size);\n line-height: var(--text-button-small-line-height);\n color: var(--text-button-small-color);\n text-decoration: var(--text-button-small-text-decoration);\n letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1oujb_188 {\n font-family: var(--text-link-large-font-family);\n font-style: var(--text-link-large-font-style);\n font-weight: var(--text-link-large-font-weight);\n font-size: var(--text-link-large-font-size);\n line-height: var(--text-link-large-line-height);\n color: var(--text-link-large-color);\n text-decoration: var(--text-link-large-text-decoration);\n letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1oujb_199 {\n font-family: var(--text-link-medium-font-family);\n font-style: var(--text-link-medium-font-style);\n font-weight: var(--text-link-medium-font-weight);\n font-size: var(--text-link-medium-font-size);\n line-height: var(--text-link-medium-line-height);\n color: var(--text-link-medium-color);\n text-decoration: var(--text-link-medium-text-decoration);\n letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1oujb_188 {\n font-family: var(--text-link-font-family);\n font-style: var(--text-link-font-style);\n font-weight: var(--text-link-font-weight);\n font-size: var(--text-link-font-size);\n line-height: var(--text-link-line-height);\n color: var(--text-link-color);\n text-decoration: var(--text-link-text-decoration);\n letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1oujb_221 {\n font-family: var(--text-link-small-font-family);\n font-style: var(--text-link-small-font-style);\n font-weight: var(--text-link-small-font-weight);\n font-size: var(--text-link-small-font-size);\n line-height: var(--text-link-small-line-height);\n color: var(--text-link-small-color);\n text-decoration: var(--text-link-small-text-decoration);\n letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1oujb_232 {\n font-family: var(--text-input-label-font-family);\n font-style: var(--text-input-label-font-style);\n font-weight: var(--text-input-label-font-weight);\n font-size: var(--text-input-label-font-size);\n line-height: var(--text-input-label-line-height);\n color: var(--text-input-label-color);\n text-decoration: var(--text-input-label-text-decoration);\n letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1oujb_243 {\n font-family: var(--text-input-label-small-font-family);\n font-style: var(--text-input-label-small-font-style);\n font-weight: var(--text-input-label-small-font-weight);\n font-size: var(--text-input-label-small-font-size);\n line-height: var(--text-input-label-small-line-height);\n color: var(--text-input-label-small-color);\n text-decoration: var(--text-input-label-small-text-decoration);\n letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1oujb_254 {\n font-family: var(--text-hint-text-font-family);\n font-style: var(--text-hint-text-font-style);\n font-weight: var(--text-hint-text-font-weight);\n font-size: var(--text-hint-text-font-size);\n line-height: var(--text-hint-text-line-height);\n color: var(--text-hint-text-color);\n text-decoration: var(--text-hint-text-text-decoration);\n letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1oujb_265 {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1oujb_276 {\n font-family: var(--text-placeholder-small-font-family);\n font-style: var(--text-placeholder-small-font-style);\n font-weight: var(--text-placeholder-small-font-weight);\n font-size: var(--text-placeholder-small-font-size);\n line-height: var(--text-placeholder-small-line-height);\n color: var(--text-placeholder-small-color);\n text-decoration: var(--text-placeholder-small-text-decoration);\n letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1oujb_287 {\n font-family: var(--text-placeholder-code-font-family);\n font-style: var(--text-placeholder-code-font-style);\n font-weight: var(--text-placeholder-code-font-weight);\n font-size: var(--text-placeholder-code-font-size);\n line-height: var(--text-placeholder-code-line-height);\n color: var(--text-placeholder-code-color);\n text-decoration: var(--text-placeholder-code-text-decoration);\n letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1oujb_298 {\n font-family: var(--text-placeholder-code-small-font-family);\n font-style: var(--text-placeholder-code-small-font-style);\n font-weight: var(--text-placeholder-code-small-font-weight);\n font-size: var(--text-placeholder-code-small-font-size);\n line-height: var(--text-placeholder-code-small-line-height);\n color: var(--text-placeholder-code-small-color);\n text-decoration: var(--text-placeholder-code-small-text-decoration);\n letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1oujb_309 {\n font-family: var(--text-error-font-family);\n font-style: var(--text-error-font-style);\n font-weight: var(--text-error-font-weight);\n font-size: var(--text-error-font-size);\n line-height: var(--text-error-line-height);\n color: var(--text-error-color);\n text-decoration: var(--text-error-text-decoration);\n letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1oujb_320 {\n font-family: var(--text-error-small-font-family);\n font-style: var(--text-error-small-font-style);\n font-weight: var(--text-error-small-font-weight);\n font-size: var(--text-error-small-font-size);\n line-height: var(--text-error-small-line-height);\n color: var(--text-error-small-color);\n text-decoration: var(--text-error-small-text-decoration);\n letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1oujb_331 {\n font-family: var(--text-success-small-font-family);\n font-style: var(--text-success-small-font-style);\n font-weight: var(--text-success-small-font-weight);\n font-size: var(--text-success-small-font-size);\n line-height: var(--text-success-small-line-height);\n color: var(--text-success-small-color);\n text-decoration: var(--text-success-small-text-decoration);\n letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._rangeCalendar_1oujb_342 {\n width: fit-content;\n max-width: 100%;\n min-width: 225px;\n color: var(--colors-neutral-ink-base);\n font-size: var(--text-body-font-size);\n font-family: var(--font-family);\n}\n._rangeCalendar_1oujb_342 header {\n display: flex;\n align-items: center;\n margin: 0 var(--sizes-xs) var(--sizes-sm) var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 header .react-aria-Heading {\n flex: 1;\n margin: 0;\n text-align: center;\n font-family: var(--text-heading-small-font-family);\n font-style: var(--text-heading-small-font-style);\n font-weight: var(--text-heading-small-font-weight);\n font-size: var(--text-heading-small-font-size);\n line-height: var(--text-heading-small-line-height);\n color: var(--text-heading-small-color);\n text-decoration: var(--text-heading-small-text-decoration);\n letter-spacing: var(--text-heading-small-letter-spacing);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarHeaderCell {\n padding-bottom: var(--sizes-sm);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button {\n color: var(--colors-neutral-ink-base);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n cursor: pointer;\n height: var(--sizes-10);\n padding: 0 var(--sizes-sm);\n border-radius: var(--radius-md);\n font-size: var(--text-button-font-size);\n line-height: 16px;\n outline: 0;\n --outline-width: var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button svg {\n width: var(--sizes-base);\n height: var(--sizes-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:active, ._rangeCalendar_1oujb_342 .react-aria-Button:hover {\n background-color: var(--colors-neutral-grey-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-Button:disabled {\n background-color: transparent;\n border-color: transparent;\n user-select: none;\n color: var(--colors-neutral-grey-base);\n cursor: default;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell {\n width: 30px;\n line-height: 30px;\n border-radius: var(--radius-md);\n border: 1px solid transparent;\n cursor: pointer;\n text-align: center;\n /* Data Attribute styling */\n /* Selection Styles */\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-hovered] {\n background-color: var(--colors-neutral-grey-base);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focus-visible], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-focused] {\n outline: 2px solid var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected] {\n background: var(--colors-secondary-blue-base);\n color: white;\n border-radius: 0;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selected][data-focus-visible] {\n outline-color: var(--colors-secondary-blue-light);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-outside-month], ._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-disabled] {\n cursor: not-allowed;\n color: var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable] {\n cursor: not-allowed;\n text-decoration: line-through;\n color: var(--colors-secondary-red-dark);\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-unavailable]:hover {\n background-color: inherit;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-start] {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 .react-aria-CalendarCell[data-selection-end] {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table {\n height: fit-content;\n border-collapse: separate;\n border-spacing: 0 var(--sizes-xs);\n}\n._rangeCalendar_1oujb_342 table td {\n padding: 0;\n /*\n * Selectors for today border (has to apply to wrapping td (cannot be targeted directly\n * need to go through :has to get data attributes about the cell)).\n */\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]) > div {\n border: 1px solid var(--colors-neutral-ink-lightest);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) {\n background-color: var(--colors-secondary-blue-base);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]) > div {\n border: 1px solid var(--colors-secondary-blue-darkest);\n border-radius: var(--radius-md);\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-start]) {\n border-start-start-radius: 6px;\n border-end-start-radius: 6px;\n}\n._rangeCalendar_1oujb_342 table td:has(div[data-today=true]):has(div[data-selected]):has(div[data-selection-end]) {\n border-start-end-radius: 6px;\n border-end-end-radius: 6px;\n}");
|
|
4
|
-
var styles = {"rangeCalendar":"_rangeCalendar_1oujb_342"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=RangeCalendar.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RangeCalendar.module.scss.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.module.scss"],"sourcesContent":["@use '../subcomponents/CalendarStyles/calendar-styles' as cal;\n\n.rangeCalendar {\n @include cal.calendar-base;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,u5lBAAA;AACA,aAAA,CAAA,eAAA,CAAA,0BAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../../../../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._heading-xxl_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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._subCalendarOption_ix939_342 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\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 width: var(--sizes-15);\n height: var(--sizes-lg);\n padding: 0;\n border: none;\n outline: none;\n border-radius: var(--radius-md);\n background-color: white;\n}\n._subCalendarOption_ix939_342:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-base);\n}\n._subCalendarOption_ix939_342:focus-visible, ._subCalendarOption_ix939_342:active {\n color: white;\n background-color: var(--colors-secondary-blue-base);\n}\n._subCalendarOption_ix939_342:focus-visible:not([data-selected]), ._subCalendarOption_ix939_342:active:not([data-selected]) {\n outline: 2px solid var(--colors-secondary-blue-light);\n}");
|
|
6
|
-
var styles = {"subCalendarOption":"_subCalendarOption_ix939_342"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=SubCalendarOption.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubCalendarOption.module.scss.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss"],"sourcesContent":["@use '../../../../../../theme/scss/text.module.scss' as text;\n\n.subCalendarOption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n @include text.body;\n\n width: var(--sizes-15);\n height: var(--sizes-lg);\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: var(--radius-md);\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-base);\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: var(--colors-secondary-blue-base);\n\n &:not([data-selected]) {\n outline: 2px solid var(--colors-secondary-blue-light);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,qoeAAA;AACA,aAAA,CAAA,mBAAA,CAAA,8BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../../../../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._heading-xxl_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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_ix939_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._subCalendarOption_ix939_342 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\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 width: var(--sizes-15);\n height: var(--sizes-lg);\n padding: 0;\n border: none;\n outline: none;\n border-radius: var(--radius-md);\n background-color: white;\n}\n._subCalendarOption_ix939_342:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-base);\n}\n._subCalendarOption_ix939_342:focus-visible, ._subCalendarOption_ix939_342:active {\n color: white;\n background-color: var(--colors-secondary-blue-base);\n}\n._subCalendarOption_ix939_342:focus-visible:not([data-selected]), ._subCalendarOption_ix939_342:active:not([data-selected]) {\n outline: 2px solid var(--colors-secondary-blue-light);\n}");
|
|
4
|
-
var styles = {"subCalendarOption":"_subCalendarOption_ix939_342"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=SubCalendarOption.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubCalendarOption.module.scss.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/SubCalendarOption.module.scss"],"sourcesContent":["@use '../../../../../../theme/scss/text.module.scss' as text;\n\n.subCalendarOption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n @include text.body;\n\n width: var(--sizes-15);\n height: var(--sizes-lg);\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: var(--radius-md);\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: var(--colors-neutral-grey-base);\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: var(--colors-secondary-blue-base);\n\n &:not([data-selected]) {\n outline: 2px solid var(--colors-secondary-blue-light);\n }\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAGEA,WAAA,CAAA,qoeAAA;AACA,aAAA,CAAA,mBAAA,CAAA,8BAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._xsButton_v3921_1 {\n padding: 1px;\n height: unset;\n}\n._xsButton_v3921_1 span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n}");
|
|
6
|
-
var styles = {"xsButton":"_xsButton_v3921_1"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=CopyToClipboard.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.module.scss.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".xsButton {\n padding: 1px;\n height: unset;\n\n span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,oKAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._xsButton_v3921_1 {\n padding: 1px;\n height: unset;\n}\n._xsButton_v3921_1 span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n}");
|
|
4
|
-
var styles = {"xsButton":"_xsButton_v3921_1"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=CopyToClipboard.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.module.scss.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".xsButton {\n padding: 1px;\n height: unset;\n\n span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,oKAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}
|