@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca
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/CHANGELOG.md +0 -30
- package/cjs/components/Autocomplete/Autocomplete.d.ts +0 -2
- package/cjs/components/Autocomplete/Autocomplete.js +7 -18
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.md +113 -0
- package/cjs/components/Autocomplete/Autocomplete.styles.d.ts +1 -2
- package/cjs/components/Autocomplete/Autocomplete.styles.js +10 -13
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Button/Button.d.ts +0 -5
- package/cjs/components/Button/Button.js +50 -70
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.md +261 -0
- package/cjs/components/Button/Button.mixins.d.ts +5 -6
- package/cjs/components/Button/Button.mixins.js +11 -20
- package/cjs/components/Button/Button.mixins.js.map +1 -1
- package/cjs/components/Button/Button.styles.d.ts +2 -3
- package/cjs/components/Button/Button.styles.js +466 -488
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/ButtonArrow.d.ts +1 -3
- package/cjs/components/Button/ButtonArrow.js +14 -23
- package/cjs/components/Button/ButtonArrow.js.map +1 -1
- package/cjs/components/Button/ButtonIcon.js +11 -14
- package/cjs/components/Button/ButtonIcon.js.map +1 -1
- package/cjs/components/Button/ButtonIcon.styles.d.ts +1 -2
- package/cjs/components/Button/ButtonIcon.styles.js +55 -58
- package/cjs/components/Button/ButtonIcon.styles.js.map +1 -1
- package/cjs/components/Button/LoadingButtonIcon.js +1 -3
- package/cjs/components/Button/LoadingButtonIcon.js.map +1 -1
- package/cjs/components/Calendar/Calendar.d.ts +0 -3
- package/cjs/components/Calendar/Calendar.js +13 -27
- package/cjs/components/Calendar/Calendar.js.map +1 -1
- package/cjs/components/Calendar/Calendar.md +276 -0
- package/cjs/components/Calendar/Calendar.styles.d.ts +1 -2
- package/cjs/components/Calendar/Calendar.styles.js +20 -23
- package/cjs/components/Calendar/Calendar.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarDay.js +6 -9
- package/cjs/components/Calendar/CalendarDay.js.map +1 -1
- package/cjs/components/Calendar/CalendarDay.md +70 -0
- package/cjs/components/Calendar/DayCellView.js +1 -3
- package/cjs/components/Calendar/DayCellView.js.map +1 -1
- package/cjs/components/Calendar/DayCellView.styles.d.ts +1 -2
- package/cjs/components/Calendar/DayCellView.styles.js +32 -35
- package/cjs/components/Calendar/DayCellView.styles.js.map +1 -1
- package/cjs/components/Calendar/Month.js +8 -20
- package/cjs/components/Calendar/Month.js.map +1 -1
- package/cjs/components/Calendar/MonthView.js +8 -11
- package/cjs/components/Calendar/MonthView.js.map +1 -1
- package/cjs/components/Calendar/MonthView.styles.d.ts +1 -2
- package/cjs/components/Calendar/MonthView.styles.js +49 -52
- package/cjs/components/Calendar/MonthView.styles.js.map +1 -1
- package/cjs/components/Center/Center.d.ts +0 -2
- package/cjs/components/Center/Center.js +9 -21
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Center/Center.md +26 -0
- package/cjs/components/Center/Center.styles.d.ts +1 -2
- package/cjs/components/Center/Center.styles.js +18 -21
- package/cjs/components/Center/Center.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.d.ts +0 -4
- package/cjs/components/Checkbox/Checkbox.js +34 -50
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.md +171 -0
- package/cjs/components/Checkbox/Checkbox.mixins.d.ts +2 -3
- package/cjs/components/Checkbox/Checkbox.mixins.js +5 -13
- package/cjs/components/Checkbox/Checkbox.mixins.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -2
- package/cjs/components/Checkbox/Checkbox.styles.js +146 -155
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/ComboBox/ComboBox.d.ts +7 -1
- package/cjs/components/ComboBox/ComboBox.js +17 -1
- package/cjs/components/ComboBox/ComboBox.js.map +1 -1
- package/cjs/components/ComboBox/ComboBox.md +574 -0
- package/cjs/components/CurrencyInput/CurrencyInput.js +3 -3
- package/cjs/components/CurrencyInput/CurrencyInput.js.map +1 -1
- package/cjs/components/CurrencyInput/CurrencyInput.md +39 -0
- package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +2 -2
- package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js +16 -17
- package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.js.map +1 -1
- package/cjs/components/CurrencyLabel/CurrencyLabel.js +2 -2
- package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/cjs/components/CurrencyLabel/CurrencyLabel.md +29 -0
- package/cjs/components/DateInput/DateFragmentsView.d.ts +0 -3
- package/cjs/components/DateInput/DateFragmentsView.js +3 -17
- package/cjs/components/DateInput/DateFragmentsView.js.map +1 -1
- package/cjs/components/DateInput/DateFragmentsView.styles.d.ts +1 -2
- package/cjs/components/DateInput/DateFragmentsView.styles.js +21 -24
- package/cjs/components/DateInput/DateFragmentsView.styles.js.map +1 -1
- package/cjs/components/DateInput/DateInput.d.ts +0 -3
- package/cjs/components/DateInput/DateInput.js +12 -26
- package/cjs/components/DateInput/DateInput.js.map +1 -1
- package/cjs/components/DateInput/DateInput.md +111 -0
- package/cjs/components/DateInput/DateInput.styles.d.ts +1 -2
- package/cjs/components/DateInput/DateInput.styles.js +29 -30
- package/cjs/components/DateInput/DateInput.styles.js.map +1 -1
- package/cjs/components/DateInput/helpers/DateInputKeyboardActions.d.ts +1 -1
- package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js +17 -18
- package/cjs/components/DateInput/helpers/DateInputKeyboardActions.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.d.ts +0 -1
- package/cjs/components/DatePicker/DatePicker.js +3 -13
- package/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.md +368 -0
- package/cjs/components/DatePicker/DatePicker.styles.d.ts +1 -2
- package/cjs/components/DatePicker/DatePicker.styles.js +12 -15
- package/cjs/components/DatePicker/DatePicker.styles.js.map +1 -1
- package/cjs/components/DatePicker/MobilePicker.js +1 -3
- package/cjs/components/DatePicker/MobilePicker.js.map +1 -1
- package/cjs/components/DatePicker/MobilePicker.styles.d.ts +1 -2
- package/cjs/components/DatePicker/MobilePicker.styles.js +6 -9
- package/cjs/components/DatePicker/MobilePicker.styles.js.map +1 -1
- package/cjs/components/DateRangePicker/DateRangePicker.js +17 -20
- package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/cjs/components/DateRangePicker/DateRangePicker.styles.d.ts +1 -2
- package/cjs/components/DateRangePicker/DateRangePicker.styles.js +48 -51
- package/cjs/components/DateRangePicker/DateRangePicker.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.md +45 -0
- package/cjs/components/DropdownMenu/DropdownMenu.md +290 -0
- package/cjs/components/FileUploader/FileUploader.js +37 -42
- package/cjs/components/FileUploader/FileUploader.js.map +1 -1
- package/cjs/components/FileUploader/FileUploader.md +131 -0
- package/cjs/components/FileUploader/FileUploader.mixins.d.ts +1 -2
- package/cjs/components/FileUploader/FileUploader.mixins.js +3 -9
- package/cjs/components/FileUploader/FileUploader.mixins.js.map +1 -1
- package/cjs/components/FileUploader/FileUploader.styles.d.ts +1 -2
- package/cjs/components/FileUploader/FileUploader.styles.js +171 -176
- package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
- package/cjs/components/FxInput/FxInput.md +31 -0
- package/cjs/components/Gapped/Gapped.md +44 -0
- package/cjs/components/GlobalLoader/GlobalLoader.md +97 -0
- package/cjs/components/GlobalLoader/GlobalLoaderView.js +12 -16
- package/cjs/components/GlobalLoader/GlobalLoaderView.js.map +1 -1
- package/cjs/components/GlobalLoader/GlobalLoaderView.styles.d.ts +2 -3
- package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js +80 -83
- package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js.map +1 -1
- package/cjs/components/Group/Group.d.ts +0 -2
- package/cjs/components/Group/Group.js +12 -24
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.md +19 -0
- package/cjs/components/Group/Group.styles.d.ts +1 -2
- package/cjs/components/Group/Group.styles.js +24 -27
- package/cjs/components/Group/Group.styles.js.map +1 -1
- package/cjs/components/Hint/Hint.d.ts +0 -2
- package/cjs/components/Hint/Hint.js +5 -16
- package/cjs/components/Hint/Hint.js.map +1 -1
- package/cjs/components/Hint/Hint.md +86 -0
- package/cjs/components/Hint/Hint.styles.d.ts +1 -2
- package/cjs/components/Hint/Hint.styles.js +15 -18
- package/cjs/components/Hint/Hint.styles.js.map +1 -1
- package/cjs/components/Input/Input.d.ts +0 -3
- package/cjs/components/Input/Input.js +25 -38
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.md +86 -0
- package/cjs/components/Input/Input.styles.d.ts +1 -2
- package/cjs/components/Input/Input.styles.js +155 -158
- package/cjs/components/Input/Input.styles.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayout.js +1 -3
- package/cjs/components/Input/InputLayout/InputLayout.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayout.styles.d.ts +1 -2
- package/cjs/components/Input/InputLayout/InputLayout.styles.js +33 -39
- package/cjs/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayoutAside.js +1 -3
- package/cjs/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js +6 -9
- package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayoutAsideText.js +3 -6
- package/cjs/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
- package/cjs/components/Input/InputLayout/PolyfillPlaceholder.js +4 -8
- package/cjs/components/Input/InputLayout/PolyfillPlaceholder.js.map +1 -1
- package/cjs/components/Kebab/Kebab.d.ts +0 -4
- package/cjs/components/Kebab/Kebab.js +13 -29
- package/cjs/components/Kebab/Kebab.js.map +1 -1
- package/cjs/components/Kebab/Kebab.md +306 -0
- package/cjs/components/Kebab/Kebab.styles.d.ts +1 -2
- package/cjs/components/Kebab/Kebab.styles.js +42 -45
- package/cjs/components/Kebab/Kebab.styles.js.map +1 -1
- package/cjs/components/Link/Link.d.ts +0 -6
- package/cjs/components/Link/Link.js +28 -49
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.md +182 -0
- package/cjs/components/Link/Link.mixins.d.ts +2 -3
- package/cjs/components/Link/Link.mixins.js +7 -9
- package/cjs/components/Link/Link.mixins.js.map +1 -1
- package/cjs/components/Link/Link.styles.d.ts +1 -2
- package/cjs/components/Link/Link.styles.js +103 -106
- package/cjs/components/Link/Link.styles.js.map +1 -1
- package/cjs/components/Link/LinkIcon.js +5 -8
- package/cjs/components/Link/LinkIcon.js.map +1 -1
- package/cjs/components/Loader/Loader.d.ts +0 -3
- package/cjs/components/Loader/Loader.js +10 -26
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.md +33 -0
- package/cjs/components/Loader/Loader.styles.d.ts +1 -2
- package/cjs/components/Loader/Loader.styles.js +20 -23
- package/cjs/components/Loader/Loader.styles.js.map +1 -1
- package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +6 -22
- package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -1
- package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -2
- package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +3 -5
- package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +1 -1
- package/cjs/components/MaskedInput/FixedIMaskInput.js +0 -6
- package/cjs/components/MaskedInput/FixedIMaskInput.js.map +1 -1
- package/cjs/components/MaskedInput/MaskedInput.js +2 -5
- package/cjs/components/MaskedInput/MaskedInput.js.map +1 -1
- package/cjs/components/MaskedInput/MaskedInput.md +114 -0
- package/cjs/components/MaskedInput/MaskedInput.styles.d.ts +1 -2
- package/cjs/components/MaskedInput/MaskedInput.styles.js +7 -12
- package/cjs/components/MaskedInput/MaskedInput.styles.js.map +1 -1
- package/cjs/components/MenuFooter/MenuFooter.js +9 -12
- package/cjs/components/MenuFooter/MenuFooter.js.map +1 -1
- package/cjs/components/MenuFooter/MenuFooter.md +27 -0
- package/cjs/components/MenuFooter/MenuFooter.mixins.d.ts +2 -3
- package/cjs/components/MenuFooter/MenuFooter.mixins.js +5 -6
- package/cjs/components/MenuFooter/MenuFooter.mixins.js.map +1 -1
- package/cjs/components/MenuFooter/MenuFooter.styles.d.ts +1 -2
- package/cjs/components/MenuFooter/MenuFooter.styles.js +59 -65
- package/cjs/components/MenuFooter/MenuFooter.styles.js.map +1 -1
- package/cjs/components/MenuHeader/MenuHeader.js +9 -12
- package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
- package/cjs/components/MenuHeader/MenuHeader.md +35 -0
- package/cjs/components/MenuHeader/MenuHeader.mixins.d.ts +2 -3
- package/cjs/components/MenuHeader/MenuHeader.mixins.js +5 -6
- package/cjs/components/MenuHeader/MenuHeader.mixins.js.map +1 -1
- package/cjs/components/MenuHeader/MenuHeader.styles.d.ts +1 -2
- package/cjs/components/MenuHeader/MenuHeader.styles.js +59 -65
- package/cjs/components/MenuHeader/MenuHeader.styles.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.d.ts +0 -3
- package/cjs/components/MenuItem/MenuItem.js +27 -44
- package/cjs/components/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.md +139 -0
- package/cjs/components/MenuItem/MenuItem.mixins.d.ts +3 -4
- package/cjs/components/MenuItem/MenuItem.mixins.js +7 -8
- package/cjs/components/MenuItem/MenuItem.mixins.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.styles.d.ts +1 -2
- package/cjs/components/MenuItem/MenuItem.styles.js +108 -114
- package/cjs/components/MenuItem/MenuItem.styles.js.map +1 -1
- package/cjs/components/MenuSeparator/MenuSeparator.js +2 -5
- package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
- package/cjs/components/MenuSeparator/MenuSeparator.md +14 -0
- package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -2
- package/cjs/components/MenuSeparator/MenuSeparator.styles.js +12 -15
- package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map +1 -1
- package/cjs/components/MiniModal/MiniModal.md +231 -0
- package/cjs/components/MiniModal/MiniModal.styles.d.ts +1 -2
- package/cjs/components/MiniModal/MiniModal.styles.js +39 -42
- package/cjs/components/MiniModal/MiniModal.styles.js.map +1 -1
- package/cjs/components/MiniModal/MiniModalBody.js +3 -7
- package/cjs/components/MiniModal/MiniModalBody.js.map +1 -1
- package/cjs/components/MiniModal/MiniModalFooter.js +5 -8
- package/cjs/components/MiniModal/MiniModalFooter.js.map +1 -1
- package/cjs/components/MiniModal/MiniModalHeader.js +4 -7
- package/cjs/components/MiniModal/MiniModalHeader.js.map +1 -1
- package/cjs/components/MiniModal/MiniModalIndent.js +1 -3
- package/cjs/components/MiniModal/MiniModalIndent.js.map +1 -1
- package/cjs/components/Modal/Modal.d.ts +0 -3
- package/cjs/components/Modal/Modal.js +9 -26
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.md +56 -0
- package/cjs/components/Modal/Modal.styles.d.ts +1 -2
- package/cjs/components/Modal/Modal.styles.js +306 -309
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/ModalBody.d.ts +0 -2
- package/cjs/components/Modal/ModalBody.js +14 -27
- package/cjs/components/Modal/ModalBody.js.map +1 -1
- package/cjs/components/Modal/ModalClose.js +12 -16
- package/cjs/components/Modal/ModalClose.js.map +1 -1
- package/cjs/components/Modal/ModalFooter.js +10 -14
- package/cjs/components/Modal/ModalFooter.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +13 -17
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/Modal/ModalSeparator.js +3 -6
- package/cjs/components/Modal/ModalSeparator.js.map +1 -1
- package/cjs/components/Paging/Paging.d.ts +1 -5
- package/cjs/components/Paging/Paging.js +48 -74
- package/cjs/components/Paging/Paging.js.map +1 -1
- package/cjs/components/Paging/Paging.md +57 -0
- package/cjs/components/Paging/Paging.styles.d.ts +1 -2
- package/cjs/components/Paging/Paging.styles.js +155 -158
- package/cjs/components/Paging/Paging.styles.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.d.ts +0 -3
- package/cjs/components/PasswordInput/PasswordInput.js +9 -23
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.md +29 -0
- package/cjs/components/PasswordInput/PasswordInput.styles.d.ts +1 -2
- package/cjs/components/PasswordInput/PasswordInput.styles.js +34 -37
- package/cjs/components/PasswordInput/PasswordInput.styles.js.map +1 -1
- package/cjs/components/Radio/Radio.d.ts +0 -5
- package/cjs/components/Radio/Radio.js +32 -51
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/Radio/Radio.md +57 -0
- package/cjs/components/Radio/Radio.mixins.d.ts +5 -6
- package/cjs/components/Radio/Radio.mixins.js +11 -19
- package/cjs/components/Radio/Radio.mixins.js.map +1 -1
- package/cjs/components/Radio/Radio.styles.d.ts +1 -2
- package/cjs/components/Radio/Radio.styles.js +132 -138
- package/cjs/components/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.d.ts +0 -2
- package/cjs/components/RadioGroup/RadioGroup.js +7 -19
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.md +44 -0
- package/cjs/components/RadioGroup/RadioGroup.styles.d.ts +1 -2
- package/cjs/components/RadioGroup/RadioGroup.styles.js +18 -21
- package/cjs/components/RadioGroup/RadioGroup.styles.js.map +1 -1
- package/cjs/components/ResponsiveLayout/ResponsiveLayout.md +75 -0
- package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts +2 -3
- package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js +7 -8
- package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map +1 -1
- package/cjs/components/ResponsiveLayout/useResponsiveLayout.js +2 -9
- package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollBar.d.ts +0 -3
- package/cjs/components/ScrollContainer/ScrollBar.js +9 -23
- package/cjs/components/ScrollContainer/ScrollBar.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.d.ts +1 -4
- package/cjs/components/ScrollContainer/ScrollContainer.js +37 -51
- package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.md +224 -0
- package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -2
- package/cjs/components/ScrollContainer/ScrollContainer.styles.js +49 -52
- package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map +1 -1
- package/cjs/components/Select/Select.d.ts +0 -4
- package/cjs/components/Select/Select.js +4 -24
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.md +113 -0
- package/cjs/components/Select/Select.styles.d.ts +1 -2
- package/cjs/components/Select/Select.styles.js +61 -64
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/SidePage/SidePage.d.ts +0 -3
- package/cjs/components/SidePage/SidePage.js +7 -22
- package/cjs/components/SidePage/SidePage.js.map +1 -1
- package/cjs/components/SidePage/SidePage.md +65 -0
- package/cjs/components/SidePage/SidePage.styles.d.ts +1 -2
- package/cjs/components/SidePage/SidePage.styles.js +246 -249
- package/cjs/components/SidePage/SidePage.styles.js.map +1 -1
- package/cjs/components/SidePage/SidePageBody.d.ts +0 -2
- package/cjs/components/SidePage/SidePageBody.js +10 -22
- package/cjs/components/SidePage/SidePageBody.js.map +1 -1
- package/cjs/components/SidePage/SidePageCloseButton.js +10 -14
- package/cjs/components/SidePage/SidePageCloseButton.js.map +1 -1
- package/cjs/components/SidePage/SidePageContainer.d.ts +0 -2
- package/cjs/components/SidePage/SidePageContainer.js +13 -25
- package/cjs/components/SidePage/SidePageContainer.js.map +1 -1
- package/cjs/components/SidePage/SidePageFooter.d.ts +0 -3
- package/cjs/components/SidePage/SidePageFooter.js +2 -17
- package/cjs/components/SidePage/SidePageFooter.js.map +1 -1
- package/cjs/components/SidePage/SidePageHeader.d.ts +0 -2
- package/cjs/components/SidePage/SidePageHeader.js +20 -32
- package/cjs/components/SidePage/SidePageHeader.js.map +1 -1
- package/cjs/components/SingleToast/SingleToast.md +36 -0
- package/cjs/components/Spinner/Spinner.d.ts +0 -2
- package/cjs/components/Spinner/Spinner.js +7 -19
- package/cjs/components/Spinner/Spinner.js.map +1 -1
- package/cjs/components/Spinner/Spinner.md +36 -0
- package/cjs/components/Spinner/Spinner.styles.d.ts +1 -2
- package/cjs/components/Spinner/Spinner.styles.js +72 -79
- package/cjs/components/Spinner/Spinner.styles.js.map +1 -1
- package/cjs/components/Spinner/SpinnerFallbackAnimation.d.ts +1 -3
- package/cjs/components/Spinner/SpinnerFallbackAnimation.js +10 -14
- package/cjs/components/Spinner/SpinnerFallbackAnimation.js.map +1 -1
- package/cjs/components/Sticky/Sticky.d.ts +0 -3
- package/cjs/components/Sticky/Sticky.js +6 -20
- package/cjs/components/Sticky/Sticky.js.map +1 -1
- package/cjs/components/Sticky/Sticky.md +28 -0
- package/cjs/components/Sticky/Sticky.styles.d.ts +1 -2
- package/cjs/components/Sticky/Sticky.styles.js +18 -21
- package/cjs/components/Sticky/Sticky.styles.js.map +1 -1
- package/cjs/components/Switcher/Switcher.d.ts +0 -2
- package/cjs/components/Switcher/Switcher.js +5 -17
- package/cjs/components/Switcher/Switcher.js.map +1 -1
- package/cjs/components/Switcher/Switcher.md +111 -0
- package/cjs/components/Switcher/Switcher.styles.d.ts +1 -2
- package/cjs/components/Switcher/Switcher.styles.js +50 -53
- package/cjs/components/Switcher/Switcher.styles.js.map +1 -1
- package/cjs/components/Tabs/Indicator.d.ts +0 -3
- package/cjs/components/Tabs/Indicator.js +4 -18
- package/cjs/components/Tabs/Indicator.js.map +1 -1
- package/cjs/components/Tabs/Indicator.styles.d.ts +1 -2
- package/cjs/components/Tabs/Indicator.styles.js +25 -28
- package/cjs/components/Tabs/Indicator.styles.js.map +1 -1
- package/cjs/components/Tabs/Tab.d.ts +0 -6
- package/cjs/components/Tabs/Tab.js +5 -25
- package/cjs/components/Tabs/Tab.js.map +1 -1
- package/cjs/components/Tabs/Tab.md +73 -0
- package/cjs/components/Tabs/Tab.styles.d.ts +3 -4
- package/cjs/components/Tabs/Tab.styles.js +96 -119
- package/cjs/components/Tabs/Tab.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.d.ts +0 -3
- package/cjs/components/Tabs/Tabs.js +4 -18
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.md +54 -0
- package/cjs/components/Tabs/Tabs.styles.d.ts +1 -2
- package/cjs/components/Tabs/Tabs.styles.js +18 -27
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Textarea/Textarea.d.ts +0 -3
- package/cjs/components/Textarea/Textarea.js +26 -41
- package/cjs/components/Textarea/Textarea.js.map +1 -1
- package/cjs/components/Textarea/Textarea.md +58 -0
- package/cjs/components/Textarea/Textarea.mixins.d.ts +3 -4
- package/cjs/components/Textarea/Textarea.mixins.js +7 -7
- package/cjs/components/Textarea/Textarea.mixins.js.map +1 -1
- package/cjs/components/Textarea/Textarea.styles.d.ts +1 -2
- package/cjs/components/Textarea/Textarea.styles.js +110 -113
- package/cjs/components/Textarea/Textarea.styles.js.map +1 -1
- package/cjs/components/Textarea/TextareaCounter.js +8 -11
- package/cjs/components/Textarea/TextareaCounter.js.map +1 -1
- package/cjs/components/Textarea/TextareaHelpers.d.ts +1 -2
- package/cjs/components/Textarea/TextareaHelpers.js +4 -5
- package/cjs/components/Textarea/TextareaHelpers.js.map +1 -1
- package/cjs/components/Toast/Toast.d.ts +0 -1
- package/cjs/components/Toast/Toast.js +5 -14
- package/cjs/components/Toast/Toast.js.map +1 -1
- package/cjs/components/Toast/Toast.md +69 -0
- package/cjs/components/Toast/Toast.styles.d.ts +1 -2
- package/cjs/components/Toast/Toast.styles.js +15 -18
- package/cjs/components/Toast/Toast.styles.js.map +1 -1
- package/cjs/components/Toast/ToastStatic.js +4 -5
- package/cjs/components/Toast/ToastStatic.js.map +1 -1
- package/cjs/components/Toast/ToastView.d.ts +0 -1
- package/cjs/components/Toast/ToastView.js +5 -15
- package/cjs/components/Toast/ToastView.js.map +1 -1
- package/cjs/components/Toast/ToastView.styles.d.ts +1 -2
- package/cjs/components/Toast/ToastView.styles.js +36 -39
- package/cjs/components/Toast/ToastView.styles.js.map +1 -1
- package/cjs/components/Toggle/Toggle.d.ts +0 -4
- package/cjs/components/Toggle/Toggle.js +4 -21
- package/cjs/components/Toggle/Toggle.js.map +1 -1
- package/cjs/components/Toggle/Toggle.md +110 -0
- package/cjs/components/Toggle/Toggle.mixins.d.ts +6 -7
- package/cjs/components/Toggle/Toggle.mixins.js +13 -15
- package/cjs/components/Toggle/Toggle.mixins.js.map +1 -1
- package/cjs/components/Toggle/Toggle.styles.d.ts +1 -2
- package/cjs/components/Toggle/Toggle.styles.js +206 -212
- package/cjs/components/Toggle/Toggle.styles.js.map +1 -1
- package/cjs/components/Token/Token.d.ts +0 -2
- package/cjs/components/Token/Token.js +2 -14
- package/cjs/components/Token/Token.js.map +1 -1
- package/cjs/components/Token/Token.md +48 -0
- package/cjs/components/Token/Token.mixins.d.ts +1 -2
- package/cjs/components/Token/Token.mixins.js +3 -4
- package/cjs/components/Token/Token.mixins.js.map +1 -1
- package/cjs/components/Token/Token.styles.d.ts +1 -2
- package/cjs/components/Token/Token.styles.js +107 -113
- package/cjs/components/Token/Token.styles.js.map +1 -1
- package/cjs/components/Token/TokenView.js +7 -10
- package/cjs/components/Token/TokenView.js.map +1 -1
- package/cjs/components/TokenInput/TextWidthHelper.d.ts +0 -2
- package/cjs/components/TokenInput/TextWidthHelper.js +2 -14
- package/cjs/components/TokenInput/TextWidthHelper.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.d.ts +0 -3
- package/cjs/components/TokenInput/TokenInput.js +9 -23
- package/cjs/components/TokenInput/TokenInput.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.md +277 -0
- package/cjs/components/TokenInput/TokenInput.mixins.d.ts +2 -3
- package/cjs/components/TokenInput/TokenInput.mixins.js +5 -5
- package/cjs/components/TokenInput/TokenInput.mixins.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.styles.d.ts +1 -2
- package/cjs/components/TokenInput/TokenInput.styles.js +82 -85
- package/cjs/components/TokenInput/TokenInput.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.d.ts +1 -4
- package/cjs/components/Tooltip/Tooltip.js +19 -35
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.md +322 -0
- package/cjs/components/Tooltip/Tooltip.styles.d.ts +1 -2
- package/cjs/components/Tooltip/Tooltip.styles.js +44 -47
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/TooltipMenu/TooltipMenu.md +241 -0
- package/cjs/hooks/useDrop.js +3 -3
- package/cjs/hooks/useDrop.js.map +1 -1
- package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js +10 -14
- package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
- package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +1 -2
- package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js +35 -38
- package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map +1 -1
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js +9 -13
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +1 -2
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js +22 -25
- package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map +1 -1
- package/cjs/internal/CommonWrapper/CommonWrapper.d.ts +1 -2
- package/cjs/internal/CommonWrapper/CommonWrapper.js +2 -12
- package/cjs/internal/CommonWrapper/CommonWrapper.js.map +1 -1
- package/cjs/internal/CustomComboBox/ComboBoxView.d.ts +2 -2
- package/cjs/internal/CustomComboBox/ComboBoxView.js +24 -12
- package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBox.d.ts +6 -3
- package/cjs/internal/CustomComboBox/CustomComboBox.js +19 -19
- package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBox.styles.d.ts +1 -2
- package/cjs/internal/CustomComboBox/CustomComboBox.styles.js +9 -12
- package/cjs/internal/CustomComboBox/CustomComboBox.styles.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -2
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +6 -7
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
- package/cjs/internal/DataTids/DATATIDS.md +12 -0
- package/cjs/internal/DataTids/DataTids.d.ts +12 -0
- package/cjs/internal/DataTids/DataTids.js +50 -0
- package/cjs/internal/DataTids/DataTids.js.map +1 -0
- package/cjs/internal/DataTids/DataTids.styles.d.ts +7 -0
- package/cjs/internal/DataTids/DataTids.styles.js +42 -0
- package/cjs/internal/DataTids/DataTids.styles.js.map +1 -0
- package/cjs/internal/DataTids/componentsDataTids.d.ts +5 -0
- package/cjs/internal/DataTids/componentsDataTids.js +15 -0
- package/cjs/internal/DataTids/componentsDataTids.js.map +1 -0
- package/cjs/internal/DateSelect/DateSelect.d.ts +0 -2
- package/cjs/internal/DateSelect/DateSelect.js +5 -17
- package/cjs/internal/DateSelect/DateSelect.js.map +1 -1
- package/cjs/internal/DateSelect/DateSelect.styles.d.ts +1 -2
- package/cjs/internal/DateSelect/DateSelect.styles.js +20 -23
- package/cjs/internal/DateSelect/DateSelect.styles.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js +18 -22
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +1 -2
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js +57 -58
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js +1 -3
- package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js +6 -9
- package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
- package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +1 -2
- package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js +22 -23
- package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
- package/cjs/internal/FocusTrap/FocusTrap.d.ts +0 -2
- package/cjs/internal/FocusTrap/FocusTrap.js +6 -24
- package/cjs/internal/FocusTrap/FocusTrap.js.map +1 -1
- package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -4
- package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js +11 -34
- package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
- package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js +2 -12
- package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js.map +1 -1
- package/cjs/internal/InputLikeText/HiddenInput.d.ts +0 -1
- package/cjs/internal/InputLikeText/HiddenInput.js +13 -25
- package/cjs/internal/InputLikeText/HiddenInput.js.map +1 -1
- package/cjs/internal/InputLikeText/InputLikeText.d.ts +0 -4
- package/cjs/internal/InputLikeText/InputLikeText.js +50 -72
- package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
- package/cjs/internal/InputLikeText/InputLikeText.styles.d.ts +1 -2
- package/cjs/internal/InputLikeText/InputLikeText.styles.js +18 -21
- package/cjs/internal/InputLikeText/InputLikeText.styles.js.map +1 -1
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.d.ts +0 -2
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js +3 -15
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js.map +1 -1
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.d.ts +1 -2
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js +13 -16
- package/cjs/internal/InternalMaskedInput/InternalMaskedInput.styles.js.map +1 -1
- package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js +1 -6
- package/cjs/internal/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
- package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +1 -2
- package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js +6 -9
- package/cjs/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map +1 -1
- package/cjs/internal/Menu/Menu.d.ts +0 -3
- package/cjs/internal/Menu/Menu.js +26 -41
- package/cjs/internal/Menu/Menu.js.map +1 -1
- package/cjs/internal/Menu/Menu.styles.d.ts +1 -2
- package/cjs/internal/Menu/Menu.styles.js +56 -59
- package/cjs/internal/Menu/Menu.styles.js.map +1 -1
- package/cjs/internal/MenuMessage/MenuMessage.js +7 -10
- package/cjs/internal/MenuMessage/MenuMessage.js.map +1 -1
- package/cjs/internal/MenuMessage/MenuMessage.styles.d.ts +1 -2
- package/cjs/internal/MenuMessage/MenuMessage.styles.js +44 -47
- package/cjs/internal/MenuMessage/MenuMessage.styles.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopup.d.ts +0 -1
- package/cjs/internal/MobilePopup/MobilePopup.js +1 -11
- package/cjs/internal/MobilePopup/MobilePopup.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopup.styles.d.ts +1 -2
- package/cjs/internal/MobilePopup/MobilePopup.styles.js +32 -33
- package/cjs/internal/MobilePopup/MobilePopup.styles.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +0 -1
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +5 -15
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +1 -2
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +8 -9
- package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -2
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +13 -25
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +1 -2
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +24 -25
- package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +1 -1
- package/cjs/internal/NativeDateInput/NativeDateInput.d.ts +0 -1
- package/cjs/internal/NativeDateInput/NativeDateInput.js +1 -11
- package/cjs/internal/NativeDateInput/NativeDateInput.js.map +1 -1
- package/cjs/internal/NativeDateInput/NativeDateInput.styles.d.ts +1 -2
- package/cjs/internal/NativeDateInput/NativeDateInput.styles.js +7 -8
- package/cjs/internal/NativeDateInput/NativeDateInput.styles.js.map +1 -1
- package/cjs/internal/Popup/Popup.d.ts +0 -3
- package/cjs/internal/Popup/Popup.js +12 -27
- package/cjs/internal/Popup/Popup.js.map +1 -1
- package/cjs/internal/Popup/Popup.styles.d.ts +1 -2
- package/cjs/internal/Popup/Popup.styles.js +51 -54
- package/cjs/internal/Popup/Popup.styles.js.map +1 -1
- package/cjs/internal/Popup/PopupHelper.d.ts +2 -3
- package/cjs/internal/Popup/PopupHelper.js +21 -22
- package/cjs/internal/Popup/PopupHelper.js.map +1 -1
- package/cjs/internal/Popup/PopupPin.d.ts +1 -2
- package/cjs/internal/Popup/PopupPin.js +40 -51
- package/cjs/internal/Popup/PopupPin.js.map +1 -1
- package/cjs/internal/Popup/PopupPin.styles.d.ts +1 -2
- package/cjs/internal/Popup/PopupPin.styles.js +6 -9
- package/cjs/internal/Popup/PopupPin.styles.js.map +1 -1
- package/cjs/internal/Popup/PopupPinNew.d.ts +1 -3
- package/cjs/internal/Popup/PopupPinNew.js +6 -22
- package/cjs/internal/Popup/PopupPinNew.js.map +1 -1
- package/cjs/internal/Popup/PopupPinNew.styles.d.ts +1 -2
- package/cjs/internal/Popup/PopupPinNew.styles.js +18 -21
- package/cjs/internal/Popup/PopupPinNew.styles.js.map +1 -1
- package/cjs/internal/PopupMenu/PopupMenu.d.ts +0 -2
- package/cjs/internal/PopupMenu/PopupMenu.js +6 -22
- package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
- package/cjs/internal/PopupMenu/PopupMenu.styles.d.ts +1 -2
- package/cjs/internal/PopupMenu/PopupMenu.styles.js +9 -12
- package/cjs/internal/PopupMenu/PopupMenu.styles.js.map +1 -1
- package/cjs/internal/RenderContainer/RenderContainer.d.ts +0 -3
- package/cjs/internal/RenderContainer/RenderContainer.js +9 -13
- package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
- package/cjs/internal/RenderLayer/RenderLayer.d.ts +0 -1
- package/cjs/internal/RenderLayer/RenderLayer.js +3 -20
- package/cjs/internal/RenderLayer/RenderLayer.js.map +1 -1
- package/cjs/internal/ResizeDetector/ResizeDetector.d.ts +0 -2
- package/cjs/internal/ResizeDetector/ResizeDetector.js +2 -19
- package/cjs/internal/ResizeDetector/ResizeDetector.js.map +1 -1
- package/cjs/internal/ResizeDetector/ResizeDetector.styles.d.ts +1 -2
- package/cjs/internal/ResizeDetector/ResizeDetector.styles.js +15 -18
- package/cjs/internal/ResizeDetector/ResizeDetector.styles.js.map +1 -1
- package/cjs/internal/SpinnerIcon/SpinnerIcon.js +5 -10
- package/cjs/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
- package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +1 -2
- package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.js +15 -18
- package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.js.map +1 -1
- package/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts +0 -1
- package/cjs/internal/TextWidthHelper/TextWidthHelper.js +1 -11
- package/cjs/internal/TextWidthHelper/TextWidthHelper.js.map +1 -1
- package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +1 -2
- package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js +10 -11
- package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js.map +1 -1
- package/cjs/internal/ThemePlayground/ComponentsGroup.js +2 -4
- package/cjs/internal/ThemePlayground/ComponentsGroup.js.map +1 -1
- package/cjs/internal/ThemePlayground/Playground.d.ts +0 -2
- package/cjs/internal/ThemePlayground/Playground.js +3 -15
- package/cjs/internal/ThemePlayground/Playground.js.map +1 -1
- package/cjs/internal/ThemePlayground/Playground.md +7 -0
- package/cjs/internal/ThemePlayground/Playground.styles.d.ts +1 -2
- package/cjs/internal/ThemePlayground/Playground.styles.js +73 -76
- package/cjs/internal/ThemePlayground/Playground.styles.js.map +1 -1
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.d.ts +0 -1
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.js +3 -14
- package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map +1 -1
- package/cjs/internal/ThemePlayground/ThemeEditor.d.ts +0 -1
- package/cjs/internal/ThemePlayground/ThemeEditor.js +2 -13
- package/cjs/internal/ThemePlayground/ThemeEditor.js.map +1 -1
- package/cjs/internal/ThemePlayground/VariableValue.d.ts +0 -2
- package/cjs/internal/ThemePlayground/VariableValue.js +8 -22
- package/cjs/internal/ThemePlayground/VariableValue.js.map +1 -1
- package/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts +0 -1
- package/cjs/internal/ThemeShowcase/ThemeShowcase.js +95 -157
- package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map +1 -1
- package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.d.ts +1 -2
- package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js +78 -81
- package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js.map +1 -1
- package/cjs/internal/ThemeShowcase/VariablesCollector.js +5 -4
- package/cjs/internal/ThemeShowcase/VariablesCollector.js.map +1 -1
- package/cjs/internal/ZIndex/ZIndex.d.ts +1 -2
- package/cjs/internal/ZIndex/ZIndex.js +9 -19
- package/cjs/internal/ZIndex/ZIndex.js.map +1 -1
- package/cjs/internal/ZIndex/ZIndexStorage.d.ts +2 -3
- package/cjs/internal/ZIndex/ZIndexStorage.js +8 -9
- package/cjs/internal/ZIndex/ZIndexStorage.js.map +1 -1
- package/cjs/internal/icons2022/BaseIcon.js +1 -3
- package/cjs/internal/icons2022/BaseIcon.js.map +1 -1
- package/cjs/internal/icons2022/BaseIcon.styles.d.ts +1 -2
- package/cjs/internal/icons2022/BaseIcon.styles.js +7 -10
- package/cjs/internal/icons2022/BaseIcon.styles.js.map +1 -1
- package/cjs/internal/icons2022/LoadingIcon.js +2 -5
- package/cjs/internal/icons2022/LoadingIcon.js.map +1 -1
- package/cjs/lib/LayoutEvents.d.ts +1 -2
- package/cjs/lib/LayoutEvents.js +10 -11
- package/cjs/lib/LayoutEvents.js.map +1 -1
- package/cjs/lib/ModalStack.d.ts +5 -6
- package/cjs/lib/ModalStack.js +12 -13
- package/cjs/lib/ModalStack.js.map +1 -1
- package/cjs/lib/Upgrades.d.ts +1 -0
- package/cjs/lib/Upgrades.js +3 -1
- package/cjs/lib/Upgrades.js.map +1 -1
- package/cjs/lib/animation/index.d.ts +1 -2
- package/cjs/lib/animation/index.js +5 -5
- package/cjs/lib/animation/index.js.map +1 -1
- package/cjs/lib/client.d.ts +1 -1
- package/cjs/lib/client.js +6 -8
- package/cjs/lib/client.js.map +1 -1
- package/cjs/lib/delay.js +3 -1
- package/cjs/lib/delay.js.map +1 -1
- package/cjs/lib/delay.mts +3 -1
- package/cjs/lib/dom/getScrollWidth.d.ts +1 -2
- package/cjs/lib/dom/getScrollWidth.js +5 -5
- package/cjs/lib/dom/getScrollWidth.js.map +1 -1
- package/cjs/lib/dom/scrollYCenterIntoNearestScrollable.js +5 -7
- package/cjs/lib/dom/scrollYCenterIntoNearestScrollable.js.map +1 -1
- package/cjs/lib/dom/selectionHelpers.d.ts +1 -2
- package/cjs/lib/dom/selectionHelpers.js +8 -10
- package/cjs/lib/dom/selectionHelpers.js.map +1 -1
- package/cjs/lib/dom/tabbableHelpers.d.ts +1 -1
- package/cjs/lib/dom/tabbableHelpers.js +5 -4
- package/cjs/lib/dom/tabbableHelpers.js.map +1 -1
- package/cjs/lib/events/MouseDrag.d.ts +0 -3
- package/cjs/lib/events/MouseDrag.js +7 -11
- package/cjs/lib/events/MouseDrag.js.map +1 -1
- package/cjs/lib/events/fixClickFocusIE.js +4 -4
- package/cjs/lib/events/fixClickFocusIE.js.map +1 -1
- package/cjs/lib/events/fixFirefoxModifiedClickOnLabel.js +4 -5
- package/cjs/lib/events/fixFirefoxModifiedClickOnLabel.js.map +1 -1
- package/cjs/lib/events/keyListener.d.ts +4 -3
- package/cjs/lib/events/keyListener.js +9 -6
- package/cjs/lib/events/keyListener.js.map +1 -1
- package/cjs/lib/events/keyboard/identifiers.js +3 -2
- package/cjs/lib/events/keyboard/identifiers.js.map +1 -1
- package/cjs/lib/events/tabListener.d.ts +1 -1
- package/cjs/lib/events/tabListener.js +2 -2
- package/cjs/lib/events/tabListener.js.map +1 -1
- package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +64 -0
- package/cjs/lib/listenFocusOutside.d.ts +0 -2
- package/cjs/lib/listenFocusOutside.js +14 -17
- package/cjs/lib/listenFocusOutside.js.map +1 -1
- package/cjs/lib/locale/LOCALECONTEXT.md +222 -0
- package/cjs/lib/needsPolyfillPlaceholder.js +3 -4
- package/cjs/lib/needsPolyfillPlaceholder.js.map +1 -1
- package/cjs/lib/net/fetch.js +4 -5
- package/cjs/lib/net/fetch.js.map +1 -1
- package/cjs/lib/styles/Mixins.d.ts +2 -3
- package/cjs/lib/styles/Mixins.js +5 -5
- package/cjs/lib/styles/Mixins.js.map +1 -1
- package/cjs/lib/styles/UiFont.d.ts +0 -2
- package/cjs/lib/styles/UiFont.js +4 -4
- package/cjs/lib/styles/UiFont.js.map +1 -1
- package/cjs/lib/taskWithDelayAndMinimalDuration.js +6 -5
- package/cjs/lib/taskWithDelayAndMinimalDuration.js.map +1 -1
- package/cjs/lib/theming/Emotion.d.ts +4 -10
- package/cjs/lib/theming/Emotion.js +10 -25
- package/cjs/lib/theming/Emotion.js.map +1 -1
- package/cjs/lib/theming/ThemeContext.md +265 -0
- package/cjs/lib/theming/ThemeVersions.d.ts +1 -1
- package/cjs/lib/theming/ThemeVersions.js.map +1 -1
- package/cjs/lib/theming/themes/DarkTheme.d.ts +0 -1
- package/cjs/lib/theming/themes/DarkTheme.js +2 -4
- package/cjs/lib/theming/themes/DarkTheme.js.map +1 -1
- package/cjs/lib/theming/themes/LightTheme.d.ts +0 -1
- package/cjs/lib/theming/themes/LightTheme.js +2 -4
- package/cjs/lib/theming/themes/LightTheme.js.map +1 -1
- package/cjs/lib/utils.d.ts +1 -2
- package/cjs/lib/utils.js +4 -5
- package/cjs/lib/utils.js.map +1 -1
- package/components/Autocomplete/Autocomplete/Autocomplete.js +13 -17
- package/components/Autocomplete/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Autocomplete/Autocomplete.d.ts +0 -2
- package/components/Autocomplete/Autocomplete.md +113 -0
- package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js +9 -11
- package/components/Autocomplete/Autocomplete.styles/Autocomplete.styles.js.map +1 -1
- package/components/Autocomplete/Autocomplete.styles.d.ts +1 -2
- package/components/Button/Button/Button.js +41 -49
- package/components/Button/Button/Button.js.map +1 -1
- package/components/Button/Button.d.ts +0 -5
- package/components/Button/Button.md +261 -0
- package/components/Button/Button.mixins/Button.mixins.js +11 -10
- package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
- package/components/Button/Button.mixins.d.ts +5 -6
- package/components/Button/Button.styles/Button.styles.js +243 -248
- package/components/Button/Button.styles/Button.styles.js.map +1 -1
- package/components/Button/Button.styles.d.ts +2 -3
- package/components/Button/ButtonArrow/ButtonArrow.js +3 -7
- package/components/Button/ButtonArrow/ButtonArrow.js.map +1 -1
- package/components/Button/ButtonArrow.d.ts +1 -3
- package/components/Button/ButtonIcon/ButtonIcon.js +2 -5
- package/components/Button/ButtonIcon/ButtonIcon.js.map +1 -1
- package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js +43 -45
- package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js.map +1 -1
- package/components/Button/ButtonIcon.styles.d.ts +1 -2
- package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js +1 -3
- package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js.map +1 -1
- package/components/Calendar/Calendar/Calendar.js +22 -28
- package/components/Calendar/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/Calendar.d.ts +0 -3
- package/components/Calendar/Calendar.md +276 -0
- package/components/Calendar/Calendar.styles/Calendar.styles.js +13 -15
- package/components/Calendar/Calendar.styles/Calendar.styles.js.map +1 -1
- package/components/Calendar/Calendar.styles.d.ts +1 -2
- package/components/Calendar/CalendarDay/CalendarDay.js +2 -5
- package/components/Calendar/CalendarDay/CalendarDay.js.map +1 -1
- package/components/Calendar/CalendarDay.md +70 -0
- package/components/Calendar/DayCellView/DayCellView.js +1 -3
- package/components/Calendar/DayCellView/DayCellView.js.map +1 -1
- package/components/Calendar/DayCellView.styles/DayCellView.styles.js +18 -20
- package/components/Calendar/DayCellView.styles/DayCellView.styles.js.map +1 -1
- package/components/Calendar/DayCellView.styles.d.ts +1 -2
- package/components/Calendar/Month/Month.js +9 -17
- package/components/Calendar/Month/Month.js.map +1 -1
- package/components/Calendar/MonthView/MonthView.js +2 -5
- package/components/Calendar/MonthView/MonthView.js.map +1 -1
- package/components/Calendar/MonthView.styles/MonthView.styles.js +38 -40
- package/components/Calendar/MonthView.styles/MonthView.styles.js.map +1 -1
- package/components/Calendar/MonthView.styles.d.ts +1 -2
- package/components/Center/Center/Center.js +9 -15
- package/components/Center/Center/Center.js.map +1 -1
- package/components/Center/Center.d.ts +0 -2
- package/components/Center/Center.md +26 -0
- package/components/Center/Center.styles/Center.styles.js +18 -20
- package/components/Center/Center.styles/Center.styles.js.map +1 -1
- package/components/Center/Center.styles.d.ts +1 -2
- package/components/Checkbox/Checkbox/Checkbox.js +32 -39
- package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.d.ts +0 -4
- package/components/Checkbox/Checkbox.md +171 -0
- package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js +5 -4
- package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map +1 -1
- package/components/Checkbox/Checkbox.mixins.d.ts +2 -3
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +75 -77
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
- package/components/Checkbox/Checkbox.styles.d.ts +1 -2
- package/components/ComboBox/ComboBox/ComboBox.js +8 -0
- package/components/ComboBox/ComboBox/ComboBox.js.map +1 -1
- package/components/ComboBox/ComboBox.d.ts +7 -1
- package/components/ComboBox/ComboBox.md +574 -0
- package/components/CurrencyInput/CurrencyInput/CurrencyInput.js +3 -3
- package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map +1 -1
- package/components/CurrencyInput/CurrencyInput.md +39 -0
- package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js +3 -5
- package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js.map +1 -1
- package/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts +2 -2
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +1 -1
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/components/CurrencyLabel/CurrencyLabel.md +29 -0
- package/components/DateInput/DateFragmentsView/DateFragmentsView.js +13 -20
- package/components/DateInput/DateFragmentsView/DateFragmentsView.js.map +1 -1
- package/components/DateInput/DateFragmentsView.d.ts +0 -3
- package/components/DateInput/DateFragmentsView.styles/DateFragmentsView.styles.js +18 -20
- package/components/DateInput/DateFragmentsView.styles/DateFragmentsView.styles.js.map +1 -1
- package/components/DateInput/DateFragmentsView.styles.d.ts +1 -2
- package/components/DateInput/DateInput/DateInput.js +12 -18
- package/components/DateInput/DateInput/DateInput.js.map +1 -1
- package/components/DateInput/DateInput.d.ts +0 -3
- package/components/DateInput/DateInput.md +111 -0
- package/components/DateInput/DateInput.styles/DateInput.styles.js +23 -24
- package/components/DateInput/DateInput.styles/DateInput.styles.js.map +1 -1
- package/components/DateInput/DateInput.styles.d.ts +1 -2
- package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js +5 -7
- package/components/DateInput/helpers/DateInputKeyboardActions/DateInputKeyboardActions.js.map +1 -1
- package/components/DateInput/helpers/DateInputKeyboardActions.d.ts +1 -1
- package/components/DatePicker/DatePicker/DatePicker.js +12 -17
- package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
- package/components/DatePicker/DatePicker.d.ts +0 -1
- package/components/DatePicker/DatePicker.md +368 -0
- package/components/DatePicker/DatePicker.styles/DatePicker.styles.js +9 -11
- package/components/DatePicker/DatePicker.styles/DatePicker.styles.js.map +1 -1
- package/components/DatePicker/DatePicker.styles.d.ts +1 -2
- package/components/DatePicker/MobilePicker/MobilePicker.js +1 -3
- package/components/DatePicker/MobilePicker/MobilePicker.js.map +1 -1
- package/components/DatePicker/MobilePicker.styles/MobilePicker.styles.js +6 -8
- package/components/DatePicker/MobilePicker.styles/MobilePicker.styles.js.map +1 -1
- package/components/DatePicker/MobilePicker.styles.d.ts +1 -2
- package/components/DateRangePicker/DateRangePicker/DateRangePicker.js +2 -6
- package/components/DateRangePicker/DateRangePicker/DateRangePicker.js.map +1 -1
- package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js +36 -38
- package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js.map +1 -1
- package/components/DateRangePicker/DateRangePicker.styles.d.ts +1 -2
- package/components/Dropdown/Dropdown.md +45 -0
- package/components/DropdownMenu/DropdownMenu.md +290 -0
- package/components/FileUploader/FileUploader/FileUploader.js +4 -9
- package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
- package/components/FileUploader/FileUploader.md +131 -0
- package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js +3 -2
- package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js.map +1 -1
- package/components/FileUploader/FileUploader.mixins.d.ts +1 -2
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +94 -96
- package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
- package/components/FileUploader/FileUploader.styles.d.ts +1 -2
- package/components/FxInput/FxInput.md +31 -0
- package/components/Gapped/Gapped.md +44 -0
- package/components/GlobalLoader/GlobalLoader.md +97 -0
- package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js +2 -6
- package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map +1 -1
- package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js +48 -60
- package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js.map +1 -1
- package/components/GlobalLoader/GlobalLoaderView.styles.d.ts +2 -3
- package/components/Group/Group/Group.js +24 -29
- package/components/Group/Group/Group.js.map +1 -1
- package/components/Group/Group.d.ts +0 -2
- package/components/Group/Group.md +19 -0
- package/components/Group/Group.styles/Group.styles.js +24 -26
- package/components/Group/Group.styles/Group.styles.js.map +1 -1
- package/components/Group/Group.styles.d.ts +1 -2
- package/components/Hint/Hint/Hint.js +18 -22
- package/components/Hint/Hint/Hint.js.map +1 -1
- package/components/Hint/Hint.d.ts +0 -2
- package/components/Hint/Hint.md +86 -0
- package/components/Hint/Hint.styles/Hint.styles.js +9 -11
- package/components/Hint/Hint.styles/Hint.styles.js.map +1 -1
- package/components/Hint/Hint.styles.d.ts +1 -2
- package/components/Input/Input/Input.js +24 -30
- package/components/Input/Input/Input.js.map +1 -1
- package/components/Input/Input.d.ts +0 -3
- package/components/Input/Input.md +86 -0
- package/components/Input/Input.styles/Input.styles.js +79 -81
- package/components/Input/Input.styles/Input.styles.js.map +1 -1
- package/components/Input/Input.styles.d.ts +1 -2
- package/components/Input/InputLayout/InputLayout/InputLayout.js +1 -3
- package/components/Input/InputLayout/InputLayout/InputLayout.js.map +1 -1
- package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js +28 -31
- package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js.map +1 -1
- package/components/Input/InputLayout/InputLayout.styles.d.ts +1 -2
- package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js +1 -3
- package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js +2 -6
- package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js +2 -6
- package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js.map +1 -1
- package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js +2 -5
- package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js.map +1 -1
- package/components/Kebab/Kebab/Kebab.js +16 -23
- package/components/Kebab/Kebab/Kebab.js.map +1 -1
- package/components/Kebab/Kebab.d.ts +0 -4
- package/components/Kebab/Kebab.md +306 -0
- package/components/Kebab/Kebab.styles/Kebab.styles.js +27 -29
- package/components/Kebab/Kebab.styles/Kebab.styles.js.map +1 -1
- package/components/Kebab/Kebab.styles.d.ts +1 -2
- package/components/Link/Link/Link.js +23 -33
- package/components/Link/Link/Link.js.map +1 -1
- package/components/Link/Link.d.ts +0 -6
- package/components/Link/Link.md +182 -0
- package/components/Link/Link.mixins/Link.mixins.js +4 -6
- package/components/Link/Link.mixins/Link.mixins.js.map +1 -1
- package/components/Link/Link.mixins.d.ts +2 -3
- package/components/Link/Link.styles/Link.styles.js +66 -70
- package/components/Link/Link.styles/Link.styles.js.map +1 -1
- package/components/Link/Link.styles.d.ts +1 -2
- package/components/Link/LinkIcon/LinkIcon.js +2 -5
- package/components/Link/LinkIcon/LinkIcon.js.map +1 -1
- package/components/Loader/Loader/Loader.js +33 -41
- package/components/Loader/Loader/Loader.js.map +1 -1
- package/components/Loader/Loader.d.ts +0 -3
- package/components/Loader/Loader.md +33 -0
- package/components/Loader/Loader.styles/Loader.styles.js +18 -20
- package/components/Loader/Loader.styles/Loader.styles.js.map +1 -1
- package/components/Loader/Loader.styles.d.ts +1 -2
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js +5 -11
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js.map +1 -1
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js +2 -4
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js.map +1 -1
- package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +0 -2
- package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js +2 -7
- package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js.map +1 -1
- package/components/MaskedInput/MaskedInput/MaskedInput.js +2 -5
- package/components/MaskedInput/MaskedInput/MaskedInput.js.map +1 -1
- package/components/MaskedInput/MaskedInput.md +114 -0
- package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js +7 -10
- package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js.map +1 -1
- package/components/MaskedInput/MaskedInput.styles.d.ts +1 -2
- package/components/MenuFooter/MenuFooter/MenuFooter.js +2 -6
- package/components/MenuFooter/MenuFooter/MenuFooter.js.map +1 -1
- package/components/MenuFooter/MenuFooter.md +27 -0
- package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js +5 -4
- package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js.map +1 -1
- package/components/MenuFooter/MenuFooter.mixins.d.ts +2 -3
- package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js +24 -26
- package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js.map +1 -1
- package/components/MenuFooter/MenuFooter.styles.d.ts +1 -2
- package/components/MenuHeader/MenuHeader/MenuHeader.js +2 -6
- package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
- package/components/MenuHeader/MenuHeader.md +35 -0
- package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js +5 -4
- package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js.map +1 -1
- package/components/MenuHeader/MenuHeader.mixins.d.ts +2 -3
- package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js +24 -26
- package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map +1 -1
- package/components/MenuHeader/MenuHeader.styles.d.ts +1 -2
- package/components/MenuItem/MenuItem/MenuItem.js +26 -33
- package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
- package/components/MenuItem/MenuItem.d.ts +0 -3
- package/components/MenuItem/MenuItem.md +139 -0
- package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js +7 -6
- package/components/MenuItem/MenuItem.mixins/MenuItem.mixins.js.map +1 -1
- package/components/MenuItem/MenuItem.mixins.d.ts +3 -4
- package/components/MenuItem/MenuItem.styles/MenuItem.styles.js +67 -69
- package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map +1 -1
- package/components/MenuItem/MenuItem.styles.d.ts +1 -2
- package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +2 -6
- package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
- package/components/MenuSeparator/MenuSeparator.md +14 -0
- package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js +9 -11
- package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map +1 -1
- package/components/MenuSeparator/MenuSeparator.styles.d.ts +1 -2
- package/components/MiniModal/MiniModal.md +231 -0
- package/components/MiniModal/MiniModal.styles/MiniModal.styles.js +30 -32
- package/components/MiniModal/MiniModal.styles/MiniModal.styles.js.map +1 -1
- package/components/MiniModal/MiniModal.styles.d.ts +1 -2
- package/components/MiniModal/MiniModalBody/MiniModalBody.js +2 -6
- package/components/MiniModal/MiniModalBody/MiniModalBody.js.map +1 -1
- package/components/MiniModal/MiniModalFooter/MiniModalFooter.js +2 -5
- package/components/MiniModal/MiniModalFooter/MiniModalFooter.js.map +1 -1
- package/components/MiniModal/MiniModalHeader/MiniModalHeader.js +2 -5
- package/components/MiniModal/MiniModalHeader/MiniModalHeader.js.map +1 -1
- package/components/MiniModal/MiniModalIndent/MiniModalIndent.js +1 -3
- package/components/MiniModal/MiniModalIndent/MiniModalIndent.js.map +1 -1
- package/components/Modal/Modal/Modal.js +34 -44
- package/components/Modal/Modal/Modal.js.map +1 -1
- package/components/Modal/Modal.d.ts +0 -3
- package/components/Modal/Modal.md +56 -0
- package/components/Modal/Modal.styles/Modal.styles.js +196 -198
- package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
- package/components/Modal/Modal.styles.d.ts +1 -2
- package/components/Modal/ModalBody/ModalBody.js +12 -17
- package/components/Modal/ModalBody/ModalBody.js.map +1 -1
- package/components/Modal/ModalBody.d.ts +0 -2
- package/components/Modal/ModalClose/ModalClose.js +4 -8
- package/components/Modal/ModalClose/ModalClose.js.map +1 -1
- package/components/Modal/ModalFooter/ModalFooter.js +3 -8
- package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js +2 -5
- package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/components/Modal/ModalSeparator/ModalSeparator.js +2 -6
- package/components/Modal/ModalSeparator/ModalSeparator.js.map +1 -1
- package/components/Paging/Paging/Paging.js +48 -59
- package/components/Paging/Paging/Paging.js.map +1 -1
- package/components/Paging/Paging.d.ts +1 -5
- package/components/Paging/Paging.md +57 -0
- package/components/Paging/Paging.styles/Paging.styles.js +106 -108
- package/components/Paging/Paging.styles/Paging.styles.js.map +1 -1
- package/components/Paging/Paging.styles.d.ts +1 -2
- package/components/PasswordInput/PasswordInput/PasswordInput.js +18 -24
- package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
- package/components/PasswordInput/PasswordInput.d.ts +0 -3
- package/components/PasswordInput/PasswordInput.md +29 -0
- package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js +27 -29
- package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js.map +1 -1
- package/components/PasswordInput/PasswordInput.styles.d.ts +1 -2
- package/components/Radio/Radio/Radio.js +31 -40
- package/components/Radio/Radio/Radio.js.map +1 -1
- package/components/Radio/Radio.d.ts +0 -5
- package/components/Radio/Radio.md +57 -0
- package/components/Radio/Radio.mixins/Radio.mixins.js +11 -10
- package/components/Radio/Radio.mixins/Radio.mixins.js.map +1 -1
- package/components/Radio/Radio.mixins.d.ts +5 -6
- package/components/Radio/Radio.styles/Radio.styles.js +75 -77
- package/components/Radio/Radio.styles/Radio.styles.js.map +1 -1
- package/components/Radio/Radio.styles.d.ts +1 -2
- package/components/RadioGroup/RadioGroup/RadioGroup.js +22 -27
- package/components/RadioGroup/RadioGroup/RadioGroup.js.map +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +0 -2
- package/components/RadioGroup/RadioGroup.md +44 -0
- package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js +18 -20
- package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map +1 -1
- package/components/RadioGroup/RadioGroup.styles.d.ts +1 -2
- package/components/ResponsiveLayout/ResponsiveLayout.md +75 -0
- package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js +5 -4
- package/components/ResponsiveLayout/ResponsiveLayoutEvents/ResponsiveLayoutEvents.js.map +1 -1
- package/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts +2 -3
- package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js +2 -4
- package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js.map +1 -1
- package/components/ScrollContainer/ScrollBar/ScrollBar.js +16 -22
- package/components/ScrollContainer/ScrollBar/ScrollBar.js.map +1 -1
- package/components/ScrollContainer/ScrollBar.d.ts +0 -3
- package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +31 -39
- package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.d.ts +1 -4
- package/components/ScrollContainer/ScrollContainer.md +224 -0
- package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js +39 -41
- package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -2
- package/components/Select/Select/Select.js +24 -33
- package/components/Select/Select/Select.js.map +1 -1
- package/components/Select/Select.d.ts +0 -4
- package/components/Select/Select.md +113 -0
- package/components/Select/Select.styles/Select.styles.js +48 -50
- package/components/Select/Select.styles/Select.styles.js.map +1 -1
- package/components/Select/Select.styles.d.ts +1 -2
- package/components/SidePage/SidePage/SidePage.js +28 -36
- package/components/SidePage/SidePage/SidePage.js.map +1 -1
- package/components/SidePage/SidePage.d.ts +0 -3
- package/components/SidePage/SidePage.md +65 -0
- package/components/SidePage/SidePage.styles/SidePage.styles.js +165 -167
- package/components/SidePage/SidePage.styles/SidePage.styles.js.map +1 -1
- package/components/SidePage/SidePage.styles.d.ts +1 -2
- package/components/SidePage/SidePageBody/SidePageBody.js +11 -18
- package/components/SidePage/SidePageBody/SidePageBody.js.map +1 -1
- package/components/SidePage/SidePageBody.d.ts +0 -2
- package/components/SidePage/SidePageCloseButton/SidePageCloseButton.js +4 -9
- package/components/SidePage/SidePageCloseButton/SidePageCloseButton.js.map +1 -1
- package/components/SidePage/SidePageContainer/SidePageContainer.js +11 -18
- package/components/SidePage/SidePageContainer/SidePageContainer.js.map +1 -1
- package/components/SidePage/SidePageContainer.d.ts +0 -2
- package/components/SidePage/SidePageFooter/SidePageFooter.js +12 -19
- package/components/SidePage/SidePageFooter/SidePageFooter.js.map +1 -1
- package/components/SidePage/SidePageFooter.d.ts +0 -3
- package/components/SidePage/SidePageHeader/SidePageHeader.js +12 -17
- package/components/SidePage/SidePageHeader/SidePageHeader.js.map +1 -1
- package/components/SidePage/SidePageHeader.d.ts +0 -2
- package/components/SingleToast/SingleToast.md +36 -0
- package/components/Spinner/Spinner/Spinner.js +12 -17
- package/components/Spinner/Spinner/Spinner.js.map +1 -1
- package/components/Spinner/Spinner.d.ts +0 -2
- package/components/Spinner/Spinner.md +36 -0
- package/components/Spinner/Spinner.styles/Spinner.styles.js +42 -44
- package/components/Spinner/Spinner.styles/Spinner.styles.js.map +1 -1
- package/components/Spinner/Spinner.styles.d.ts +1 -2
- package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js +4 -5
- package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js.map +1 -1
- package/components/Spinner/SpinnerFallbackAnimation.d.ts +1 -3
- package/components/Sticky/Sticky/Sticky.js +12 -18
- package/components/Sticky/Sticky/Sticky.js.map +1 -1
- package/components/Sticky/Sticky.d.ts +0 -3
- package/components/Sticky/Sticky.md +28 -0
- package/components/Sticky/Sticky.styles/Sticky.styles.js +18 -20
- package/components/Sticky/Sticky.styles/Sticky.styles.js.map +1 -1
- package/components/Sticky/Sticky.styles.d.ts +1 -2
- package/components/Switcher/Switcher/Switcher.js +16 -21
- package/components/Switcher/Switcher/Switcher.js.map +1 -1
- package/components/Switcher/Switcher.d.ts +0 -2
- package/components/Switcher/Switcher.md +111 -0
- package/components/Switcher/Switcher.styles/Switcher.styles.js +35 -37
- package/components/Switcher/Switcher.styles/Switcher.styles.js.map +1 -1
- package/components/Switcher/Switcher.styles.d.ts +1 -2
- package/components/Tabs/Indicator/Indicator.js +9 -15
- package/components/Tabs/Indicator/Indicator.js.map +1 -1
- package/components/Tabs/Indicator.d.ts +0 -3
- package/components/Tabs/Indicator.styles/Indicator.styles.js +18 -20
- package/components/Tabs/Indicator.styles/Indicator.styles.js.map +1 -1
- package/components/Tabs/Indicator.styles.d.ts +1 -2
- package/components/Tabs/Tab/Tab.js +13 -22
- package/components/Tabs/Tab/Tab.js.map +1 -1
- package/components/Tabs/Tab.d.ts +0 -6
- package/components/Tabs/Tab.md +73 -0
- package/components/Tabs/Tab.styles/Tab.styles.js +83 -89
- package/components/Tabs/Tab.styles/Tab.styles.js.map +1 -1
- package/components/Tabs/Tab.styles.d.ts +3 -4
- package/components/Tabs/Tabs/Tabs.js +33 -39
- package/components/Tabs/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/Tabs.d.ts +0 -3
- package/components/Tabs/Tabs.md +54 -0
- package/components/Tabs/Tabs.styles/Tabs.styles.js +18 -20
- package/components/Tabs/Tabs.styles/Tabs.styles.js.map +1 -1
- package/components/Tabs/Tabs.styles.d.ts +1 -2
- package/components/Textarea/Textarea/Textarea.js +27 -33
- package/components/Textarea/Textarea/Textarea.js.map +1 -1
- package/components/Textarea/Textarea.d.ts +0 -3
- package/components/Textarea/Textarea.md +58 -0
- package/components/Textarea/Textarea.mixins/Textarea.mixins.js +7 -6
- package/components/Textarea/Textarea.mixins/Textarea.mixins.js.map +1 -1
- package/components/Textarea/Textarea.mixins.d.ts +3 -4
- package/components/Textarea/Textarea.styles/Textarea.styles.js +69 -71
- package/components/Textarea/Textarea.styles/Textarea.styles.js.map +1 -1
- package/components/Textarea/Textarea.styles.d.ts +1 -2
- package/components/Textarea/TextareaCounter/TextareaCounter.js +2 -5
- package/components/Textarea/TextareaCounter/TextareaCounter.js.map +1 -1
- package/components/Textarea/TextareaHelpers/TextareaHelpers.js +2 -2
- package/components/Textarea/TextareaHelpers/TextareaHelpers.js.map +1 -1
- package/components/Textarea/TextareaHelpers.d.ts +1 -2
- package/components/Toast/Toast/Toast.js +15 -19
- package/components/Toast/Toast/Toast.js.map +1 -1
- package/components/Toast/Toast.d.ts +0 -1
- package/components/Toast/Toast.md +69 -0
- package/components/Toast/Toast.styles/Toast.styles.js +15 -17
- package/components/Toast/Toast.styles/Toast.styles.js.map +1 -1
- package/components/Toast/Toast.styles.d.ts +1 -2
- package/components/Toast/ToastStatic/ToastStatic.js +1 -2
- package/components/Toast/ToastStatic/ToastStatic.js.map +1 -1
- package/components/Toast/ToastView/ToastView.js +8 -13
- package/components/Toast/ToastView/ToastView.js.map +1 -1
- package/components/Toast/ToastView.d.ts +0 -1
- package/components/Toast/ToastView.styles/ToastView.styles.js +25 -27
- package/components/Toast/ToastView.styles/ToastView.styles.js.map +1 -1
- package/components/Toast/ToastView.styles.d.ts +1 -2
- package/components/Toggle/Toggle/Toggle.js +35 -43
- package/components/Toggle/Toggle/Toggle.js.map +1 -1
- package/components/Toggle/Toggle.d.ts +0 -4
- package/components/Toggle/Toggle.md +110 -0
- package/components/Toggle/Toggle.mixins/Toggle.mixins.js +13 -12
- package/components/Toggle/Toggle.mixins/Toggle.mixins.js.map +1 -1
- package/components/Toggle/Toggle.mixins.d.ts +6 -7
- package/components/Toggle/Toggle.styles/Toggle.styles.js +108 -110
- package/components/Toggle/Toggle.styles/Toggle.styles.js.map +1 -1
- package/components/Toggle/Toggle.styles.d.ts +1 -2
- package/components/Token/Token/Token.js +7 -12
- package/components/Token/Token/Token.js.map +1 -1
- package/components/Token/Token.d.ts +0 -2
- package/components/Token/Token.md +48 -0
- package/components/Token/Token.mixins/Token.mixins.js +3 -2
- package/components/Token/Token.mixins/Token.mixins.js.map +1 -1
- package/components/Token/Token.mixins.d.ts +1 -2
- package/components/Token/Token.styles/Token.styles.js +54 -56
- package/components/Token/Token.styles/Token.styles.js.map +1 -1
- package/components/Token/Token.styles.d.ts +1 -2
- package/components/Token/TokenView/TokenView.js +2 -5
- package/components/Token/TokenView/TokenView.js.map +1 -1
- package/components/TokenInput/TextWidthHelper/TextWidthHelper.js +12 -18
- package/components/TokenInput/TextWidthHelper/TextWidthHelper.js.map +1 -1
- package/components/TokenInput/TextWidthHelper.d.ts +0 -2
- package/components/TokenInput/TokenInput/TokenInput.js +25 -31
- package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
- package/components/TokenInput/TokenInput.d.ts +0 -3
- package/components/TokenInput/TokenInput.md +277 -0
- package/components/TokenInput/TokenInput.mixins/TokenInput.mixins.js +5 -4
- package/components/TokenInput/TokenInput.mixins/TokenInput.mixins.js.map +1 -1
- package/components/TokenInput/TokenInput.mixins.d.ts +2 -3
- package/components/TokenInput/TokenInput.styles/TokenInput.styles.js +51 -53
- package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map +1 -1
- package/components/TokenInput/TokenInput.styles.d.ts +1 -2
- package/components/Tooltip/Tooltip/Tooltip.js +36 -46
- package/components/Tooltip/Tooltip/Tooltip.js.map +1 -1
- package/components/Tooltip/Tooltip.d.ts +1 -4
- package/components/Tooltip/Tooltip.md +322 -0
- package/components/Tooltip/Tooltip.styles/Tooltip.styles.js +27 -29
- package/components/Tooltip/Tooltip.styles/Tooltip.styles.js.map +1 -1
- package/components/Tooltip/Tooltip.styles.d.ts +1 -2
- package/components/TooltipMenu/TooltipMenu.md +241 -0
- package/hooks/useDrop/useDrop.js +3 -2
- package/hooks/useDrop/useDrop.js.map +1 -1
- package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js +4 -8
- package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map +1 -1
- package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js +18 -20
- package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js.map +1 -1
- package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts +1 -2
- package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js +4 -8
- package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js +15 -17
- package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map +1 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts +1 -2
- package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js +3 -7
- package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map +1 -1
- package/internal/CommonWrapper/CommonWrapper.d.ts +1 -2
- package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +41 -25
- package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxView.d.ts +2 -2
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +24 -20
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBox.d.ts +6 -3
- package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js +9 -11
- package/internal/CustomComboBox/CustomComboBox.styles/CustomComboBox.styles.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBox.styles.d.ts +1 -2
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +4 -3
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -2
- package/internal/DataTids/DATATIDS.md +12 -0
- package/internal/DataTids/DataTids/DataTids.js +69 -0
- package/internal/DataTids/DataTids/DataTids.js.map +1 -0
- package/internal/DataTids/DataTids/package.json +6 -0
- package/internal/DataTids/DataTids.d.ts +12 -0
- package/internal/DataTids/DataTids.styles/DataTids.styles.js +20 -0
- package/internal/DataTids/DataTids.styles/DataTids.styles.js.map +1 -0
- package/internal/DataTids/DataTids.styles/package.json +6 -0
- package/internal/DataTids/DataTids.styles.d.ts +7 -0
- package/internal/DataTids/componentsDataTids/componentsDataTids.js +12 -0
- package/internal/DataTids/componentsDataTids/componentsDataTids.js.map +1 -0
- package/internal/DataTids/componentsDataTids/package.json +6 -0
- package/internal/DataTids/componentsDataTids.d.ts +5 -0
- package/internal/DateSelect/DateSelect/DateSelect.js +8 -13
- package/internal/DateSelect/DateSelect/DateSelect.js.map +1 -1
- package/internal/DateSelect/DateSelect.d.ts +0 -2
- package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js +12 -14
- package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map +1 -1
- package/internal/DateSelect/DateSelect.styles.d.ts +1 -2
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js +4 -8
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js +49 -50
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts +1 -2
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon/FileUploaderFileStatusIcon.js +1 -3
- package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon/FileUploaderFileStatusIcon.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js +2 -5
- package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js +19 -20
- package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js.map +1 -1
- package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts +1 -2
- package/internal/FocusTrap/FocusTrap/FocusTrap.js +19 -26
- package/internal/FocusTrap/FocusTrap/FocusTrap.js.map +1 -1
- package/internal/FocusTrap/FocusTrap.d.ts +0 -2
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js +20 -26
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map +1 -1
- package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts +1 -4
- package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js +5 -10
- package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js.map +1 -1
- package/internal/InputLikeText/HiddenInput/HiddenInput.js +13 -20
- package/internal/InputLikeText/HiddenInput/HiddenInput.js.map +1 -1
- package/internal/InputLikeText/HiddenInput.d.ts +0 -1
- package/internal/InputLikeText/InputLikeText/InputLikeText.js +43 -52
- package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
- package/internal/InputLikeText/InputLikeText.d.ts +0 -4
- package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js +18 -20
- package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map +1 -1
- package/internal/InputLikeText/InputLikeText.styles.d.ts +1 -2
- package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js +8 -13
- package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js.map +1 -1
- package/internal/InternalMaskedInput/InternalMaskedInput.d.ts +0 -2
- package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js +12 -14
- package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js.map +1 -1
- package/internal/InternalMaskedInput/InternalMaskedInput.styles.d.ts +1 -2
- package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js +1 -3
- package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js.map +1 -1
- package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js +6 -8
- package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js.map +1 -1
- package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts +1 -2
- package/internal/Menu/Menu/Menu.js +24 -31
- package/internal/Menu/Menu/Menu.js.map +1 -1
- package/internal/Menu/Menu.d.ts +0 -3
- package/internal/Menu/Menu.styles/Menu.styles.js +45 -47
- package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
- package/internal/Menu/Menu.styles.d.ts +1 -2
- package/internal/MenuMessage/MenuMessage/MenuMessage.js +2 -5
- package/internal/MenuMessage/MenuMessage/MenuMessage.js.map +1 -1
- package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js +24 -26
- package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js.map +1 -1
- package/internal/MenuMessage/MenuMessage.styles.d.ts +1 -2
- package/internal/MobilePopup/MobilePopup/MobilePopup.js +11 -16
- package/internal/MobilePopup/MobilePopup/MobilePopup.js.map +1 -1
- package/internal/MobilePopup/MobilePopup.d.ts +0 -1
- package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js +25 -26
- package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopup.styles.d.ts +1 -2
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js +5 -12
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +0 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js +7 -8
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +1 -2
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js +9 -16
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -2
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js +19 -20
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles/MobilePopupHeader.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +1 -2
- package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js +15 -20
- package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js.map +1 -1
- package/internal/NativeDateInput/NativeDateInput.d.ts +0 -1
- package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js +7 -8
- package/internal/NativeDateInput/NativeDateInput.styles/NativeDateInput.styles.js.map +1 -1
- package/internal/NativeDateInput/NativeDateInput.styles.d.ts +1 -2
- package/internal/Popup/Popup/Popup.js +23 -31
- package/internal/Popup/Popup/Popup.js.map +1 -1
- package/internal/Popup/Popup.d.ts +0 -3
- package/internal/Popup/Popup.styles/Popup.styles.js +45 -47
- package/internal/Popup/Popup.styles/Popup.styles.js.map +1 -1
- package/internal/Popup/Popup.styles.d.ts +1 -2
- package/internal/Popup/PopupHelper/PopupHelper.js +19 -20
- package/internal/Popup/PopupHelper/PopupHelper.js.map +1 -1
- package/internal/Popup/PopupHelper.d.ts +2 -3
- package/internal/Popup/PopupPin/PopupPin.js +22 -30
- package/internal/Popup/PopupPin/PopupPin.js.map +1 -1
- package/internal/Popup/PopupPin.d.ts +1 -2
- package/internal/Popup/PopupPin.styles/PopupPin.styles.js +6 -8
- package/internal/Popup/PopupPin.styles/PopupPin.styles.js.map +1 -1
- package/internal/Popup/PopupPin.styles.d.ts +1 -2
- package/internal/Popup/PopupPinNew/PopupPinNew.js +23 -29
- package/internal/Popup/PopupPinNew/PopupPinNew.js.map +1 -1
- package/internal/Popup/PopupPinNew.d.ts +1 -3
- package/internal/Popup/PopupPinNew.styles/PopupPinNew.styles.js +18 -20
- package/internal/Popup/PopupPinNew.styles/PopupPinNew.styles.js.map +1 -1
- package/internal/Popup/PopupPinNew.styles.d.ts +1 -2
- package/internal/PopupMenu/PopupMenu/PopupMenu.js +13 -19
- package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
- package/internal/PopupMenu/PopupMenu.d.ts +0 -2
- package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js +9 -11
- package/internal/PopupMenu/PopupMenu.styles/PopupMenu.styles.js.map +1 -1
- package/internal/PopupMenu/PopupMenu.styles.d.ts +1 -2
- package/internal/RenderContainer/RenderContainer/RenderContainer.js +9 -10
- package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
- package/internal/RenderContainer/RenderContainer.d.ts +0 -3
- package/internal/RenderLayer/RenderLayer/RenderLayer.js +12 -18
- package/internal/RenderLayer/RenderLayer/RenderLayer.js.map +1 -1
- package/internal/RenderLayer/RenderLayer.d.ts +0 -1
- package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js +13 -19
- package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map +1 -1
- package/internal/ResizeDetector/ResizeDetector.d.ts +0 -2
- package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js +15 -17
- package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map +1 -1
- package/internal/ResizeDetector/ResizeDetector.styles.d.ts +1 -2
- package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js +3 -7
- package/internal/SpinnerIcon/SpinnerIcon/SpinnerIcon.js.map +1 -1
- package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js +15 -17
- package/internal/SpinnerIcon/SpinnerIcon.styles/SpinnerIcon.styles.js.map +1 -1
- package/internal/SpinnerIcon/SpinnerIcon.styles.d.ts +1 -2
- package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js +7 -13
- package/internal/TextWidthHelper/TextWidthHelper/TextWidthHelper.js.map +1 -1
- package/internal/TextWidthHelper/TextWidthHelper.d.ts +0 -1
- package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js +10 -11
- package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map +1 -1
- package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts +1 -2
- package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js +1 -3
- package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js.map +1 -1
- package/internal/ThemePlayground/Playground/Playground.js +10 -15
- package/internal/ThemePlayground/Playground/Playground.js.map +1 -1
- package/internal/ThemePlayground/Playground.d.ts +0 -2
- package/internal/ThemePlayground/Playground.md +7 -0
- package/internal/ThemePlayground/Playground.styles/Playground.styles.js +63 -65
- package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map +1 -1
- package/internal/ThemePlayground/Playground.styles.d.ts +1 -2
- package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js +10 -16
- package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map +1 -1
- package/internal/ThemePlayground/ThemeContextPlayground.d.ts +0 -1
- package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js +10 -17
- package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map +1 -1
- package/internal/ThemePlayground/ThemeEditor.d.ts +0 -1
- package/internal/ThemePlayground/VariableValue/VariableValue.js +22 -28
- package/internal/ThemePlayground/VariableValue/VariableValue.js.map +1 -1
- package/internal/ThemePlayground/VariableValue.d.ts +0 -2
- package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js +168 -201
- package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map +1 -1
- package/internal/ThemeShowcase/ThemeShowcase.d.ts +0 -1
- package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js +76 -78
- package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js.map +1 -1
- package/internal/ThemeShowcase/ThemeShowcase.styles.d.ts +1 -2
- package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js +4 -4
- package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js.map +1 -1
- package/internal/ZIndex/ZIndex/ZIndex.js +38 -48
- package/internal/ZIndex/ZIndex/ZIndex.js.map +1 -1
- package/internal/ZIndex/ZIndex.d.ts +1 -2
- package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js +7 -6
- package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map +1 -1
- package/internal/ZIndex/ZIndexStorage.d.ts +2 -3
- package/internal/icons2022/BaseIcon/BaseIcon.js +1 -3
- package/internal/icons2022/BaseIcon/BaseIcon.js.map +1 -1
- package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js +6 -8
- package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map +1 -1
- package/internal/icons2022/BaseIcon.styles.d.ts +1 -2
- package/internal/icons2022/LoadingIcon/LoadingIcon.js +2 -5
- package/internal/icons2022/LoadingIcon/LoadingIcon.js.map +1 -1
- package/lib/LayoutEvents/LayoutEvents.js +6 -5
- package/lib/LayoutEvents/LayoutEvents.js.map +1 -1
- package/lib/LayoutEvents.d.ts +1 -2
- package/lib/ModalStack/ModalStack.js +10 -9
- package/lib/ModalStack/ModalStack.js.map +1 -1
- package/lib/ModalStack.d.ts +5 -6
- package/lib/Upgrades/Upgrades.js +3 -1
- package/lib/Upgrades/Upgrades.js.map +1 -1
- package/lib/Upgrades.d.ts +1 -0
- package/lib/animation/index/index.js +2 -1
- package/lib/animation/index/index.js.map +1 -1
- package/lib/animation/index.d.ts +1 -2
- package/lib/client/client.js +1 -2
- package/lib/client/client.js.map +1 -1
- package/lib/client.d.ts +1 -1
- package/lib/delay/delay.js +2 -1
- package/lib/delay/delay.js.map +1 -1
- package/lib/delay.mts +3 -1
- package/lib/dom/getScrollWidth/getScrollWidth.js +2 -1
- package/lib/dom/getScrollWidth/getScrollWidth.js.map +1 -1
- package/lib/dom/getScrollWidth.d.ts +1 -2
- package/lib/dom/scrollYCenterIntoNearestScrollable/scrollYCenterIntoNearestScrollable.js +1 -3
- package/lib/dom/scrollYCenterIntoNearestScrollable/scrollYCenterIntoNearestScrollable.js.map +1 -1
- package/lib/dom/selectionHelpers/selectionHelpers.js +2 -3
- package/lib/dom/selectionHelpers/selectionHelpers.js.map +1 -1
- package/lib/dom/selectionHelpers.d.ts +1 -2
- package/lib/dom/tabbableHelpers/tabbableHelpers.js +4 -2
- package/lib/dom/tabbableHelpers/tabbableHelpers.js.map +1 -1
- package/lib/dom/tabbableHelpers.d.ts +1 -1
- package/lib/events/MouseDrag/MouseDrag.js +7 -11
- package/lib/events/MouseDrag/MouseDrag.js.map +1 -1
- package/lib/events/MouseDrag.d.ts +0 -3
- package/lib/events/fixClickFocusIE/fixClickFocusIE.js +1 -2
- package/lib/events/fixClickFocusIE/fixClickFocusIE.js.map +1 -1
- package/lib/events/fixFirefoxModifiedClickOnLabel/fixFirefoxModifiedClickOnLabel.js +1 -2
- package/lib/events/fixFirefoxModifiedClickOnLabel/fixFirefoxModifiedClickOnLabel.js.map +1 -1
- package/lib/events/keyListener/keyListener.js +4 -2
- package/lib/events/keyListener/keyListener.js.map +1 -1
- package/lib/events/keyListener.d.ts +4 -3
- package/lib/events/keyboard/identifiers/identifiers.js +2 -2
- package/lib/events/keyboard/identifiers/identifiers.js.map +1 -1
- package/lib/events/tabListener/tabListener.js +1 -1
- package/lib/events/tabListener/tabListener.js.map +1 -1
- package/lib/events/tabListener.d.ts +1 -1
- package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +64 -0
- package/lib/listenFocusOutside/listenFocusOutside.js +7 -12
- package/lib/listenFocusOutside/listenFocusOutside.js.map +1 -1
- package/lib/listenFocusOutside.d.ts +0 -2
- package/lib/locale/LOCALECONTEXT.md +222 -0
- package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js +1 -2
- package/lib/needsPolyfillPlaceholder/needsPolyfillPlaceholder.js.map +1 -1
- package/lib/net/fetch/fetch.js +1 -2
- package/lib/net/fetch/fetch.js.map +1 -1
- package/lib/styles/Mixins/Mixins.js +5 -4
- package/lib/styles/Mixins/Mixins.js.map +1 -1
- package/lib/styles/Mixins.d.ts +2 -3
- package/lib/styles/UiFont/UiFont.js +2 -3
- package/lib/styles/UiFont/UiFont.js.map +1 -1
- package/lib/styles/UiFont.d.ts +0 -2
- package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js +5 -4
- package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js.map +1 -1
- package/lib/theming/Emotion/Emotion.js +17 -28
- package/lib/theming/Emotion/Emotion.js.map +1 -1
- package/lib/theming/Emotion.d.ts +4 -10
- package/lib/theming/ThemeContext.md +265 -0
- package/lib/theming/ThemeVersions/ThemeVersions.js.map +1 -1
- package/lib/theming/ThemeVersions.d.ts +1 -1
- package/lib/theming/themes/DarkTheme/DarkTheme.js +1 -3
- package/lib/theming/themes/DarkTheme/DarkTheme.js.map +1 -1
- package/lib/theming/themes/DarkTheme.d.ts +0 -1
- package/lib/theming/themes/LightTheme/LightTheme.js +1 -3
- package/lib/theming/themes/LightTheme/LightTheme.js.map +1 -1
- package/lib/theming/themes/LightTheme.d.ts +0 -1
- package/lib/utils/utils.js +3 -3
- package/lib/utils/utils.js.map +1 -1
- package/lib/utils.d.ts +1 -2
- package/package.json +7 -3
- package/cjs/components/__stories__/iframe.creevey.mts +0 -124
- package/cjs/components/__stories__/iframeStoriesImplementation.js +0 -73
- package/cjs/components/__stories__/iframeStoriesImplementation.js.map +0 -1
- package/cjs/internal/themes/DarkTheme5_4.d.ts +0 -1
- package/cjs/internal/themes/DarkTheme5_4.js +0 -10
- package/cjs/internal/themes/DarkTheme5_4.js.map +0 -1
- package/cjs/internal/themes/LightTheme5_4.d.ts +0 -1
- package/cjs/internal/themes/LightTheme5_4.js +0 -10
- package/cjs/internal/themes/LightTheme5_4.js.map +0 -1
- package/cjs/lib/globalObject.d.ts +0 -10
- package/cjs/lib/globalObject.js +0 -37
- package/cjs/lib/globalObject.js.map +0 -1
- package/cjs/lib/theming/RenderEnvironmentContext.d.ts +0 -18
- package/cjs/lib/theming/RenderEnvironmentContext.js +0 -43
- package/cjs/lib/theming/RenderEnvironmentContext.js.map +0 -1
- package/components/__stories__/iframe.creevey.mts +0 -124
- package/components/__stories__/iframeStoriesImplementation/iframeStoriesImplementation.js +0 -90
- package/components/__stories__/iframeStoriesImplementation/iframeStoriesImplementation.js.map +0 -1
- package/components/__stories__/iframeStoriesImplementation/package.json +0 -6
- package/internal/themes/DarkTheme5_4/DarkTheme5_4.js +0 -15
- package/internal/themes/DarkTheme5_4/DarkTheme5_4.js.map +0 -1
- package/internal/themes/DarkTheme5_4/package.json +0 -6
- package/internal/themes/DarkTheme5_4.d.ts +0 -1
- package/internal/themes/LightTheme5_4/LightTheme5_4.js +0 -15
- package/internal/themes/LightTheme5_4/LightTheme5_4.js.map +0 -1
- package/internal/themes/LightTheme5_4/package.json +0 -6
- package/internal/themes/LightTheme5_4.d.ts +0 -1
- package/lib/globalObject/globalObject.js +0 -21
- package/lib/globalObject/globalObject.js.map +0 -1
- package/lib/globalObject/package.json +0 -6
- package/lib/globalObject.d.ts +0 -10
- package/lib/theming/RenderEnvironmentContext/RenderEnvironmentContext.js +0 -35
- package/lib/theming/RenderEnvironmentContext/RenderEnvironmentContext.js.map +0 -1
- package/lib/theming/RenderEnvironmentContext/package.json +0 -6
- package/lib/theming/RenderEnvironmentContext.d.ts +0 -18
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
var _react = _interopRequireDefault(require("react"));
|
|
3
3
|
var _reactTransitionGroup = require("react-transition-group");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _globalObject = require("@skbkontur/global-object");
|
|
6
6
|
|
|
7
7
|
var _ThemeFactory = require("../../lib/theming/ThemeFactory");
|
|
8
8
|
var _ThemeContext = require("../../lib/theming/ThemeContext");
|
|
@@ -96,7 +96,6 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
|
|
|
96
96
|
|
|
97
97
|
|
|
98
98
|
|
|
99
|
-
|
|
100
99
|
|
|
101
100
|
|
|
102
101
|
function Toast(props) {var _this;
|
|
@@ -145,14 +144,6 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
|
|
|
145
144
|
|
|
146
145
|
|
|
147
146
|
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
147
|
|
|
157
148
|
|
|
158
149
|
|
|
@@ -219,7 +210,7 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
|
|
|
219
210
|
|
|
220
211
|
_clearTimer = function () {
|
|
221
212
|
if (_this._timeout) {
|
|
222
|
-
clearTimeout(_this._timeout);
|
|
213
|
+
_globalObject.globalObject.clearTimeout(_this._timeout);
|
|
223
214
|
_this._timeout = null;
|
|
224
215
|
}
|
|
225
216
|
};_this.
|
|
@@ -229,12 +220,12 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
|
|
|
229
220
|
|
|
230
221
|
var showTime = _this.state.action ? 7000 : 3000;
|
|
231
222
|
showTime = (_this$state$showTime = _this.state.showTime) != null ? _this$state$showTime : showTime;
|
|
232
|
-
_this._timeout = setTimeout(_this.close, showTime);
|
|
223
|
+
_this._timeout = _globalObject.globalObject.setTimeout(_this.close, showTime);
|
|
233
224
|
};_this.
|
|
234
225
|
|
|
235
226
|
_refToast = function (element) {
|
|
236
227
|
_this._toast = element;
|
|
237
|
-
};_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(
|
|
228
|
+
};_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});} /**
|
|
238
229
|
* Показывает тост с `notification` в качестве сообщения.
|
|
239
230
|
* Тост автоматически скрывается через 3 или 7 секунд,
|
|
240
231
|
* в зависимости от наличия у него кнопки `action`.
|
|
@@ -246,4 +237,4 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
|
|
|
246
237
|
* добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
|
|
247
238
|
* @param {number} showTime Время существования Toast в миллисекундах
|
|
248
239
|
* @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.
|
|
249
|
-
*/;_proto.push = function push(notification, action, showTime, showCloseIcon) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (
|
|
240
|
+
*/;_proto.push = function push(notification, action, showTime, showCloseIcon) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1, showTime: showTime, showCloseIcon: showCloseIcon };}, this._setTimer);};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action, showCloseIcon: showCloseIcon };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast2.styles.enter(), enterActive: _Toast2.styles.enterActive(), exit: _Toast2.styles.exit(), exitActive: _Toast2.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_RenderEnvironmentContext","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","styles","getStyles","ThemeContext","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","onPush","_ref2","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { SafeTimer } from '../../lib/globalObject';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { getStyles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n label: string;\n handler: () => void;\n 'aria-label'?: string;\n}\n\nexport interface ToastState {\n notification: Nullable<React.ReactNode>;\n action: Nullable<Action>;\n id: number;\n showTime: Nullable<number>;\n showCloseIcon?: boolean;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает функцию, которая вызывается при возникновении тоста. */\n onPush?: (notification: string, action?: Action) => void;\n\n /** Задает функцию, которая вызывается при закрытии тоста. */\n onClose?: (notification: string, action?: Action) => void;\n\n /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n theme?: ThemeIn;\n}\n\nexport type ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n toastStatic: 'StaticToast',\n toastView: 'ToastView__root',\n action: 'ToastView__action',\n close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n public static __KONTUR_REACT_UI__ = 'Toast';\n public static displayName = 'Toast';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n\n /** @deprecated use `push` method in ref or `SingleToast.push` */\n public static push: ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n ToastStatic.push(notification, action, showTime, showCloseIcon);\n };\n\n /** @deprecated use `close` method in ref or `SingleToast.close` */\n public static close: ToastClose = () => {\n ToastStatic.close();\n };\n\n public _toast: Nullable<ToastView>;\n private _timeout: SafeTimer;\n private rootRef = React.createRef<HTMLElement>();\n\n constructor(props: ToastProps) {\n super(props);\n this.state = {\n notification: null,\n action: null,\n id: 0,\n showTime: null,\n showCloseIcon: false,\n };\n }\n\n public componentWillUnmount() {\n this._clearTimer();\n }\n\n public render() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <ThemeContext.Provider value={this.theme}>\n <RenderContainer>\n <TransitionGroup>{this._renderToast()}</TransitionGroup>\n </RenderContainer>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n /**\n * Показывает тост с `notification` в качестве сообщения.\n * Тост автоматически скрывается через 3 или 7 секунд,\n * в зависимости от наличия у него кнопки `action`.\n * Время показа можно задать вручную, передав `showTime`.\n *\n * @public\n * @param {React.ReactNode} notification\n * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`\n * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n * @param {number} showTime Время существования Toast в миллисекундах\n * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.\n */\n public push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) {\n if (this.state.notification) {\n this.close();\n }\n\n safelyCall(this.props.onPush, notification, action);\n\n this.setState(({ id }) => ({ notification, action, id: id + 1, showTime, showCloseIcon }), this._setTimer);\n }\n\n /**\n * @public\n */\n public close = () => {\n safelyCall(this.props.onClose, this.state.notification, this.state.action);\n this.setState({ notification: null, action: null });\n };\n\n private _renderToast() {\n const { notification, action, id, showCloseIcon } = this.state;\n\n if (!notification) {\n return null;\n }\n\n const toastProps: ToastViewProps = {\n onMouseEnter: this._clearTimer,\n onMouseLeave: this._setTimer,\n onClose: this.close,\n children: notification,\n 'aria-label': this.props['aria-label'],\n action,\n showCloseIcon,\n };\n\n return (\n <CSSTransition\n key={id}\n classNames={{\n enter: this.styles.enter(),\n enterActive: this.styles.enterActive(),\n exit: this.styles.exit(),\n exitActive: this.styles.exitActive(),\n }}\n timeout={{\n enter: 200,\n exit: 150,\n }}\n enter={!isTestEnv}\n exit={!isTestEnv}\n nodeRef={this.rootRef}\n >\n <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n <ToastView ref={this._refToast} {...toastProps} />\n </CommonWrapper>\n </CSSTransition>\n );\n }\n\n private setRootRef = (element: Nullable<Element>) => {\n this.setRootNode(element);\n // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n this.rootRef.current = element;\n };\n\n private _clearTimer = () => {\n if (this._timeout) {\n clearTimeout(this._timeout);\n this._timeout = null;\n }\n };\n\n private _setTimer = () => {\n this._clearTimer();\n\n let showTime = this.state.action ? 7000 : 3000;\n showTime = this.state.showTime ?? showTime;\n this._timeout = setTimeout(this.close, showTime);\n };\n\n private _refToast = (element: ToastView) => {\n this._toast = element;\n };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n if (fn) {\n fn(...args);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","onPush","_ref","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","styles","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n label: string;\n handler: () => void;\n 'aria-label'?: string;\n}\n\nexport interface ToastState {\n notification: Nullable<React.ReactNode>;\n action: Nullable<Action>;\n id: number;\n showTime: Nullable<number>;\n showCloseIcon?: boolean;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает функцию, которая вызывается при возникновении тоста. */\n onPush?: (notification: string, action?: Action) => void;\n\n /** Задает функцию, которая вызывается при закрытии тоста. */\n onClose?: (notification: string, action?: Action) => void;\n\n /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n theme?: ThemeIn;\n}\n\nexport type ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n toastStatic: 'StaticToast',\n toastView: 'ToastView__root',\n action: 'ToastView__action',\n close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n public static __KONTUR_REACT_UI__ = 'Toast';\n public static displayName = 'Toast';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n /** @deprecated use `push` method in ref or `SingleToast.push` */\n public static push: ToastPush = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n ToastStatic.push(notification, action, showTime, showCloseIcon);\n };\n\n /** @deprecated use `close` method in ref or `SingleToast.close` */\n public static close: ToastClose = () => {\n ToastStatic.close();\n };\n\n public _toast: Nullable<ToastView>;\n private _timeout: SafeTimer;\n private rootRef = React.createRef<HTMLElement>();\n\n constructor(props: ToastProps) {\n super(props);\n this.state = {\n notification: null,\n action: null,\n id: 0,\n showTime: null,\n showCloseIcon: false,\n };\n }\n\n public componentWillUnmount() {\n this._clearTimer();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <ThemeContext.Provider value={this.theme}>\n <RenderContainer>\n <TransitionGroup>{this._renderToast()}</TransitionGroup>\n </RenderContainer>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /**\n * Показывает тост с `notification` в качестве сообщения.\n * Тост автоматически скрывается через 3 или 7 секунд,\n * в зависимости от наличия у него кнопки `action`.\n * Время показа можно задать вручную, передав `showTime`.\n *\n * @public\n * @param {React.ReactNode} notification\n * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`\n * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n * @param {number} showTime Время существования Toast в миллисекундах\n * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.\n */\n public push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) {\n if (this.state.notification) {\n this.close();\n }\n\n safelyCall(this.props.onPush, notification, action);\n\n this.setState(({ id }) => ({ notification, action, id: id + 1, showTime, showCloseIcon }), this._setTimer);\n }\n\n /**\n * @public\n */\n public close = () => {\n safelyCall(this.props.onClose, this.state.notification, this.state.action);\n this.setState({ notification: null, action: null });\n };\n\n private _renderToast() {\n const { notification, action, id, showCloseIcon } = this.state;\n\n if (!notification) {\n return null;\n }\n\n const toastProps: ToastViewProps = {\n onMouseEnter: this._clearTimer,\n onMouseLeave: this._setTimer,\n onClose: this.close,\n children: notification,\n 'aria-label': this.props['aria-label'],\n action,\n showCloseIcon,\n };\n\n return (\n <CSSTransition\n key={id}\n classNames={{\n enter: styles.enter(),\n enterActive: styles.enterActive(),\n exit: styles.exit(),\n exitActive: styles.exitActive(),\n }}\n timeout={{\n enter: 200,\n exit: 150,\n }}\n enter={!isTestEnv}\n exit={!isTestEnv}\n nodeRef={this.rootRef}\n >\n <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n <ToastView ref={this._refToast} {...toastProps} />\n </CommonWrapper>\n </CSSTransition>\n );\n }\n\n private setRootRef = (element: Nullable<Element>) => {\n this.setRootNode(element);\n // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n this.rootRef.current = element;\n };\n\n private _clearTimer = () => {\n if (this._timeout) {\n globalObject.clearTimeout(this._timeout);\n this._timeout = null;\n }\n };\n\n private _setTimer = () => {\n this._clearTimer();\n\n let showTime = this.state.action ? 7000 : 3000;\n showTime = this.state.showTime ?? showTime;\n this._timeout = globalObject.setTimeout(this.close, showTime);\n };\n\n private _refToast = (element: ToastView) => {\n this._toast = element;\n };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n if (fn) {\n fn(...args);\n }\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,gBAAA,GAAAL,OAAA;;;AAGA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA;;AAEA,IAAAS,OAAA,GAAAT,OAAA;;AAEA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA,kBAA4C,IAAAY,MAAA,EAAAC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCrC,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,WAAW,EAAE,aAAa;EAC1BC,SAAS,EAAE,iBAAiB;EAC5BC,MAAM,EAAE,mBAAmB;EAC3BC,KAAK,EAAE;AACT,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GARA;;AAUaC,KAAK,GAAAL,OAAA,CAAAK,KAAA,OADjBC,kBAAQ,EAAAT,MAAA,IAAAC,MAAA,0BAAAS,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BP,SAAAF,MAAYG,KAAiB,EAAE,KAAAC,KAAA;IAC7BA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CAHPE,OAAO,gBAAGC,cAAK,CAACC,SAAS,CAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDhD;AACF;AACA,OAFEJ,KAAA;IAGOL,KAAK,GAAG,YAAM;MACnBU,UAAU,CAACL,KAAA,CAAKD,KAAK,CAACO,OAAO,EAAEN,KAAA,CAAKO,KAAK,CAACC,YAAY,EAAER,KAAA,CAAKO,KAAK,CAACb,MAAM,CAAC;MAC1EM,KAAA,CAAKS,QAAQ,CAAC,EAAED,YAAY,EAAE,IAAI,EAAEd,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC,CAAAM,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2COU,UAAU,GAAG,UAACC,OAA0B,EAAK;MACnDX,KAAA,CAAKY,WAAW,CAACD,OAAO,CAAC;MACzB;MACAX,KAAA,CAAKE,OAAO,CAACW,OAAO,GAAGF,OAAO;IAChC,CAAC,CAAAX,KAAA;;IAEOc,WAAW,GAAG,YAAM;MAC1B,IAAId,KAAA,CAAKe,QAAQ,EAAE;QACjBC,0BAAY,CAACC,YAAY,CAACjB,KAAA,CAAKe,QAAQ,CAAC;QACxCf,KAAA,CAAKe,QAAQ,GAAG,IAAI;MACtB;IACF,CAAC,CAAAf,KAAA;;IAEOkB,SAAS,GAAG,YAAM,KAAAC,oBAAA;MACxBnB,KAAA,CAAKc,WAAW,CAAC,CAAC;;MAElB,IAAIM,QAAQ,GAAGpB,KAAA,CAAKO,KAAK,CAACb,MAAM,GAAG,IAAI,GAAG,IAAI;MAC9C0B,QAAQ,IAAAD,oBAAA,GAAGnB,KAAA,CAAKO,KAAK,CAACa,QAAQ,YAAAD,oBAAA,GAAIC,QAAQ;MAC1CpB,KAAA,CAAKe,QAAQ,GAAGC,0BAAY,CAACK,UAAU,CAACrB,KAAA,CAAKL,KAAK,EAAEyB,QAAQ,CAAC;IAC/D,CAAC,CAAApB,KAAA;;IAEOsB,SAAS,GAAG,UAACX,OAAkB,EAAK;MAC1CX,KAAA,CAAKuB,MAAM,GAAGZ,OAAO;IACvB,CAAC,CA7HCX,KAAA,CAAKO,KAAK,GAAG,EACXC,YAAY,EAAE,IAAI,EAClBd,MAAM,EAAE,IAAI,EACZ8B,EAAE,EAAE,CAAC,EACLJ,QAAQ,EAAE,IAAI,EACdK,aAAa,EAAE,KAAK,CACtB,CAAC,CAAC,OAAAzB,KAAA,CACJ,CAAC,IAAA0B,eAAA,CAAAC,OAAA,EAAA/B,KAAA,EAAAE,gBAAA,MAAA8B,MAAA,GAAAhC,KAAA,CAAAiC,SAAA,CAAAD,MAAA,CAEME,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,CAAChB,WAAW,CAAC,CAAC,CACpB,CAAC,CAAAc,MAAA,CAEMG,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE1D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACrD,aAAA,CAAAsD,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACI,KAAK,GAAGJ,MAAI,CAACjC,KAAK,CAACqC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACN,MAAI,CAACjC,KAAK,CAACqC,KAAK,EAAWA,KAAK,CAAC,GAAGA,KAAK,CAC7F,oBACE9D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACrD,aAAA,CAAAsD,YAAY,CAACK,QAAQ,IAACC,KAAK,EAAER,MAAI,CAACI,KAAM,iBACvC9D,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACpD,gBAAA,CAAA4D,eAAe,qBACdnE,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACxD,qBAAA,CAAAiE,eAAe,QAAEV,MAAI,CAACW,YAAY,CAAC,CAAmB,CACxC,CACI,CAAC,CAE5B,CACqB,CAAC,CAE5B,CAAC,CAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAZE,CAAAf,MAAA,CAaOgB,IAAI,GAAX,SAAAA,KAAYpC,YAA6B,EAAEd,MAAyB,EAAE0B,QAAiB,EAAEK,aAAuB,EAAE,CAChH,IAAI,IAAI,CAAClB,KAAK,CAACC,YAAY,EAAE,CAC3B,IAAI,CAACb,KAAK,CAAC,CAAC,CACd,CAEAU,UAAU,CAAC,IAAI,CAACN,KAAK,CAAC8C,MAAM,EAAErC,YAAY,EAAEd,MAAM,CAAC,CAEnD,IAAI,CAACe,QAAQ,CAAC,UAAAqC,IAAA,OAAGtB,EAAE,GAAAsB,IAAA,CAAFtB,EAAE,QAAQ,EAAEhB,YAAY,EAAZA,YAAY,EAAEd,MAAM,EAANA,MAAM,EAAE8B,EAAE,EAAEA,EAAE,GAAG,CAAC,EAAEJ,QAAQ,EAARA,QAAQ,EAAEK,aAAa,EAAbA,aAAa,CAAC,CAAC,EAAC,EAAE,IAAI,CAACP,SAAS,CAAC,CAC5G,CAAC,CAAAU,MAAA,CAUOe,YAAY,GAApB,SAAAA,aAAA,EAAuB,CACrB,IAAAI,WAAA,GAAoD,IAAI,CAACxC,KAAK,CAAtDC,YAAY,GAAAuC,WAAA,CAAZvC,YAAY,CAAEd,MAAM,GAAAqD,WAAA,CAANrD,MAAM,CAAE8B,EAAE,GAAAuB,WAAA,CAAFvB,EAAE,CAAEC,aAAa,GAAAsB,WAAA,CAAbtB,aAAa,CAE/C,IAAI,CAACjB,YAAY,EAAE,CACjB,OAAO,IAAI,CACb,CAEA,IAAMwC,UAA0B,GAAG,EACjCC,YAAY,EAAE,IAAI,CAACnC,WAAW,EAC9BoC,YAAY,EAAE,IAAI,CAAChC,SAAS,EAC5BZ,OAAO,EAAE,IAAI,CAACX,KAAK,EACnBwD,QAAQ,EAAE3C,YAAY,EACtB,YAAY,EAAE,IAAI,CAACT,KAAK,CAAC,YAAY,CAAC,EACtCL,MAAM,EAANA,MAAM,EACN+B,aAAa,EAAbA,aAAa,CACf,CAAC,CAED,oBACEnD,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACxD,qBAAA,CAAA2E,aAAa,IACZC,GAAG,EAAE7B,EAAG,EACR8B,UAAU,EAAE,EACVC,KAAK,EAAEC,cAAM,CAACD,KAAK,CAAC,CAAC,EACrBE,WAAW,EAAED,cAAM,CAACC,WAAW,CAAC,CAAC,EACjCC,IAAI,EAAEF,cAAM,CAACE,IAAI,CAAC,CAAC,EACnBC,UAAU,EAAEH,cAAM,CAACG,UAAU,CAAC,CAAC,CACjC,CAAE,EACFC,OAAO,EAAE,EACPL,KAAK,EAAE,GAAG,EACVG,IAAI,EAAE,GAAG,CACX,CAAE,EACFH,KAAK,EAAE,CAACM,6BAAU,EAClBH,IAAI,EAAE,CAACG,6BAAU,EACjBC,OAAO,EAAE,IAAI,CAAC5D,OAAQ,iBAEtB5B,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAACnD,cAAA,CAAAiF,aAAa,MAAAC,SAAA,CAAArC,OAAA,IAACsC,WAAW,EAAE,IAAI,CAACvD,UAAW,IAAK,IAAI,CAACX,KAAK,gBACzDzB,MAAA,CAAAqD,OAAA,CAAAM,aAAA,CAAC/C,UAAA,CAAAgF,SAAS,MAAAF,SAAA,CAAArC,OAAA,IAACwC,GAAG,EAAE,IAAI,CAAC7C,SAAU,IAAK0B,UAAU,CAAG,CACpC,CACF,CAAC,CAEpB,CAAC,QAAApD,KAAA,GAjIwBO,cAAK,CAACiE,SAAS,GAAA/E,MAAA,CAC1BgF,mBAAmB,GAAG,OAAO,EAAAhF,MAAA,CAC7BiF,WAAW,GAAG,OAAO,EAAAjF,MAAA,CAOrBuD,IAAI,GAAc,UAC9BpC,YAA6B,EAC7Bd,MAAyB,EACzB0B,QAAiB,EACjBK,aAAuB,EACpB,CACH8C,wBAAW,CAAC3B,IAAI,CAACpC,YAAY,EAAEd,MAAM,EAAE0B,QAAQ,EAAEK,aAAa,CAAC,CACjE,CAAC,EAAApC,MAAA,CAGaM,KAAK,GAAe,YAAM,CACtC4E,wBAAW,CAAC5E,KAAK,CAAC,CAAC,CACrB,CAAC,EAAAN,MAAA,MAAAD,MAAA,CAwIH,SAASiB,UAAUA,CAACmE,EAA8B,EAAkB,CAClE,IAAIA,EAAE,EAAE,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAD6CC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA,GAEvDN,EAAE,CAAAO,KAAA,SAAIH,IAAI,CAAC,CACb,CACF","ignoreList":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
### Вызов статических методов
|
|
2
|
+
|
|
3
|
+
```jsx harmony
|
|
4
|
+
import { Button, Toast } from '@skbkontur/react-ui';
|
|
5
|
+
|
|
6
|
+
function showComplexNotification() {
|
|
7
|
+
Toast.push('Successfully saved', {
|
|
8
|
+
label: 'Cancel',
|
|
9
|
+
handler: () => Toast.push('Canceled'),
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
<Button onClick={showComplexNotification}>Show notification</Button>;
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
### Кастомный showTime
|
|
17
|
+
|
|
18
|
+
```jsx harmony
|
|
19
|
+
import { Button, Toast } from '@skbkontur/react-ui';
|
|
20
|
+
|
|
21
|
+
function showComplexNotification() {
|
|
22
|
+
Toast.push('Successfully saved', {
|
|
23
|
+
label: 'Cancel',
|
|
24
|
+
handler: () => Toast.push('Canceled'),
|
|
25
|
+
}, 15000);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
<Button onClick={showComplexNotification}>Show notification</Button>;
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Кастомный showTime без action
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
```jsx harmony
|
|
35
|
+
import { Button, Toast } from '@skbkontur/react-ui';
|
|
36
|
+
|
|
37
|
+
function showComplexNotification() {
|
|
38
|
+
Toast.push('Successfully saved', null, 15000);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
<Button onClick={showComplexNotification}>Show notification</Button>;
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Использование `ref`
|
|
45
|
+
|
|
46
|
+
```jsx harmony
|
|
47
|
+
import { Button, Toast } from '@skbkontur/react-ui';
|
|
48
|
+
|
|
49
|
+
class Toaster extends React.Component {
|
|
50
|
+
showNotification() {
|
|
51
|
+
this.notifier.push('Successfully');
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
render() {
|
|
55
|
+
return (
|
|
56
|
+
<div>
|
|
57
|
+
<Toast
|
|
58
|
+
ref={el => {
|
|
59
|
+
this.notifier = el;
|
|
60
|
+
}}
|
|
61
|
+
/>
|
|
62
|
+
<Button onClick={() => this.showNotification()}>Show notification</Button>
|
|
63
|
+
</div>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
<Toaster />;
|
|
69
|
+
```
|
|
@@ -1,30 +1,27 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.
|
|
1
|
+
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var styles = exports.styles = (0, _Emotion.memoizeStyle)({
|
|
4
|
+
enter: function enter() {
|
|
5
|
+
return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(-40px);\n "])));
|
|
4
6
|
|
|
5
|
-
var getStyles = exports.getStyles = function getStyles(emotion) {return (
|
|
6
|
-
(0, _Emotion.memoizeStyle)({
|
|
7
|
-
enter: function enter() {
|
|
8
|
-
return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(-40px);\n "])));
|
|
9
7
|
|
|
8
|
+
},
|
|
9
|
+
enterActive: function enterActive() {
|
|
10
|
+
return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n "])));
|
|
10
11
|
|
|
11
|
-
},
|
|
12
|
-
enterActive: function enterActive() {
|
|
13
|
-
return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n "])));
|
|
14
12
|
|
|
15
13
|
|
|
14
|
+
},
|
|
15
|
+
exit: function exit() {
|
|
16
|
+
return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(0);\n opacity: 1;\n "])));
|
|
16
17
|
|
|
17
|
-
},
|
|
18
|
-
exit: function exit() {
|
|
19
|
-
return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n transform: translateY(0);\n opacity: 1;\n "])));
|
|
20
18
|
|
|
21
19
|
|
|
20
|
+
},
|
|
21
|
+
exitActive: function exitActive() {
|
|
22
|
+
return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n "])));
|
|
22
23
|
|
|
23
|
-
},
|
|
24
|
-
exitActive: function exitActive() {
|
|
25
|
-
return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n "])));
|
|
26
24
|
|
|
27
25
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}));};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","
|
|
1
|
+
{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","enter","css","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n enter() {\n return css`\n transform: translateY(-40px);\n `;\n },\n enterActive() {\n return css`\n transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n transform: translateY(0) !important;\n `;\n },\n exit() {\n return css`\n transform: translateY(0);\n opacity: 1;\n `;\n },\n exitActive() {\n return css`\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
|
|
2
2
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
3
|
+
var _globalObject = require("@skbkontur/global-object");
|
|
3
4
|
|
|
4
|
-
var _globalObject = require("../../lib/globalObject");
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -14,10 +14,9 @@ action,
|
|
|
14
14
|
showTime,
|
|
15
15
|
showCloseIcon)
|
|
16
16
|
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var body = globalObject.document.body;
|
|
17
|
+
if (!_ToastStatic.node && _globalObject.globalObject.document) {
|
|
18
|
+
_ToastStatic.node = _globalObject.globalObject.document.createElement('div');
|
|
19
|
+
var body = _globalObject.globalObject.document.body;
|
|
21
20
|
if (!body) {
|
|
22
21
|
throw Error('There is no "body" element in "document"');
|
|
23
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","showCloseIcon","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","showCloseIcon","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nimport type { Action } from './Toast';\nimport { Toast, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n public static push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n if (!ToastStatic.node && globalObject.document) {\n ToastStatic.node = globalObject.document.createElement('div');\n const { body } = globalObject.document;\n if (!body) {\n throw Error('There is no \"body\" element in \"document\"');\n }\n body.appendChild(ToastStatic.node);\n\n ReactDOM.render(\n <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n ToastStatic.node,\n () => ToastStatic._push(notification, action, showTime, showCloseIcon),\n );\n } else {\n ToastStatic._push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static _push = (\n notification: React.ReactNode,\n action?: Nullable<Action>,\n showTime?: number,\n showCloseIcon?: boolean,\n ) => {\n if (ToastStatic.instance) {\n ToastStatic.instance.push(notification, action, showTime, showCloseIcon);\n }\n };\n\n public static close = () => {\n if (ToastStatic.instance) {\n ToastStatic.instance.close();\n }\n };\n\n private static node: HTMLDivElement;\n private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;;AAKA,IAAAG,MAAA,GAAAH,OAAA,YAA+C,IAAAI,YAAA;;AAElCC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG;AACnBC,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAI,CAACN,YAAW,CAACO,IAAI,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IAC9CT,YAAW,CAACO,IAAI,GAAGC,0BAAY,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKH,0BAAY,CAACC,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACb,YAAW,CAACO,IAAI,CAAC;;IAElCO,iBAAQ,CAACC,MAAM;MACbtB,MAAA,CAAAuB,OAAA,CAAAN,aAAA,CAACZ,MAAA,CAAAmB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMrB,YAAW,CAACsB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFrB,YAAW,CAACO,IAAI;MAChB,oBAAMP,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC;EACH,CAAC,MAAM;IACLN,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAClE;AACF,CAAC,CAvBUN,WAAW;;AAyBRuB,KAAK,GAAG;AACpBpB,YAA6B;AAC7BC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAIN,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACpB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAC1E;AACF,CAAC,CAlCUN,WAAW;;AAoCRwB,KAAK,GAAG,YAAM;EAC1B,IAAIxB,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CAxCUxB,WAAW;;;AA2CPsB,QAAQ,GAAoB,IAAI","ignoreList":[]}
|
|
@@ -15,7 +15,6 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
|
|
|
15
15
|
onMouseLeave?: () => void;
|
|
16
16
|
}
|
|
17
17
|
export declare class ToastView extends React.Component<ToastViewProps> {
|
|
18
|
-
private styles;
|
|
19
18
|
private theme;
|
|
20
19
|
getRootNode: TGetRootNode;
|
|
21
20
|
private setRootNode;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
2
2
|
var _react = _interopRequireDefault(require("react"));
|
|
3
3
|
|
|
4
|
-
var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
|
|
5
4
|
var _decorators = require("../../lib/locale/decorators");
|
|
6
5
|
|
|
7
6
|
var _ZIndex = require("../../internal/ZIndex");
|
|
@@ -44,15 +43,6 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
|
|
|
44
43
|
|
|
45
44
|
|
|
46
45
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
46
|
|
|
57
47
|
|
|
58
48
|
|
|
@@ -65,7 +55,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
|
|
|
65
55
|
_react.default.createElement("button", {
|
|
66
56
|
"aria-label": action['aria-label'],
|
|
67
57
|
"data-tid": _Toast.ToastDataTids.action,
|
|
68
|
-
className:
|
|
58
|
+
className: _ToastView2.styles.link(_this.theme),
|
|
69
59
|
onClick: action.handler },
|
|
70
60
|
|
|
71
61
|
action.label
|
|
@@ -74,7 +64,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
|
|
|
74
64
|
|
|
75
65
|
var close =
|
|
76
66
|
action || showCloseIcon ? /*#__PURE__*/
|
|
77
|
-
_react.default.createElement("span", { className:
|
|
67
|
+
_react.default.createElement("span", { className: _ToastView2.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
|
|
78
68
|
_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
|
|
79
69
|
"aria-label": _this.locale.closeButtonAriaLabel,
|
|
80
70
|
"data-tid": _Toast.ToastDataTids.close,
|
|
@@ -90,10 +80,10 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
|
|
|
90
80
|
|
|
91
81
|
return /*#__PURE__*/(
|
|
92
82
|
_react.default.createElement(_CommonWrapper.CommonWrapper, _this.props, /*#__PURE__*/
|
|
93
|
-
_react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className:
|
|
83
|
+
_react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView2.styles.wrapper(_this.theme) }, /*#__PURE__*/
|
|
94
84
|
_react.default.createElement("div", {
|
|
95
85
|
"data-tid": _Toast.ToastDataTids.toastView,
|
|
96
|
-
className:
|
|
86
|
+
className: _ToastView2.styles.root(_this.theme),
|
|
97
87
|
ref: _this.setRootNode,
|
|
98
88
|
onMouseEnter: onMouseEnter,
|
|
99
89
|
onMouseLeave: onMouseLeave }, /*#__PURE__*/
|
|
@@ -105,4 +95,4 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
|
|
|
105
95
|
)
|
|
106
96
|
));
|
|
107
97
|
|
|
108
|
-
};return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(
|
|
98
|
+
};return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport type { Action } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n /** Задает контент тоста. */\n children?: React.ReactNode;\n /** Добавляет возможность действия и кнопку закрытия у тоста. */\n action?: Nullable<Action>;\n showCloseIcon?: boolean;\n onClose?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private readonly locale!: ToastLocale;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain = () => {\n const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n const link = action ? (\n <button\n aria-label={action['aria-label']}\n data-tid={ToastDataTids.action}\n className={styles.link(this.theme)}\n onClick={action.handler}\n >\n {action.label}\n </button>\n ) : null;\n\n const close =\n action || showCloseIcon ? (\n <span className={styles.closeWrapper(this.theme)}>\n <CloseButtonIcon\n aria-label={this.locale.closeButtonAriaLabel}\n data-tid={ToastDataTids.close}\n onClick={onClose}\n size={parseInt(this.theme.toastCloseSize)}\n side={40}\n color={this.theme.toastCloseColor}\n colorHover={this.theme.toastCloseHoverColor}\n tabbable={false}\n />\n </span>\n ) : null;\n\n return (\n <CommonWrapper {...this.props}>\n <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n <div\n data-tid={ToastDataTids.toastView}\n className={styles.root(this.theme)}\n ref={this.setRootNode}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <span>{this.props.children}</span>\n {link}\n {close}\n </div>\n </ZIndex>\n </CommonWrapper>\n );\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import type { Emotion } from '@emotion/css/types/create-instance';
|
|
2
1
|
import type { Theme } from '../../lib/theming/Theme';
|
|
3
|
-
export declare const
|
|
2
|
+
export declare const styles: {
|
|
4
3
|
root(t: Theme): string;
|
|
5
4
|
wrapper(t: Theme): string;
|
|
6
5
|
closeWrapper(t: Theme): string;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.
|
|
2
|
-
|
|
3
|
-
var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
1
|
+
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
4
2
|
|
|
5
3
|
|
|
6
4
|
var getVerticalPaddings = function getVerticalPaddings(theme) {
|
|
@@ -10,70 +8,69 @@ var getVerticalPaddings = function getVerticalPaddings(theme) {
|
|
|
10
8
|
return [paddingY + "px", paddingY + "px"];
|
|
11
9
|
};
|
|
12
10
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
t.toastColor,
|
|
11
|
+
var styles = exports.styles = (0, _Emotion.memoizeStyle)({
|
|
12
|
+
root: function root(t) {
|
|
13
|
+
var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
|
|
14
|
+
return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n background: ", ";\n border-radius: ", ";\n border: ", ";\n color: ", ";\n display: inline-flex;\n font-size: ", ";\n line-height: ", ";\n opacity: 1;\n padding: ", " ", " ", ";\n position: relative;\n top: ", ";\n "])),
|
|
15
|
+
t.toastBg,
|
|
16
|
+
t.toastBorderRadius,
|
|
17
|
+
t.toastBorder,
|
|
18
|
+
t.toastColor,
|
|
22
19
|
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
t.toastFontSize,
|
|
21
|
+
t.toastLineHeight,
|
|
25
22
|
|
|
26
|
-
|
|
23
|
+
paddingTop, t.toastPaddingX, paddingBottom,
|
|
27
24
|
|
|
28
|
-
|
|
25
|
+
t.toastTop);
|
|
29
26
|
|
|
30
|
-
|
|
27
|
+
},
|
|
31
28
|
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
wrapper: function wrapper(t) {
|
|
30
|
+
return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ", ";\n "])),
|
|
34
31
|
|
|
35
32
|
|
|
36
33
|
|
|
37
34
|
|
|
38
35
|
|
|
39
36
|
|
|
40
|
-
|
|
37
|
+
t.toastBorderRadius);
|
|
41
38
|
|
|
42
|
-
|
|
39
|
+
},
|
|
43
40
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
41
|
+
closeWrapper: function closeWrapper(t) {
|
|
42
|
+
var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
|
|
43
|
+
return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: flex;\n margin: -", " -", " -", " 0;\n "])),
|
|
47
44
|
|
|
48
|
-
|
|
45
|
+
paddingTop, t.toastPaddingX, paddingBottom);
|
|
49
46
|
|
|
50
|
-
|
|
47
|
+
},
|
|
51
48
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
49
|
+
link: function link(t) {
|
|
50
|
+
var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
|
|
51
|
+
var padding = paddingTop + " " + t.toastLinkPadding;
|
|
55
52
|
|
|
56
|
-
|
|
53
|
+
return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n border: none;\n font: inherit;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -", " 0 -", " ", ";\n\n padding: ", ";\n transition: background ", " ", ";\n &:hover {\n background: ", ";\n text-decoration: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])),
|
|
57
54
|
|
|
58
55
|
|
|
59
|
-
|
|
56
|
+
t.toastLinkColor,
|
|
60
57
|
|
|
61
58
|
|
|
62
59
|
|
|
63
60
|
|
|
64
61
|
|
|
65
|
-
|
|
62
|
+
paddingTop, paddingBottom, t.toastPaddingX,
|
|
66
63
|
|
|
67
|
-
|
|
68
|
-
|
|
64
|
+
padding,
|
|
65
|
+
t.transitionDuration, t.transitionTimingFunction,
|
|
69
66
|
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
t.toastLinkBgHover,
|
|
68
|
+
t.toastLinkTextDecorationHover,
|
|
72
69
|
|
|
73
70
|
|
|
74
71
|
|
|
75
|
-
|
|
72
|
+
t.toastLinkBgActive);
|
|
76
73
|
|
|
77
74
|
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
}
|
|
76
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","
|
|
1
|
+
{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n const { toastPaddingY } = theme;\n const paddingY = parseInt(toastPaddingY);\n\n return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return css`\n background: ${t.toastBg};\n border-radius: ${t.toastBorderRadius};\n border: ${t.toastBorder};\n color: ${t.toastColor};\n display: inline-flex;\n font-size: ${t.toastFontSize};\n line-height: ${t.toastLineHeight};\n opacity: 1;\n padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n position: relative;\n top: ${t.toastTop};\n `;\n },\n\n wrapper(t: Theme) {\n return css`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n text-align: center;\n border-radius: ${t.toastBorderRadius};\n `;\n },\n\n closeWrapper(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n return css`\n display: flex;\n margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n `;\n },\n\n link(t: Theme) {\n const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n return css`\n border: none;\n font: inherit;\n color: ${t.toastLinkColor};\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n background-color: transparent;\n\n margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n padding: ${padding};\n transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n &:hover {\n background: ${t.toastLinkBgHover};\n text-decoration: ${t.toastLinkTextDecorationHover};\n }\n\n &:active {\n background: ${t.toastLinkBgActive};\n }\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAAoCV,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;IAChC,WAAOG,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACMN,CAAC,CAACO,OAAO;IACNP,CAAC,CAACQ,iBAAiB;IAC1BR,CAAC,CAACS,WAAW;IACdT,CAAC,CAACU,UAAU;;IAERV,CAAC,CAACW,aAAa;IACbX,CAAC,CAACY,eAAe;;IAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;IAElDH,CAAC,CAACc,QAAQ;;EAErB,CAAC;;EAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;IAOSN,CAAC,CAACQ,iBAAiB;;EAExC,CAAC;;EAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,IAAAiB,qBAAA,GAAoC1B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;IAChC,WAAOb,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa;;EAE/D,CAAC;;EAEDe,IAAI,WAAAA,KAAClB,CAAQ,EAAE;IACb,IAAAmB,qBAAA,GAAoC5B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAiB,qBAAA,IAAEhB,aAAa,GAAAgB,qBAAA;IAChC,IAAMC,OAAO,GAAMlB,UAAU,SAAIF,CAAC,CAACqB,gBAAkB;;IAErD,WAAOjB,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;IAGCN,CAAC,CAACsB,cAAc;;;;;;IAMdpB,UAAU,EAAOC,aAAa,EAAIH,CAAC,CAACa,aAAa;;IAEjDO,OAAO;IACOpB,CAAC,CAACuB,kBAAkB,EAAIvB,CAAC,CAACwB,wBAAwB;;IAE3DxB,CAAC,CAACyB,gBAAgB;IACbzB,CAAC,CAAC0B,4BAA4B;;;;IAInC1B,CAAC,CAAC2B,iBAAiB;;;EAGvC;AACF,CAAC,CAAC","ignoreList":[]}
|