@salutejs/plasma-new-hope 0.175.2-dev.0 → 0.176.0-canary.1506.11556906282.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_1csckkd.css → TextField.styles_1ye9068.css} +1 -1
- package/cjs/components/Calendar/Calendar.tokens.js +4 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +16 -15
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/{es/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css → cjs/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +16 -15
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +9 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css} +1 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/{es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css → cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_uzh6dj.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_1s09ifw.css → Combobox.styles_1nqrvms.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_y71664.css → Item.styles_1jh6ez1.css} +2 -2
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -5
- package/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1g7mpqf.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +20 -19
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +18 -17
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_lzydb6.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +20 -19
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_1rrq00l.css → SingleDate.styles_e72b5o.css} +1 -1
- package/cjs/components/Dropdown/Dropdown.css +5 -5
- package/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/{Dropdown.styles_1ix6io8.css → Dropdown.styles_dh7ns1.css} +1 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js +2 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_17va0nk.css → DropdownItem.styles_ksnuz.css} +1 -1
- package/cjs/components/Notification/Notification.css +11 -11
- package/cjs/components/Notification/Notification.js +3 -3
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +15 -15
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_7h8hp0.css → Notification.styles_bvno9v.css} +2 -2
- package/cjs/components/Notification/Notification.tokens.js +5 -1
- package/cjs/components/Notification/Notification.tokens.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/components/Pagination/Pagination.css +10 -10
- package/cjs/components/Pagination/Pagination.js +5 -5
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +3 -3
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_y6gcva.css → Pagination.styles_1w5oej6.css} +1 -1
- package/cjs/components/Pagination/Pagination.tokens.js +4 -1
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_187mk6b.css → PaginationSelectPerPage.styles_1fesyfv.css} +1 -1
- package/cjs/components/Tabs/tokens.js +7 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_uaaqqg.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1g7zipg.css} +1 -1
- package/cjs/components/Toast/Toast.css +5 -5
- package/cjs/components/Toast/Toast.js +3 -3
- package/cjs/components/Toast/Toast.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +3 -3
- package/cjs/components/Toast/Toast.styles.js.map +1 -1
- package/{es/components/Toast/Toast.styles_1v9oj7f.css → cjs/components/Toast/Toast.styles_1nei944.css} +1 -1
- package/cjs/components/Toast/Toast.tokens.js +3 -1
- package/cjs/components/Toast/Toast.tokens.js.map +1 -1
- package/cjs/components/Toast/ToastController.css +5 -5
- package/cjs/index.css +76 -75
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -0
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/mixins/selected.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +22 -17
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +2 -2
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +6 -6
- package/emotion/cjs/components/Notification/Notification.js +4 -4
- package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
- package/emotion/cjs/components/Notification/Notification.tokens.js +5 -1
- package/emotion/cjs/components/Pagination/Pagination.js +5 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +4 -1
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Tabs/tokens.js +7 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/cjs/components/Toast/Toast.js +4 -4
- package/emotion/cjs/components/Toast/Toast.styles.js +6 -6
- package/emotion/cjs/components/Toast/Toast.tokens.js +3 -1
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Calendar/Calendar.tokens.js +4 -0
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/es/components/Calendar/mixins/selected.js +3 -2
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +21 -16
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -4
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Dropdown/Dropdown.styles.js +2 -2
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -0
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +6 -6
- package/emotion/es/components/Notification/Notification.js +4 -4
- package/emotion/es/components/Notification/Notification.styles.js +11 -11
- package/emotion/es/components/Notification/Notification.tokens.js +5 -1
- package/emotion/es/components/Pagination/Pagination.js +5 -5
- package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
- package/emotion/es/components/Pagination/Pagination.tokens.js +4 -1
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Tabs/tokens.js +7 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/es/components/Toast/Toast.js +4 -4
- package/emotion/es/components/Toast/Toast.styles.js +6 -6
- package/emotion/es/components/Toast/Toast.tokens.js +3 -1
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Notification/Notification.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/{TextField.styles_1csckkd.css → TextField.styles_1ye9068.css} +1 -1
- package/es/components/Calendar/Calendar.tokens.js +4 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +16 -15
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css → es/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +16 -15
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +9 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css} +1 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css → es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_uzh6dj.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_1s09ifw.css → Combobox.styles_1nqrvms.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_y71664.css → Item.styles_1jh6ez1.css} +2 -2
- package/es/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -5
- package/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1g7mpqf.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +20 -19
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +18 -17
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_lzydb6.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +20 -19
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_1rrq00l.css → SingleDate.styles_e72b5o.css} +1 -1
- package/es/components/Dropdown/Dropdown.css +5 -5
- package/es/components/Dropdown/Dropdown.styles.js +1 -1
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/{Dropdown.styles_1ix6io8.css → Dropdown.styles_dh7ns1.css} +1 -1
- package/es/components/Dropdown/Dropdown.tokens.js +2 -0
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_17va0nk.css → DropdownItem.styles_ksnuz.css} +1 -1
- package/es/components/Notification/Notification.css +11 -11
- package/es/components/Notification/Notification.js +4 -4
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +15 -15
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_7h8hp0.css → Notification.styles_bvno9v.css} +2 -2
- package/es/components/Notification/Notification.tokens.js +5 -1
- package/es/components/Notification/Notification.tokens.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Pagination/Pagination.js +5 -5
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +3 -3
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_y6gcva.css → Pagination.styles_1w5oej6.css} +1 -1
- package/es/components/Pagination/Pagination.tokens.js +4 -1
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_187mk6b.css → PaginationSelectPerPage.styles_1fesyfv.css} +1 -1
- package/es/components/Tabs/tokens.js +7 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_uaaqqg.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_16d3lah.css → VerticalTabItem.styles_1g7zipg.css} +1 -1
- package/es/components/Toast/Toast.css +5 -5
- package/es/components/Toast/Toast.js +4 -4
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toast/Toast.styles.js +3 -3
- package/es/components/Toast/Toast.styles.js.map +1 -1
- package/{cjs/components/Toast/Toast.styles_1v9oj7f.css → es/components/Toast/Toast.styles_1nei944.css} +1 -1
- package/es/components/Toast/Toast.tokens.js +3 -1
- package/es/components/Toast/Toast.tokens.js.map +1 -1
- package/es/components/Toast/ToastController.css +5 -5
- package/es/index.css +76 -75
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -0
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/mixins/selected.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +2 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +2 -2
- package/styled-components/cjs/components/Notification/Notification.js +4 -4
- package/styled-components/cjs/components/Notification/Notification.styles.js +2 -2
- package/styled-components/cjs/components/Notification/Notification.tokens.js +5 -1
- package/styled-components/cjs/components/Pagination/Pagination.js +5 -5
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +1 -1
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +4 -1
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/tokens.js +7 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Toast/Toast.js +4 -4
- package/styled-components/cjs/components/Toast/Toast.styles.js +1 -1
- package/styled-components/cjs/components/Toast/Toast.tokens.js +3 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +1 -1
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -0
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/es/components/Calendar/mixins/selected.js +3 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +5 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +2 -2
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +2 -2
- package/styled-components/es/components/Notification/Notification.js +4 -4
- package/styled-components/es/components/Notification/Notification.styles.js +2 -2
- package/styled-components/es/components/Notification/Notification.tokens.js +5 -1
- package/styled-components/es/components/Pagination/Pagination.js +5 -5
- package/styled-components/es/components/Pagination/Pagination.styles.js +1 -1
- package/styled-components/es/components/Pagination/Pagination.tokens.js +4 -1
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Tabs/tokens.js +7 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/es/components/Toast/Toast.js +4 -4
- package/styled-components/es/components/Toast/Toast.styles.js +1 -1
- package/styled-components/es/components/Toast/Toast.tokens.js +3 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +1 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +4 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts +4 -0
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +6 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +2 -0
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.tokens.d.ts +4 -0
- package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +3 -0
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +6 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Toast/Toast.tokens.d.ts +2 -0
- package/types/components/Toast/Toast.tokens.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Toast/Toast.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Toast/Toast.config.d.ts.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_mjc9xz.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +0 -2
- package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +0 -2
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
5
|
|
6
6
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
7
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
@@ -28,11 +28,12 @@
|
|
28
28
|
|
29
29
|
.IconButton_styles_sttslf_b1ua728l__193d7826{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
30
30
|
|
31
|
-
.
|
32
|
-
.
|
33
|
-
.
|
34
|
-
.
|
35
|
-
.
|
36
|
-
.
|
37
|
-
.
|
38
|
-
.
|
31
|
+
.CalendarHeader_styles_1xijs8w_sjaqipy__a871cc66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
|
32
|
+
.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66:hover,.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66.CalendarHeader_styles_1xijs8w_focusVisible__a871cc66:focus::before,.CalendarHeader_styles_1xijs8w_s1k7jebr__a871cc66[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
33
|
+
.CalendarHeader_styles_1xijs8w_s1b07tlr__a871cc66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
|
34
|
+
.CalendarHeader_styles_1xijs8w_s13yvda3__a871cc66{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
|
35
|
+
.CalendarHeader_styles_1xijs8w_s1i8jkj2__a871cc66{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
|
36
|
+
.CalendarHeader_styles_1xijs8w_sw3by8z__a871cc66{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
37
|
+
.CalendarHeader_styles_1xijs8w_sdke0q6__a871cc66{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_1xijs8w_sdke0q6__a871cc66 .CalendarHeader_styles_1xijs8w_s1i8jkj2__a871cc66{grid-area:a;}.CalendarHeader_styles_1xijs8w_sdke0q6__a871cc66.CalendarHeader_styles_1xijs8w_doubleHeader_LastDateWrapper__a871cc66 .CalendarHeader_styles_1xijs8w_s1i8jkj2__a871cc66{grid-area:c;}
|
38
|
+
.CalendarHeader_styles_1xijs8w_sdtpxcv__a871cc66{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1xijs8w_sdtpxcv__a871cc66::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1xijs8w_sdtpxcv__a871cc66.CalendarHeader_styles_1xijs8w_focusVisible__a871cc66:focus::before,.CalendarHeader_styles_1xijs8w_sdtpxcv__a871cc66[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
39
|
+
.CalendarHeader_styles_1xijs8w_s1fi7s2r__a871cc66{color:var(--plasma-calendar-header-arrow-color,var(--plasma-calendar-content-primary-color));}
|
@@ -7,7 +7,6 @@ var types = require('../../store/types.js');
|
|
7
7
|
var Calendar_tokens = require('../../Calendar.tokens.js');
|
8
8
|
var reducer = require('../../store/reducer.js');
|
9
9
|
var CalendarHeader_styles = require('./CalendarHeader.styles.js');
|
10
|
-
var IconDisclosureDownFill = require('../../../_Icon/Icons/IconDisclosureDownFill.js');
|
11
10
|
var IconDisclosureLeft = require('../../../_Icon/Icons/IconDisclosureLeft.js');
|
12
11
|
var IconDisclosureRight = require('../../../_Icon/Icons/IconDisclosureRight.js');
|
13
12
|
var calendarGridHelper = require('../../utils/calendarGridHelper.js');
|
@@ -43,20 +42,20 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
43
42
|
return '';
|
44
43
|
}
|
45
44
|
if (type === types.CalendarState.Days) {
|
46
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, constants.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(
|
45
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, constants.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
47
46
|
color: "inherit",
|
48
47
|
size: size === 'xs' ? 'xs' : 's'
|
49
48
|
})));
|
50
49
|
}
|
51
50
|
if (type === types.CalendarState.Months || type === types.CalendarState.Quarters) {
|
52
|
-
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(
|
51
|
+
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
53
52
|
color: "inherit",
|
54
53
|
size: size === 'xs' ? 'xs' : 's'
|
55
54
|
}));
|
56
55
|
}
|
57
56
|
if (type === types.CalendarState.Years) {
|
58
57
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
59
|
-
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, yearValue, "\u2014", yearValue + constants.YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(
|
58
|
+
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, yearValue, "\u2014", yearValue + constants.YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
60
59
|
color: "inherit",
|
61
60
|
size: size === 'xs' ? 'xs' : 's'
|
62
61
|
}));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = useCallback(() => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size, locale],\n );\n\n const currentCalendarType = getCalendarType(type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = useCallback(() => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size, locale],\n );\n\n const currentCalendarType = getCalendarType(type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
@@ -1,9 +1,10 @@
|
|
1
|
-
import './CalendarHeader.
|
1
|
+
import './CalendarHeader.styles_1xijs8w.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
|
+
var IconDisclosureDownFill = require('../../../_Icon/Icons/IconDisclosureDownFill.js');
|
7
8
|
var common = require('../../../../engines/common.js');
|
8
9
|
var IconButton$1 = require('../../../IconButton/IconButton.js');
|
9
10
|
|
@@ -54,12 +55,21 @@ var StyledHeaderDouble = /*#__PURE__*/react.styled('button')({
|
|
54
55
|
"class": "sdtpxcv",
|
55
56
|
propsAsIs: false
|
56
57
|
});
|
58
|
+
var _exp55 = function _exp55() {
|
59
|
+
return IconDisclosureDownFill.IconDisclosureDownFill;
|
60
|
+
};
|
61
|
+
var StyledHeaderArrow = /*#__PURE__*/react.styled(_exp55())({
|
62
|
+
name: "StyledHeaderArrow",
|
63
|
+
"class": "s1fi7s2r",
|
64
|
+
propsAsIs: true
|
65
|
+
});
|
57
66
|
|
58
67
|
exports.StyledArrow = StyledArrow;
|
59
68
|
exports.StyledArrows = StyledArrows;
|
60
69
|
exports.StyledCalendarHeader = StyledCalendarHeader;
|
61
70
|
exports.StyledDoubleHeaderWrapper = StyledDoubleHeaderWrapper;
|
62
71
|
exports.StyledHeader = StyledHeader;
|
72
|
+
exports.StyledHeaderArrow = StyledHeaderArrow;
|
63
73
|
exports.StyledHeaderDate = StyledHeaderDate;
|
64
74
|
exports.StyledHeaderDouble = StyledHeaderDouble;
|
65
75
|
exports.StyledNavigation = StyledNavigation;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n align-items: center;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n grid-area: b;\n justify-self: center;\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n margin: 0;\n height: fit-content;\n\n ${String(flexCenter)};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":"
|
1
|
+
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\nimport { IconDisclosureDownFill } from '../../../_Icon';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n align-items: center;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n grid-area: b;\n justify-self: center;\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n margin: 0;\n height: fit-content;\n\n ${String(flexCenter)};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderArrow = styled(IconDisclosureDownFill)`\n color: var(${tokens.calendarHeaderArrowColor}, var(${tokens.calendarContentPrimaryColor}));\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","_exp55","IconDisclosureDownFill","StyledHeaderArrow"],"mappings":";;;;;;;;;AASA,IAAMA,sBAAsB,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA/DkBA,SA+DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC,EAAA;AAAC,IAAAS,MAAA,GApIgBA,SAoIhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCC,6CAAsB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMC,iBAAiB,gBAAGd,YAAM,CAAAY,MAAA,EAAA,CAAA,CAAA;AAAAX,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEtC;;;;;;;;;;;;"}
|
@@ -6,3 +6,4 @@
|
|
6
6
|
.sw3by8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
7
|
.sdke0q6{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
|
8
8
|
.sdtpxcv{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.sdtpxcv::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.sdtpxcv.focus-visible:focus::before,.sdtpxcv[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
9
|
+
.s1fi7s2r{color:var(--plasma-calendar-header-arrow-color,var(--plasma-calendar-content-primary-color));}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
5
|
|
6
6
|
.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
7
7
|
.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
5
|
|
6
6
|
.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
|
7
7
|
.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
5
|
|
6
6
|
.CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
|
7
7
|
.CalendarYears_styles_1d4ov6t_sp45mzt__41427687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: 0.4;\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n min-width: var(${innerTokens.dateStructureWidth});\n min-height: var(${innerTokens.dateStructureHeight});\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","StyledItemRoot","StyledEvents","_exp40","_ref3","_ref3$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAO,EAAA,IAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA6BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA4B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CACnCC,sBAAM,CAACE,6BAA8B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBrD,IAAMC,cAAc,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBvBC,MAG+C,EAAA,CAAA;AAAA,GAAA;AAAA,
|
1
|
+
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: 0.4;\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n min-width: var(${innerTokens.dateStructureWidth});\n min-height: var(${innerTokens.dateStructureHeight});\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","StyledItemRoot","StyledEvents","_exp40","_ref3","_ref3$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAO,EAAA,IAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA6BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA4B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CACnCC,sBAAM,CAACE,6BAA8B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBrD,IAAMC,cAAc,gBAAGZ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBvBC,MAG+C,EAAA,CAAA;AAAA,GAAA;AAAA,CAuE3D,EAAA;AAEM,IAAMQ,YAAY,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAW,MAAA,GAnKgBA,SAmKhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGlB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTU,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
|
2
|
-
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:
|
2
|
+
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{cursor:not-allowed;opacity:0.4;}.s1k1xcqq.item-disabled-current{cursor:not-allowed;opacity:0.4;}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
|
3
3
|
.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
4
|
.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|