@proprioo/salatim 18.5.0 → 19.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/lib/date/src/DayPicker.js +3 -14
- package/lib/date/src/DayPicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.js +18 -51
- package/lib/date/src/datePicker/DatePicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.styles.js +25 -8
- package/lib/date/src/datePicker/DatePicker.styles.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.test.js +22 -71
- package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js +22 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js +25 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js +55 -132
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js +5 -10
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.js +9 -12
- package/lib/date/src/singleMonth/SingleMonth.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.stories.js +21 -32
- package/lib/date/src/singleMonth/SingleMonth.stories.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.styles.js +54 -9
- package/lib/date/src/singleMonth/SingleMonth.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.test.js +18 -67
- package/lib/date/src/singleMonth/SingleMonth.test.js.map +1 -1
- package/lib/energy/src/Energy.js +17 -18
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +9 -20
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.js +161 -45
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +13 -24
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/energy/src/Energy.utils.js +24 -29
- package/lib/energy/src/Energy.utils.js.map +1 -1
- package/lib/energy/src/Energy.utils.test.js +51 -51
- package/lib/energy/src/Energy.utils.test.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.js +17 -37
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.schema.d.ts +9 -9
- package/lib/forms/src/userForm/UserForm.schema.js +6 -6
- package/lib/forms/src/userForm/UserForm.schema.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.stories.js +15 -15
- package/lib/forms/src/userForm/UserForm.stories.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.styles.js +9 -10
- package/lib/forms/src/userForm/UserForm.styles.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.test.js +56 -130
- package/lib/forms/src/userForm/UserForm.test.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +3 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.js +6 -6
- package/lib/hooks/useDebounce/useDebounce.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.test.js +12 -12
- package/lib/hooks/useDebounce/useDebounce.test.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js +11 -12
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js +16 -55
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map +1 -1
- package/lib/hooks/useOnClickOutside/useOnClickOutside.d.ts +2 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js +30 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js.map +1 -0
- package/lib/index.js +2633 -4
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js +11 -12
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js +9 -9
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js +17 -13
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js +14 -14
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +8 -9
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.stories.js +26 -37
- package/lib/phone/src/phoneInput/Phone.stories.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.styles.js +60 -13
- package/lib/phone/src/phoneInput/Phone.styles.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +57 -131
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/lib/phone/src/phoneInput/PhoneInput.js +5 -8
- package/lib/phone/src/phoneInput/PhoneInput.js.map +1 -1
- package/lib/phone/src/phoneInput/constant.d.ts +3 -2
- package/lib/phone/src/phoneInput/constant.js.map +1 -1
- package/lib/phone/src/utils.d.ts +2 -1
- package/lib/phone/src/utils.js +6 -6
- package/lib/phone/src/utils.js.map +1 -1
- package/lib/phone/src/utils.test.js +6 -6
- package/lib/phone/src/utils.test.js.map +1 -1
- package/lib/setupTests.js +22 -46
- package/lib/setupTests.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.js +3 -6
- package/lib/ui/src/accordion/Accordion.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.stories.js +38 -51
- package/lib/ui/src/accordion/Accordion.stories.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.styles.js +81 -33
- package/lib/ui/src/accordion/Accordion.styles.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.test.js +73 -129
- package/lib/ui/src/accordion/Accordion.test.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextConsumer.js +3 -6
- package/lib/ui/src/accordion/AccordionContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.js +19 -37
- package/lib/ui/src/accordion/AccordionContextProvider.js.map +1 -1
- package/lib/ui/src/accordion/AccordionHeader.js +8 -14
- package/lib/ui/src/accordion/AccordionHeader.js.map +1 -1
- package/lib/ui/src/accordion/AccordionItem.js +7 -13
- package/lib/ui/src/accordion/AccordionItem.js.map +1 -1
- package/lib/ui/src/accordion/AccordionPanel.js +4 -10
- package/lib/ui/src/accordion/AccordionPanel.js.map +1 -1
- package/lib/ui/src/accordion/AccordionStore.js +14 -36
- package/lib/ui/src/accordion/AccordionStore.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextConsumer.js +3 -6
- package/lib/ui/src/accordion/ItemContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextProvider.js +10 -22
- package/lib/ui/src/accordion/ItemContextProvider.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.js +13 -16
- package/lib/ui/src/agentBanner/AgentBanner.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.stories.js +8 -8
- package/lib/ui/src/agentBanner/AgentBanner.stories.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.styles.js +61 -18
- package/lib/ui/src/agentBanner/AgentBanner.styles.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.test.js +13 -24
- package/lib/ui/src/agentBanner/AgentBanner.test.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.js +19 -22
- package/lib/ui/src/agentCard/AgentCard.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.stories.js +9 -9
- package/lib/ui/src/agentCard/AgentCard.stories.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.styles.js +83 -16
- package/lib/ui/src/agentCard/AgentCard.styles.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.test.js +21 -32
- package/lib/ui/src/agentCard/AgentCard.test.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +16 -33
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +30 -41
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +67 -167
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/background/Background.styles.js +40 -17
- package/lib/ui/src/background/Background.styles.js.map +1 -1
- package/lib/ui/src/block/Block.js +5 -8
- package/lib/ui/src/block/Block.js.map +1 -1
- package/lib/ui/src/block/Block.stories.js +10 -10
- package/lib/ui/src/block/Block.stories.js.map +1 -1
- package/lib/ui/src/block/Block.styles.js +59 -24
- package/lib/ui/src/block/Block.styles.js.map +1 -1
- package/lib/ui/src/block/Block.test.js +11 -11
- package/lib/ui/src/block/Block.test.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.js +5 -6
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +15 -15
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +53 -14
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +21 -67
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/burger/Burger.js +6 -9
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +14 -27
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.styles.js +88 -23
- package/lib/ui/src/burger/Burger.styles.js.map +1 -1
- package/lib/ui/src/burger/Burger.test.js +18 -64
- package/lib/ui/src/burger/Burger.test.js.map +1 -1
- package/lib/ui/src/button/Button.js +6 -17
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +34 -45
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.d.ts +4 -2
- package/lib/ui/src/button/Button.styles.js +416 -107
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js +38 -84
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +7 -8
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js +78 -21
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js +4 -7
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js +8 -11
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js +16 -9
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js +18 -68
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +18 -19
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +21 -32
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +81 -33
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +63 -141
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/card/icons/Dropdown.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropdown.js +3 -3
- package/lib/ui/src/card/icons/Dropdown.js.map +1 -1
- package/lib/ui/src/card/icons/Dropup.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropup.js +3 -3
- package/lib/ui/src/card/icons/Dropup.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.d.ts +1 -0
- package/lib/ui/src/checkbox/Checkbox.js +9 -9
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +66 -48
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.d.ts +5 -2
- package/lib/ui/src/checkbox/Checkbox.styles.js +149 -18
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.test.js +27 -62
- package/lib/ui/src/checkbox/Checkbox.test.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.js +20 -33
- package/lib/ui/src/dateInput/DateInput.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.stories.js +15 -26
- package/lib/ui/src/dateInput/DateInput.stories.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.test.js +51 -139
- package/lib/ui/src/dateInput/DateInput.test.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +0 -1
- package/lib/ui/src/emailInput/EmailInput.js +20 -31
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.stories.js +15 -26
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.styles.js +32 -9
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.test.js +71 -149
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.js +8 -11
- package/lib/ui/src/fieldset/Fieldset.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.stories.js +7 -7
- package/lib/ui/src/fieldset/Fieldset.stories.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.styles.js +34 -18
- package/lib/ui/src/fieldset/Fieldset.styles.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.test.js +6 -6
- package/lib/ui/src/fieldset/Fieldset.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +34 -64
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js +26 -26
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.d.ts +1 -0
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js +18 -46
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js +16 -18
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js +11 -25
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js +15 -26
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js.map +1 -1
- package/lib/ui/src/icons/Alert.d.ts +0 -1
- package/lib/ui/src/icons/Alert.js +3 -3
- package/lib/ui/src/icons/Alert.js.map +1 -1
- package/lib/ui/src/icons/Arrow.d.ts +0 -1
- package/lib/ui/src/icons/Arrow.js +3 -3
- package/lib/ui/src/icons/Arrow.js.map +1 -1
- package/lib/ui/src/icons/Certificate.js +3 -6
- package/lib/ui/src/icons/Certificate.js.map +1 -1
- package/lib/ui/src/icons/CheckGreen.d.ts +0 -1
- package/lib/ui/src/icons/CheckGreen.js +3 -3
- package/lib/ui/src/icons/CheckGreen.js.map +1 -1
- package/lib/ui/src/icons/ChevronRight.js +3 -6
- package/lib/ui/src/icons/ChevronRight.js.map +1 -1
- package/lib/ui/src/icons/Close.js +3 -6
- package/lib/ui/src/icons/Close.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.d.ts +0 -1
- package/lib/ui/src/icons/CloseBox.js +3 -3
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/icons/DropDown.d.ts +0 -1
- package/lib/ui/src/icons/DropDown.js +3 -3
- package/lib/ui/src/icons/DropDown.js.map +1 -1
- package/lib/ui/src/icons/EmoticonCool.js +3 -6
- package/lib/ui/src/icons/EmoticonCool.js.map +1 -1
- package/lib/ui/src/icons/Help.js +3 -6
- package/lib/ui/src/icons/Help.js.map +1 -1
- package/lib/ui/src/icons/Less.js +3 -6
- package/lib/ui/src/icons/Less.js.map +1 -1
- package/lib/ui/src/icons/Plus.js +3 -6
- package/lib/ui/src/icons/Plus.js.map +1 -1
- package/lib/ui/src/icons/Tick.d.ts +0 -1
- package/lib/ui/src/icons/Tick.js +3 -3
- package/lib/ui/src/icons/Tick.js.map +1 -1
- package/lib/ui/src/icons/TrustPilot.d.ts +0 -1
- package/lib/ui/src/icons/TrustPilot.js +3 -3
- package/lib/ui/src/icons/TrustPilot.js.map +1 -1
- package/lib/ui/src/icons/index.d.ts +0 -1
- package/lib/ui/src/icons/index.js +11 -11
- package/lib/ui/src/icons/index.js.map +1 -1
- package/lib/ui/src/input/Input.js +5 -18
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/input/Input.stories.js +35 -46
- package/lib/ui/src/input/Input.stories.js.map +1 -1
- package/lib/ui/src/input/Input.styles.js +37 -9
- package/lib/ui/src/input/Input.styles.js.map +1 -1
- package/lib/ui/src/input/Input.test.js +17 -28
- package/lib/ui/src/input/Input.test.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.js +31 -43
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.styles.js +243 -67
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.test.js +36 -98
- package/lib/ui/src/inputBase/InputBase.test.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.d.ts +0 -1
- package/lib/ui/src/inputLoader/InputLoader.js +4 -4
- package/lib/ui/src/inputLoader/InputLoader.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.styles.js +20 -10
- package/lib/ui/src/inputLoader/InputLoader.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.js +3 -3
- package/lib/ui/src/inputLoading/InputLoading.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.stories.js +4 -4
- package/lib/ui/src/inputLoading/InputLoading.stories.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.styles.js +10 -8
- package/lib/ui/src/inputLoading/InputLoading.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.test.js +6 -6
- package/lib/ui/src/inputLoading/InputLoading.test.js.map +1 -1
- package/lib/ui/src/loader/Loader.js +8 -11
- package/lib/ui/src/loader/Loader.js.map +1 -1
- package/lib/ui/src/loader/Loader.stories.js +9 -9
- package/lib/ui/src/loader/Loader.stories.js.map +1 -1
- package/lib/ui/src/loader/Loader.styles.js +56 -23
- package/lib/ui/src/loader/Loader.styles.js.map +1 -1
- package/lib/ui/src/loader/Loader.test.js +6 -6
- package/lib/ui/src/loader/Loader.test.js.map +1 -1
- package/lib/ui/src/logo/Logo.d.ts +0 -1
- package/lib/ui/src/logo/Logo.js +3 -3
- package/lib/ui/src/logo/Logo.js.map +1 -1
- package/lib/ui/src/logo/Logo.stories.js +11 -22
- package/lib/ui/src/logo/Logo.stories.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.js +5 -8
- package/lib/ui/src/mockForm/MockForm.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.test.js +6 -6
- package/lib/ui/src/mockForm/MockForm.test.js.map +1 -1
- package/lib/ui/src/modal/Modal.js +43 -49
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.reducer.js +12 -24
- package/lib/ui/src/modal/Modal.reducer.js.map +1 -1
- package/lib/ui/src/modal/Modal.stories.js +25 -27
- package/lib/ui/src/modal/Modal.stories.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.d.ts +3 -1
- package/lib/ui/src/modal/Modal.styles.js +165 -32
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/ui/src/modal/Modal.test.js +34 -71
- package/lib/ui/src/modal/Modal.test.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.js +5 -11
- package/lib/ui/src/nativeSelect/NativeSelect.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js +9 -7
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.test.js +7 -18
- package/lib/ui/src/nativeSelect/NativeSelect.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.stories.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.stories.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.test.js +107 -254
- package/lib/ui/src/numberInput/NumberInput.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.js +10 -10
- package/lib/ui/src/numberInput/NumberInput.utils.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.test.js +30 -30
- package/lib/ui/src/numberInput/NumberInput.utils.test.js.map +1 -1
- package/lib/ui/src/option/Option.js +8 -11
- package/lib/ui/src/option/Option.js.map +1 -1
- package/lib/ui/src/option/Option.styles.js +59 -19
- package/lib/ui/src/option/Option.styles.js.map +1 -1
- package/lib/ui/src/option/Option.test.js +29 -71
- package/lib/ui/src/option/Option.test.js.map +1 -1
- package/lib/ui/src/panel/Panel.js +4 -7
- package/lib/ui/src/panel/Panel.js.map +1 -1
- package/lib/ui/src/panel/Panel.stories.js +9 -9
- package/lib/ui/src/panel/Panel.stories.js.map +1 -1
- package/lib/ui/src/panel/Panel.styles.js +25 -19
- package/lib/ui/src/panel/Panel.styles.js.map +1 -1
- package/lib/ui/src/panel/PanelColors.js +1 -1
- package/lib/ui/src/panel/PanelColors.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +6 -7
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +12 -27
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.js +74 -10
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +17 -63
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/lib/ui/src/select/Select.js +20 -48
- package/lib/ui/src/select/Select.js.map +1 -1
- package/lib/ui/src/select/Select.styles.js +38 -18
- package/lib/ui/src/select/Select.styles.js.map +1 -1
- package/lib/ui/src/select/Select.test.js +26 -72
- package/lib/ui/src/select/Select.test.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.js +33 -50
- package/lib/ui/src/selectWrapper/SelectWrapper.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js +64 -82
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js +71 -37
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js +53 -107
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js +6 -7
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js +7 -18
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js +29 -67
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js +22 -21
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.js +5 -8
- package/lib/ui/src/subtitle/Subtitle.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.stories.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.stories.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +15 -16
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.test.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.test.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +17 -15
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +30 -40
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +2 -1
- package/lib/ui/src/tag/Tag.styles.js +141 -37
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +41 -72
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.js +1 -1
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/tag/interfaces.d.ts +2 -1
- package/lib/ui/src/tag/interfaces.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.js +50 -77
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +42 -62
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +1 -1
- package/lib/ui/src/textarea/Textarea.styles.js +57 -32
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +17 -63
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/lib/ui/src/title/H1.js +6 -9
- package/lib/ui/src/title/H1.js.map +1 -1
- package/lib/ui/src/title/H1.styles.d.ts +2 -1
- package/lib/ui/src/title/H1.styles.js +7 -9
- package/lib/ui/src/title/H1.styles.js.map +1 -1
- package/lib/ui/src/title/H1.test.js +6 -6
- package/lib/ui/src/title/H1.test.js.map +1 -1
- package/lib/ui/src/title/H2.js +6 -9
- package/lib/ui/src/title/H2.js.map +1 -1
- package/lib/ui/src/title/H2.styles.d.ts +2 -1
- package/lib/ui/src/title/H2.styles.js +7 -9
- package/lib/ui/src/title/H2.styles.js.map +1 -1
- package/lib/ui/src/title/H2.test.js +6 -6
- package/lib/ui/src/title/H2.test.js.map +1 -1
- package/lib/ui/src/title/H3.js +7 -21
- package/lib/ui/src/title/H3.js.map +1 -1
- package/lib/ui/src/title/H3.styles.d.ts +2 -1
- package/lib/ui/src/title/H3.styles.js +7 -9
- package/lib/ui/src/title/H3.styles.js.map +1 -1
- package/lib/ui/src/title/H3.test.js +6 -6
- package/lib/ui/src/title/H3.test.js.map +1 -1
- package/lib/ui/src/title/H4.js +6 -9
- package/lib/ui/src/title/H4.js.map +1 -1
- package/lib/ui/src/title/H4.styles.d.ts +2 -1
- package/lib/ui/src/title/H4.styles.js +7 -9
- package/lib/ui/src/title/H4.styles.js.map +1 -1
- package/lib/ui/src/title/H4.test.js +6 -6
- package/lib/ui/src/title/H4.test.js.map +1 -1
- package/lib/ui/src/title/H5.js +6 -9
- package/lib/ui/src/title/H5.js.map +1 -1
- package/lib/ui/src/title/H5.styles.d.ts +2 -1
- package/lib/ui/src/title/H5.styles.js +7 -9
- package/lib/ui/src/title/H5.styles.js.map +1 -1
- package/lib/ui/src/title/H5.test.js +6 -6
- package/lib/ui/src/title/H5.test.js.map +1 -1
- package/lib/ui/src/title/H6.js +7 -21
- package/lib/ui/src/title/H6.js.map +1 -1
- package/lib/ui/src/title/H6.styles.d.ts +2 -1
- package/lib/ui/src/title/H6.styles.js +7 -9
- package/lib/ui/src/title/H6.styles.js.map +1 -1
- package/lib/ui/src/title/H6.test.js +6 -6
- package/lib/ui/src/title/H6.test.js.map +1 -1
- package/lib/ui/src/title/Title.js +2 -2
- package/lib/ui/src/title/Title.js.map +1 -1
- package/lib/ui/src/title/Title.stories.js +18 -18
- package/lib/ui/src/title/Title.stories.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +89 -22
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.js +8 -11
- package/lib/ui/src/toggle/Toggle.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.stories.js +20 -31
- package/lib/ui/src/toggle/Toggle.stories.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.styles.js +87 -13
- package/lib/ui/src/toggle/Toggle.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.test.js +23 -68
- package/lib/ui/src/toggle/Toggle.test.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.js +20 -32
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +26 -37
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js +56 -9
- package/lib/ui/src/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +22 -71
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/lib/utils/src/actions.js +2 -2
- package/lib/utils/src/actions.js.map +1 -1
- package/lib/utils/src/colors.js +23 -25
- package/lib/utils/src/colors.js.map +1 -1
- package/lib/utils/src/colors.test.js +7 -7
- package/lib/utils/src/colors.test.js.map +1 -1
- package/lib/utils/src/container.js +21 -9
- package/lib/utils/src/container.js.map +1 -1
- package/lib/utils/src/fonts.js +18 -19
- package/lib/utils/src/fonts.js.map +1 -1
- package/lib/utils/src/gmaps.d.ts +1 -0
- package/lib/utils/src/gmaps.js +11 -17
- package/lib/utils/src/gmaps.js.map +1 -1
- package/lib/utils/src/gmaps.test.js +22 -42
- package/lib/utils/src/gmaps.test.js.map +1 -1
- package/lib/utils/src/line.js +7 -8
- package/lib/utils/src/line.js.map +1 -1
- package/lib/utils/src/paragraphs.js +80 -31
- package/lib/utils/src/paragraphs.js.map +1 -1
- package/lib/utils/src/radius.js +6 -6
- package/lib/utils/src/radius.js.map +1 -1
- package/lib/utils/src/responsive.js +13 -22
- package/lib/utils/src/responsive.js.map +1 -1
- package/lib/utils/src/row.js +37 -9
- package/lib/utils/src/row.js.map +1 -1
- package/lib/utils/src/scrollbars.js +32 -9
- package/lib/utils/src/scrollbars.js.map +1 -1
- package/lib/utils/src/shadows.js +6 -6
- package/lib/utils/src/shadows.js.map +1 -1
- package/lib/utils/src/spacing.js +1 -1
- package/lib/utils/src/spacing.js.map +1 -1
- package/lib/utils/src/spacing.test.js +10 -10
- package/lib/utils/src/spacing.test.js.map +1 -1
- package/lib/utils/src/test-utils.d.ts +1 -1
- package/lib/utils/src/test-utils.js +21 -69
- package/lib/utils/src/test-utils.js.map +1 -1
- package/lib/utils/src/utils.stories.js +27 -27
- package/lib/utils/src/utils.stories.js.map +1 -1
- package/lib/utils/src/utils.styles.js +185 -55
- package/lib/utils/src/utils.styles.js.map +1 -1
- package/package.json +50 -56
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -33,14 +22,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
33
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
23
|
};
|
|
35
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
27
|
+
const react_2 = require("@storybook/react");
|
|
28
|
+
const utils_1 = require("../../../utils");
|
|
29
|
+
const Logo_1 = __importDefault(require("./Logo"));
|
|
30
|
+
const knobs = () => {
|
|
42
31
|
return {
|
|
43
|
-
color: addon_knobs_1.select('Color', {
|
|
32
|
+
color: (0, addon_knobs_1.select)('Color', {
|
|
44
33
|
PINK: utils_1.colors.pink.base,
|
|
45
34
|
GREEN: utils_1.colors.green.base,
|
|
46
35
|
BLUE: utils_1.colors.blue.base60,
|
|
@@ -48,12 +37,12 @@ var knobs = function () {
|
|
|
48
37
|
}, utils_1.colors.pink.base)
|
|
49
38
|
};
|
|
50
39
|
};
|
|
51
|
-
react_2.storiesOf('Logo', module).add('Logo',
|
|
52
|
-
|
|
53
|
-
|
|
40
|
+
(0, react_2.storiesOf)('Logo', module).add('Logo', () => {
|
|
41
|
+
const props = Object.assign({}, knobs());
|
|
42
|
+
const style = {
|
|
54
43
|
padding: '1em',
|
|
55
44
|
color: props.color,
|
|
56
|
-
width: utils_1.convertPxToRem(178),
|
|
45
|
+
width: (0, utils_1.convertPxToRem)(178),
|
|
57
46
|
background: props.color === 'white' ? utils_1.colors.green.base : 'transparent'
|
|
58
47
|
};
|
|
59
48
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/logo/Logo.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/logo/Logo.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,wDAAgD;AAChD,4CAA6C;AAE7C,0CAAwD;AACxD,kDAA0B;AAE1B,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,OAAO;QACL,KAAK,EAAE,IAAA,oBAAM,EACX,OAAO,EACP;YACE,IAAI,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;YACtB,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;YACxB,IAAI,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;YACxB,KAAK,EAAE,OAAO;SACf,EACD,cAAM,CAAC,IAAI,CAAC,IAAI,CACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,IAAA,iBAAS,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE;IACzC,MAAM,KAAK,qBAAQ,KAAK,EAAE,CAAE,CAAC;IAC7B,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,KAAK,EAAE,IAAA,sBAAc,EAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,cAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;KACxE,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAQ;QACP,uCAAK,KAAK,EAAE,KAAK;YACf,8BAAC,cAAI,OAAG,CACJ,CACG,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -4,16 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.mockSubmit = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const mockSubmit = (e) => {
|
|
9
9
|
e.preventDefault();
|
|
10
10
|
};
|
|
11
11
|
exports.mockSubmit = mockSubmit;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
children,
|
|
16
|
-
react_1.default.createElement("input", { type: "submit" })));
|
|
17
|
-
};
|
|
12
|
+
const MockForm = ({ children }) => (react_1.default.createElement("form", { onSubmit: exports.mockSubmit },
|
|
13
|
+
children,
|
|
14
|
+
react_1.default.createElement("input", { type: "submit" })));
|
|
18
15
|
exports.default = MockForm;
|
|
19
16
|
//# sourceMappingURL=MockForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MockForm.js","sourceRoot":"","sources":["../../../../packages/ui/src/mockForm/MockForm.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MockForm.js","sourceRoot":"","sources":["../../../../packages/ui/src/mockForm/MockForm.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AAEjD,MAAM,UAAU,GAAG,CAAC,CAA6B,EAAE,EAAE;IAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;AACrB,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB;AAMF,MAAM,QAAQ,GAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/C,wCAAM,QAAQ,EAAE,kBAAU;IACvB,QAAQ;IACT,yCAAO,IAAI,EAAC,QAAQ,GAAG,CAClB,CACR,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
describe('MockForm',
|
|
10
|
-
it('should display component',
|
|
11
|
-
react_2.render(react_1.default.createElement(MockForm_1.default, null,
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const react_2 = require("@testing-library/react");
|
|
8
|
+
const MockForm_1 = __importDefault(require("./MockForm"));
|
|
9
|
+
describe('MockForm', () => {
|
|
10
|
+
it('should display component', () => {
|
|
11
|
+
(0, react_2.render)(react_1.default.createElement(MockForm_1.default, null,
|
|
12
12
|
react_1.default.createElement("span", { "data-test": "mocked-child" })));
|
|
13
13
|
expect(react_2.screen.getByTestId('mocked-child')).toBeInTheDocument();
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MockForm.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/mockForm/MockForm.test.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MockForm.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/mockForm/MockForm.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AAExD,0DAAkC;AAElC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,IAAA,cAAM,EACJ,8BAAC,kBAAQ;YACP,qDAAgB,cAAc,GAAG,CACxB,CACZ,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -22,49 +22,48 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var onKeydown = function (event) {
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const react_dom_1 = require("react-dom");
|
|
27
|
+
const useOnClickOutside_1 = __importDefault(require("../../../hooks/useOnClickOutside/useOnClickOutside"));
|
|
28
|
+
const utils_1 = require("../../../utils");
|
|
29
|
+
const Background_styles_1 = require("../background/Background.styles");
|
|
30
|
+
const Close_1 = __importDefault(require("../icons/Close"));
|
|
31
|
+
const Loader_1 = __importDefault(require("../loader/Loader"));
|
|
32
|
+
const Modal_reducer_1 = require("./Modal.reducer");
|
|
33
|
+
const Modal_styles_1 = require("./Modal.styles");
|
|
34
|
+
const Modal = ({ closeModal, children, title, text, icon, isAlternative = false, isFullScreen, noPadding, fade, isLoading }) => {
|
|
35
|
+
const layoutRef = (0, react_1.useRef)(null);
|
|
36
|
+
const [loaderHeight, setLoaderHeight] = (0, react_1.useState)(0);
|
|
37
|
+
const onKeydown = (event) => {
|
|
39
38
|
if (event.key === 'Escape') {
|
|
40
39
|
closeModal();
|
|
41
40
|
}
|
|
42
41
|
};
|
|
43
|
-
|
|
42
|
+
(0, useOnClickOutside_1.default)(layoutRef, _ => {
|
|
44
43
|
closeModal();
|
|
45
44
|
});
|
|
46
|
-
react_1.useLayoutEffect(
|
|
47
|
-
|
|
45
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
46
|
+
const originalStyle = window.getComputedStyle(document.body).overflow;
|
|
48
47
|
document.body.style.overflow = 'hidden';
|
|
49
|
-
return
|
|
48
|
+
return () => {
|
|
50
49
|
document.body.style.overflow = originalStyle;
|
|
51
50
|
};
|
|
52
51
|
}, []);
|
|
53
|
-
react_1.useLayoutEffect(
|
|
54
|
-
|
|
52
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
53
|
+
const currentModal = document.getElementById('modal');
|
|
55
54
|
if (currentModal) {
|
|
56
|
-
|
|
55
|
+
const modalHeight = currentModal.scrollHeight;
|
|
57
56
|
setLoaderHeight(modalHeight);
|
|
58
57
|
}
|
|
59
|
-
return
|
|
58
|
+
return () => setLoaderHeight(0);
|
|
60
59
|
}, [isLoading]);
|
|
61
|
-
react_1.useEffect(
|
|
60
|
+
(0, react_1.useEffect)(() => {
|
|
62
61
|
document.addEventListener('keydown', onKeydown);
|
|
63
|
-
return
|
|
62
|
+
return () => document.removeEventListener('keydown', onKeydown);
|
|
64
63
|
}, []);
|
|
65
|
-
return react_dom_1.createPortal(react_1.default.createElement(Background_styles_1.BackgroundLayout, { fade: fade },
|
|
64
|
+
return (0, react_dom_1.createPortal)(react_1.default.createElement(Background_styles_1.BackgroundLayout, { fade: fade },
|
|
66
65
|
react_1.default.createElement(Modal_styles_1.Layout, { id: "modal", ref: layoutRef, fade: fade, isFullScreen: isFullScreen, noPadding: noPadding },
|
|
67
|
-
isLoading && react_1.default.createElement(Loader_1.default, { loaderHeight: loaderHeight.toString()
|
|
66
|
+
isLoading && react_1.default.createElement(Loader_1.default, { loaderHeight: `${loaderHeight.toString()}px` }),
|
|
68
67
|
react_1.default.createElement(Modal_styles_1.CloseLayout, { onClick: closeModal, "data-test": "close-modal-icon" },
|
|
69
68
|
react_1.default.createElement(Close_1.default, { fill: utils_1.colors.dark.base40 })),
|
|
70
69
|
title && react_1.default.createElement(Modal_styles_1.MobileTitle, null, title),
|
|
@@ -72,35 +71,33 @@ var Modal = function (_a) {
|
|
|
72
71
|
icon && (react_1.default.createElement(Modal_styles_1.IconContainer, { "data-test": "modal-icon" }, icon)),
|
|
73
72
|
title && (react_1.default.createElement(Modal_styles_1.Title, { isAlternative: isAlternative, "data-test": "modal-title", dangerouslySetInnerHTML: { __html: title } })),
|
|
74
73
|
text && (react_1.default.createElement(Modal_styles_1.Text, { "data-test": "modal-text", dangerouslySetInnerHTML: { __html: text } })))),
|
|
75
|
-
react_1.default.createElement("div", null, children))), document.body);
|
|
74
|
+
react_1.default.createElement("div", null, children))), (document === null || document === void 0 ? void 0 : document.body) || null);
|
|
76
75
|
};
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var _a = react_1.useReducer(Modal_reducer_1.reducerModal, {
|
|
76
|
+
const useModal = (actions = {}) => {
|
|
77
|
+
const { onAbort, onOpen, onClose } = actions;
|
|
78
|
+
const [state, dispatch] = (0, react_1.useReducer)(Modal_reducer_1.reducerModal, {
|
|
81
79
|
isOpen: false,
|
|
82
80
|
isLoading: false
|
|
83
|
-
})
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
});
|
|
82
|
+
const { isOpen, isLoading, fade } = state;
|
|
83
|
+
const toggleLoader = () => {
|
|
86
84
|
if (isOpen) {
|
|
87
85
|
dispatch(Modal_reducer_1.ModalActions.toggleLoad());
|
|
88
86
|
}
|
|
89
87
|
};
|
|
90
|
-
|
|
88
|
+
const openModal = () => {
|
|
91
89
|
if (onOpen) {
|
|
92
90
|
onOpen();
|
|
93
91
|
}
|
|
94
92
|
dispatch(Modal_reducer_1.ModalActions.open());
|
|
95
|
-
setTimeout(
|
|
93
|
+
setTimeout(() => {
|
|
96
94
|
dispatch(Modal_reducer_1.ModalActions.show());
|
|
97
95
|
}, 300);
|
|
98
96
|
};
|
|
99
|
-
|
|
100
|
-
if (isAborting === void 0) { isAborting = false; }
|
|
97
|
+
const closeModal = (isAborting = false) => {
|
|
101
98
|
if (!isLoading) {
|
|
102
99
|
dispatch(Modal_reducer_1.ModalActions.hide());
|
|
103
|
-
setTimeout(
|
|
100
|
+
setTimeout(() => {
|
|
104
101
|
if (onAbort && isAborting) {
|
|
105
102
|
onAbort();
|
|
106
103
|
}
|
|
@@ -111,19 +108,16 @@ var useModal = function (actions) {
|
|
|
111
108
|
}, 300);
|
|
112
109
|
}
|
|
113
110
|
};
|
|
114
|
-
|
|
111
|
+
const abortModal = () => {
|
|
115
112
|
closeModal(true);
|
|
116
113
|
};
|
|
117
|
-
|
|
118
|
-
var title = _a.title, text = _a.text, icon = _a.icon, _b = _a.isAlternative, isAlternative = _b === void 0 ? false : _b, isFullScreen = _a.isFullScreen, noPadding = _a.noPadding, children = _a.children;
|
|
119
|
-
return isOpen ? (react_1.default.createElement(Modal, { closeModal: abortModal, title: title, text: text, icon: icon, isAlternative: isAlternative, isFullScreen: isFullScreen, noPadding: noPadding, fade: fade, isLoading: isLoading }, children)) : (react_1.default.createElement(react_1.Fragment, null));
|
|
120
|
-
};
|
|
114
|
+
const createModal = ({ title, text, icon, isAlternative = false, isFullScreen, noPadding, children }) => isOpen ? (react_1.default.createElement(Modal, { closeModal: abortModal, title: title, text: text, icon: icon, isAlternative: isAlternative, isFullScreen: isFullScreen, noPadding: noPadding, fade: fade, isLoading: isLoading }, children)) : (react_1.default.createElement(react_1.Fragment, null));
|
|
121
115
|
return {
|
|
122
|
-
openModal
|
|
123
|
-
abortModal
|
|
124
|
-
closeModal
|
|
125
|
-
toggleLoader
|
|
126
|
-
createModal
|
|
116
|
+
openModal,
|
|
117
|
+
abortModal,
|
|
118
|
+
closeModal,
|
|
119
|
+
toggleLoader,
|
|
120
|
+
createModal
|
|
127
121
|
};
|
|
128
122
|
};
|
|
129
123
|
exports.default = useModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
3
|
var t = {};
|
|
15
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -23,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
12
|
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.reducerModal = exports.ModalActions = exports.ModalFade = void 0;
|
|
26
|
-
|
|
15
|
+
const utils_1 = require("../../../utils");
|
|
27
16
|
var ModalFade;
|
|
28
17
|
(function (ModalFade) {
|
|
29
18
|
ModalFade["IN"] = "in";
|
|
@@ -38,24 +27,23 @@ var ModalActionsEnum;
|
|
|
38
27
|
ModalActionsEnum["TOGGLE_LOAD"] = "toggleLoad";
|
|
39
28
|
})(ModalActionsEnum || (ModalActionsEnum = {}));
|
|
40
29
|
exports.ModalActions = {
|
|
41
|
-
open: utils_1.createAction(ModalActionsEnum.OPEN),
|
|
42
|
-
show: utils_1.createAction(ModalActionsEnum.SHOW),
|
|
43
|
-
hide: utils_1.createAction(ModalActionsEnum.HIDE),
|
|
44
|
-
toggleLoad: utils_1.createAction(ModalActionsEnum.TOGGLE_LOAD),
|
|
45
|
-
close: utils_1.createAction(ModalActionsEnum.CLOSE)
|
|
30
|
+
open: (0, utils_1.createAction)(ModalActionsEnum.OPEN),
|
|
31
|
+
show: (0, utils_1.createAction)(ModalActionsEnum.SHOW),
|
|
32
|
+
hide: (0, utils_1.createAction)(ModalActionsEnum.HIDE),
|
|
33
|
+
toggleLoad: (0, utils_1.createAction)(ModalActionsEnum.TOGGLE_LOAD),
|
|
34
|
+
close: (0, utils_1.createAction)(ModalActionsEnum.CLOSE)
|
|
46
35
|
};
|
|
47
|
-
|
|
48
|
-
var type = _a.type;
|
|
36
|
+
const reducerModal = (state, { type }) => {
|
|
49
37
|
switch (type) {
|
|
50
38
|
case ModalActionsEnum.OPEN:
|
|
51
|
-
return
|
|
39
|
+
return Object.assign(Object.assign({}, state), { fade: ModalFade.IN, isOpen: true });
|
|
52
40
|
case ModalActionsEnum.SHOW:
|
|
53
|
-
|
|
54
|
-
return
|
|
41
|
+
const { fade } = state, rest = __rest(state, ["fade"]);
|
|
42
|
+
return Object.assign(Object.assign({}, rest), { isOpen: true });
|
|
55
43
|
case ModalActionsEnum.HIDE:
|
|
56
|
-
return
|
|
44
|
+
return Object.assign(Object.assign({}, state), { fade: ModalFade.OUT });
|
|
57
45
|
case ModalActionsEnum.TOGGLE_LOAD:
|
|
58
|
-
return
|
|
46
|
+
return Object.assign(Object.assign({}, state), { isLoading: !state.isLoading });
|
|
59
47
|
case ModalActionsEnum.CLOSE:
|
|
60
48
|
return {
|
|
61
49
|
isOpen: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.reducer.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.reducer.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.reducer.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.reducer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAA4D;AAE5D,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,sBAAS,CAAA;IACT,wBAAW,CAAA;AACb,CAAC,EAHW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAGpB;AAQD,IAAK,gBAMJ;AAND,WAAK,gBAAgB;IACnB,iCAAa,CAAA;IACb,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,8CAA0B,CAAA;AAC5B,CAAC,EANI,gBAAgB,KAAhB,gBAAgB,QAMpB;AAEY,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,UAAU,EAAE,IAAA,oBAAY,EACtB,gBAAgB,CAAC,WAAW,CAC7B;IACD,KAAK,EAAE,IAAA,oBAAY,EAAgC,gBAAgB,CAAC,KAAK,CAAC;CAC3E,CAAC;AAIK,MAAM,YAAY,GAAG,CAC1B,KAAmB,EACnB,EAAE,IAAI,EAAmB,EACzB,EAAE;IACF,QAAQ,IAAI,EAAE;QACZ,KAAK,gBAAgB,CAAC,IAAI;YACxB,uCACK,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,MAAM,EAAE,IAAI,IACZ;QACJ,KAAK,gBAAgB,CAAC,IAAI;YACxB,MAAM,EAAE,IAAI,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAQ,CAAC;YAChC,uCACK,IAAI,KACP,MAAM,EAAE,IAAI,IACZ;QACJ,KAAK,gBAAgB,CAAC,IAAI;YACxB,uCACK,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,GAAG,IACnB;QACJ,KAAK,gBAAgB,CAAC,WAAW;YAC/B,uCACK,KAAK,KACR,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,IAC3B;QACJ,KAAK,gBAAgB,CAAC,KAAK;YACzB,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,KAAK;aACjB,CAAC;QACJ;YACE,MAAM,IAAI,KAAK,EAAE,CAAC;KACrB;AACH,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
3
|
if (k2 === undefined) k2 = k;
|
|
8
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -26,22 +22,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
23
|
};
|
|
28
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
27
|
+
const react_2 = require("@storybook/react");
|
|
28
|
+
const Modal_1 = __importDefault(require("./Modal"));
|
|
29
|
+
const Button = styled_components_1.default.button `
|
|
30
|
+
position: relative;
|
|
31
|
+
z-index: 2000;
|
|
32
|
+
`;
|
|
33
|
+
(0, react_2.storiesOf)('Modal', module)
|
|
34
|
+
.addDecorator(story => {
|
|
36
35
|
document.body.style.position = 'relative';
|
|
37
36
|
return story();
|
|
38
37
|
})
|
|
39
|
-
.add('Modal',
|
|
40
|
-
|
|
41
|
-
onAbort:
|
|
42
|
-
onClose:
|
|
43
|
-
})
|
|
44
|
-
|
|
38
|
+
.add('Modal', () => {
|
|
39
|
+
const { openModal, abortModal, closeModal, toggleLoader, createModal } = (0, Modal_1.default)({
|
|
40
|
+
onAbort: () => console.log('abort'),
|
|
41
|
+
onClose: () => console.log('close')
|
|
42
|
+
});
|
|
43
|
+
const { openModal: openModal2, abortModal: abortModal2, createModal: createModal2 } = (0, Modal_1.default)();
|
|
45
44
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
46
45
|
react_1.default.createElement("div", null,
|
|
47
46
|
react_1.default.createElement("button", { onClick: openModal }, "Open"),
|
|
@@ -63,7 +62,7 @@ react_2.storiesOf('Modal', module)
|
|
|
63
62
|
react_1.default.createElement("kbd", null, "esc")),
|
|
64
63
|
react_1.default.createElement(Button, { onClick: toggleLoader }, "Toggle loader"),
|
|
65
64
|
react_1.default.createElement(Button, { onClick: abortModal }, "Abort"),
|
|
66
|
-
react_1.default.createElement(Button, { onClick:
|
|
65
|
+
react_1.default.createElement(Button, { onClick: () => closeModal() }, "Close")))
|
|
67
66
|
})),
|
|
68
67
|
react_1.default.createElement(react_1.Fragment, null, createModal2({
|
|
69
68
|
title: 'Titre de la modale 2',
|
|
@@ -77,8 +76,8 @@ react_2.storiesOf('Modal', module)
|
|
|
77
76
|
react_1.default.createElement("button", { onClick: abortModal2 }, "Abort")))
|
|
78
77
|
})))));
|
|
79
78
|
})
|
|
80
|
-
.add('in full screen',
|
|
81
|
-
|
|
79
|
+
.add('in full screen', () => {
|
|
80
|
+
const { openModal, abortModal, createModal } = (0, Modal_1.default)();
|
|
82
81
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
83
82
|
createModal({
|
|
84
83
|
title: 'Titre de la modale',
|
|
@@ -94,8 +93,8 @@ react_2.storiesOf('Modal', module)
|
|
|
94
93
|
}),
|
|
95
94
|
react_1.default.createElement("button", { onClick: openModal }, "Open")));
|
|
96
95
|
})
|
|
97
|
-
.add('without optional props',
|
|
98
|
-
|
|
96
|
+
.add('without optional props', () => {
|
|
97
|
+
const { openModal, abortModal, createModal } = (0, Modal_1.default)();
|
|
99
98
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
100
99
|
createModal({
|
|
101
100
|
children: (react_1.default.createElement("div", null,
|
|
@@ -106,8 +105,8 @@ react_2.storiesOf('Modal', module)
|
|
|
106
105
|
}),
|
|
107
106
|
react_1.default.createElement("button", { onClick: openModal }, "Open")));
|
|
108
107
|
})
|
|
109
|
-
.add('without padding',
|
|
110
|
-
|
|
108
|
+
.add('without padding', () => {
|
|
109
|
+
const { openModal, abortModal, createModal } = (0, Modal_1.default)();
|
|
111
110
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
112
111
|
createModal({
|
|
113
112
|
noPadding: true,
|
|
@@ -119,8 +118,8 @@ react_2.storiesOf('Modal', module)
|
|
|
119
118
|
}),
|
|
120
119
|
react_1.default.createElement("button", { onClick: openModal }, "Open")));
|
|
121
120
|
})
|
|
122
|
-
.add('is Alternative',
|
|
123
|
-
|
|
121
|
+
.add('is Alternative', () => {
|
|
122
|
+
const { openModal, abortModal, createModal } = (0, Modal_1.default)();
|
|
124
123
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
125
124
|
createModal({
|
|
126
125
|
isAlternative: true,
|
|
@@ -133,5 +132,4 @@ react_2.storiesOf('Modal', module)
|
|
|
133
132
|
}),
|
|
134
133
|
react_1.default.createElement("button", { onClick: openModal }, "Open")));
|
|
135
134
|
});
|
|
136
|
-
var templateObject_1;
|
|
137
135
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ModalProps } from './Modal';
|
|
2
|
+
declare type LayoutProps = Pick<ModalProps, 'fade' | 'isFullScreen' | 'noPadding'>;
|
|
2
3
|
export declare const CloseLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const Layout: import("styled-components").StyledComponent<"div", any,
|
|
4
|
+
export declare const Layout: import("styled-components").StyledComponent<"div", any, LayoutProps, never>;
|
|
4
5
|
export declare const MobileTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
6
|
export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
7
|
export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -8,3 +9,4 @@ export declare const Title: import("styled-components").StyledComponent<"p", any
|
|
|
8
9
|
isAlternative: boolean;
|
|
9
10
|
}, never>;
|
|
10
11
|
export declare const Text: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
12
|
+
export {};
|