@skbkontur/react-ui 6.4.2 → 6.4.3-6344a.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Autocomplete/{Autocomplete.styles.d.ts → Autocomplete.css.d.ts} +1 -1
- package/components/Autocomplete/Autocomplete.css.js +3 -0
- package/components/Autocomplete/Autocomplete.css.js.map +1 -0
- package/components/Autocomplete/Autocomplete.js +1 -1
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Button/{Button.styles.d.ts → Button.css.d.ts} +2 -2
- package/components/Button/Button.css.js +5 -0
- package/components/Button/Button.css.js.map +1 -0
- package/components/Button/Button.js +3 -2
- package/components/Button/Button.js.map +1 -1
- package/components/Button/Button.mixins.js +11 -6
- package/components/Button/Button.mixins.js.map +1 -1
- package/components/Button/ButtonArrow.d.ts +1 -1
- package/components/Button/ButtonArrow.js +1 -1
- package/components/Button/ButtonArrow.js.map +1 -1
- package/components/Button/{ButtonIcon.styles.d.ts → ButtonIcon.css.d.ts} +1 -1
- package/components/Button/ButtonIcon.css.js +3 -0
- package/components/Button/ButtonIcon.css.js.map +1 -0
- package/components/Button/ButtonIcon.js +1 -1
- package/components/Button/ButtonIcon.js.map +1 -1
- package/components/Button/LoadingButtonIcon.js +1 -1
- package/components/Button/LoadingButtonIcon.js.map +1 -1
- package/components/Calendar/{Calendar.styles.d.ts → Calendar.css.d.ts} +1 -1
- package/components/Calendar/Calendar.css.js +3 -0
- package/components/Calendar/Calendar.css.js.map +1 -0
- package/components/Calendar/Calendar.js +1 -1
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarDay.js +1 -1
- package/components/Calendar/CalendarDay.js.map +1 -1
- package/components/Calendar/{DayCellView.styles.d.ts → DayCellView.css.d.ts} +1 -1
- package/components/Calendar/DayCellView.css.js +3 -0
- package/components/Calendar/DayCellView.css.js.map +1 -0
- package/components/Calendar/DayCellView.js +1 -1
- package/components/Calendar/DayCellView.js.map +1 -1
- package/components/Calendar/Month.js +2 -2
- package/components/Calendar/Month.js.map +1 -1
- package/components/Calendar/{MonthView.styles.d.ts → MonthView.css.d.ts} +1 -1
- package/components/Calendar/MonthView.css.js +3 -0
- package/components/Calendar/MonthView.css.js.map +1 -0
- package/components/Calendar/MonthView.js +1 -1
- package/components/Calendar/MonthView.js.map +1 -1
- package/components/Center/{Center.styles.d.ts → Center.css.d.ts} +1 -1
- package/components/Center/Center.css.js +3 -0
- package/components/Center/Center.css.js.map +1 -0
- package/components/Center/Center.js +1 -1
- package/components/Center/Center.js.map +1 -1
- package/components/Checkbox/{Checkbox.styles.d.ts → Checkbox.css.d.ts} +2 -1
- package/components/Checkbox/Checkbox.css.js +5 -0
- package/components/Checkbox/Checkbox.css.js.map +1 -0
- package/components/Checkbox/Checkbox.js +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.mixins.js +3 -6
- package/components/Checkbox/Checkbox.mixins.js.map +1 -1
- package/components/DateInput/{DateFragmentsView.styles.d.ts → DateFragmentsView.css.d.ts} +1 -1
- package/components/DateInput/DateFragmentsView.css.js +3 -0
- package/components/DateInput/DateFragmentsView.css.js.map +1 -0
- package/components/DateInput/DateFragmentsView.js +1 -1
- package/components/DateInput/DateFragmentsView.js.map +1 -1
- package/components/DateInput/{DateInput.styles.d.ts → DateInput.css.d.ts} +2 -3
- package/components/DateInput/DateInput.css.js +3 -0
- package/components/DateInput/DateInput.css.js.map +1 -0
- package/components/DateInput/DateInput.js +1 -1
- package/components/DateInput/DateInput.js.map +1 -1
- package/components/DatePicker/{DatePicker.styles.d.ts → DatePicker.css.d.ts} +1 -1
- package/components/DatePicker/DatePicker.css.js +3 -0
- package/components/DatePicker/DatePicker.css.js.map +1 -0
- package/components/DatePicker/DatePicker.js +1 -1
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DatePicker/MobilePicker.css.d.ts +3 -0
- package/components/DatePicker/MobilePicker.css.js +3 -0
- package/components/DatePicker/MobilePicker.css.js.map +1 -0
- package/components/DatePicker/MobilePicker.js +1 -1
- package/components/DatePicker/MobilePicker.js.map +1 -1
- package/components/DateRangePicker/{DateRangePicker.styles.d.ts → DateRangePicker.css.d.ts} +7 -3
- package/components/DateRangePicker/DateRangePicker.css.js +3 -0
- package/components/DateRangePicker/DateRangePicker.css.js.map +1 -0
- package/components/DateRangePicker/DateRangePicker.d.ts +4 -4
- package/components/DateRangePicker/DateRangePicker.js +32 -27
- package/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/components/FileUploader/{FileUploader.styles.d.ts → FileUploader.css.d.ts} +3 -3
- package/components/FileUploader/FileUploader.css.js +6 -0
- package/components/FileUploader/FileUploader.css.js.map +1 -0
- package/components/FileUploader/FileUploader.js +1 -1
- package/components/FileUploader/FileUploader.js.map +1 -1
- package/components/FileUploader/{FileUploaderFile.styles.d.ts → FileUploaderFile.css.d.ts} +3 -3
- package/components/FileUploader/FileUploaderFile.css.js +5 -0
- package/components/FileUploader/FileUploaderFile.css.js.map +1 -0
- package/components/FileUploader/FileUploaderFile.js +1 -1
- package/components/FileUploader/FileUploaderFile.js.map +1 -1
- package/components/FileUploader/FileUploaderFileList/{FileUploaderFileList.styles.d.ts → FileUploaderFileList.css.d.ts} +3 -3
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js +5 -0
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.css.js.map +1 -0
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js +1 -1
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
- package/components/FileUploader/FileUploaderFileStatusIcon.js +1 -1
- package/components/FileUploader/FileUploaderFileStatusIcon.js.map +1 -1
- package/components/FxInput/FxInput.js +1 -1
- package/components/FxInput/FxInput.js.map +1 -1
- package/components/GlobalLoader/GlobalLoaderView.css.d.ts +21 -0
- package/components/GlobalLoader/GlobalLoaderView.css.js +4 -0
- package/components/GlobalLoader/GlobalLoaderView.css.js.map +1 -0
- package/components/GlobalLoader/GlobalLoaderView.js +13 -7
- package/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
- package/components/Group/{Group.styles.d.ts → Group.css.d.ts} +1 -1
- package/components/Group/Group.css.js +3 -0
- package/components/Group/Group.css.js.map +1 -0
- package/components/Group/Group.js +1 -1
- package/components/Group/Group.js.map +1 -1
- package/components/Hint/{Hint.styles.d.ts → Hint.css.d.ts} +1 -1
- package/components/Hint/Hint.css.js +3 -0
- package/components/Hint/Hint.css.js.map +1 -0
- package/components/Hint/Hint.js +1 -1
- package/components/Hint/Hint.js.map +1 -1
- package/components/Input/{Input.styles.d.ts → Input.css.d.ts} +1 -1
- package/components/Input/Input.css.js +3 -0
- package/components/Input/Input.css.js.map +1 -0
- package/components/Input/Input.js +1 -1
- package/components/Input/Input.js.map +1 -1
- package/components/Input/InputLayout/{InputLayout.styles.d.ts → InputLayout.css.d.ts} +1 -1
- package/components/Input/InputLayout/InputLayout.css.js +4 -0
- package/components/Input/InputLayout/InputLayout.css.js.map +1 -0
- package/components/Input/InputLayout/InputLayout.js +1 -1
- package/components/Input/InputLayout/InputLayout.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAside.js +1 -1
- package/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAsideCounter.js +1 -1
- package/components/Input/InputLayout/InputLayoutAsideCounter.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAsideIcon.js +1 -1
- package/components/Input/InputLayout/InputLayoutAsideIcon.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAsideText.js +1 -1
- package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
- package/components/Kebab/{Kebab.styles.d.ts → Kebab.css.d.ts} +1 -1
- package/components/Kebab/Kebab.css.js +3 -0
- package/components/Kebab/Kebab.css.js.map +1 -0
- package/components/Kebab/Kebab.js +1 -1
- package/components/Kebab/Kebab.js.map +1 -1
- package/components/Link/{Link.styles.d.ts → Link.css.d.ts} +1 -1
- package/components/Link/Link.css.js +3 -0
- package/components/Link/Link.css.js.map +1 -0
- package/components/Link/Link.js +3 -2
- package/components/Link/Link.js.map +1 -1
- package/components/Link/LinkIcon.js +1 -1
- package/components/Link/LinkIcon.js.map +1 -1
- package/components/Loader/{Loader.styles.d.ts → Loader.css.d.ts} +1 -1
- package/components/Loader/Loader.css.js +3 -0
- package/components/Loader/Loader.css.js.map +1 -0
- package/components/Loader/Loader.js +1 -1
- package/components/Loader/Loader.js.map +1 -1
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.d.ts +6 -0
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js +4 -0
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.css.js.map +1 -0
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +1 -1
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -1
- package/components/MaskedInput/{MaskedInput.styles.d.ts → MaskedInput.css.d.ts} +1 -1
- package/components/MaskedInput/MaskedInput.css.js +4 -0
- package/components/MaskedInput/MaskedInput.css.js.map +1 -0
- package/components/MaskedInput/MaskedInputLegacy.js +1 -1
- package/components/MaskedInput/MaskedInputLegacy.js.map +1 -1
- package/components/MaskedInputV2/{MaskedInputV2.styles.d.ts → MaskedInputV2.css.d.ts} +1 -1
- package/components/MaskedInputV2/MaskedInputV2.css.js +4 -0
- package/components/MaskedInputV2/MaskedInputV2.css.js.map +1 -0
- package/components/MaskedInputV2/MaskedInputV2.js +1 -1
- package/components/MaskedInputV2/MaskedInputV2.js.map +1 -1
- package/components/MaskedInputV2/internal/MaskOverlay.js +1 -1
- package/components/MaskedInputV2/internal/MaskOverlay.js.map +1 -1
- package/components/MaskedInputV2/internal/MaskedCore.js +1 -1
- package/components/MaskedInputV2/internal/MaskedCore.js.map +1 -1
- package/components/MaskedInputV2/internal/{MaskedInternal.styles.d.ts → MaskedInternal.css.d.ts} +1 -1
- package/components/MaskedInputV2/internal/MaskedInternal.css.js +4 -0
- package/components/MaskedInputV2/internal/MaskedInternal.css.js.map +1 -0
- package/components/{MenuHeader/MenuHeader.styles.d.ts → MenuFooter/MenuFooter.css.d.ts} +1 -1
- package/components/MenuFooter/MenuFooter.css.js +3 -0
- package/components/MenuFooter/MenuFooter.css.js.map +1 -0
- package/components/MenuFooter/MenuFooter.js +1 -1
- package/components/MenuFooter/MenuFooter.js.map +1 -1
- package/components/{MenuFooter/MenuFooter.styles.d.ts → MenuHeader/MenuHeader.css.d.ts} +1 -1
- package/components/MenuHeader/MenuHeader.css.js +3 -0
- package/components/MenuHeader/MenuHeader.css.js.map +1 -0
- package/components/MenuHeader/MenuHeader.js +1 -1
- package/components/MenuHeader/MenuHeader.js.map +1 -1
- package/components/MenuItem/{MenuItem.styles.d.ts → MenuItem.css.d.ts} +1 -3
- package/components/MenuItem/MenuItem.css.js +3 -0
- package/components/MenuItem/MenuItem.css.js.map +1 -0
- package/components/MenuItem/MenuItem.js +1 -1
- package/components/MenuItem/MenuItem.js.map +1 -1
- package/components/MenuItem/MenuItem.mixins.js +1 -1
- package/components/MenuItem/MenuItem.mixins.js.map +1 -1
- package/components/MenuSeparator/{MenuSeparator.styles.d.ts → MenuSeparator.css.d.ts} +1 -1
- package/components/MenuSeparator/MenuSeparator.css.js +3 -0
- package/components/MenuSeparator/MenuSeparator.css.js.map +1 -0
- package/components/MenuSeparator/MenuSeparator.js +1 -1
- package/components/MenuSeparator/MenuSeparator.js.map +1 -1
- package/components/MiniModal/{MiniModal.styles.d.ts → MiniModal.css.d.ts} +1 -1
- package/components/MiniModal/MiniModal.css.js +4 -0
- package/components/MiniModal/MiniModal.css.js.map +1 -0
- package/components/MiniModal/MiniModalBody.js +1 -1
- package/components/MiniModal/MiniModalBody.js.map +1 -1
- package/components/MiniModal/MiniModalFooter.js +1 -1
- package/components/MiniModal/MiniModalFooter.js.map +1 -1
- package/components/MiniModal/MiniModalHeader.js +1 -1
- package/components/MiniModal/MiniModalHeader.js.map +1 -1
- package/components/MiniModal/MiniModalIndent.js +1 -1
- package/components/MiniModal/MiniModalIndent.js.map +1 -1
- package/components/Modal/{Modal.styles.d.ts → Modal.css.d.ts} +1 -1
- package/components/Modal/Modal.css.js +4 -0
- package/components/Modal/Modal.css.js.map +1 -0
- package/components/Modal/Modal.js +1 -1
- package/components/Modal/Modal.js.map +1 -1
- package/components/Modal/ModalBody.js +1 -1
- package/components/Modal/ModalBody.js.map +1 -1
- package/components/Modal/ModalClose.js +1 -1
- package/components/Modal/ModalClose.js.map +1 -1
- package/components/Modal/ModalFooter.js +1 -1
- package/components/Modal/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader.js +1 -1
- package/components/Modal/ModalHeader.js.map +1 -1
- package/components/Modal/ModalSeparator.js +1 -1
- package/components/Modal/ModalSeparator.js.map +1 -1
- package/components/Paging/{Paging.styles.d.ts → Paging.css.d.ts} +1 -1
- package/components/Paging/Paging.css.js +3 -0
- package/components/Paging/Paging.css.js.map +1 -0
- package/components/Paging/Paging.js +1 -1
- package/components/Paging/Paging.js.map +1 -1
- package/components/PasswordInput/{PasswordInput.styles.d.ts → PasswordInput.css.d.ts} +1 -1
- package/components/PasswordInput/PasswordInput.css.js +3 -0
- package/components/PasswordInput/PasswordInput.css.js.map +1 -0
- package/components/PasswordInput/PasswordInput.js +1 -1
- package/components/PasswordInput/PasswordInput.js.map +1 -1
- package/components/Radio/{Radio.styles.d.ts → Radio.css.d.ts} +2 -1
- package/components/Radio/Radio.css.js +5 -0
- package/components/Radio/Radio.css.js.map +1 -0
- package/components/Radio/Radio.js +1 -1
- package/components/Radio/Radio.js.map +1 -1
- package/components/Radio/Radio.mixins.js +4 -7
- package/components/Radio/Radio.mixins.js.map +1 -1
- package/components/RadioGroup/{RadioGroup.styles.d.ts → RadioGroup.css.d.ts} +1 -1
- package/components/RadioGroup/RadioGroup.css.js +3 -0
- package/components/RadioGroup/RadioGroup.css.js.map +1 -0
- package/components/RadioGroup/RadioGroup.js +1 -1
- package/components/RadioGroup/RadioGroup.js.map +1 -1
- package/components/ScrollContainer/ScrollBar.js +1 -1
- package/components/ScrollContainer/ScrollBar.js.map +1 -1
- package/components/ScrollContainer/{ScrollContainer.styles.d.ts → ScrollContainer.css.d.ts} +1 -1
- package/components/ScrollContainer/ScrollContainer.css.js +4 -0
- package/components/ScrollContainer/ScrollContainer.css.js.map +1 -0
- package/components/ScrollContainer/ScrollContainer.js +1 -1
- package/components/ScrollContainer/ScrollContainer.js.map +1 -1
- package/components/Select/{Select.styles.d.ts → Select.css.d.ts} +1 -1
- package/components/Select/Select.css.js +3 -0
- package/components/Select/Select.css.js.map +1 -0
- package/components/Select/Select.js +2 -2
- package/components/Select/Select.js.map +1 -1
- package/components/SidePage/{SidePage.styles.d.ts → SidePage.css.d.ts} +1 -1
- package/components/SidePage/SidePage.css.js +3 -0
- package/components/SidePage/SidePage.css.js.map +1 -0
- package/components/SidePage/SidePage.d.ts +4 -0
- package/components/SidePage/SidePage.js +18 -2
- package/components/SidePage/SidePage.js.map +1 -1
- package/components/SidePage/SidePageBody.js +1 -1
- package/components/SidePage/SidePageBody.js.map +1 -1
- package/components/SidePage/SidePageCloseButton.js +1 -1
- package/components/SidePage/SidePageCloseButton.js.map +1 -1
- package/components/SidePage/SidePageContainer.js +1 -1
- package/components/SidePage/SidePageContainer.js.map +1 -1
- package/components/SidePage/SidePageContext.d.ts +2 -0
- package/components/SidePage/SidePageContext.js.map +1 -1
- package/components/SidePage/SidePageFooter.js +5 -2
- package/components/SidePage/SidePageFooter.js.map +1 -1
- package/components/SidePage/SidePageHeader.d.ts +1 -0
- package/components/SidePage/SidePageHeader.js +11 -2
- package/components/SidePage/SidePageHeader.js.map +1 -1
- package/components/Spinner/{Spinner.styles.d.ts → Spinner.css.d.ts} +1 -1
- package/components/Spinner/Spinner.css.js +3 -0
- package/components/Spinner/Spinner.css.js.map +1 -0
- package/components/Spinner/Spinner.js +1 -1
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Sticky/{Sticky.styles.d.ts → Sticky.css.d.ts} +1 -1
- package/components/Sticky/Sticky.css.js +3 -0
- package/components/Sticky/Sticky.css.js.map +1 -0
- package/components/Sticky/Sticky.js +1 -1
- package/components/Sticky/Sticky.js.map +1 -1
- package/components/Switcher/{Switcher.styles.d.ts → Switcher.css.d.ts} +1 -1
- package/components/Switcher/Switcher.css.js +3 -0
- package/components/Switcher/Switcher.css.js.map +1 -0
- package/components/Switcher/Switcher.js +1 -1
- package/components/Switcher/Switcher.js.map +1 -1
- package/components/Tabs/{Indicator.styles.d.ts → Indicator.css.d.ts} +1 -1
- package/components/Tabs/Indicator.css.js +3 -0
- package/components/Tabs/Indicator.css.js.map +1 -0
- package/components/Tabs/Indicator.js +1 -1
- package/components/Tabs/Indicator.js.map +1 -1
- package/components/Tabs/{Tab.styles.d.ts → Tab.css.d.ts} +3 -3
- package/components/Tabs/Tab.css.js +6 -0
- package/components/Tabs/Tab.css.js.map +1 -0
- package/components/Tabs/Tab.js +1 -1
- package/components/Tabs/Tab.js.map +1 -1
- package/components/Tabs/{Tabs.styles.d.ts → Tabs.css.d.ts} +1 -1
- package/components/Tabs/Tabs.css.js +3 -0
- package/components/Tabs/Tabs.css.js.map +1 -0
- package/components/Tabs/Tabs.js +1 -1
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Textarea/{Textarea.styles.d.ts → Textarea.css.d.ts} +1 -1
- package/components/Textarea/Textarea.css.js +3 -0
- package/components/Textarea/Textarea.css.js.map +1 -0
- package/components/Textarea/Textarea.js +1 -1
- package/components/Textarea/Textarea.js.map +1 -1
- package/components/Textarea/TextareaCounter.js +1 -1
- package/components/Textarea/TextareaCounter.js.map +1 -1
- package/components/TimePicker/{TimePicker.styles.d.ts → TimePicker.css.d.ts} +1 -1
- package/components/TimePicker/TimePicker.css.js +3 -0
- package/components/TimePicker/TimePicker.css.js.map +1 -0
- package/components/TimePicker/TimePicker.js +1 -1
- package/components/TimePicker/TimePicker.js.map +1 -1
- package/components/TimePicker/TimePickerItems.js +1 -1
- package/components/TimePicker/TimePickerItems.js.map +1 -1
- package/components/TimePicker/TimePickerPopup.js +1 -1
- package/components/TimePicker/TimePickerPopup.js.map +1 -1
- package/components/Toast/{Toast.styles.d.ts → Toast.css.d.ts} +1 -1
- package/components/Toast/Toast.css.js +3 -0
- package/components/Toast/Toast.css.js.map +1 -0
- package/components/Toast/Toast.js +1 -1
- package/components/Toast/Toast.js.map +1 -1
- package/components/Toast/{ToastView.styles.d.ts → ToastView.css.d.ts} +1 -1
- package/components/Toast/ToastView.css.js +3 -0
- package/components/Toast/ToastView.css.js.map +1 -0
- package/components/Toast/ToastView.js +1 -1
- package/components/Toast/ToastView.js.map +1 -1
- package/components/Toggle/{Toggle.styles.d.ts → Toggle.css.d.ts} +2 -1
- package/components/Toggle/Toggle.css.js +5 -0
- package/components/Toggle/Toggle.css.js.map +1 -0
- package/components/Toggle/Toggle.js +1 -1
- package/components/Toggle/Toggle.js.map +1 -1
- package/components/Toggle/Toggle.mixins.js +4 -7
- package/components/Toggle/Toggle.mixins.js.map +1 -1
- package/components/Token/{Token.styles.d.ts → Token.css.d.ts} +1 -1
- package/components/Token/Token.css.js +4 -0
- package/components/Token/Token.css.js.map +1 -0
- package/components/Token/Token.js +1 -1
- package/components/Token/Token.js.map +1 -1
- package/components/Token/TokenView.js +1 -1
- package/components/Token/TokenView.js.map +1 -1
- package/components/TokenInput/TextWidthHelper.js +1 -1
- package/components/TokenInput/TextWidthHelper.js.map +1 -1
- package/components/TokenInput/{TokenInput.styles.d.ts → TokenInput.css.d.ts} +1 -1
- package/components/TokenInput/TokenInput.css.js +4 -0
- package/components/TokenInput/TokenInput.css.js.map +1 -0
- package/components/TokenInput/TokenInput.js +1 -1
- package/components/TokenInput/TokenInput.js.map +1 -1
- package/components/Tooltip/{Tooltip.styles.d.ts → Tooltip.css.d.ts} +1 -1
- package/components/Tooltip/Tooltip.css.js +3 -0
- package/components/Tooltip/Tooltip.css.js.map +1 -0
- package/components/Tooltip/Tooltip.js +1 -1
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/internal/ClearCrossIcon/{ClearCrossIcon.styles.d.ts → ClearCrossIcon.css.d.ts} +2 -3
- package/internal/ClearCrossIcon/ClearCrossIcon.css.js +3 -0
- package/internal/ClearCrossIcon/ClearCrossIcon.css.js.map +1 -0
- package/internal/ClearCrossIcon/ClearCrossIcon.js +1 -1
- package/internal/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
- package/internal/CloseButtonIcon/{CloseButtonIcon.styles.d.ts → CloseButtonIcon.css.d.ts} +4 -3
- package/internal/CloseButtonIcon/CloseButtonIcon.css.js +3 -0
- package/internal/CloseButtonIcon/CloseButtonIcon.css.js.map +1 -0
- package/internal/CloseButtonIcon/CloseButtonIcon.js +13 -8
- package/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
- package/internal/CommonWrapper/CommonWrapper.d.ts +6 -1
- package/internal/CommonWrapper/CommonWrapper.js +18 -4
- package/internal/CommonWrapper/CommonWrapper.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxView.js +2 -2
- package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBox.css.d.ts +4 -0
- package/internal/CustomComboBox/CustomComboBox.css.js +3 -0
- package/internal/CustomComboBox/CustomComboBox.css.js.map +1 -0
- package/internal/DateSelect/{DateSelect.styles.d.ts → DateSelect.css.d.ts} +1 -1
- package/internal/DateSelect/DateSelect.css.js +4 -0
- package/internal/DateSelect/DateSelect.css.js.map +1 -0
- package/internal/DateSelect/DateSelect.js +1 -1
- package/internal/DateSelect/DateSelect.js.map +1 -1
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.d.ts +3 -0
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js +3 -0
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js.map +1 -0
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -1
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +7 -11
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
- package/internal/InputLikeText/{InputLikeText.styles.d.ts → InputLikeText.css.d.ts} +1 -1
- package/internal/InputLikeText/InputLikeText.css.js +3 -0
- package/internal/InputLikeText/InputLikeText.css.js.map +1 -0
- package/internal/InputLikeText/InputLikeText.js +2 -2
- package/internal/InputLikeText/InputLikeText.js.map +1 -1
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.d.ts +5 -0
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js +4 -0
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js.map +1 -0
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js +4 -4
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map +1 -1
- package/internal/MaskCharLowLine/MaskCharLowLine.css.d.ts +3 -0
- package/internal/MaskCharLowLine/MaskCharLowLine.css.js +3 -0
- package/internal/MaskCharLowLine/MaskCharLowLine.css.js.map +1 -0
- package/internal/MaskCharLowLine/MaskCharLowLine.js +1 -1
- package/internal/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
- package/internal/Menu/{Menu.styles.d.ts → Menu.css.d.ts} +1 -1
- package/internal/Menu/Menu.css.js +3 -0
- package/internal/Menu/Menu.css.js.map +1 -0
- package/internal/Menu/Menu.js +1 -1
- package/internal/Menu/Menu.js.map +1 -1
- package/internal/MenuMessage/{MenuMessage.styles.d.ts → MenuMessage.css.d.ts} +1 -1
- package/internal/MenuMessage/MenuMessage.css.js +3 -0
- package/internal/MenuMessage/MenuMessage.css.js.map +1 -0
- package/internal/MenuMessage/MenuMessage.js +1 -1
- package/internal/MenuMessage/MenuMessage.js.map +1 -1
- package/internal/MobilePopup/{MobilePopup.styles.d.ts → MobilePopup.css.d.ts} +1 -1
- package/internal/MobilePopup/MobilePopup.css.js +3 -0
- package/internal/MobilePopup/MobilePopup.css.js.map +1 -0
- package/internal/MobilePopup/MobilePopup.js +1 -1
- package/internal/MobilePopup/MobilePopup.js.map +1 -1
- package/internal/MobilePopup/MobilePopupFooter/{MobilePopupFooter.styles.d.ts → MobilePopupFooter.css.d.ts} +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js +3 -0
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js.map +1 -0
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
- package/internal/MobilePopup/MobilePopupHeader/{MobilePopupHeader.styles.d.ts → MobilePopupHeader.css.d.ts} +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js +3 -0
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js.map +1 -0
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
- package/internal/NativeDateInput/NativeDateInput.css.d.ts +3 -0
- package/internal/NativeDateInput/NativeDateInput.css.js +3 -0
- package/internal/NativeDateInput/NativeDateInput.css.js.map +1 -0
- package/internal/NativeDateInput/NativeDateInput.js +1 -1
- package/internal/NativeDateInput/NativeDateInput.js.map +1 -1
- package/internal/NativeTimeInput/NativeTimeInput.css.d.ts +3 -0
- package/internal/NativeTimeInput/NativeTimeInput.css.js +3 -0
- package/internal/NativeTimeInput/NativeTimeInput.css.js.map +1 -0
- package/internal/NativeTimeInput/NativeTimeInput.js +1 -1
- package/internal/NativeTimeInput/NativeTimeInput.js.map +1 -1
- package/internal/Popup/{Popup.styles.d.ts → Popup.css.d.ts} +1 -1
- package/internal/Popup/Popup.css.js +3 -0
- package/internal/Popup/Popup.css.js.map +1 -0
- package/internal/Popup/Popup.js +1 -1
- package/internal/Popup/Popup.js.map +1 -1
- package/internal/Popup/{PopupPin.styles.d.ts → PopupPin.css.d.ts} +1 -1
- package/internal/Popup/PopupPin.css.js +3 -0
- package/internal/Popup/PopupPin.css.js.map +1 -0
- package/internal/Popup/PopupPin.js +1 -1
- package/internal/Popup/PopupPin.js.map +1 -1
- package/internal/PopupMenu/PopupMenu.css.d.ts +4 -0
- package/internal/PopupMenu/PopupMenu.css.js +3 -0
- package/internal/PopupMenu/PopupMenu.css.js.map +1 -0
- package/internal/PopupMenu/PopupMenu.js +1 -1
- package/internal/PopupMenu/PopupMenu.js.map +1 -1
- package/internal/RenderContainer/RenderContainer.d.ts +1 -0
- package/internal/RenderContainer/RenderContainer.js +26 -1
- package/internal/RenderContainer/RenderContainer.js.map +1 -1
- package/internal/ResizeDetector/{ResizeDetector.styles.d.ts → ResizeDetector.css.d.ts} +1 -1
- package/internal/ResizeDetector/ResizeDetector.css.js +3 -0
- package/internal/ResizeDetector/ResizeDetector.css.js.map +1 -0
- package/internal/ResizeDetector/ResizeDetector.js +1 -1
- package/internal/ResizeDetector/ResizeDetector.js.map +1 -1
- package/internal/SpinnerIcon/{SpinnerIcon.styles.d.ts → SpinnerIcon.css.d.ts} +1 -1
- package/internal/SpinnerIcon/SpinnerIcon.css.js +3 -0
- package/internal/SpinnerIcon/SpinnerIcon.css.js.map +1 -0
- package/internal/SpinnerIcon/SpinnerIcon.js +1 -1
- package/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
- package/internal/TextWidthHelper/TextWidthHelper.css.d.ts +4 -0
- package/internal/TextWidthHelper/TextWidthHelper.css.js +3 -0
- package/internal/TextWidthHelper/TextWidthHelper.css.js.map +1 -0
- package/internal/TextWidthHelper/TextWidthHelper.js +1 -1
- package/internal/TextWidthHelper/TextWidthHelper.js.map +1 -1
- package/internal/TimeInput/{TimeFragments.styles.d.ts → TimeFragments.css.d.ts} +1 -1
- package/internal/TimeInput/TimeFragments.css.js +3 -0
- package/internal/TimeInput/TimeFragments.css.js.map +1 -0
- package/internal/TimeInput/TimeFragments.js +1 -1
- package/internal/TimeInput/TimeFragments.js.map +1 -1
- package/internal/TimeInput/{TimeInput.styles.d.ts → TimeInput.css.d.ts} +1 -1
- package/internal/TimeInput/TimeInput.css.js +3 -0
- package/internal/TimeInput/TimeInput.css.js.map +1 -0
- package/internal/TimeInput/TimeInput.js +1 -1
- package/internal/TimeInput/TimeInput.js.map +1 -1
- package/internal/icons2022/BaseIcon.css.d.ts +3 -0
- package/internal/icons2022/BaseIcon.css.js +3 -0
- package/internal/icons2022/BaseIcon.css.js.map +1 -0
- package/internal/icons2022/BaseIcon.js +1 -1
- package/internal/icons2022/BaseIcon.js.map +1 -1
- package/internal/icons2022/LoadingIcon.js +1 -1
- package/internal/icons2022/LoadingIcon.js.map +1 -1
- package/lib/styles/LabGrotesqueBaseline.css.d.ts +1 -0
- package/lib/styles/LabGrotesqueBaseline.css.js +0 -0
- package/lib/styles/LabGrotesqueBaseline.css.js.map +1 -0
- package/lib/styles/getLabGrotesqueBaselineCompensation.d.ts +6 -0
- package/lib/styles/getLabGrotesqueBaselineCompensation.js +26 -0
- package/lib/styles/getLabGrotesqueBaselineCompensation.js.map +1 -1
- package/lib/theming/AnimationKeyframes.d.ts +1 -1
- package/lib/theming/AnimationKeyframes.js +1 -1
- package/lib/theming/AnimationKeyframes.js.map +1 -1
- package/lib/theming/Emotion.d.ts +6 -2
- package/lib/theming/Emotion.js +34 -11
- package/lib/theming/Emotion.js.map +1 -1
- package/lib/theming/StaticStyles.d.ts +30 -0
- package/lib/theming/StaticStyles.js +410 -0
- package/lib/theming/StaticStyles.js.map +1 -0
- package/lib/theming/bindStaticStyles.d.ts +4 -0
- package/lib/theming/bindStaticStyles.js +18 -0
- package/lib/theming/bindStaticStyles.js.map +1 -0
- package/lib/theming/themeVars.d.ts +26 -0
- package/lib/theming/themeVars.js +72 -0
- package/lib/theming/themeVars.js.map +1 -0
- package/package.json +14 -4
- package/react-ui.css +6926 -0
- package/components/Autocomplete/Autocomplete.styles.js +0 -18
- package/components/Autocomplete/Autocomplete.styles.js.map +0 -1
- package/components/Button/Button.styles.js +0 -260
- package/components/Button/Button.styles.js.map +0 -1
- package/components/Button/ButtonIcon.styles.js +0 -53
- package/components/Button/ButtonIcon.styles.js.map +0 -1
- package/components/Calendar/Calendar.styles.js +0 -22
- package/components/Calendar/Calendar.styles.js.map +0 -1
- package/components/Calendar/DayCellView.styles.js +0 -31
- package/components/Calendar/DayCellView.styles.js.map +0 -1
- package/components/Calendar/MonthView.styles.js +0 -47
- package/components/Calendar/MonthView.styles.js.map +0 -1
- package/components/Center/Center.styles.js +0 -27
- package/components/Center/Center.styles.js.map +0 -1
- package/components/Checkbox/Checkbox.styles.js +0 -100
- package/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/components/DateInput/DateFragmentsView.styles.js +0 -28
- package/components/DateInput/DateFragmentsView.styles.js.map +0 -1
- package/components/DateInput/DateInput.styles.js +0 -29
- package/components/DateInput/DateInput.styles.js.map +0 -1
- package/components/DatePicker/DatePicker.styles.js +0 -18
- package/components/DatePicker/DatePicker.styles.js.map +0 -1
- package/components/DatePicker/MobilePicker.styles.d.ts +0 -3
- package/components/DatePicker/MobilePicker.styles.js +0 -15
- package/components/DatePicker/MobilePicker.styles.js.map +0 -1
- package/components/DateRangePicker/DateRangePicker.styles.js +0 -57
- package/components/DateRangePicker/DateRangePicker.styles.js.map +0 -1
- package/components/FileUploader/FileUploader.styles.js +0 -221
- package/components/FileUploader/FileUploader.styles.js.map +0 -1
- package/components/FileUploader/FileUploaderFile.styles.js +0 -184
- package/components/FileUploader/FileUploaderFile.styles.js.map +0 -1
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +0 -103
- package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +0 -1
- package/components/GlobalLoader/GlobalLoaderView.styles.d.ts +0 -17
- package/components/GlobalLoader/GlobalLoaderView.styles.js +0 -70
- package/components/GlobalLoader/GlobalLoaderView.styles.js.map +0 -1
- package/components/Group/Group.styles.js +0 -30
- package/components/Group/Group.styles.js.map +0 -1
- package/components/Hint/Hint.styles.js +0 -18
- package/components/Hint/Hint.styles.js.map +0 -1
- package/components/Input/Input.styles.js +0 -68
- package/components/Input/Input.styles.js.map +0 -1
- package/components/Input/InputLayout/InputLayout.styles.js +0 -59
- package/components/Input/InputLayout/InputLayout.styles.js.map +0 -1
- package/components/Kebab/Kebab.styles.js +0 -36
- package/components/Kebab/Kebab.styles.js.map +0 -1
- package/components/Link/Link.styles.js +0 -82
- package/components/Link/Link.styles.js.map +0 -1
- package/components/Loader/Loader.styles.js +0 -27
- package/components/Loader/Loader.styles.js.map +0 -1
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -6
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +0 -18
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +0 -1
- package/components/MaskedInput/MaskedInput.styles.js +0 -19
- package/components/MaskedInput/MaskedInput.styles.js.map +0 -1
- package/components/MaskedInputV2/MaskedInputV2.styles.js +0 -19
- package/components/MaskedInputV2/MaskedInputV2.styles.js.map +0 -1
- package/components/MaskedInputV2/internal/MaskedInternal.styles.js +0 -34
- package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map +0 -1
- package/components/MenuFooter/MenuFooter.styles.js +0 -34
- package/components/MenuFooter/MenuFooter.styles.js.map +0 -1
- package/components/MenuHeader/MenuHeader.styles.js +0 -34
- package/components/MenuHeader/MenuHeader.styles.js.map +0 -1
- package/components/MenuItem/MenuItem.styles.js +0 -88
- package/components/MenuItem/MenuItem.styles.js.map +0 -1
- package/components/MenuSeparator/MenuSeparator.styles.js +0 -18
- package/components/MenuSeparator/MenuSeparator.styles.js.map +0 -1
- package/components/MiniModal/MiniModal.styles.js +0 -37
- package/components/MiniModal/MiniModal.styles.js.map +0 -1
- package/components/Modal/Modal.styles.js +0 -167
- package/components/Modal/Modal.styles.js.map +0 -1
- package/components/Paging/Paging.styles.js +0 -99
- package/components/Paging/Paging.styles.js.map +0 -1
- package/components/PasswordInput/PasswordInput.styles.js +0 -36
- package/components/PasswordInput/PasswordInput.styles.js.map +0 -1
- package/components/Radio/Radio.styles.js +0 -100
- package/components/Radio/Radio.styles.js.map +0 -1
- package/components/RadioGroup/RadioGroup.styles.js +0 -24
- package/components/RadioGroup/RadioGroup.styles.js.map +0 -1
- package/components/ScrollContainer/ScrollContainer.styles.js +0 -52
- package/components/ScrollContainer/ScrollContainer.styles.js.map +0 -1
- package/components/Select/Select.styles.js +0 -57
- package/components/Select/Select.styles.js.map +0 -1
- package/components/SidePage/SidePage.styles.js +0 -158
- package/components/SidePage/SidePage.styles.js.map +0 -1
- package/components/Spinner/Spinner.styles.js +0 -43
- package/components/Spinner/Spinner.styles.js.map +0 -1
- package/components/Sticky/Sticky.styles.js +0 -27
- package/components/Sticky/Sticky.styles.js.map +0 -1
- package/components/Switcher/Switcher.styles.js +0 -39
- package/components/Switcher/Switcher.styles.js.map +0 -1
- package/components/Tabs/Indicator.styles.js +0 -27
- package/components/Tabs/Indicator.styles.js.map +0 -1
- package/components/Tabs/Tab.styles.js +0 -105
- package/components/Tabs/Tab.styles.js.map +0 -1
- package/components/Tabs/Tabs.styles.js +0 -26
- package/components/Tabs/Tabs.styles.js.map +0 -1
- package/components/Textarea/Textarea.styles.js +0 -73
- package/components/Textarea/Textarea.styles.js.map +0 -1
- package/components/TimePicker/TimePicker.styles.js +0 -39
- package/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/components/Toast/Toast.styles.js +0 -24
- package/components/Toast/Toast.styles.js.map +0 -1
- package/components/Toast/ToastView.styles.js +0 -67
- package/components/Toast/ToastView.styles.js.map +0 -1
- package/components/Toggle/Toggle.styles.js +0 -147
- package/components/Toggle/Toggle.styles.js.map +0 -1
- package/components/Token/Token.styles.js +0 -67
- package/components/Token/Token.styles.js.map +0 -1
- package/components/TokenInput/TokenInput.styles.js +0 -68
- package/components/TokenInput/TokenInput.styles.js.map +0 -1
- package/components/Tooltip/Tooltip.styles.js +0 -36
- package/components/Tooltip/Tooltip.styles.js.map +0 -1
- package/internal/ClearCrossIcon/ClearCrossIcon.styles.js +0 -36
- package/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map +0 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.styles.js +0 -24
- package/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +0 -1
- package/internal/CustomComboBox/CustomComboBox.styles.d.ts +0 -4
- package/internal/CustomComboBox/CustomComboBox.styles.js +0 -18
- package/internal/CustomComboBox/CustomComboBox.styles.js.map +0 -1
- package/internal/DateSelect/DateSelect.styles.js +0 -24
- package/internal/DateSelect/DateSelect.styles.js.map +0 -1
- package/internal/InputLikeText/InputLikeText.styles.js +0 -30
- package/internal/InputLikeText/InputLikeText.styles.js.map +0 -1
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts +0 -3
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js +0 -15
- package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js.map +0 -1
- package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +0 -3
- package/internal/MaskCharLowLine/MaskCharLowLine.styles.js +0 -15
- package/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map +0 -1
- package/internal/Menu/Menu.styles.js +0 -51
- package/internal/Menu/Menu.styles.js.map +0 -1
- package/internal/MenuMessage/MenuMessage.styles.js +0 -41
- package/internal/MenuMessage/MenuMessage.styles.js.map +0 -1
- package/internal/MobilePopup/MobilePopup.styles.js +0 -57
- package/internal/MobilePopup/MobilePopup.styles.js.map +0 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +0 -25
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +0 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +0 -47
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +0 -1
- package/internal/NativeDateInput/NativeDateInput.styles.d.ts +0 -3
- package/internal/NativeDateInput/NativeDateInput.styles.js +0 -15
- package/internal/NativeDateInput/NativeDateInput.styles.js.map +0 -1
- package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +0 -3
- package/internal/NativeTimeInput/NativeTimeInput.styles.js +0 -15
- package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +0 -1
- package/internal/Popup/Popup.styles.js +0 -69
- package/internal/Popup/Popup.styles.js.map +0 -1
- package/internal/Popup/PopupPin.styles.js +0 -33
- package/internal/Popup/PopupPin.styles.js.map +0 -1
- package/internal/PopupMenu/PopupMenu.styles.d.ts +0 -4
- package/internal/PopupMenu/PopupMenu.styles.js +0 -18
- package/internal/PopupMenu/PopupMenu.styles.js.map +0 -1
- package/internal/ResizeDetector/ResizeDetector.styles.js +0 -27
- package/internal/ResizeDetector/ResizeDetector.styles.js.map +0 -1
- package/internal/SpinnerIcon/SpinnerIcon.styles.js +0 -24
- package/internal/SpinnerIcon/SpinnerIcon.styles.js.map +0 -1
- package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +0 -4
- package/internal/TextWidthHelper/TextWidthHelper.styles.js +0 -18
- package/internal/TextWidthHelper/TextWidthHelper.styles.js.map +0 -1
- package/internal/TimeInput/TimeFragments.styles.js +0 -78
- package/internal/TimeInput/TimeFragments.styles.js.map +0 -1
- package/internal/TimeInput/TimeInput.styles.js +0 -24
- package/internal/TimeInput/TimeInput.styles.js.map +0 -1
- package/internal/icons2022/BaseIcon.styles.d.ts +0 -3
- package/internal/icons2022/BaseIcon.styles.js +0 -16
- package/internal/icons2022/BaseIcon.styles.js.map +0 -1
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { resetButton } from '../../lib/styles/Mixins.js';
|
|
6
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
7
|
-
import { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';
|
|
8
|
-
var line = function (_a) {
|
|
9
|
-
var keyframes = _a.keyframes;
|
|
10
|
-
return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n"], ["\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n"])));
|
|
11
|
-
};
|
|
12
|
-
var oldLineText = function (t, emotion) {
|
|
13
|
-
var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
|
|
14
|
-
return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: ", " 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ", "s !important;\n animation-fill-mode: forwards !important;\n "], ["\n animation: ", " 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ", "s !important;\n animation-fill-mode: forwards !important;\n "])), line(emotion), delay);
|
|
15
|
-
};
|
|
16
|
-
export var getStyles = memoizeGetStyles(function (emotion) { return ({
|
|
17
|
-
root: function (t) {
|
|
18
|
-
return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ", ";\n text-decoration-style: ", ";\n text-underline-offset: ", ";\n text-decoration-thickness: ", ";\n transition: text-decoration-color ", " ", ";\n @supports (text-decoration-color: ", ") {\n text-decoration-color: ", ";\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ", ";\n }\n }\n @supports not (text-decoration-color: ", ") {\n ", ";\n &:hover {\n text-decoration-style: ", ";\n animation: none !important;\n }\n }\n "], ["\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ", ";\n text-decoration-style: ", ";\n text-underline-offset: ", ";\n text-decoration-thickness: ", ";\n transition: text-decoration-color ", " ", ";\n @supports (text-decoration-color: ", ") {\n text-decoration-color: ", ";\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ", ";\n }\n }\n @supports not (text-decoration-color: ", ") {\n ", ";\n &:hover {\n text-decoration-style: ", ";\n animation: none !important;\n }\n }\n "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t, emotion), t.linkHoverTextDecorationStyle);
|
|
19
|
-
},
|
|
20
|
-
lineFocus: function (t) {
|
|
21
|
-
return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.linkHoverColor);
|
|
22
|
-
},
|
|
23
|
-
lineFocusSuccess: function (t) {
|
|
24
|
-
return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", " !important;\n "], ["\n color: ", " !important;\n "])), t.linkSuccessHoverColor);
|
|
25
|
-
},
|
|
26
|
-
lineFocusDanger: function (t) {
|
|
27
|
-
return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", " !important;\n "], ["\n color: ", " !important;\n "])), t.linkDangerHoverColor);
|
|
28
|
-
},
|
|
29
|
-
lineFocusGrayed: function (t) {
|
|
30
|
-
return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", " !important;\n "], ["\n color: ", " !important;\n "])), t.linkGrayedHoverColor);
|
|
31
|
-
},
|
|
32
|
-
button: function (t) {
|
|
33
|
-
return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-block;\n line-height: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n display: inline-block;\n line-height: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
|
|
34
|
-
},
|
|
35
|
-
buttonOpened: function (t) {
|
|
36
|
-
return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), t.btnDefaultActiveBg);
|
|
37
|
-
},
|
|
38
|
-
arrow: function () {
|
|
39
|
-
return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n "], ["\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n "])));
|
|
40
|
-
},
|
|
41
|
-
default: function (t) {
|
|
42
|
-
return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
|
|
43
|
-
},
|
|
44
|
-
success: function (t) {
|
|
45
|
-
return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
|
|
46
|
-
},
|
|
47
|
-
danger: function (t) {
|
|
48
|
-
return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
|
|
49
|
-
},
|
|
50
|
-
grayed: function (t) {
|
|
51
|
-
return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
|
|
52
|
-
},
|
|
53
|
-
useGrayedFocus: function (t) {
|
|
54
|
-
return emotion.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.linkDisabledColor);
|
|
55
|
-
},
|
|
56
|
-
focus: function (t) {
|
|
57
|
-
return emotion.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n text-decoration: ", ";\n outline: ", ";\n "], ["\n text-decoration: ", ";\n outline: ", ";\n "])), t.linkHoverTextDecoration, t.linkFocusOutline);
|
|
58
|
-
},
|
|
59
|
-
disabled: function (t) {
|
|
60
|
-
return emotion.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", ";\n\n color: ", " !important; // override root color\n\n &:hover {\n color: ", ";\n text-decoration-color: ", ";\n }\n "], ["\n ", ";\n\n color: ", " !important; // override root color\n\n &:hover {\n color: ", ";\n text-decoration-color: ", ";\n }\n "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
|
|
61
|
-
},
|
|
62
|
-
icon: function () {
|
|
63
|
-
return emotion.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "])));
|
|
64
|
-
},
|
|
65
|
-
iconLeft: function (t) {
|
|
66
|
-
return emotion.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n margin-right: ", ";\n "], ["\n margin-right: ", ";\n "])), t.linkIconMarginRight);
|
|
67
|
-
},
|
|
68
|
-
iconRight: function (t) {
|
|
69
|
-
return emotion.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), t.linkIconMarginLeft);
|
|
70
|
-
},
|
|
71
|
-
warning: function (t) {
|
|
72
|
-
return emotion.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n "], ["\n background-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n "])), t.btnWarningSecondary, t.btnWarningSecondary);
|
|
73
|
-
},
|
|
74
|
-
error: function (t) {
|
|
75
|
-
return emotion.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n "], ["\n background-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n "])), t.btnErrorSecondary, t.btnErrorSecondary);
|
|
76
|
-
},
|
|
77
|
-
reserButton: function () {
|
|
78
|
-
return emotion.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), resetButton());
|
|
79
|
-
},
|
|
80
|
-
}); });
|
|
81
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
|
|
82
|
-
//# sourceMappingURL=Link.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["Link.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n return emotion.css`\n animation: ${line(emotion)} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n root(t: Theme) {\n return emotion.css`\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ${t.linkTextDecoration};\n text-decoration-style: ${t.linkTextDecorationStyle};\n text-underline-offset: ${t.linkTextUnderlineOffset};\n text-decoration-thickness: ${t.linkTextDecorationThickness};\n transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n text-decoration-color: ${t.linkTextDecorationColor};\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n }\n }\n @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n ${oldLineText(t, emotion)};\n &:hover {\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n animation: none !important;\n }\n }\n `;\n },\n lineFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkHoverColor};\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return emotion.css`\n color: ${t.linkSuccessHoverColor} !important;\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return emotion.css`\n color: ${t.linkDangerHoverColor} !important;\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return emotion.css`\n color: ${t.linkGrayedHoverColor} !important;\n `;\n },\n\n button(t: Theme) {\n return emotion.css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return emotion.css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return emotion.css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n `;\n },\n\n grayed(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n text-decoration: ${t.linkHoverTextDecoration};\n outline: ${t.linkFocusOutline};\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n text-decoration-color: ${t.linkTextDecorationColor};\n }\n `;\n },\n\n icon() {\n return emotion.css`\n display: inline-block;\n `;\n },\n\n iconLeft(t: Theme) {\n return emotion.css`\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n\n iconRight(t: Theme) {\n return emotion.css`\n margin-left: ${t.linkIconMarginLeft};\n `;\n },\n\n warning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n `;\n },\n\n error(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n `;\n },\n\n reserButton() {\n return emotion.css`\n ${resetButton()};\n `;\n },\n}));\n"]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
7
|
-
var css = _a.css;
|
|
8
|
-
return ({
|
|
9
|
-
active: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: ", ";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n background: ", ";\n }\n "], ["\n border-radius: ", ";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n background: ", ";\n }\n "])), t.loaderBorderRadius, t.loaderOpacity, t.loaderBg);
|
|
11
|
-
},
|
|
12
|
-
loader: function () {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n "], ["\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n "])));
|
|
14
|
-
},
|
|
15
|
-
spinnerContainer: function () {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n "], ["\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n "])));
|
|
17
|
-
},
|
|
18
|
-
spinnerContainerSticky: function () {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: fixed;\n "], ["\n position: fixed;\n "])));
|
|
20
|
-
},
|
|
21
|
-
spinnerComponentWrapper: function () {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "])));
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
27
|
-
//# sourceMappingURL=Loader.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.styles.js","sourceRoot":"","sources":["Loader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,uZAAA,yBACS,EAAoB,0QAcxB,EAAe,yBACZ,EAAU,kBAE3B,KAjBkB,CAAC,CAAC,kBAAkB,EAcxB,CAAC,CAAC,aAAa,EACZ,CAAC,CAAC,QAAQ,EAE1B;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,gNAAA,6IAMT,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,yZAAA,sVAkBT,KAAC;QACJ,CAAC;QAED,sBAAsB;YACpB,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,uBAAuB;YACrB,OAAO,GAAG,yGAAA,sCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAlE8D,CAkE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n active(t: Theme) {\n return css`\n border-radius: ${t.loaderBorderRadius};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ${t.loaderOpacity};\n background: ${t.loaderBg};\n }\n `;\n },\n\n loader() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n `;\n },\n\n spinnerContainer() {\n return css`\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n `;\n },\n\n spinnerContainerSticky() {\n return css`\n position: fixed;\n `;\n },\n\n spinnerComponentWrapper() {\n return css`\n display: inline-block;\n `;\n },\n}));\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';
|
|
6
|
-
export var globalClasses = prefix('colorable')({
|
|
7
|
-
input: 'input',
|
|
8
|
-
});
|
|
9
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
10
|
-
var css = _a.css;
|
|
11
|
-
return ({
|
|
12
|
-
root: function () {
|
|
13
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.", " {\n display: inline-block;\n background-color: transparent;\n background-size: 100%;\n background-repeat: repeat;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n "], ["\n &.", " {\n display: inline-block;\n background-color: transparent;\n background-size: 100%;\n background-repeat: repeat;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n "])), globalClasses.input);
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var templateObject_1;
|
|
18
|
-
//# sourceMappingURL=ColorableInputElement.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorableInputElement.styles.js","sourceRoot":"","sources":["ColorableInputElement.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,+TAAA,YACJ,EAAmB,8OAQxB,KARK,aAAa,CAAC,KAAK,EAQvB;QACJ,CAAC;KACF,CAAC;AAb8D,CAa9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';\n\nexport const globalClasses = prefix('colorable')({\n input: 'input',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n &.${globalClasses.input} {\n display: inline-block;\n background-color: transparent;\n background-size: 100%;\n background-repeat: repeat;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n `;\n },\n}));\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';
|
|
6
|
-
import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
|
|
7
|
-
export var globalClasses = prefix('masked-input')({
|
|
8
|
-
root: 'root',
|
|
9
|
-
});
|
|
10
|
-
export var getStyles = memoizeGetStyles(function (emotion) {
|
|
11
|
-
injectGlobalFont(emotion);
|
|
12
|
-
return {
|
|
13
|
-
root: function (t) {
|
|
14
|
-
return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ", ", ";\n font-variant-numeric: tabular-nums;\n "], ["\n font-family: ", ", ", ";\n font-variant-numeric: tabular-nums;\n "])), UI_FONT_NAME, t.baseFontFamily);
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
});
|
|
18
|
-
var templateObject_1;
|
|
19
|
-
//# sourceMappingURL=MaskedInput.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaskedInput.styles.js","sourceRoot":"","sources":["MaskedInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IACzD,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1B,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,4JAAA,yBACD,EAAY,IAAK,EAAgB,wDAEjD,KAFgB,YAAY,EAAK,CAAC,CAAC,cAAc,EAEhD;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-input')({\n root: 'root',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n injectGlobalFont(emotion);\n return {\n root(t: Theme) {\n return emotion.css`\n font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n font-variant-numeric: tabular-nums;\n `;\n },\n };\n});\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';
|
|
6
|
-
import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
|
|
7
|
-
export var globalClasses = prefix('masked-input-v2')({
|
|
8
|
-
root: 'root',
|
|
9
|
-
});
|
|
10
|
-
export var getStyles = memoizeGetStyles(function (emotion) {
|
|
11
|
-
injectGlobalFont(emotion);
|
|
12
|
-
return {
|
|
13
|
-
root: function (t) {
|
|
14
|
-
return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ", ", ";\n font-variant-numeric: tabular-nums;\n "], ["\n font-family: ", ", ", ";\n font-variant-numeric: tabular-nums;\n "])), UI_FONT_NAME, t.baseFontFamily);
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
});
|
|
18
|
-
var templateObject_1;
|
|
19
|
-
//# sourceMappingURL=MaskedInputV2.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaskedInputV2.styles.js","sourceRoot":"","sources":["MaskedInputV2.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IACzD,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1B,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,4JAAA,yBACD,EAAY,IAAK,EAAgB,wDAEjD,KAFgB,YAAY,EAAK,CAAC,CAAC,cAAc,EAEhD;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-input-v2')({\n root: 'root',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n injectGlobalFont(emotion);\n return {\n root(t: Theme) {\n return emotion.css`\n font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n font-variant-numeric: tabular-nums;\n `;\n },\n };\n});\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';
|
|
6
|
-
export var globalClasses = prefix('masked-internal')({
|
|
7
|
-
input: 'input',
|
|
8
|
-
disabled: 'disabled',
|
|
9
|
-
selected: 'selected',
|
|
10
|
-
masked: 'masked',
|
|
11
|
-
colored: 'colored',
|
|
12
|
-
});
|
|
13
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
14
|
-
var css = _a.css;
|
|
15
|
-
return ({
|
|
16
|
-
input: function (t) {
|
|
17
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color-scheme: ", ";\n\n &:-internal-autofill-selected {\n background-color: ", " !important;\n background-image: none !important;\n color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n box-shadow: 0 0 0 1000px ", " inset;\n -webkit-text-fill-color: ", " !important;\n color: ", " !important;\n /* Chrome \u0438\u043D\u0430\u0447\u0435 \u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 caret \u043F\u0440\u0438 autofill (color/currentColor). */\n caret-color: ", " !important;\n transition:\n background-color 0s 600000s,\n color 0s 600000s !important;\n }\n\n &:disabled {\n color: ", ";\n\n &:-internal-autofill-selected {\n background-color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n box-shadow: 0 0 0 1000px ", " inset;\n }\n }\n\n &.", " {\n color: transparent;\n -webkit-text-fill-color: transparent;\n caret-color: ", ";\n\n &::selection {\n background-color: transparent !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n }\n\n /* \u0422\u0435\u043A\u0441\u0442 \u0440\u0438\u0441\u0443\u0435\u0442 MaskOverlay; \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 autofill \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0442\u044C fill-color. */\n &:-internal-autofill-selected {\n color: transparent !important;\n caret-color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-text-fill-color: transparent !important;\n color: transparent !important;\n /* \u0411\u0435\u0437 \u044D\u0442\u043E\u0433\u043E caret \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F transparent \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438 \u043D\u0435 \u043C\u0438\u0433\u0430\u0435\u0442. */\n caret-color: ", " !important;\n }\n }\n "], ["\n color-scheme: ", ";\n\n &:-internal-autofill-selected {\n background-color: ", " !important;\n background-image: none !important;\n color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n box-shadow: 0 0 0 1000px ", " inset;\n -webkit-text-fill-color: ", " !important;\n color: ", " !important;\n /* Chrome \u0438\u043D\u0430\u0447\u0435 \u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 caret \u043F\u0440\u0438 autofill (color/currentColor). */\n caret-color: ", " !important;\n transition:\n background-color 0s 600000s,\n color 0s 600000s !important;\n }\n\n &:disabled {\n color: ", ";\n\n &:-internal-autofill-selected {\n background-color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n box-shadow: 0 0 0 1000px ", " inset;\n }\n }\n\n &.", " {\n color: transparent;\n -webkit-text-fill-color: transparent;\n caret-color: ", ";\n\n &::selection {\n background-color: transparent !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n }\n\n /* \u0422\u0435\u043A\u0441\u0442 \u0440\u0438\u0441\u0443\u0435\u0442 MaskOverlay; \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043F\u0440\u0438 autofill \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0442\u044C fill-color. */\n &:-internal-autofill-selected {\n color: transparent !important;\n caret-color: ", " !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-text-fill-color: transparent !important;\n color: transparent !important;\n /* \u0411\u0435\u0437 \u044D\u0442\u043E\u0433\u043E caret \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F transparent \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438 \u043D\u0435 \u043C\u0438\u0433\u0430\u0435\u0442. */\n caret-color: ", " !important;\n }\n }\n "])), t.inputColorScheme, t.inputBg, t.inputTextColor, t.inputBg, t.inputBg, t.inputTextColor, t.inputTextColor, t.inputTextColor, t.inputTextColorDisabled, t.inputDisabledBg, t.inputDisabledBg, t.inputDisabledBg, globalClasses.masked, t.inputTextColor, t.inputTextColor, t.inputTextColor);
|
|
18
|
-
},
|
|
19
|
-
overlay: function () {
|
|
20
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n inset: 0;\n pointer-events: none;\n user-select: none;\n overflow: hidden;\n display: flex;\n align-items: center;\n z-index: 2;\n "], ["\n position: absolute;\n inset: 0;\n pointer-events: none;\n user-select: none;\n overflow: hidden;\n display: flex;\n align-items: center;\n z-index: 2;\n "])));
|
|
21
|
-
},
|
|
22
|
-
typed: function (t) {
|
|
23
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n white-space: pre;\n color: ", ";\n\n &.", " {\n color: ", ";\n }\n "], ["\n white-space: pre;\n color: ", ";\n\n &.", " {\n color: ", ";\n }\n "])), t.inputTextColor, globalClasses.disabled, t.inputTextColorDisabled);
|
|
24
|
-
},
|
|
25
|
-
mask: function (t) {
|
|
26
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n white-space: pre;\n color: ", ";\n\n &.", " {\n color: ", ";\n }\n\n &.", " {\n color: ", ";\n }\n "], ["\n white-space: pre;\n color: ", ";\n\n &.", " {\n color: ", ";\n }\n\n &.", " {\n color: ", ";\n }\n "])), t.inputTextColor, globalClasses.colored, t.inputPlaceholderColor, globalClasses.disabled, t.inputTextColorDisabled);
|
|
27
|
-
},
|
|
28
|
-
selectedSegment: function () {
|
|
29
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: #3390ff;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n "], ["\n background-color: #3390ff;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n "])));
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
34
|
-
//# sourceMappingURL=MaskedInternal.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MaskedInternal.styles.js","sourceRoot":"","sources":["MaskedInternal.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,+9EAAA,wBACQ,EAAkB,wEAGZ,EAAS,2EAEpB,EAAgB,kKAMU,EAAS,4CACjB,EAAS,4CACT,EAAgB,+BAClC,EAAgB,mMAEV,EAAgB,mKAOtB,EAAwB,4EAGX,EAAiB,4KAMF,EAAiB,8CACzB,EAAiB,yCAI5C,EAAoB,uGAGP,EAAgB,mlBAWd,EAAgB,iiBAShB,EAAgB,wCAGpC,KA/DiB,CAAC,CAAC,gBAAgB,EAGZ,CAAC,CAAC,OAAO,EAEpB,CAAC,CAAC,cAAc,EAMU,CAAC,CAAC,OAAO,EACjB,CAAC,CAAC,OAAO,EACT,CAAC,CAAC,cAAc,EAClC,CAAC,CAAC,cAAc,EAEV,CAAC,CAAC,cAAc,EAOtB,CAAC,CAAC,sBAAsB,EAGX,CAAC,CAAC,eAAe,EAMF,CAAC,CAAC,eAAe,EACzB,CAAC,CAAC,eAAe,EAI5C,aAAa,CAAC,MAAM,EAGP,CAAC,CAAC,cAAc,EAWd,CAAC,CAAC,cAAc,EAShB,CAAC,CAAC,cAAc,EAGnC;QACJ,CAAC;QACD,OAAO;YACL,OAAO,GAAG,4QAAA,yMAST,KAAC;QACJ,CAAC;QACD,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,yKAAA,0CAEC,EAAgB,eAErB,EAAsB,qBACf,EAAwB,kBAEpC,KALU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0NAAA,0CAEC,EAAgB,eAErB,EAAqB,qBACd,EAAuB,wBAG9B,EAAsB,qBACf,EAAwB,kBAEpC,KATU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,OAAO,EACd,CAAC,CAAC,qBAAqB,EAG9B,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,eAAe;YACb,OAAO,GAAG,6LAAA,0HAIT,KAAC;QACJ,CAAC;KACF,CAAC;AA/G8D,CA+G9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-internal')({\n input: 'input',\n disabled: 'disabled',\n selected: 'selected',\n masked: 'masked',\n colored: 'colored',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n input(t: Theme) {\n return css`\n color-scheme: ${t.inputColorScheme};\n\n &:-internal-autofill-selected {\n background-color: ${t.inputBg} !important;\n background-image: none !important;\n color: ${t.inputTextColor} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n -webkit-text-fill-color: ${t.inputTextColor} !important;\n color: ${t.inputTextColor} !important;\n /* Chrome иначе скрывает caret при autofill (color/currentColor). */\n caret-color: ${t.inputTextColor} !important;\n transition:\n background-color 0s 600000s,\n color 0s 600000s !important;\n }\n\n &:disabled {\n color: ${t.inputTextColorDisabled};\n\n &:-internal-autofill-selected {\n background-color: ${t.inputDisabledBg} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n }\n }\n\n &.${globalClasses.masked} {\n color: transparent;\n -webkit-text-fill-color: transparent;\n caret-color: ${t.inputTextColor};\n\n &::selection {\n background-color: transparent !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n }\n\n /* Текст рисует MaskOverlay; браузер при autofill не должен перебивать fill-color. */\n &:-internal-autofill-selected {\n color: transparent !important;\n caret-color: ${t.inputTextColor} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-text-fill-color: transparent !important;\n color: transparent !important;\n /* Без этого caret становится transparent вместе с текстом и не мигает. */\n caret-color: ${t.inputTextColor} !important;\n }\n }\n `;\n },\n overlay() {\n return css`\n position: absolute;\n inset: 0;\n pointer-events: none;\n user-select: none;\n overflow: hidden;\n display: flex;\n align-items: center;\n z-index: 2;\n `;\n },\n typed(t: Theme) {\n return css`\n white-space: pre;\n color: ${t.inputTextColor};\n\n &.${globalClasses.disabled} {\n color: ${t.inputTextColorDisabled};\n }\n `;\n },\n mask(t: Theme) {\n return css`\n white-space: pre;\n color: ${t.inputTextColor};\n\n &.${globalClasses.colored} {\n color: ${t.inputPlaceholderColor};\n }\n\n &.${globalClasses.disabled} {\n color: ${t.inputTextColorDisabled};\n }\n `;\n },\n selectedSegment() {\n return css`\n background-color: #3390ff;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n `;\n },\n}));\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
import { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins.js';
|
|
7
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
8
|
-
var css = _a.css;
|
|
9
|
-
return ({
|
|
10
|
-
root: function (t) {
|
|
11
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n cursor: default;\n "], ["\n color: ", ";\n cursor: default;\n "])), t.menuFooterColor);
|
|
12
|
-
},
|
|
13
|
-
rootSmall: function (t) {
|
|
14
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuFooterSizeMixin(t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall));
|
|
15
|
-
},
|
|
16
|
-
rootMedium: function (t) {
|
|
17
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuFooterSizeMixin(t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium));
|
|
18
|
-
},
|
|
19
|
-
rootLarge: function (t) {
|
|
20
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuFooterSizeMixin(t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge));
|
|
21
|
-
},
|
|
22
|
-
withLeftPaddingSmall: function (t) {
|
|
23
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
|
|
24
|
-
},
|
|
25
|
-
withLeftPaddingMedium: function (t) {
|
|
26
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
|
|
27
|
-
},
|
|
28
|
-
withLeftPaddingLarge: function (t) {
|
|
29
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
34
|
-
//# sourceMappingURL=MenuFooter.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuFooter.styles.js","sourceRoot":"","sources":["MenuFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,iBACC,EAAiB,iCAE3B,KAFU,CAAC,CAAC,eAAe,EAE1B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,6BAA6B,CAChC,EACD;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;QACD,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,uFAAA,UACN,EAAiD,QACpD,KADG,iBAAiB,CAAC,CAAC,CAAC,4BAA4B,CAAC,EACnD;QACJ,CAAC;QACD,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;KACF,CAAC;AAzD8D,CAyD9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n color: ${t.menuFooterColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXSmall,\n t.menuFooterFontSizeSmall,\n t.menuFooterLineHeightSmall,\n t.menuFooterPaddingTopSmall,\n t.menuFooterPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXMedium,\n t.menuFooterFontSizeMedium,\n t.menuFooterLineHeightMedium,\n t.menuFooterPaddingTopMedium,\n t.menuFooterPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXLarge,\n t.menuFooterFontSizeLarge,\n t.menuFooterLineHeightLarge,\n t.menuFooterPaddingTopLarge,\n t.menuFooterPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n}));\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
import { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins.js';
|
|
7
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
8
|
-
var css = _a.css;
|
|
9
|
-
return ({
|
|
10
|
-
root: function (t) {
|
|
11
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n cursor: default;\n "], ["\n color: ", ";\n cursor: default;\n "])), t.menuHeaderColor);
|
|
12
|
-
},
|
|
13
|
-
rootSmall: function (t) {
|
|
14
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuHeaderSizeMixin(t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
|
|
15
|
-
},
|
|
16
|
-
rootMedium: function (t) {
|
|
17
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
|
|
18
|
-
},
|
|
19
|
-
rootLarge: function (t) {
|
|
20
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuHeaderSizeMixin(t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
|
|
21
|
-
},
|
|
22
|
-
withLeftPaddingSmall: function (t) {
|
|
23
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
|
|
24
|
-
},
|
|
25
|
-
withLeftPaddingMedium: function (t) {
|
|
26
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
|
|
27
|
-
},
|
|
28
|
-
withLeftPaddingLarge: function (t) {
|
|
29
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
34
|
-
//# sourceMappingURL=MenuHeader.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuHeader.styles.js","sourceRoot":"","sources":["MenuHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,iBACC,EAAiB,iCAE3B,KAFU,CAAC,CAAC,eAAe,EAE1B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,6BAA6B,CAChC,EACD;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;QACD,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,uFAAA,UACN,EAAiD,QACpD,KADG,iBAAiB,CAAC,CAAC,CAAC,4BAA4B,CAAC,EACnD;QACJ,CAAC;QACD,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;KACF,CAAC;AAzD8D,CAyD9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\n )};\n `;\n },\n\n withLeftPaddingSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n}));\n"]}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { resetButton } from '../../lib/styles/Mixins.js';
|
|
6
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
7
|
-
import { getMenuItemPaddings, iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins.js';
|
|
8
|
-
export { getMenuItemPaddings };
|
|
9
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
10
|
-
var css = _a.css;
|
|
11
|
-
return ({
|
|
12
|
-
root: function (t) {
|
|
13
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n cursor: pointer;\n display: ", ";\n position: relative;\n text-decoration: none;\n color: ", ";\n border-radius: ", ";\n\n button& {\n min-width: 100%;\n }\n\n &:nth-last-of-type(n + 2) {\n margin-bottom: ", ";\n }\n "], ["\n ", ";\n\n cursor: pointer;\n display: ", ";\n position: relative;\n text-decoration: none;\n color: ", ";\n border-radius: ", ";\n\n button& {\n min-width: 100%;\n }\n\n &:nth-last-of-type(n + 2) {\n margin-bottom: ", ";\n }\n "])), resetButton(), t.menuItemDisplay, t.menuItemTextColor, t.menuItemBorderRadius, t.menuItemGap);
|
|
14
|
-
},
|
|
15
|
-
rootSmall: function (t) {
|
|
16
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuItemSizeMixin(t.menuItemPaddingXSmall, t.menuItemPaddingYSmall, t.menuItemLineHeightSmall, t.menuItemFontSizeSmall));
|
|
17
|
-
},
|
|
18
|
-
rootMedium: function (t) {
|
|
19
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuItemSizeMixin(t.menuItemPaddingXMedium, t.menuItemPaddingYMedium, t.menuItemLineHeightMedium, t.menuItemFontSizeMedium));
|
|
20
|
-
},
|
|
21
|
-
rootLarge: function (t) {
|
|
22
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), menuItemSizeMixin(t.menuItemPaddingXLarge, t.menuItemPaddingYLarge, t.menuItemLineHeightLarge, t.menuItemFontSizeLarge));
|
|
23
|
-
},
|
|
24
|
-
rootMobile: function (t) {
|
|
25
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "])), t.menuItemFontSizeMobile, t.menuItemLineHeightMobile, t.menuItemPaddingMobile);
|
|
26
|
-
},
|
|
27
|
-
rootMobileLarge: function (t) {
|
|
28
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "])), t.mobileMenuItemFontSizeLarge, t.mobileMenuItemLineHeightLarge, t.mobileMenuItemPaddingLarge);
|
|
29
|
-
},
|
|
30
|
-
rootMobileMedium: function (t) {
|
|
31
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "])), t.mobileMenuItemFontSizeMedium, t.mobileMenuItemLineHeightMedium, t.mobileMenuItemPaddingMedium);
|
|
32
|
-
},
|
|
33
|
-
rootMobileSmall: function (t) {
|
|
34
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n "])), t.mobileMenuItemFontSizeSmall, t.mobileMenuItemLineHeightSmall, t.mobileMenuItemPaddingSmall);
|
|
35
|
-
},
|
|
36
|
-
hover: function (t) {
|
|
37
|
-
// Color with !important in purpose to override `a:hover`
|
|
38
|
-
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: ", " !important;\n color: ", " !important;\n "], ["\n background: ", " !important;\n color: ", " !important;\n "])), t.menuItemHoverBg, t.menuItemHoverColor);
|
|
39
|
-
},
|
|
40
|
-
selected: function (t) {
|
|
41
|
-
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n background: ", " !important;\n "], ["\n background: ", " !important;\n "])), t.menuItemSelectedBg);
|
|
42
|
-
},
|
|
43
|
-
disabled: function (t) {
|
|
44
|
-
return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n cursor: default;\n "], ["\n background: ", ";\n color: ", ";\n cursor: default;\n "])), t.menuItemDisabledBg, t.menuItemDisabledColor);
|
|
45
|
-
},
|
|
46
|
-
nonSelectable: function () {
|
|
47
|
-
return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n cursor: default;\n "], ["\n cursor: default;\n "])));
|
|
48
|
-
},
|
|
49
|
-
loose: function () {
|
|
50
|
-
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n padding-left: 15px;\n "], ["\n padding-left: 15px;\n "])));
|
|
51
|
-
},
|
|
52
|
-
withIconSmall: function (t) {
|
|
53
|
-
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
|
|
54
|
-
},
|
|
55
|
-
withIconMedium: function (t) {
|
|
56
|
-
return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
|
|
57
|
-
},
|
|
58
|
-
withIconLarge: function (t) {
|
|
59
|
-
return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
|
|
60
|
-
},
|
|
61
|
-
comment: function (t) {
|
|
62
|
-
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n color: ", ";\n opacity: ", ";\n white-space: normal;\n padding-top: 4px;\n "], ["\n color: ", ";\n opacity: ", ";\n white-space: normal;\n padding-top: 4px;\n "])), t.menuItemCommentColor, t.menuItemCommentOpacity);
|
|
63
|
-
},
|
|
64
|
-
commentHover: function (t) {
|
|
65
|
-
return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n opacity: ", ";\n "], ["\n color: ", ";\n opacity: ", ";\n "])), t.menuItemCommentColorHover, t.menuItemCommentOpacityHover);
|
|
66
|
-
},
|
|
67
|
-
commentDisabled: function (t) {
|
|
68
|
-
return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.menuItemDisabledColor);
|
|
69
|
-
},
|
|
70
|
-
icon: function () {
|
|
71
|
-
return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n display: inline-block;\n position: absolute;\n transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n "], ["\n display: inline-block;\n position: absolute;\n transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n "])));
|
|
72
|
-
},
|
|
73
|
-
iconSmall: function (t) {
|
|
74
|
-
return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
|
|
75
|
-
},
|
|
76
|
-
iconMedium: function (t) {
|
|
77
|
-
return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
|
|
78
|
-
},
|
|
79
|
-
iconLarge: function (t) {
|
|
80
|
-
return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
|
|
81
|
-
},
|
|
82
|
-
mobileContentWithIcon: function () {
|
|
83
|
-
return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n margin-left: 8px;\n "], ["\n margin-left: 8px;\n "])));
|
|
84
|
-
},
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
|
|
88
|
-
//# sourceMappingURL=MenuItem.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.styles.js","sourceRoot":"","sources":["MenuItem.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { getMenuItemPaddings, iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins.js';\n\nexport { getMenuItemPaddings };\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n ${resetButton()};\n\n cursor: pointer;\n display: ${t.menuItemDisplay};\n position: relative;\n text-decoration: none;\n color: ${t.menuItemTextColor};\n border-radius: ${t.menuItemBorderRadius};\n\n button& {\n min-width: 100%;\n }\n\n &:nth-last-of-type(n + 2) {\n margin-bottom: ${t.menuItemGap};\n }\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXSmall,\n t.menuItemPaddingYSmall,\n t.menuItemLineHeightSmall,\n t.menuItemFontSizeSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXMedium,\n t.menuItemPaddingYMedium,\n t.menuItemLineHeightMedium,\n t.menuItemFontSizeMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuItemSizeMixin(\n t.menuItemPaddingXLarge,\n t.menuItemPaddingYLarge,\n t.menuItemLineHeightLarge,\n t.menuItemFontSizeLarge,\n )};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n font-size: ${t.menuItemFontSizeMobile};\n line-height: ${t.menuItemLineHeightMobile};\n padding: ${t.menuItemPaddingMobile};\n `;\n },\n\n rootMobileLarge(t: Theme) {\n return css`\n font-size: ${t.mobileMenuItemFontSizeLarge};\n line-height: ${t.mobileMenuItemLineHeightLarge};\n padding: ${t.mobileMenuItemPaddingLarge};\n `;\n },\n rootMobileMedium(t: Theme) {\n return css`\n font-size: ${t.mobileMenuItemFontSizeMedium};\n line-height: ${t.mobileMenuItemLineHeightMedium};\n padding: ${t.mobileMenuItemPaddingMedium};\n `;\n },\n rootMobileSmall(t: Theme) {\n return css`\n font-size: ${t.mobileMenuItemFontSizeSmall};\n line-height: ${t.mobileMenuItemLineHeightSmall};\n padding: ${t.mobileMenuItemPaddingSmall};\n `;\n },\n\n hover(t: Theme) {\n // Color with !important in purpose to override `a:hover`\n return css`\n background: ${t.menuItemHoverBg} !important;\n color: ${t.menuItemHoverColor} !important;\n `;\n },\n selected(t: Theme) {\n return css`\n background: ${t.menuItemSelectedBg} !important;\n `;\n },\n disabled(t: Theme) {\n return css`\n background: ${t.menuItemDisabledBg};\n color: ${t.menuItemDisabledColor};\n cursor: default;\n `;\n },\n nonSelectable() {\n return css`\n cursor: default;\n `;\n },\n loose() {\n return css`\n padding-left: 15px;\n `;\n },\n withIconSmall(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withIconMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withIconLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n comment(t: Theme) {\n return css`\n color: ${t.menuItemCommentColor};\n opacity: ${t.menuItemCommentOpacity};\n white-space: normal;\n padding-top: 4px;\n `;\n },\n commentHover(t: Theme) {\n return css`\n color: ${t.menuItemCommentColorHover};\n opacity: ${t.menuItemCommentOpacityHover};\n `;\n },\n commentDisabled(t: Theme) {\n return css`\n color: ${t.menuItemDisabledColor};\n `;\n },\n icon() {\n return css`\n display: inline-block;\n position: absolute;\n transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n `;\n },\n iconSmall(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n `;\n },\n mobileContentWithIcon() {\n return css`\n margin-left: 8px;\n `;\n },\n}));\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
7
|
-
var css = _a.css;
|
|
8
|
-
return ({
|
|
9
|
-
root: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", " ", ";\n border-top: ", " solid ", ";\n "], ["\n margin: ", " ", ";\n border-top: ", " solid ", ";\n "])), t.menuSeparatorMarginY, t.menuSeparatorMarginX, t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
|
|
11
|
-
},
|
|
12
|
-
rootMobile: function (t) {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: ", " ", ";\n border-radius: 1px;\n "], ["\n margin: ", " ", ";\n border-radius: 1px;\n "])), t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var templateObject_1, templateObject_2;
|
|
18
|
-
//# sourceMappingURL=MenuSeparator.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSeparator.styles.js","sourceRoot":"","sources":["MenuSeparator.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,yIAAA,kBACE,EAAsB,GAAI,EAAsB,uBAC5C,EAA0B,SAAU,EAA0B,SAC7E,KAFW,CAAC,CAAC,oBAAoB,EAAI,CAAC,CAAC,oBAAoB,EAC5C,CAAC,CAAC,wBAAwB,EAAU,CAAC,CAAC,wBAAwB,EAC5E;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,gIAAA,kBACE,EAA4B,GAAI,EAA4B,oCAEvE,KAFW,CAAC,CAAC,0BAA0B,EAAI,CAAC,CAAC,0BAA0B,EAEtE;QACJ,CAAC;KACF,CAAC;AAd8D,CAc9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n border-radius: 1px;\n `;\n },\n}));\n"]}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
import { globalClasses as buttonGlobalClasses } from '../Button/Button.styles.js';
|
|
7
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
8
|
-
var css = _a.css;
|
|
9
|
-
return ({
|
|
10
|
-
icon: function () {
|
|
11
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-align: center;\n "], ["\n text-align: center;\n "])));
|
|
12
|
-
},
|
|
13
|
-
description: function (t) {
|
|
14
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: center;\n font-size: ", ";\n line-height: ", ";\n "], ["\n text-align: center;\n font-size: ", ";\n line-height: ", ";\n "])), t.miniModalDescriptionFontSize, t.miniModalDescriptionLineHeight);
|
|
15
|
-
},
|
|
16
|
-
title: function () {
|
|
17
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-align: center;\n "], ["\n text-align: center;\n "])));
|
|
18
|
-
},
|
|
19
|
-
titleWithIcon: function (t) {
|
|
20
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-top: ", ";\n "], ["\n margin-top: ", ";\n "])), t.miniModalTitleMarginTop);
|
|
21
|
-
},
|
|
22
|
-
actions: function () {
|
|
23
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: stretch;\n text-align: center;\n\n .", " {\n width: 100%;\n }\n "], ["\n display: flex;\n justify-content: stretch;\n text-align: center;\n\n .", " {\n width: 100%;\n }\n "])), buttonGlobalClasses.root);
|
|
24
|
-
},
|
|
25
|
-
actionsIndent: function (t) {
|
|
26
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding: ", " 0;\n "], ["\n padding: ", " 0;\n "])), t.miniModalCancelIndent);
|
|
27
|
-
},
|
|
28
|
-
actionsRow: function (t) {
|
|
29
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex-direction: row;\n > *:nth-of-type(1) {\n margin-right: calc(", " / 2);\n }\n > *:nth-of-type(2) {\n margin-left: calc(", " / 2);\n }\n "], ["\n flex-direction: row;\n > *:nth-of-type(1) {\n margin-right: calc(", " / 2);\n }\n > *:nth-of-type(2) {\n margin-left: calc(", " / 2);\n }\n "])), t.miniModalActionGap, t.miniModalActionGap);
|
|
30
|
-
},
|
|
31
|
-
actionsColumn: function (t) {
|
|
32
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex-direction: column;\n > *:nth-of-type(2) {\n margin-top: ", ";\n }\n > *:nth-of-type(3) {\n margin-top: ", ";\n }\n "], ["\n flex-direction: column;\n > *:nth-of-type(2) {\n margin-top: ", ";\n }\n > *:nth-of-type(3) {\n margin-top: ", ";\n }\n "])), t.miniModalActionGap, t.miniModalActionGap);
|
|
33
|
-
},
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
37
|
-
//# sourceMappingURL=MiniModal.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MiniModal.styles.js","sourceRoot":"","sources":["MiniModal.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAElF,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,wJAAA,gDAEK,EAA8B,wBAC5B,EAAgC,SAChD,KAFc,CAAC,CAAC,4BAA4B,EAC5B,CAAC,CAAC,8BAA8B,EAC/C;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oGAAA,sBACM,EAAyB,SACxC,KADe,CAAC,CAAC,uBAAuB,EACvC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,6MAAA,+FAKL,EAAwB,yCAG5B,KAHI,mBAAmB,CAAC,IAAI,EAG3B;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,mGAAA,mBACG,EAAuB,WACnC,KADY,CAAC,CAAC,qBAAqB,EAClC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,8PAAA,uFAGe,EAAoB,yEAGrB,EAAoB,uBAE3C,KALwB,CAAC,CAAC,kBAAkB,EAGrB,CAAC,CAAC,kBAAkB,EAE1C;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,0OAAA,mFAGQ,EAAoB,8DAGpB,EAAoB,kBAErC,KALiB,CAAC,CAAC,kBAAkB,EAGpB,CAAC,CAAC,kBAAkB,EAEpC;QACJ,CAAC;KACF,CAAC;AApE8D,CAoE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n icon() {\n return css`\n text-align: center;\n `;\n },\n\n description(t: Theme) {\n return css`\n text-align: center;\n font-size: ${t.miniModalDescriptionFontSize};\n line-height: ${t.miniModalDescriptionLineHeight};\n `;\n },\n\n title() {\n return css`\n text-align: center;\n `;\n },\n\n titleWithIcon(t: Theme) {\n return css`\n margin-top: ${t.miniModalTitleMarginTop};\n `;\n },\n\n actions() {\n return css`\n display: flex;\n justify-content: stretch;\n text-align: center;\n\n .${buttonGlobalClasses.root} {\n width: 100%;\n }\n `;\n },\n\n actionsIndent(t: Theme) {\n return css`\n padding: ${t.miniModalCancelIndent} 0;\n `;\n },\n\n actionsRow(t: Theme) {\n return css`\n flex-direction: row;\n > *:nth-of-type(1) {\n margin-right: calc(${t.miniModalActionGap} / 2);\n }\n > *:nth-of-type(2) {\n margin-left: calc(${t.miniModalActionGap} / 2);\n }\n `;\n },\n\n actionsColumn(t: Theme) {\n return css`\n flex-direction: column;\n > *:nth-of-type(2) {\n margin-top: ${t.miniModalActionGap};\n }\n > *:nth-of-type(3) {\n margin-top: ${t.miniModalActionGap};\n }\n `;\n },\n}));\n"]}
|