@salutejs/plasma-new-hope 0.175.1-canary.1497.11552145733.0 → 0.175.1-canary.1506.11553215359.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 +3 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -10
- 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 +11 -10
- 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/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/{es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css → cjs/components/Combobox/ComboboxNew/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.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +21 -7
- 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_1njzasn.css} +3 -3
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/cjs/components/DatePicker/DatePicker.tokens.js +5 -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_1x090si.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -14
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +15 -14
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css} +1 -1
- package/cjs/components/Dropdown/Dropdown.css +16 -30
- package/cjs/components/Dropdown/Dropdown.js +37 -60
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +26 -14
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_zvi9m3.css +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +3 -24
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -25
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Notification/Notification.css +11 -11
- 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_1g34msm.css} +1 -1
- package/cjs/components/Notification/Notification.tokens.js +2 -0
- 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/Select/Select.js +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +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/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +74 -71
- 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 +3 -0
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -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/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.js +2 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +21 -15
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +5 -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.js +37 -58
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +4 -36
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +41 -21
- package/emotion/cjs/components/Dropdown/utils/index.js +1 -23
- package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
- package/emotion/cjs/components/Notification/Notification.tokens.js +2 -0
- 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/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- 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 +3 -0
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -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/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.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +21 -15
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +5 -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.js +40 -60
- package/emotion/es/components/Dropdown/Dropdown.styles.js +25 -9
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +3 -35
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +42 -22
- package/emotion/es/components/Dropdown/utils/index.js +1 -4
- package/emotion/es/components/Notification/Notification.styles.js +11 -11
- package/emotion/es/components/Notification/Notification.tokens.js +2 -0
- 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/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- 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 +3 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -10
- 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 +11 -10
- 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/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/{cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css → es/components/Combobox/ComboboxNew/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.js +2 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +21 -7
- 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_1njzasn.css} +3 -3
- package/es/components/Combobox/ComboboxOld/Combobox.css +14 -28
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +18 -32
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +18 -32
- package/es/components/DatePicker/DatePicker.tokens.js +5 -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_1x090si.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +15 -14
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +15 -14
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css → es/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css} +1 -1
- package/es/components/Dropdown/Dropdown.css +16 -30
- package/es/components/Dropdown/Dropdown.js +40 -62
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +26 -15
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_zvi9m3.css +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js +3 -24
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -46
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +29 -24
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +6 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_1lyg81y.css → DropdownItem.styles_12e50g5.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Notification/Notification.css +11 -11
- 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_1g34msm.css} +1 -1
- package/es/components/Notification/Notification.tokens.js +2 -0
- 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/Select/Select.js +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +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/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +74 -71
- 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 +3 -0
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- 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/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.js +2 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -6
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +5 -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.js +37 -58
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +4 -36
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +51 -17
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +18 -29
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +19 -17
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -23
- package/styled-components/cjs/components/Notification/Notification.styles.js +1 -1
- package/styled-components/cjs/components/Notification/Notification.tokens.js +2 -0
- 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/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/styled-components/cjs/hooks/useOutsideClick.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 +3 -0
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- 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/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.js +2 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +12 -6
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +5 -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.js +40 -60
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +15 -9
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +3 -35
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +52 -18
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +20 -31
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +20 -18
- package/styled-components/es/components/Dropdown/utils/index.js +1 -4
- package/styled-components/es/components/Notification/Notification.styles.js +1 -1
- package/styled-components/es/components/Notification/Notification.tokens.js +2 -0
- 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/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +5 -6
- package/styled-components/es/hooks/useOutsideClick.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 +3 -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/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/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/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +1 -2
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +5 -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.d.ts +1 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +6 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +2 -25
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +4 -30
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/index.d.ts +1 -1
- package/types/components/Dropdown/index.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +12 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +3 -32
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +14 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +0 -3
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.tokens.d.ts +2 -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/Select/utils/getCorrectHeight.d.ts +2 -2
- package/types/components/Select/utils/getCorrectHeight.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/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.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/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +0 -2
- package/cjs/components/Dropdown/FloatingPopover.js +0 -104
- package/cjs/components/Dropdown/FloatingPopover.js.map +0 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/cjs/components/Dropdown/utils/getItemByFocused.js +0 -13
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/cjs/components/Dropdown/utils/getItemId.js +0 -10
- package/cjs/components/Dropdown/utils/getItemId.js.map +0 -1
- package/cjs/components/Dropdown/utils/getPlacement.js +0 -16
- package/cjs/components/Dropdown/utils/getPlacement.js.map +0 -1
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/emotion/cjs/components/Dropdown/utils/getPlacement.js +0 -15
- package/emotion/es/components/Dropdown/FloatingPopover.js +0 -102
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/emotion/es/components/Dropdown/utils/getItemId.js +0 -3
- package/emotion/es/components/Dropdown/utils/getPlacement.js +0 -9
- package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +0 -2
- package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +0 -2
- package/es/components/Dropdown/FloatingPopover.js +0 -100
- package/es/components/Dropdown/FloatingPopover.js.map +0 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +0 -5
- package/es/components/Dropdown/utils/getItemByFocused.js +0 -9
- package/es/components/Dropdown/utils/getItemByFocused.js.map +0 -1
- package/es/components/Dropdown/utils/getItemId.js +0 -6
- package/es/components/Dropdown/utils/getItemId.js.map +0 -1
- package/es/components/Dropdown/utils/getPlacement.js +0 -12
- package/es/components/Dropdown/utils/getPlacement.js.map +0 -1
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +0 -109
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +0 -12
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +0 -9
- package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +0 -15
- package/styled-components/es/components/Dropdown/FloatingPopover.js +0 -102
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +0 -6
- package/styled-components/es/components/Dropdown/utils/getItemId.js +0 -3
- package/styled-components/es/components/Dropdown/utils/getPlacement.js +0 -9
- package/types/components/Dropdown/FloatingPopover.d.ts +0 -5
- package/types/components/Dropdown/FloatingPopover.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +0 -4
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getItemId.d.ts +0 -2
- package/types/components/Dropdown/utils/getItemId.d.ts.map +0 -1
- package/types/components/Dropdown/utils/getPlacement.d.ts +0 -3
- package/types/components/Dropdown/utils/getPlacement.d.ts.map +0 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.175.1-canary.
|
3
|
+
"version": "0.175.1-canary.1506.11553215359.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -128,5 +128,5 @@
|
|
128
128
|
"sideEffects": [
|
129
129
|
"*.css"
|
130
130
|
],
|
131
|
-
"gitHead": "
|
131
|
+
"gitHead": "327f5647e6c8b3784e988ee0025a2b6dc0234ece"
|
132
132
|
}
|
@@ -68,6 +68,7 @@ var tokens = exports.tokens = {
|
|
68
68
|
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
69
69
|
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
70
70
|
textFieldContentSlotColor: '--plasma-autocomplete-content-color',
|
71
|
+
textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
|
71
72
|
// Токены для дропдауна
|
72
73
|
background: '--plasma-autocomplete-background',
|
73
74
|
boxShadow: '--plasma-autocomplete-box-shadow',
|
@@ -13,4 +13,4 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
|
|
13
13
|
var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
14
14
|
var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-1rp2ggs-0"
|
16
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor);
|
16
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _Autocomplete.tokens.textFieldContentSlotRightColor, _Autocomplete.tokens.textFieldColor);
|
@@ -35,6 +35,8 @@ var innerTokens = exports.innerTokens = {
|
|
35
35
|
var tokens = exports.tokens = {
|
36
36
|
calendarWidth: '--plasma-calendar-width',
|
37
37
|
calendarHeight: '--plasma-calendar-height',
|
38
|
+
calendarBorderWidth: '--plasma-calendar-border-width',
|
39
|
+
calendarBorderColor: '--plasma-calendar-border-color',
|
38
40
|
/* Токены размера сетки лет */
|
39
41
|
calendarYearsPadding: '--plasma-calendar-years-padding',
|
40
42
|
calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
|
@@ -97,6 +99,7 @@ var tokens = exports.tokens = {
|
|
97
99
|
calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
|
98
100
|
calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
|
99
101
|
calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
|
102
|
+
calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',
|
100
103
|
/* Токены стрелок навигации календаря */
|
101
104
|
iconButtonColor: '--plasma-calendar-icon-button-color',
|
102
105
|
iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
|
@@ -11,7 +11,7 @@ var _templateObject;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14
|
-
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
|
14
|
+
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
|
15
15
|
var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-1xkgu4c-0"
|
17
17
|
})(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
|
@@ -44,20 +44,20 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
44
44
|
return '';
|
45
45
|
}
|
46
46
|
if (type === _types.CalendarState.Days) {
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(
|
47
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
|
48
48
|
color: "inherit",
|
49
49
|
size: size === 'xs' ? 'xs' : 's'
|
50
50
|
})));
|
51
51
|
}
|
52
52
|
if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
|
53
|
-
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(
|
53
|
+
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
|
54
54
|
color: "inherit",
|
55
55
|
size: size === 'xs' ? 'xs' : 's'
|
56
56
|
}));
|
57
57
|
}
|
58
58
|
if (type === _types.CalendarState.Years) {
|
59
59
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
60
|
-
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
|
61
61
|
color: "inherit",
|
62
62
|
size: size === 'xs' ? 'xs' : 's'
|
63
63
|
}));
|
package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js
CHANGED
@@ -3,13 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
|
6
|
+
exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeaderArrow = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
9
9
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
10
|
var _IconButton = /*#__PURE__*/require("../../../IconButton");
|
11
11
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
12
12
|
var _mixins2 = /*#__PURE__*/require("../../../../mixins");
|
13
|
+
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
14
15
|
var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
|
15
16
|
var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
|
@@ -48,4 +49,7 @@ var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledCompon
|
|
48
49
|
outlineOffset: '-0.125rem',
|
49
50
|
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
50
51
|
outlineRadius: '0.563rem'
|
51
|
-
}));
|
52
|
+
}));
|
53
|
+
var StyledHeaderArrow = exports.StyledHeaderArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownFill).withConfig({
|
54
|
+
componentId: "plasma-new-hope__sc-186pzg3-8"
|
55
|
+
})(["color:var(", ",var(", "));"], _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor);
|
@@ -31,12 +31,12 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
31
31
|
}, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
|
32
32
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
33
33
|
componentId: "plasma-new-hope__sc-2kddkg-1"
|
34
|
-
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.constants.disclosureIconColor, function (_ref5) {
|
34
|
+
})(["line-height:0;color:var(", ",var(", "));cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, function (_ref5) {
|
35
35
|
var disabled = _ref5.disabled;
|
36
36
|
return disabled ? 'inherit' : 'pointer';
|
37
37
|
}, _Combobox.classes.arrowInverse, function (_ref6) {
|
38
38
|
var disabled = _ref6.disabled;
|
39
|
-
return disabled ? "var(".concat(_Combobox.constants.disclosureIconColor, ")") : "var(".concat(_Combobox.constants.disclosureIconColorHover, ")");
|
39
|
+
return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ", var(").concat(_Combobox.constants.disclosureIconColor, "))") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ", var(").concat(_Combobox.constants.disclosureIconColorHover, "))");
|
40
40
|
});
|
41
41
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-2kddkg-2"
|
@@ -36,6 +36,8 @@ var tokens = exports.tokens = {
|
|
36
36
|
itemIconSize: '--plasma-combobox-item-icon-size',
|
37
37
|
itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
|
38
38
|
itemIconMargin: '--plasma-combobox-item-icon-margin',
|
39
|
+
itemBackground: '--plasma-combobox-item-background',
|
40
|
+
itemBackgroundHover: '--plasma-combobox-item-background-hover',
|
39
41
|
cellPadding: '--plasma-combobox-cell-padding',
|
40
42
|
cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
|
41
43
|
cellPaddingContent: '--plasma-combobox-cell-padding-content',
|
@@ -151,7 +153,9 @@ var tokens = exports.tokens = {
|
|
151
153
|
helperTextColor: '--plasma-combobox-helper-text-color',
|
152
154
|
helperTextOffset: '--plasma-combobox-helper-text-offset',
|
153
155
|
spinnerSize: '--plasma-combobox-spinner-size',
|
154
|
-
spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
|
156
|
+
spinnerSizeTight: '--plasma-combobox-spinner-size-tight',
|
157
|
+
disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
|
158
|
+
disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover'
|
155
159
|
};
|
156
160
|
var constants = exports.constants = {
|
157
161
|
focusColor: '--surface-accent',
|
@@ -87,7 +87,8 @@ var Item = exports.Item = function Item(_ref) {
|
|
87
87
|
}, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
|
88
88
|
checked: Boolean(checked.get(item.value)),
|
89
89
|
indeterminate: checked.get(item.value) === 'indeterminate',
|
90
|
-
onChange: handleChange
|
90
|
+
onChange: handleChange,
|
91
|
+
className: _Combobox.classes.selectItemCheckbox
|
91
92
|
})), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
|
92
93
|
size: "s",
|
93
94
|
view: "default"
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -38,25 +38,31 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
|
|
38
38
|
})(["margin-left:auto;display:inline-flex;"]);
|
39
39
|
var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
40
40
|
componentId: "plasma-new-hope__sc-1n1xg1s-6"
|
41
|
-
})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
|
41
|
+
})(["line-height:0;color:var(", ",var(", "));&:hover{color:var(", ",var(", "));}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover, _Combobox.constants.disclosureIconColorHover);
|
42
42
|
var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
43
43
|
componentId: "plasma-new-hope__sc-1n1xg1s-7"
|
44
|
-
})(["display:flex;align-items:center;justify-content:center;
|
44
|
+
})(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
|
45
45
|
var variant = _ref.variant;
|
46
46
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
|
47
47
|
}, function (_ref2) {
|
48
48
|
var variant = _ref2.variant;
|
49
49
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
|
50
|
-
}, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor)
|
50
|
+
}, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor, _Combobox.classes.selectItemCheckbox, function (_ref3) {
|
51
|
+
var variant = _ref3.variant;
|
52
|
+
return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerSizeTight : _Combobox.tokens.checkboxTriggerSize, ")");
|
53
|
+
}, function (_ref4) {
|
54
|
+
var variant = _ref4.variant;
|
55
|
+
return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerBorderRadiusTight : _Combobox.tokens.checkboxTriggerBorderRadius, ")");
|
56
|
+
});
|
51
57
|
var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
52
58
|
componentId: "plasma-new-hope__sc-1n1xg1s-8"
|
53
59
|
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
54
60
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
55
61
|
componentId: "plasma-new-hope__sc-1n1xg1s-9"
|
56
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (
|
57
|
-
var variant =
|
62
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ",var(", "));color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ",var(", "));}&.", "{background-color:var(", ",var(", "));}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
|
63
|
+
var variant = _ref5.variant;
|
58
64
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
|
59
|
-
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
65
|
+
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.tokens.itemBackground, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
60
66
|
outlineSize: '0.0625rem',
|
61
67
|
outlineOffset: '0',
|
62
68
|
outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
|
@@ -115,12 +115,16 @@ var tokens = exports.tokens = {
|
|
115
115
|
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
116
116
|
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
117
117
|
textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
|
118
|
+
textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
|
119
|
+
textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
|
118
120
|
/** Токены календаря */
|
119
121
|
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
120
122
|
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
121
123
|
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
122
124
|
calendarWidth: '--plasma-date-picker-calendar-width',
|
123
125
|
calendarHeight: '--plasma-date-picker-calendar-height',
|
126
|
+
calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
|
127
|
+
calendarBorderColor: '--plasma-date-picker-calendar-border-width',
|
124
128
|
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
125
129
|
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
126
130
|
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
@@ -178,6 +182,7 @@ var tokens = exports.tokens = {
|
|
178
182
|
calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
|
179
183
|
calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
|
180
184
|
calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
|
185
|
+
calendarHeaderArrowColor: '--plasma-date-picker-calendar__header-arrow-color',
|
181
186
|
iconButtonColor: '--plasma-date-picker-icon-button__color',
|
182
187
|
iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
|
183
188
|
iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
|
@@ -12,7 +12,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
13
|
var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
|
14
14
|
var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
|
15
|
-
var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
|
15
|
+
var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
|
16
16
|
|
17
17
|
// NOTE: переопределение токенов Calendar
|
18
18
|
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({
|
@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
23
23
|
// NOTE: переопределение токенов TextField
|
24
24
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
26
|
-
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
|
26
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
|
27
27
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
28
28
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
@@ -4,11 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.dropdownRoot = exports.dropdownConfig =
|
7
|
+
exports.dropdownRoot = exports.dropdownConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
9
|
var _utils = /*#__PURE__*/require("../../utils");
|
11
|
-
var _hooks = /*#__PURE__*/require("../../hooks");
|
12
10
|
var _pathReducer = /*#__PURE__*/require("./reducers/pathReducer");
|
13
11
|
var _focusedPathReducer = /*#__PURE__*/require("./reducers/focusedPathReducer");
|
14
12
|
var _ui = /*#__PURE__*/require("./ui");
|
@@ -19,7 +17,6 @@ var _utils2 = /*#__PURE__*/require("./utils");
|
|
19
17
|
var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
|
20
18
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
21
19
|
var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
|
22
|
-
var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
|
23
20
|
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
|
24
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
25
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -32,18 +29,17 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
32
29
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
33
30
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
34
31
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
35
|
-
var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
36
|
-
|
37
32
|
/**
|
38
33
|
* Выпадающий список.
|
39
34
|
*/
|
40
35
|
var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
41
36
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
42
|
-
var _getItemByFocused;
|
43
37
|
var items = _ref.items,
|
44
38
|
children = _ref.children,
|
45
|
-
placement = _ref.placement,
|
46
|
-
|
39
|
+
_ref$placement = _ref.placement,
|
40
|
+
placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
|
41
|
+
_ref$offset = _ref.offset,
|
42
|
+
offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
|
47
43
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
48
44
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
49
45
|
onToggle = _ref.onToggle,
|
@@ -80,25 +76,6 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
80
76
|
_useHashMaps2 = _slicedToArray(_useHashMaps, 2),
|
81
77
|
pathMap = _useHashMaps2[0],
|
82
78
|
focusedToValueMap = _useHashMaps2[1];
|
83
|
-
var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
84
|
-
var floatingPopoverRef = (0, _react.useRef)(null);
|
85
|
-
var treeId = (0, _plasmaCore.safeUseId)();
|
86
|
-
|
87
|
-
// Логика работы при клике за пределами выпадающего списка
|
88
|
-
var targetRef = (0, _hooks.useOutsideClick)(function (event) {
|
89
|
-
if (!isCurrentListOpen || !closeOnOverlayClick) {
|
90
|
-
return;
|
91
|
-
}
|
92
|
-
dispatchPath({
|
93
|
-
type: 'reset'
|
94
|
-
});
|
95
|
-
dispatchFocusedPath({
|
96
|
-
type: 'reset'
|
97
|
-
});
|
98
|
-
if (onToggle) {
|
99
|
-
onToggle(false, event);
|
100
|
-
}
|
101
|
-
}, floatingPopoverRef);
|
102
79
|
var handleGlobalToggle = function handleGlobalToggle(opened, event) {
|
103
80
|
if (opened) {
|
104
81
|
dispatchPath({
|
@@ -130,64 +107,66 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
|
|
130
107
|
}),
|
131
108
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
132
109
|
var isCurrentListOpen = Boolean(path[0]);
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
onHover: onHover,
|
142
|
-
onItemClick: onItemClick,
|
143
|
-
onItemSelect: onItemSelect,
|
144
|
-
hasArrow: hasArrow,
|
145
|
-
treeId: treeId
|
146
|
-
}
|
147
|
-
}, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
|
148
|
-
ref: floatingPopoverRef,
|
110
|
+
var getActiveDescendant = function getActiveDescendant() {
|
111
|
+
var _focusedToValueMap$ge;
|
112
|
+
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
113
|
+
return "".concat(acc, "/").concat(n);
|
114
|
+
}, '').replace(/^(\/)/, '');
|
115
|
+
return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
|
116
|
+
};
|
117
|
+
return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
|
149
118
|
opened: isCurrentListOpen,
|
150
119
|
onToggle: handleGlobalToggle,
|
151
|
-
placement: (0, _utils2.getPlacement)(placement),
|
152
120
|
offset: offset,
|
153
|
-
|
121
|
+
placement: (0, _utils.getPlacements)(placement),
|
154
122
|
trigger: trigger,
|
123
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
124
|
+
isFocusTrapped: false,
|
155
125
|
target: (0, _utils2.childrenWithProps)(children, {
|
156
126
|
role: 'combobox',
|
157
|
-
'aria-controls':
|
127
|
+
'aria-controls': 'tree_level_1',
|
158
128
|
'aria-expanded': isCurrentListOpen,
|
159
|
-
'aria-activedescendant':
|
129
|
+
'aria-activedescendant': getActiveDescendant(),
|
160
130
|
onKeyDown: onKeyDown
|
161
|
-
})
|
131
|
+
}),
|
132
|
+
preventOverflow: false,
|
133
|
+
usePortal: Boolean(portal),
|
134
|
+
frame: portal
|
162
135
|
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
163
136
|
className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
|
164
137
|
ref: ref,
|
165
138
|
view: view,
|
166
|
-
size: size
|
167
|
-
style: {
|
168
|
-
display: 'inline-block'
|
169
|
-
}
|
139
|
+
size: size
|
170
140
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
|
171
|
-
ref: targetRef,
|
172
|
-
id: "".concat(treeId, "_tree_level_1"),
|
173
|
-
role: "tree",
|
174
141
|
listHeight: listHeight,
|
175
142
|
listOverflow: listOverflow,
|
143
|
+
role: "tree",
|
144
|
+
id: "tree_level_1",
|
176
145
|
listWidth: listWidth
|
177
146
|
}, items.map(function (item, index) {
|
178
147
|
return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
|
179
148
|
key: "".concat(index, "/0"),
|
180
149
|
item: item,
|
181
150
|
currentLevel: 0,
|
151
|
+
focusedPath: focusedPath,
|
182
152
|
trigger: trigger,
|
183
153
|
path: path,
|
184
154
|
dispatchPath: dispatchPath,
|
185
155
|
index: index,
|
156
|
+
itemRole: itemRole,
|
186
157
|
listHeight: listHeight,
|
187
158
|
listOverflow: listOverflow,
|
188
|
-
|
159
|
+
handleGlobalToggle: handleGlobalToggle,
|
160
|
+
closeOnSelect: closeOnSelect,
|
161
|
+
onHover: onHover,
|
162
|
+
onItemSelect: onItemSelect,
|
163
|
+
onItemClick: onItemClick,
|
164
|
+
listWidth: listWidth,
|
165
|
+
variant: variant,
|
166
|
+
hasArrow: hasArrow,
|
167
|
+
size: size
|
189
168
|
});
|
190
|
-
}))))
|
169
|
+
}))));
|
191
170
|
});
|
192
171
|
};
|
193
172
|
var dropdownConfig = exports.dropdownConfig = {
|
@@ -4,25 +4,31 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.Ul = void 0;
|
7
|
+
exports.base = exports.Ul = exports.StyledPopover = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _engines = /*#__PURE__*/require("../../engines");
|
10
|
+
var _Popover = /*#__PURE__*/require("../Popover");
|
9
11
|
var _utils = /*#__PURE__*/require("./utils");
|
10
12
|
var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
|
11
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
-
var
|
15
|
+
var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
|
16
|
+
var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
|
14
17
|
componentId: "plasma-new-hope__sc-13ezpo5-0"
|
15
|
-
})(["
|
18
|
+
})([".", ",.", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
19
|
+
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
20
|
+
componentId: "plasma-new-hope__sc-13ezpo5-1"
|
21
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");border:var(", ") solid var(", ");"], _Dropdown.tokens.background, _Dropdown.tokens.boxShadow, _Dropdown.tokens.borderRadius, function (_ref) {
|
16
22
|
var listWidth = _ref.listWidth;
|
17
23
|
return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
|
18
24
|
}, function (_ref2) {
|
19
25
|
var listHeight = _ref2.listHeight;
|
20
26
|
return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
|
21
27
|
}, function (_ref3) {
|
22
|
-
var
|
23
|
-
return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0.125rem 0") : 0;
|
24
|
-
}, _Dropdown.tokens.padding, function (_ref4) {
|
25
|
-
var listOverflow = _ref4.listOverflow;
|
28
|
+
var listOverflow = _ref3.listOverflow;
|
26
29
|
return listOverflow || 'initial';
|
27
|
-
},
|
28
|
-
var
|
30
|
+
}, function (_ref4) {
|
31
|
+
var isInnerUl = _ref4.isInnerUl;
|
32
|
+
return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0 0 var(").concat(_Dropdown.tokens.padding, ")") : 0;
|
33
|
+
}, _Dropdown.tokens.padding, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
|
34
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
|