@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,103 +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 getJsStyles = memoizeGetStyles(function (_a) {
|
|
7
|
-
var css = _a.css;
|
|
8
|
-
return {
|
|
9
|
-
fileWrapper: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: max-content;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n border-radius: ", ";\n border: ", " solid transparent;\n box-shadow: 0 0 0 1px transparent;\n cursor: pointer;\n\n &::before {\n position: absolute;\n content: ' ';\n width: 100%;\n height: 100%;\n border-radius: ", ";\n border: ", " solid transparent;\n box-shadow: 0 0 0 1px transparent;\n top: -1px;\n left: -1px;\n z-index: -1;\n }\n "], ["\n position: relative;\n width: 100%;\n height: max-content;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n border-radius: ", ";\n border: ", " solid transparent;\n box-shadow: 0 0 0 1px transparent;\n cursor: pointer;\n\n &::before {\n position: absolute;\n content: ' ';\n width: 100%;\n height: 100%;\n border-radius: ", ";\n border: ", " solid transparent;\n box-shadow: 0 0 0 1px transparent;\n top: -1px;\n left: -1px;\n z-index: -1;\n }\n "])), t.fileUploaderBorderRadius, t.fileUploaderBorderWidth, t.fileUploaderBorderRadius, t.fileUploaderBorderWidth);
|
|
11
|
-
},
|
|
12
|
-
fileWrapperFocus: function (t) {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: ", " solid ", ";\n box-shadow: 0 0 0 1px ", ";\n "], ["\n border: ", " solid ", ";\n box-shadow: 0 0 0 1px ", ";\n "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
|
|
14
|
-
},
|
|
15
|
-
fileWrapperHover: function (t) {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: ", ";\n border-color: ", ";\n "], ["\n background: ", ";\n border-color: ", ";\n "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
|
|
17
|
-
},
|
|
18
|
-
warningFile: function (t) {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", ";\n border-radius: ", ";\n }\n &::before {\n background: ", ";\n }\n "], ["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", ";\n border-radius: ", ";\n }\n &::before {\n background: ", ";\n }\n "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderWarningBgColor);
|
|
20
|
-
},
|
|
21
|
-
errorFile: function (t) {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", ";\n border-radius: ", ";\n }\n &::before {\n background: ", ";\n }\n "], ["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", ";\n border-radius: ", ";\n }\n &::before {\n background: ", ";\n }\n "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderRadius, t.fileUploaderErrorBgColor);
|
|
23
|
-
},
|
|
24
|
-
removeBorderTopRadius: function () {
|
|
25
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n &::before {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n "], ["\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n &::before {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n "])));
|
|
26
|
-
},
|
|
27
|
-
removeBorderBottomRadius: function () {
|
|
28
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n &::before {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n "], ["\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n &::before {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n "])));
|
|
29
|
-
},
|
|
30
|
-
summary: function (t) {
|
|
31
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n order: -1;\n width: 100%;\n box-sizing: border-box;\n "], ["\n display: flex;\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n order: -1;\n width: 100%;\n box-sizing: border-box;\n "])), t.tabColorHover, t.fileUploaderListGap);
|
|
32
|
-
},
|
|
33
|
-
summaryErrorText: function (t) {
|
|
34
|
-
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n margin-right: ", ";\n "], ["\n color: ", ";\n margin-right: ", ";\n "])), t.fileUploaderErrorTextColor, t.fileUploaderListSummaryTextGap);
|
|
35
|
-
},
|
|
36
|
-
summaryWarningText: function (t) {
|
|
37
|
-
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.fileUploaderWarningTextColor);
|
|
38
|
-
},
|
|
39
|
-
summarySmall: function (t) {
|
|
40
|
-
return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
|
|
41
|
-
},
|
|
42
|
-
summaryMedium: function (t) {
|
|
43
|
-
return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
|
|
44
|
-
},
|
|
45
|
-
summaryLarge: function (t) {
|
|
46
|
-
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding: ", " ", ";\n "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
});
|
|
50
|
-
export var getJsRowStyles = memoizeGetStyles(function (_a) {
|
|
51
|
-
var css = _a.css;
|
|
52
|
-
return {
|
|
53
|
-
file: function () {
|
|
54
|
-
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n width: 100%;\n "], ["\n width: 100%;\n "])));
|
|
55
|
-
},
|
|
56
|
-
fileListWrapper: function (t) {
|
|
57
|
-
return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n width: 100%;\n margin-top: ", ";\n "], ["\n display: block;\n width: 100%;\n margin-top: ", ";\n "])), t.fileUploaderListGap);
|
|
58
|
-
},
|
|
59
|
-
fileWrapperSmall: function (t) {
|
|
60
|
-
return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n padding: ", " ", ";\n "], ["\n padding: ", " ", ";\n "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
|
|
61
|
-
},
|
|
62
|
-
fileWrapperMedium: function (t) {
|
|
63
|
-
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding: ", " ", ";\n "], ["\n padding: ", " ", ";\n "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
|
|
64
|
-
},
|
|
65
|
-
fileWrapperLarge: function (t) {
|
|
66
|
-
return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n padding: ", " ", ";\n "], ["\n padding: ", " ", ";\n "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
|
|
67
|
-
},
|
|
68
|
-
errorFileFocus: function (t) {
|
|
69
|
-
return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n background: ", ";\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "], ["\n background: ", ";\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "])), t.fileUploaderErrorBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
|
|
70
|
-
},
|
|
71
|
-
warningFileFocus: function (t) {
|
|
72
|
-
return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n background: ", ";\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "], ["\n background: ", ";\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "])), t.fileUploaderWarningBgHoverColor, t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
|
|
73
|
-
},
|
|
74
|
-
};
|
|
75
|
-
});
|
|
76
|
-
export var getJsTileStyles = memoizeGetStyles(function (_a) {
|
|
77
|
-
var css = _a.css;
|
|
78
|
-
return {
|
|
79
|
-
file: function () {
|
|
80
|
-
return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n "], ["\n width: 100%;\n height: 100%;\n "])));
|
|
81
|
-
},
|
|
82
|
-
fileListWrapper: function () {
|
|
83
|
-
return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: contents;\n "], ["\n display: contents;\n "])));
|
|
84
|
-
},
|
|
85
|
-
fileWrapperSmall: function (t) {
|
|
86
|
-
return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n padding: ", ";\n width: ", ";\n "], ["\n padding: ", ";\n width: ", ";\n "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileWidthSmall);
|
|
87
|
-
},
|
|
88
|
-
fileWrapperMedium: function (t) {
|
|
89
|
-
return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n padding: ", ";\n width: ", ";\n height: ", ";\n "], ["\n padding: ", ";\n width: ", ";\n height: ", ";\n "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileWidthMedium, t.fileUploaderTileHeightMedium);
|
|
90
|
-
},
|
|
91
|
-
fileWrapperLarge: function (t) {
|
|
92
|
-
return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n padding: ", ";\n width: ", ";\n height: ", ";\n "], ["\n padding: ", ";\n width: ", ";\n height: ", ";\n "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileWidthLarge, t.fileUploaderTileHeightLarge);
|
|
93
|
-
},
|
|
94
|
-
errorFileFocus: function (t) {
|
|
95
|
-
return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "], ["\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderRadius, t.fileUploaderBorderColorError);
|
|
96
|
-
},
|
|
97
|
-
warningFileFocus: function (t) {
|
|
98
|
-
return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "], ["\n border: ", " solid ", ";\n border-radius: ", " !important;\n box-shadow: 0 0 0 1px ", ";\n "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderRadius, t.fileUploaderBorderColorWarning);
|
|
99
|
-
},
|
|
100
|
-
};
|
|
101
|
-
});
|
|
102
|
-
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, templateObject_25, templateObject_26, templateObject_27;
|
|
103
|
-
//# sourceMappingURL=FileUploaderFileList.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploaderFileList.styles.js","sourceRoot":"","sources":["FileUploaderFileList.styles.ts"],"names":[],"mappings":"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","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 getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n return {\n fileWrapper(t: Theme) {\n return css`\n position: relative;\n width: 100%;\n height: max-content;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n border: ${t.fileUploaderBorderWidth} solid transparent;\n box-shadow: 0 0 0 1px transparent;\n cursor: pointer;\n\n &::before {\n position: absolute;\n content: ' ';\n width: 100%;\n height: 100%;\n border-radius: ${t.fileUploaderBorderRadius};\n border: ${t.fileUploaderBorderWidth} solid transparent;\n box-shadow: 0 0 0 1px transparent;\n top: -1px;\n left: -1px;\n z-index: -1;\n }\n `;\n },\n\n fileWrapperFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorFocus};\n `;\n },\n\n fileWrapperHover(t: Theme) {\n return css`\n background: ${t.fileUploaderHoveredBg};\n border-color: ${t.fileUploaderHoveredBorderColor};\n `;\n },\n\n warningFile(t: Theme) {\n return css`\n background: ${t.fileUploaderWarningBgColor};\n color: ${t.fileUploaderValidationTextColor};\n &:hover {\n background: ${t.fileUploaderWarningBgHoverColor};\n border-radius: ${t.fileUploaderBorderRadius};\n }\n &::before {\n background: ${t.fileUploaderWarningBgColor};\n }\n `;\n },\n\n errorFile(t: Theme) {\n return css`\n background: ${t.fileUploaderErrorBgColor};\n color: ${t.fileUploaderValidationTextColor};\n &:hover {\n background: ${t.fileUploaderErrorBgHoverColor};\n border-radius: ${t.fileUploaderBorderRadius};\n }\n &::before {\n background: ${t.fileUploaderErrorBgColor};\n }\n `;\n },\n\n removeBorderTopRadius() {\n return css`\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n &::before {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n }\n `;\n },\n\n removeBorderBottomRadius() {\n return css`\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n &::before {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n `;\n },\n\n summary(t: Theme) {\n return css`\n display: flex;\n border-bottom: 1px solid ${t.tabColorHover};\n margin-bottom: ${t.fileUploaderListGap};\n order: -1;\n width: 100%;\n box-sizing: border-box;\n `;\n },\n\n summaryErrorText(t: Theme) {\n return css`\n color: ${t.fileUploaderErrorTextColor};\n margin-right: ${t.fileUploaderListSummaryTextGap};\n `;\n },\n\n summaryWarningText(t: Theme) {\n return css`\n color: ${t.fileUploaderWarningTextColor};\n `;\n },\n\n summarySmall(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeSmall};\n line-height: ${t.fileUploaderLineHeightSmall};\n padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n `;\n },\n\n summaryMedium(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeMedium};\n line-height: ${t.fileUploaderLineHeightMedium};\n padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n `;\n },\n\n summaryLarge(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeLarge};\n line-height: ${t.fileUploaderLineHeightLarge};\n padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n `;\n },\n };\n});\n\nexport const getJsRowStyles = memoizeGetStyles(({ css }: Emotion) => {\n return {\n file() {\n return css`\n width: 100%;\n `;\n },\n\n fileListWrapper(t: Theme) {\n return css`\n display: block;\n width: 100%;\n margin-top: ${t.fileUploaderListGap};\n `;\n },\n\n fileWrapperSmall(t: Theme) {\n return css`\n padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n `;\n },\n\n fileWrapperMedium(t: Theme) {\n return css`\n padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n `;\n },\n\n fileWrapperLarge(t: Theme) {\n return css`\n padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n `;\n },\n\n errorFileFocus(t: Theme) {\n return css`\n background: ${t.fileUploaderErrorBgHoverColor};\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n border-radius: ${t.fileUploaderBorderRadius} !important;\n box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n warningFileFocus(t: Theme) {\n return css`\n background: ${t.fileUploaderWarningBgHoverColor};\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n border-radius: ${t.fileUploaderBorderRadius} !important;\n box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n };\n});\n\nexport const getJsTileStyles = memoizeGetStyles(({ css }: Emotion) => {\n return {\n file() {\n return css`\n width: 100%;\n height: 100%;\n `;\n },\n\n fileListWrapper() {\n return css`\n display: contents;\n `;\n },\n\n fileWrapperSmall(t: Theme) {\n return css`\n padding: ${t.fileUploaderTileFilePaddingSmall};\n width: ${t.fileUploaderTileWidthSmall};\n `;\n },\n\n fileWrapperMedium(t: Theme) {\n return css`\n padding: ${t.fileUploaderTileFilePaddingMedium};\n width: ${t.fileUploaderTileWidthMedium};\n height: ${t.fileUploaderTileHeightMedium};\n `;\n },\n\n fileWrapperLarge(t: Theme) {\n return css`\n padding: ${t.fileUploaderTileFilePaddingLarge};\n width: ${t.fileUploaderTileWidthLarge};\n height: ${t.fileUploaderTileHeightLarge};\n `;\n },\n\n errorFileFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n border-radius: ${t.fileUploaderBorderRadius} !important;\n box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n warningFileFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n border-radius: ${t.fileUploaderBorderRadius} !important;\n box-shadow: 0 0 0 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n };\n});\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { Emotion } from '@emotion/css/create-instance';
|
|
2
|
-
import type { Theme } from '../../lib/theming/Theme.js';
|
|
3
|
-
export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
|
|
4
|
-
outer(t: Theme): string;
|
|
5
|
-
inner(t: Theme): string;
|
|
6
|
-
standardWithoutAnimation(): string;
|
|
7
|
-
successWithoutAnimation(): string;
|
|
8
|
-
errorWithoutAnimation(): string;
|
|
9
|
-
}>;
|
|
10
|
-
export declare const getAnimations: (emotion: Emotion) => {
|
|
11
|
-
successAnimation(delayBeforeHide: number, width: number, left: number): string;
|
|
12
|
-
errorAnimation(t: Theme): string;
|
|
13
|
-
standardAnimation(t: Theme, expectedTime: number): string;
|
|
14
|
-
acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;
|
|
15
|
-
slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;
|
|
16
|
-
acceptWithoutAnimation(startWidth: number): string;
|
|
17
|
-
};
|
|
@@ -1,70 +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
|
-
outer: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n background-color: ", ";\n position: ", ";\n left: ", ";\n top: ", ";\n right: ", ";\n bottom: ", ";\n overflow: hidden;\n "], ["\n width: ", ";\n height: ", ";\n background-color: ", ";\n position: ", ";\n left: ", ";\n top: ", ";\n right: ", ";\n bottom: ", ";\n overflow: hidden;\n "])), t.globalLoaderWidth, t.globalLoaderHeight, t.globalLoaderBackgroundColor, t.globalLoaderPosition, t.globalLoaderLeft, t.globalLoaderTop, t.globalLoaderRight, t.globalLoaderBottom);
|
|
11
|
-
},
|
|
12
|
-
inner: function (t) {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n width: 0;\n height: ", ";\n position: absolute;\n left: 0;\n overflow: hidden;\n "], ["\n background-color: ", ";\n width: 0;\n height: ", ";\n position: absolute;\n left: 0;\n overflow: hidden;\n "])), t.globalLoaderColor, t.globalLoaderHeight);
|
|
14
|
-
},
|
|
15
|
-
standardWithoutAnimation: function () {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n left: 0;\n width: 90%;\n "], ["\n left: 0;\n width: 90%;\n "])));
|
|
17
|
-
},
|
|
18
|
-
successWithoutAnimation: function () {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n left: 0;\n width: 100%;\n "], ["\n left: 0;\n width: 100%;\n "])));
|
|
20
|
-
},
|
|
21
|
-
errorWithoutAnimation: function () {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n left: 40%;\n width: 20%;\n "], ["\n left: 40%;\n width: 20%;\n "])));
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
var moveToRightAnimation = function (_a) {
|
|
27
|
-
var keyframes = _a.keyframes;
|
|
28
|
-
return keyframes(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n 0% {\n left: 0;\n width: 100%;\n }\n 50% {\n left: 50%;\n width: 50%;\n }\n 100% {\n left: 99%;\n width: 1%\n }\n"], ["\n 0% {\n left: 0;\n width: 100%;\n }\n 50% {\n left: 50%;\n width: 50%;\n }\n 100% {\n left: 99%;\n width: 1%\n }\n"])));
|
|
29
|
-
};
|
|
30
|
-
var spinnerAnimation = function (_a) {
|
|
31
|
-
var keyframes = _a.keyframes;
|
|
32
|
-
return keyframes(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n 0% {\n transform: translateX(50%) scaleX(.005);\n animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n }\n 50% {\n transform: translateX(0) scaleX(.35);\n animation-timing-function: cubic-bezier(.165,.84,.44,1);\n }\n 100% {\n transform: translateX(-50%) scaleX(.005);\n }\n"], ["\n 0% {\n transform: translateX(50%) scaleX(.005);\n animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n }\n 50% {\n transform: translateX(0) scaleX(.35);\n animation-timing-function: cubic-bezier(.165,.84,.44,1);\n }\n 100% {\n transform: translateX(-50%) scaleX(.005);\n }\n"])));
|
|
33
|
-
};
|
|
34
|
-
var linearProgressAnimation = function (_a) {
|
|
35
|
-
var keyframes = _a.keyframes;
|
|
36
|
-
return keyframes(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n from { width: 0; }\n to { width: 80% }\n"], ["\n from { width: 0; }\n to { width: 80% }\n"])));
|
|
37
|
-
};
|
|
38
|
-
var slowProgressAnimation = function (_a) {
|
|
39
|
-
var keyframes = _a.keyframes;
|
|
40
|
-
return keyframes(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n from { width: 80%; }\n to { width: 90% }\n"], ["\n from { width: 80%; }\n to { width: 90% }\n"])));
|
|
41
|
-
};
|
|
42
|
-
export var getAnimations = function (emotion) { return ({
|
|
43
|
-
successAnimation: function (delayBeforeHide, width, left) {
|
|
44
|
-
return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n animation: successAnimation;\n animation-duration: ", "ms;\n @keyframes successAnimation {\n 0% {\n width: ", "px;\n left: ", "px;\n opacity: 1;\n }\n 20% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 80% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n }\n "], ["\n animation: successAnimation;\n animation-duration: ", "ms;\n @keyframes successAnimation {\n 0% {\n width: ", "px;\n left: ", "px;\n opacity: 1;\n }\n 20% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 80% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n }\n "])), delayBeforeHide, width, left);
|
|
45
|
-
},
|
|
46
|
-
errorAnimation: function (t) {
|
|
47
|
-
var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
|
|
48
|
-
var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
|
|
49
|
-
return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n left: 0;\n width: 100%;\n animation:\n ", " ", "ms linear,\n ", "ms ", " ", "ms infinite alternate;\n "], ["\n left: 0;\n width: 100%;\n animation:\n ", " ", "ms linear,\n ", "ms ", " ", "ms infinite alternate;\n "])), moveToRightAnimation(emotion), transitionDuration, spinnerAnimationDuration, spinnerAnimation(emotion), transitionDuration);
|
|
50
|
-
},
|
|
51
|
-
standardAnimation: function (t, expectedTime) {
|
|
52
|
-
var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
|
|
53
|
-
return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 90%;\n animation:\n ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n ", "ms ", " ", "ms linear;\n "], ["\n width: 90%;\n animation:\n ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n ", "ms ", " ", "ms linear;\n "])), linearProgressAnimation(emotion), expectedTime, slowProgressAnimationTime, slowProgressAnimation(emotion), expectedTime);
|
|
54
|
-
},
|
|
55
|
-
acceptAnimation: function (t, startWidth, expectedTime, width, left) {
|
|
56
|
-
var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
|
|
57
|
-
var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
|
|
58
|
-
return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n width: 90%;\n animation:\n transitionAnimation ", "ms linear,\n ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n ", "ms ", " ", "ms linear;\n @keyframes transitionAnimation {\n from {\n width: ", "px;\n left: ", "px;\n }\n to {\n width: ", "px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ", "px;\n }\n to {\n width: 80%;\n }\n }\n "], ["\n width: 90%;\n animation:\n transitionAnimation ", "ms linear,\n ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n ", "ms ", " ", "ms linear;\n @keyframes transitionAnimation {\n from {\n width: ", "px;\n left: ", "px;\n }\n to {\n width: ", "px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ", "px;\n }\n to {\n width: 80%;\n }\n }\n "])), transitionTime, expectedTime, transitionTime, slowProgressAnimationTime, slowProgressAnimation(emotion), expectedTime + transitionTime, width, left, startWidth, startWidth);
|
|
59
|
-
},
|
|
60
|
-
slowAcceptAnimation: function (t, startWidth, width, left) {
|
|
61
|
-
var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
|
|
62
|
-
var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
|
|
63
|
-
return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n width: 90%;\n animation:\n transitionAnimation ", "ms linear,\n ", "ms acceptAnimation ", "ms linear;\n @keyframes transitionAnimation {\n from {\n width: ", "px;\n left: ", "px;\n }\n to {\n width: ", "px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ", "px;\n }\n to {\n width: 90%;\n }\n }\n "], ["\n width: 90%;\n animation:\n transitionAnimation ", "ms linear,\n ", "ms acceptAnimation ", "ms linear;\n @keyframes transitionAnimation {\n from {\n width: ", "px;\n left: ", "px;\n }\n to {\n width: ", "px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ", "px;\n }\n to {\n width: 90%;\n }\n }\n "])), transitionTime, slowProgressAnimationTime, transitionTime, width, left, startWidth, startWidth);
|
|
64
|
-
},
|
|
65
|
-
acceptWithoutAnimation: function (startWidth) {
|
|
66
|
-
return emotion.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n width: ", "px;\n "], ["\n width: ", "px;\n "])), startWidth);
|
|
67
|
-
},
|
|
68
|
-
}); };
|
|
69
|
-
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;
|
|
70
|
-
//# sourceMappingURL=GlobalLoaderView.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalLoaderView.styles.js","sourceRoot":"","sources":["GlobalLoaderView.styles.ts"],"names":[],"mappings":"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","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 outer(t: Theme) {\n return css`\n width: ${t.globalLoaderWidth};\n height: ${t.globalLoaderHeight};\n background-color: ${t.globalLoaderBackgroundColor};\n position: ${t.globalLoaderPosition};\n left: ${t.globalLoaderLeft};\n top: ${t.globalLoaderTop};\n right: ${t.globalLoaderRight};\n bottom: ${t.globalLoaderBottom};\n overflow: hidden;\n `;\n },\n inner(t: Theme) {\n return css`\n background-color: ${t.globalLoaderColor};\n width: 0;\n height: ${t.globalLoaderHeight};\n position: absolute;\n left: 0;\n overflow: hidden;\n `;\n },\n standardWithoutAnimation() {\n return css`\n left: 0;\n width: 90%;\n `;\n },\n successWithoutAnimation() {\n return css`\n left: 0;\n width: 100%;\n `;\n },\n errorWithoutAnimation() {\n return css`\n left: 40%;\n width: 20%;\n `;\n },\n}));\n\nconst moveToRightAnimation = ({ keyframes }: Emotion) => keyframes`\n 0% {\n left: 0;\n width: 100%;\n }\n 50% {\n left: 50%;\n width: 50%;\n }\n 100% {\n left: 99%;\n width: 1%\n }\n`;\nconst spinnerAnimation = ({ keyframes }: Emotion) => keyframes`\n 0% {\n transform: translateX(50%) scaleX(.005);\n animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n }\n 50% {\n transform: translateX(0) scaleX(.35);\n animation-timing-function: cubic-bezier(.165,.84,.44,1);\n }\n 100% {\n transform: translateX(-50%) scaleX(.005);\n }\n`;\nconst linearProgressAnimation = ({ keyframes }: Emotion) => keyframes`\n from { width: 0; }\n to { width: 80% }\n`;\nconst slowProgressAnimation = ({ keyframes }: Emotion) => keyframes`\n from { width: 80%; }\n to { width: 90% }\n`;\n\nexport const getAnimations = (\n emotion: Emotion,\n): {\n successAnimation(delayBeforeHide: number, width: number, left: number): string;\n errorAnimation(t: Theme): string;\n standardAnimation(t: Theme, expectedTime: number): string;\n acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;\n slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;\n acceptWithoutAnimation(startWidth: number): string;\n} => ({\n successAnimation(delayBeforeHide: number, width: number, left: number) {\n return emotion.css`\n animation: successAnimation;\n animation-duration: ${delayBeforeHide}ms;\n @keyframes successAnimation {\n 0% {\n width: ${width}px;\n left: ${left}px;\n opacity: 1;\n }\n 20% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 80% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n }\n `;\n },\n errorAnimation(t: Theme) {\n const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n return emotion.css`\n left: 0;\n width: 100%;\n animation:\n ${moveToRightAnimation(emotion)} ${transitionDuration}ms linear,\n ${spinnerAnimationDuration}ms ${spinnerAnimation(emotion)} ${transitionDuration}ms infinite alternate;\n `;\n },\n standardAnimation(t: Theme, expectedTime: number) {\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return emotion.css`\n width: 90%;\n animation:\n ${linearProgressAnimation(emotion)} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation(emotion)} ${expectedTime}ms linear;\n `;\n },\n acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return emotion.css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation(emotion)} ${expectedTime + transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 80%;\n }\n }\n `;\n },\n slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return emotion.css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 90%;\n }\n }\n `;\n },\n acceptWithoutAnimation(startWidth: number) {\n return emotion.css`\n width: ${startWidth}px;\n `;\n },\n});\n"]}
|
|
@@ -1,30 +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 () {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n line-height: normal;\n "], ["\n display: inline-flex;\n line-height: normal;\n "])));
|
|
11
|
-
},
|
|
12
|
-
wrappedChildren: function () {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n "], ["\n display: flex;\n "])));
|
|
14
|
-
},
|
|
15
|
-
fixed: function () {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-shrink: 0;\n display: inline-block;\n "], ["\n flex-shrink: 0;\n display: inline-block;\n "])));
|
|
17
|
-
},
|
|
18
|
-
stretch: function () {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex-grow: 1;\n flex-shrink: 1;\n "], ["\n flex-grow: 1;\n flex-shrink: 1;\n "])));
|
|
20
|
-
},
|
|
21
|
-
item: function () {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-left: -1px;\n "], ["\n margin-left: -1px;\n "])));
|
|
23
|
-
},
|
|
24
|
-
itemFirst: function () {
|
|
25
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 0;\n "], ["\n margin-left: 0;\n "])));
|
|
26
|
-
},
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
30
|
-
//# sourceMappingURL=Group.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Group.styles.js","sourceRoot":"","sources":["Group.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,oIAAA,iEAGT,KAAC;QACJ,CAAC;QAED,eAAe;YACb,OAAO,GAAG,iGAAA,8BAET,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,gIAAA,6DAGT,KAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,uHAAA,oDAGT,KAAC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,qGAAA,kCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,kGAAA,+BAET,KAAC;QACJ,CAAC;KACF,CAAC;AAvC8D,CAuC9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n display: inline-flex;\n line-height: normal;\n `;\n },\n\n wrappedChildren() {\n return css`\n display: flex;\n `;\n },\n\n fixed() {\n return css`\n flex-shrink: 0;\n display: inline-block;\n `;\n },\n\n stretch() {\n return css`\n flex-grow: 1;\n flex-shrink: 1;\n `;\n },\n\n item() {\n return css`\n margin-left: -1px;\n `;\n },\n\n itemFirst() {\n return css`\n margin-left: 0;\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
|
-
content: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n max-width: ", ";\n overflow-wrap: break-word;\n padding: ", " ", ";\n word-break: break-word;\n word-wrap: break-word;\n "], ["\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n max-width: ", ";\n overflow-wrap: break-word;\n padding: ", " ", ";\n word-break: break-word;\n word-wrap: break-word;\n "])), t.hintColor, t.hintFontSize, t.hintLineHeight, t.hintMaxWidth, t.hintPaddingY, t.hintPaddingX);
|
|
11
|
-
},
|
|
12
|
-
contentCenter: function (t) {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: ", ";\n "], ["\n text-align: ", ";\n "])), t.hintTextAlign);
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var templateObject_1, templateObject_2;
|
|
18
|
-
//# sourceMappingURL=Hint.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Hint.styles.js","sourceRoot":"","sources":["Hint.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,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,kUAAA,gDAEC,EAAW,sBACP,EAAc,wBACZ,EAAgB,sBAClB,EAAc,sDAEhB,EAAc,GAAI,EAAc,sEAG5C,KARU,CAAC,CAAC,SAAS,EACP,CAAC,CAAC,YAAY,EACZ,CAAC,CAAC,cAAc,EAClB,CAAC,CAAC,YAAY,EAEhB,CAAC,CAAC,YAAY,EAAI,CAAC,CAAC,YAAY,EAG3C;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oGAAA,sBACM,EAAe,SAC9B,KADe,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;KACF,CAAC;AApB8D,CAoB9D,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 content(t: Theme) {\n return css`\n box-sizing: border-box;\n color: ${t.hintColor};\n font-size: ${t.hintFontSize};\n line-height: ${t.hintLineHeight};\n max-width: ${t.hintMaxWidth};\n overflow-wrap: break-word;\n padding: ${t.hintPaddingY} ${t.hintPaddingX};\n word-break: break-word;\n word-wrap: break-word;\n `;\n },\n\n contentCenter(t: Theme) {\n return css`\n text-align: ${t.hintTextAlign};\n `;\n },\n}));\n"]}
|
|
@@ -1,68 +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 { shift } from '../../lib/styles/DimensionFunctions.js';
|
|
6
|
-
import { resetText } from '../../lib/styles/Mixins.js';
|
|
7
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
8
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
9
|
-
var css = _a.css;
|
|
10
|
-
return ({
|
|
11
|
-
wrapper: function () {
|
|
12
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\A0';\n display: inline-block;\n width: 0;\n }\n "], ["\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n "])));
|
|
13
|
-
},
|
|
14
|
-
root: function (t) {
|
|
15
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n align-items: center;\n background-clip: ", ";\n background-color: ", ";\n border: ", " solid ", ";\n border-top-color: ", ";\n transition: border-color ", " ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ", ";\n\n & * {\n box-sizing: border-box;\n }\n "], ["\n ", ";\n\n align-items: center;\n background-clip: ", ";\n background-color: ", ";\n border: ", " solid ", ";\n border-top-color: ", ";\n transition: border-color ", " ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ", ";\n\n & * {\n box-sizing: border-box;\n }\n "])), resetText(), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
|
|
16
|
-
},
|
|
17
|
-
hovering: function (t) {
|
|
18
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:hover {\n border-color: ", ";\n }\n "], ["\n &:hover {\n border-color: ", ";\n }\n "])), t.inputBorderColorHover);
|
|
19
|
-
},
|
|
20
|
-
borderless: function () {
|
|
21
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n "], ["\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n "])));
|
|
22
|
-
},
|
|
23
|
-
focus: function (t) {
|
|
24
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border-color: ", ";\n box-shadow: ", ";\n outline: none;\n z-index: 2;\n "], ["\n background-color: ", ";\n border-color: ", ";\n box-shadow: ", ";\n outline: none;\n z-index: 2;\n "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
|
|
25
|
-
},
|
|
26
|
-
placeholder: function (t) {
|
|
27
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n -ms-user-select: none;\n color: ", ";\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n "], ["\n -ms-user-select: none;\n color: ", ";\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n "])), t.inputPlaceholderColor);
|
|
28
|
-
},
|
|
29
|
-
placeholderFocus: function (t) {
|
|
30
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputPlaceholderColorLight);
|
|
31
|
-
},
|
|
32
|
-
placeholderDisabled: function (t) {
|
|
33
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputPlaceholderColorDisabled);
|
|
34
|
-
},
|
|
35
|
-
input: function (t) {
|
|
36
|
-
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ", ";\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ", ";\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ", ";\n }\n &::-moz-placeholder {\n color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n "], ["\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ", ";\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ", ";\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ", ";\n }\n &::-moz-placeholder {\n color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
|
|
37
|
-
},
|
|
38
|
-
inputFocus: function (t) {
|
|
39
|
-
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n &:-moz-placeholder {\n color: ", ";\n }\n &::-moz-placeholder {\n color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n "], ["\n &:-moz-placeholder {\n color: ", ";\n }\n &::-moz-placeholder {\n color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
|
|
40
|
-
},
|
|
41
|
-
inputDisabled: function (t) {
|
|
42
|
-
return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ", ";\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ", ";\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ", ";\n }\n &::placeholder {\n -webkit-text-fill-color: ", ";\n }\n "], ["\n color: ", ";\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ", ";\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ", ";\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ", ";\n }\n &::placeholder {\n -webkit-text-fill-color: ", ";\n }\n "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
|
|
43
|
-
},
|
|
44
|
-
warning: function (t) {
|
|
45
|
-
return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n z-index: 2;\n "], ["\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n z-index: 2;\n "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
|
|
46
|
-
},
|
|
47
|
-
error: function (t) {
|
|
48
|
-
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n z-index: 2;\n "], ["\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n z-index: 2;\n "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
|
|
49
|
-
},
|
|
50
|
-
disabled: function (t) {
|
|
51
|
-
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border-color: ", ";\n box-shadow: none;\n cursor: default;\n\n & * {\n cursor: default;\n }\n "], ["\n background-color: ", ";\n border-color: ", ";\n box-shadow: none;\n cursor: default;\n\n & * {\n cursor: default;\n }\n "])), t.inputDisabledBg, t.inputDisabledBorderColor);
|
|
52
|
-
},
|
|
53
|
-
sizeSmall: function (t) {
|
|
54
|
-
return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n height: ", ";\n border-radius: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n height: ", ";\n border-radius: ", ";\n "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
|
|
55
|
-
},
|
|
56
|
-
sizeMedium: function (t) {
|
|
57
|
-
return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n height: ", ";\n border-radius: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n height: ", ";\n border-radius: ", ";\n "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
|
|
58
|
-
},
|
|
59
|
-
sizeLarge: function (t) {
|
|
60
|
-
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n border-radius: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n height: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n border-radius: ", ";\n "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
|
|
61
|
-
},
|
|
62
|
-
hideBlinkingCursor: function () {
|
|
63
|
-
return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n caret-color: transparent;\n "], ["\n caret-color: transparent;\n "])));
|
|
64
|
-
},
|
|
65
|
-
});
|
|
66
|
-
});
|
|
67
|
-
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;
|
|
68
|
-
//# sourceMappingURL=Input.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["Input.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { shift } from '../../lib/styles/DimensionFunctions.js';\nimport { resetText } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n wrapper() {\n return css`\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n ${resetText()};\n\n align-items: center;\n background-clip: ${t.inputBackgroundClip};\n background-color: ${t.inputBg};\n border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n border-top-color: ${t.inputBorderTopColor};\n transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n box-shadow: ${t.inputShadow};\n box-sizing: border-box;\n color: ${t.inputColor};\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ${t.inputWidth};\n\n & * {\n box-sizing: border-box;\n }\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.inputBorderColorHover};\n }\n `;\n },\n\n borderless() {\n return css`\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n `;\n },\n\n focus(t: Theme) {\n return css`\n background-color: ${t.inputFocusedBg};\n border-color: ${t.inputBorderColorFocus};\n box-shadow: ${t.inputFocusShadow};\n outline: none;\n z-index: 2;\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n -ms-user-select: none;\n color: ${t.inputPlaceholderColor};\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n `;\n },\n\n placeholderFocus(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ${t.inputTextColor};\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ${t.inputColorScheme};\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColor};\n }\n `;\n },\n\n inputFocus(t: Theme) {\n return css`\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n color: ${t.inputTextColorDisabled};\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorWarning};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n z-index: 2;\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorError};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n z-index: 2;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n background-color: ${t.inputDisabledBg};\n border-color: ${t.inputDisabledBorderColor};\n box-shadow: none;\n cursor: default;\n\n & * {\n cursor: default;\n }\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeSmall};\n line-height: ${t.inputLineHeightSmall};\n padding-top: ${t.inputPaddingYSmall};\n padding-bottom: ${t.inputPaddingYSmall};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n height: ${t.inputHeightSmall};\n border-radius: ${t.inputBorderRadiusSmall};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeMedium};\n line-height: ${t.inputLineHeightMedium};\n padding-top: ${t.inputPaddingYMedium};\n padding-bottom: ${t.inputPaddingYMedium};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n height: ${t.inputHeightMedium};\n border-radius: ${t.inputBorderRadiusMedium};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeLarge};\n line-height: ${t.inputLineHeightLarge};\n height: ${t.inputHeightLarge};\n padding-top: ${shift(t.inputPaddingYLarge, '0')};\n padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n border-radius: ${t.inputBorderRadiusLarge};\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n}));\n"]}
|
|
@@ -1,59 +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 { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars.js';
|
|
6
|
-
import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
|
|
7
|
-
import { getStyles } from '../Input.styles.js';
|
|
8
|
-
export var getStylesLayout = memoizeGetStyles(function (emotion) {
|
|
9
|
-
var styles = getStyles(emotion);
|
|
10
|
-
return {
|
|
11
|
-
root: function (t) {
|
|
12
|
-
return styles.root(t);
|
|
13
|
-
},
|
|
14
|
-
input: function () {
|
|
15
|
-
return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n "], ["\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n "])));
|
|
16
|
-
},
|
|
17
|
-
aside: function () {
|
|
18
|
-
return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '", "';\n }\n "], ["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '", "';\n }\n "])), ZERO_WIDTH_SPACE_CSS);
|
|
19
|
-
},
|
|
20
|
-
icon: function (t) {
|
|
21
|
-
return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputIconColor);
|
|
22
|
-
},
|
|
23
|
-
iconFocus: function (t) {
|
|
24
|
-
return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputFocusedIconColor);
|
|
25
|
-
},
|
|
26
|
-
iconDisabled: function (t) {
|
|
27
|
-
return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: default;\n color: ", ";\n "], ["\n cursor: default;\n color: ", ";\n "])), t.inputIconColorDisabled);
|
|
28
|
-
},
|
|
29
|
-
text: function (t) {
|
|
30
|
-
return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputPlaceholderColor);
|
|
31
|
-
},
|
|
32
|
-
text6_4: function (t) {
|
|
33
|
-
return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputAffixColor);
|
|
34
|
-
},
|
|
35
|
-
textDisabled: function (t) {
|
|
36
|
-
return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputPlaceholderColorDisabled);
|
|
37
|
-
},
|
|
38
|
-
counter: function (t) {
|
|
39
|
-
return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n color: ", ";\n "], ["\n font-variant-numeric: tabular-nums;\n color: ", ";\n "])), t.inputCounterColor);
|
|
40
|
-
},
|
|
41
|
-
counterSmall: function (t) {
|
|
42
|
-
return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), t.inputCounterMarginLeftSmall);
|
|
43
|
-
},
|
|
44
|
-
counterMedium: function (t) {
|
|
45
|
-
return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), t.inputCounterMarginLeftMedium);
|
|
46
|
-
},
|
|
47
|
-
counterLarge: function (t) {
|
|
48
|
-
return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), t.inputCounterMarginLeftLarge);
|
|
49
|
-
},
|
|
50
|
-
counterError: function (t) {
|
|
51
|
-
return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.inputCounterColorError);
|
|
52
|
-
},
|
|
53
|
-
counterHelp: function (t) {
|
|
54
|
-
return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), t.inputCounterHelpMarginLeft);
|
|
55
|
-
},
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
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;
|
|
59
|
-
//# sourceMappingURL=InputLayout.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputLayout.styles.js","sourceRoot":"","sources":["InputLayout.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IAC/D,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAElC,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,KAAK;YACH,OAAO,OAAO,CAAC,GAAG,0MAAA,uIAMjB,KAAC;QACJ,CAAC;QACD,KAAK;YACH,OAAO,OAAO,CAAC,GAAG,iOAAA,qIAMF,EAAoB,uBAEnC,KAFe,oBAAoB,EAElC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAgB,WAC1B,KADU,CAAC,CAAC,cAAc,EACzB;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAuB,WACjC,KADU,CAAC,CAAC,qBAAqB,EAChC;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,6HAAA,6CAEP,EAAwB,WAClC,KADU,CAAC,CAAC,sBAAsB,EACjC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAuB,WACjC,KADU,CAAC,CAAC,qBAAqB,EAChC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAiB,WAC3B,KADU,CAAC,CAAC,eAAe,EAC1B;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAA+B,WACzC,KADU,CAAC,CAAC,6BAA6B,EACxC;QACJ,CAAC;QACD,OAAO,YAAC,CAAQ;YACd,OAAO,OAAO,CAAC,GAAG,gJAAA,gEAEP,EAAmB,WAC7B,KADU,CAAC,CAAC,iBAAiB,EAC5B;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,2GAAA,yBACD,EAA6B,WAC7C,KADgB,CAAC,CAAC,2BAA2B,EAC5C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,OAAO,CAAC,GAAG,2GAAA,yBACD,EAA8B,WAC9C,KADgB,CAAC,CAAC,4BAA4B,EAC7C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,2GAAA,yBACD,EAA6B,WAC7C,KADgB,CAAC,CAAC,2BAA2B,EAC5C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,qGAAA,mBACP,EAAwB,WAClC,KADU,CAAC,CAAC,sBAAsB,EACjC;QACJ,CAAC;QACD,WAAW,YAAC,CAAQ;YAClB,OAAO,OAAO,CAAC,GAAG,2GAAA,yBACD,EAA4B,WAC5C,KADgB,CAAC,CAAC,0BAA0B,EAC3C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars.js';\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { getStyles } from '../Input.styles.js';\n\nexport const getStylesLayout = memoizeGetStyles((emotion: Emotion) => {\n const styles = getStyles(emotion);\n\n return {\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return emotion.css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return emotion.css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return emotion.css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return emotion.css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return emotion.css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n text6_4(t: Theme) {\n return emotion.css`\n color: ${t.inputAffixColor};\n `;\n },\n\n textDisabled(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n counter(t: Theme) {\n return emotion.css`\n font-variant-numeric: tabular-nums;\n color: ${t.inputCounterColor};\n `;\n },\n counterSmall(t: Theme) {\n return emotion.css`\n margin-left: ${t.inputCounterMarginLeftSmall};\n `;\n },\n counterMedium(t: Theme) {\n return emotion.css`\n margin-left: ${t.inputCounterMarginLeftMedium};\n `;\n },\n counterLarge(t: Theme) {\n return emotion.css`\n margin-left: ${t.inputCounterMarginLeftLarge};\n `;\n },\n counterError(t: Theme) {\n return emotion.css`\n color: ${t.inputCounterColorError};\n `;\n },\n counterHelp(t: Theme) {\n return emotion.css`\n margin-left: ${t.inputCounterHelpMarginLeft};\n `;\n },\n };\n});\n"]}
|
|
@@ -1,36 +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
|
-
kebab: function (t) {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n border: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n user-select: none;\n cursor: pointer;\n outline: 0;\n transition: background 0.12s ease-out;\n background: ", ";\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n border: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n user-select: none;\n cursor: pointer;\n outline: 0;\n transition: background 0.12s ease-out;\n background: ", ";\n\n &:hover {\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), t.kebabBorder, t.kebabBorderRadius, t.kebabBackground, t.kebabBackgroundHover, t.kebabBackgroundActive);
|
|
11
|
-
},
|
|
12
|
-
kebabSmall: function (t) {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n "], ["\n width: ", ";\n height: ", ";\n "])), t.kebabSizeSmall, t.kebabSizeSmall);
|
|
14
|
-
},
|
|
15
|
-
kebabMedium: function (t) {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n "], ["\n width: ", ";\n height: ", ";\n "])), t.kebabSizeMedium, t.kebabSizeMedium);
|
|
17
|
-
},
|
|
18
|
-
kebabLarge: function (t) {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n "], ["\n width: ", ";\n height: ", ";\n "])), t.kebabSizeLarge, t.kebabSizeLarge);
|
|
20
|
-
},
|
|
21
|
-
focused: function (t) {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n border-color: ", ";\n "], ["\n background: ", ";\n border-color: ", ";\n "])), t.kebabBackgroundHover, t.borderColorFocus);
|
|
23
|
-
},
|
|
24
|
-
opened: function (t) {
|
|
25
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: ", " !important; // override kebab:hover style\n cursor: default;\n "], ["\n background: ", " !important; // override kebab:hover style\n cursor: default;\n "])), t.kebabBackgroundActive);
|
|
26
|
-
},
|
|
27
|
-
disabled: function () {
|
|
28
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n cursor: default;\n\n &:hover {\n background: none;\n }\n "], ["\n cursor: default;\n\n &:hover {\n background: none;\n }\n "])));
|
|
29
|
-
},
|
|
30
|
-
menu: function (t) {
|
|
31
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n overflow: hidden;\n border-radius: ", ";\n "], ["\n overflow: hidden;\n border-radius: ", ";\n "])), t.popupBorderRadius);
|
|
32
|
-
},
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
36
|
-
//# sourceMappingURL=Kebab.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Kebab.styles.js","sourceRoot":"","sources":["Kebab.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,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,0gBAAA,sIAKE,EAAa,yDAEN,EAAmB,0IAKtB,EAAiB,4CAGf,EAAsB,sDAItB,EAAuB,kBAExC,KAhBW,CAAC,CAAC,WAAW,EAEN,CAAC,CAAC,iBAAiB,EAKtB,CAAC,CAAC,eAAe,EAGf,CAAC,CAAC,oBAAoB,EAItB,CAAC,CAAC,qBAAqB,EAEvC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,iBACC,EAAgB,mBACf,EAAgB,SAC3B,KAFU,CAAC,CAAC,cAAc,EACf,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,oHAAA,iBACC,EAAiB,mBAChB,EAAiB,SAC5B,KAFU,CAAC,CAAC,eAAe,EAChB,CAAC,CAAC,eAAe,EAC3B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,iBACC,EAAgB,mBACf,EAAgB,SAC3B,KAFU,CAAC,CAAC,cAAc,EACf,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,+HAAA,sBACM,EAAsB,yBACpB,EAAkB,SACnC,KAFe,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,gBAAgB,EAClC;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,qKAAA,sBACM,EAAuB,0EAEtC,KAFe,CAAC,CAAC,qBAAqB,EAErC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,0JAAA,uFAMT,KAAC;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,gIAAA,kDAES,EAAmB,SACrC,KADkB,CAAC,CAAC,iBAAiB,EACpC;QACJ,CAAC;KACF,CAAC;AA7E8D,CA6E9D,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 kebab(t: Theme) {\n return css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n border: ${t.kebabBorder};\n box-sizing: border-box;\n border-radius: ${t.kebabBorderRadius};\n user-select: none;\n cursor: pointer;\n outline: 0;\n transition: background 0.12s ease-out;\n background: ${t.kebabBackground};\n\n &:hover {\n background: ${t.kebabBackgroundHover};\n }\n\n &:active {\n background: ${t.kebabBackgroundActive};\n }\n `;\n },\n\n kebabSmall(t: Theme) {\n return css`\n width: ${t.kebabSizeSmall};\n height: ${t.kebabSizeSmall};\n `;\n },\n\n kebabMedium(t: Theme) {\n return css`\n width: ${t.kebabSizeMedium};\n height: ${t.kebabSizeMedium};\n `;\n },\n\n kebabLarge(t: Theme) {\n return css`\n width: ${t.kebabSizeLarge};\n height: ${t.kebabSizeLarge};\n `;\n },\n\n focused(t: Theme) {\n return css`\n background: ${t.kebabBackgroundHover};\n border-color: ${t.borderColorFocus};\n `;\n },\n\n opened(t: Theme) {\n return css`\n background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n cursor: default;\n `;\n },\n\n disabled() {\n return css`\n cursor: default;\n\n &:hover {\n background: none;\n }\n `;\n },\n\n menu(t: Theme) {\n return css`\n overflow: hidden;\n border-radius: ${t.popupBorderRadius};\n `;\n },\n}));\n"]}
|