@invoicebox/ui 0.1.0-alpha.13 → 0.1.0-alpha.131
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/README.md +26 -1
- package/dist/breakpoints/index.d.ts +7 -0
- package/dist/breakpoints/index.js +13 -0
- package/dist/components/_helpers/StoryBorderWrapper/index.d.ts +2 -0
- package/dist/components/_helpers/StoryBorderWrapper/index.js +12 -0
- package/dist/components/_helpers/selectOptions.d.ts +4 -0
- package/dist/components/_helpers/selectOptions.js +43 -0
- package/dist/components/common/AppCardLink/components/ApkRu.d.ts +4 -0
- package/dist/components/common/AppCardLink/components/ApkRu.js +106 -0
- package/dist/components/common/AppCardLink/components/AppGalleryRu.d.ts +4 -0
- package/dist/components/common/AppCardLink/components/AppGalleryRu.js +98 -0
- package/dist/components/common/AppCardLink/components/GooglePlayRu.d.ts +4 -0
- package/dist/components/common/AppCardLink/components/GooglePlayRu.js +184 -0
- package/dist/components/common/AppCardLink/components/RuStoreRu.d.ts +4 -0
- package/dist/components/common/AppCardLink/components/RuStoreRu.js +101 -0
- package/dist/components/common/AppCardLink/constants.d.ts +4 -0
- package/dist/components/common/AppCardLink/constants.js +1 -0
- package/dist/components/common/AppCardLink/index.d.ts +8 -0
- package/dist/components/common/AppCardLink/index.js +34 -0
- package/dist/components/common/AppCardLink/index.stories.d.ts +10 -0
- package/dist/components/common/AppCardLink/index.stories.js +20 -0
- package/dist/components/common/AppCardLink/styles.d.ts +2 -0
- package/dist/components/common/AppCardLink/styles.js +12 -0
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +8 -0
- package/dist/components/common/Arrow/components/StyledSvg/index.js +25 -0
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +5 -0
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +26 -0
- package/dist/components/common/Arrow/components/Svg/index.d.ts +6 -0
- package/dist/components/common/Arrow/components/Svg/index.js +26 -0
- package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +6 -0
- package/dist/components/common/Arrow/components/Svg/index.stories.js +21 -0
- package/dist/components/common/Arrow/index.d.ts +10 -0
- package/dist/components/common/Arrow/index.js +29 -0
- package/dist/components/common/Arrow/index.stories.d.ts +6 -0
- package/dist/components/common/Arrow/index.stories.js +21 -0
- package/dist/components/common/Arrow/palette.d.ts +6 -0
- package/dist/components/common/Arrow/palette.js +14 -0
- package/dist/components/common/BgCard/index.d.ts +6 -0
- package/dist/components/common/BgCard/index.js +23 -0
- package/dist/components/common/BgCard/index.stories.d.ts +5 -0
- package/dist/components/common/BgCard/index.stories.js +21 -0
- package/dist/components/common/BgCard/palette.d.ts +5 -0
- package/dist/components/common/BgCard/palette.js +11 -0
- package/dist/components/common/BgCard/styles.d.ts +6 -0
- package/dist/components/common/BgCard/styles.js +21 -0
- package/dist/components/common/Calendar/docs.stories.d.ts +6 -0
- package/dist/components/common/Calendar/docs.stories.js +21 -0
- package/dist/components/common/Calendar/index.d.ts +16 -0
- package/dist/components/common/Calendar/index.js +47 -0
- package/dist/components/common/Calendar/index.stories.d.ts +7 -0
- package/dist/components/common/Calendar/index.stories.js +78 -0
- package/dist/components/common/Calendar/palette.d.ts +10 -0
- package/dist/components/common/Calendar/palette.js +18 -0
- package/dist/components/common/Calendar/styles.d.ts +12 -0
- package/dist/components/common/Calendar/styles.js +33 -0
- package/dist/components/common/Divider/index.d.ts +6 -0
- package/dist/components/common/Divider/index.js +20 -0
- package/dist/components/common/Divider/index.stories.d.ts +6 -0
- package/dist/components/common/Divider/index.stories.js +14 -0
- package/dist/components/common/Divider/palette.d.ts +5 -0
- package/dist/components/common/Divider/palette.js +11 -0
- package/dist/components/common/Divider/styles.d.ts +5 -0
- package/dist/components/common/Divider/styles.js +15 -0
- package/dist/components/common/Drawer/index.d.ts +14 -0
- package/dist/components/common/Drawer/index.js +43 -0
- package/dist/components/common/Drawer/index.stories.d.ts +7 -0
- package/dist/components/common/Drawer/index.stories.js +69 -0
- package/dist/components/common/Drawer/palette.d.ts +8 -0
- package/dist/components/common/Drawer/palette.js +21 -0
- package/dist/components/common/Drawer/styles.d.ts +57 -0
- package/dist/components/common/Drawer/styles.js +44 -0
- package/dist/components/common/Dropdown/index.d.ts +14 -0
- package/dist/components/common/Dropdown/index.js +117 -0
- package/dist/components/common/Dropdown/index.stories.d.ts +6 -0
- package/dist/components/common/Dropdown/index.stories.js +59 -0
- package/dist/components/common/Dropdown/palette.d.ts +6 -0
- package/dist/components/common/Dropdown/palette.js +14 -0
- package/dist/components/common/Dropdown/styles.d.ts +14 -0
- package/dist/components/common/Dropdown/styles.js +47 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.d.ts +17 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +62 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.d.ts +12 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js +99 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.d.ts +5 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.js +13 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts +45 -0
- package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.js +36 -0
- package/dist/components/common/Flag/components/ArmFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/ArmFlag/index.js +30 -0
- package/dist/components/common/Flag/components/ArmFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/ArmFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/AzeFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/AzeFlag/index.js +40 -0
- package/dist/components/common/Flag/components/AzeFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/AzeFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/BlrFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/BlrFlag/index.js +35 -0
- package/dist/components/common/Flag/components/BlrFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/BlrFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/ChnFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/ChnFlag/index.js +32 -0
- package/dist/components/common/Flag/components/ChnFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/ChnFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/EngFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/EngFlag/index.js +54 -0
- package/dist/components/common/Flag/components/EngFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/EngFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/EspFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/EspFlag/index.js +86 -0
- package/dist/components/common/Flag/components/EspFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/EspFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/KazFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/KazFlag/index.js +35 -0
- package/dist/components/common/Flag/components/KazFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/KazFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/KgzFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/KgzFlag/index.js +32 -0
- package/dist/components/common/Flag/components/KgzFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/KgzFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/MdaFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/MdaFlag/index.js +52 -0
- package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/MdaFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/RusFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/RusFlag/index.js +32 -0
- package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/RusFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/TjkFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/TjkFlag/index.js +37 -0
- package/dist/components/common/Flag/components/TjkFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/TjkFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/UnknownFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/UnknownFlag/index.js +26 -0
- package/dist/components/common/Flag/components/UnknownFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/UnknownFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/components/UzbFlag/index.d.ts +1 -0
- package/dist/components/common/Flag/components/UzbFlag/index.js +43 -0
- package/dist/components/common/Flag/components/UzbFlag/index.stories.d.ts +5 -0
- package/dist/components/common/Flag/components/UzbFlag/index.stories.js +14 -0
- package/dist/components/common/Flag/index.d.ts +11 -0
- package/dist/components/common/Flag/index.js +49 -0
- package/dist/components/common/Flag/index.stories.d.ts +6 -0
- package/dist/components/common/Flag/index.stories.js +22 -0
- package/dist/components/common/Flag/styles.d.ts +4 -0
- package/dist/components/common/Flag/styles.js +19 -0
- package/dist/components/common/InvoiceboxLoader/assets/loader.json +1 -0
- package/dist/components/common/InvoiceboxLoader/index.js +3 -2
- package/dist/components/common/InvoiceboxLogo/components/LogoDarkRu.d.ts +6 -0
- package/dist/components/common/InvoiceboxLogo/components/LogoDarkRu.js +51 -0
- package/dist/components/common/InvoiceboxLogo/index.d.ts +5 -0
- package/dist/components/common/InvoiceboxLogo/index.js +15 -0
- package/dist/components/common/InvoiceboxLogo/index.stories.d.ts +10 -0
- package/dist/components/common/InvoiceboxLogo/index.stories.js +18 -0
- package/dist/components/common/InvoiceboxSpinner/index.d.ts +7 -0
- package/dist/components/common/InvoiceboxSpinner/index.js +39 -0
- package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +10 -0
- package/dist/components/common/InvoiceboxSpinner/index.stories.js +18 -0
- package/dist/components/common/InvoiceboxSpinner/palette.d.ts +6 -0
- package/dist/components/common/InvoiceboxSpinner/palette.js +12 -0
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +4 -0
- package/dist/components/common/InvoiceboxSpinner/styles.js +19 -0
- package/dist/components/common/QRCode/index.d.ts +9 -0
- package/dist/components/common/QRCode/index.js +27 -0
- package/dist/components/common/QRCode/index.stories.d.ts +5 -0
- package/dist/components/common/QRCode/index.stories.js +19 -0
- package/dist/components/common/Scrollbar/index.d.ts +6 -0
- package/dist/components/common/Scrollbar/index.js +70 -0
- package/dist/components/common/Scrollbar/index.stories.d.ts +13 -0
- package/dist/components/common/Scrollbar/index.stories.js +47 -0
- package/dist/components/common/Scrollbar/palette.d.ts +5 -0
- package/dist/components/common/Scrollbar/palette.js +11 -0
- package/dist/components/common/SecondaryButton/index.d.ts +17 -0
- package/dist/components/common/SecondaryButton/index.js +54 -0
- package/dist/components/common/SecondaryButton/index.stories.d.ts +11 -0
- package/dist/components/common/SecondaryButton/index.stories.js +39 -0
- package/dist/components/common/SecondaryButton/palette.d.ts +8 -0
- package/dist/components/common/SecondaryButton/palette.js +14 -0
- package/dist/components/common/SecondaryButton/styles.d.ts +49 -0
- package/dist/components/common/SecondaryButton/styles.js +52 -0
- package/dist/components/common/Skeleton/index.d.ts +2 -0
- package/dist/components/common/Skeleton/index.js +11 -5
- package/dist/components/common/Skeleton/index.stories.d.ts +2 -2
- package/dist/components/common/Skeleton/index.stories.js +4 -2
- package/dist/components/common/Skeleton/palette.d.ts +6 -0
- package/dist/components/common/Skeleton/palette.js +12 -0
- package/dist/components/common/Skeleton/styles.d.ts +7 -3
- package/dist/components/common/Skeleton/styles.js +15 -3
- package/dist/components/common/Toast/docs.stories.d.ts +6 -0
- package/dist/components/common/Toast/docs.stories.js +21 -0
- package/dist/components/common/Toast/index.d.ts +6 -0
- package/dist/components/common/Toast/index.js +35 -0
- package/dist/components/common/Toast/index.stories.d.ts +11 -0
- package/dist/components/common/Toast/index.stories.js +29 -0
- package/dist/components/common/Toast/palette.d.ts +7 -0
- package/dist/components/common/Toast/palette.js +13 -0
- package/dist/components/common/Toast/styles.d.ts +7 -0
- package/dist/components/common/Toast/styles.js +24 -0
- package/dist/components/common/Typography/index.d.ts +25 -0
- package/dist/components/common/Typography/index.js +33 -0
- package/dist/components/common/Typography/index.stories.d.ts +11 -0
- package/dist/components/common/Typography/index.stories.js +36 -0
- package/dist/components/common/Typography/styles.d.ts +5 -0
- package/dist/components/common/Typography/styles.js +16 -0
- package/dist/components/common/Typography/typography.d.ts +21 -0
- package/dist/components/common/Typography/typography.js +29 -0
- package/dist/components/common/WarningIcon/components/Icon.d.ts +6 -0
- package/dist/components/common/WarningIcon/components/Icon.js +22 -0
- package/dist/components/common/WarningIcon/index.d.ts +7 -0
- package/dist/components/common/WarningIcon/index.js +23 -0
- package/dist/components/common/WarningIcon/index.stories.d.ts +5 -0
- package/dist/components/common/WarningIcon/index.stories.js +14 -0
- package/dist/components/common/WarningIcon/palette.d.ts +5 -0
- package/dist/components/common/WarningIcon/palette.js +11 -0
- package/dist/components/common/WarningIcon/styles.d.ts +10 -0
- package/dist/components/common/WarningIcon/styles.js +22 -0
- package/dist/components/common/_helpers/selectOptions.d.ts +4 -0
- package/dist/components/common/_helpers/selectOptions.js +43 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/index.d.ts +29 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/index.js +120 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.d.ts +8 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +63 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/styles.d.ts +6 -0
- package/dist/components/form/Autocomplete/components/Autocomplete/styles.js +28 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.d.ts +5 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js +28 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.stories.d.ts +5 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.stories.js +24 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/palette.d.ts +5 -0
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/palette.js +13 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.d.ts +11 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +48 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.stories.d.ts +6 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.stories.js +27 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/palette.d.ts +7 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/palette.js +15 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts +230 -0
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.js +52 -0
- package/dist/components/form/Autocomplete/index.d.ts +4 -0
- package/dist/components/form/Autocomplete/index.js +26 -0
- package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts +13 -0
- package/dist/components/form/CountrySelect/components/CountryItem/index.js +41 -0
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts +5 -0
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.js +36 -0
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +9 -0
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.js +31 -0
- package/dist/components/form/CountrySelect/index.d.ts +22 -0
- package/dist/components/form/CountrySelect/index.js +122 -0
- package/dist/components/form/CountrySelect/index.stories.d.ts +5 -0
- package/dist/components/form/CountrySelect/index.stories.js +57 -0
- package/dist/components/form/CountrySelect/logic.d.ts +5 -0
- package/dist/components/form/CountrySelect/logic.js +24 -0
- package/dist/components/form/CountrySelect/palette.d.ts +9 -0
- package/dist/components/form/CountrySelect/palette.js +17 -0
- package/dist/components/form/CountrySelect/stlyes.d.ts +8 -0
- package/dist/components/form/CountrySelect/stlyes.js +27 -0
- package/dist/components/form/DateInput/components/Icon/index.d.ts +1 -0
- package/dist/components/form/DateInput/components/Icon/index.js +33 -0
- package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +5 -0
- package/dist/components/form/DateInput/components/Icon/index.stories.js +14 -0
- package/dist/components/form/DateInput/docs.stories.d.ts +6 -0
- package/dist/components/form/DateInput/docs.stories.js +21 -0
- package/dist/components/form/DateInput/index.d.ts +9 -0
- package/dist/components/form/DateInput/index.js +111 -0
- package/dist/components/form/DateInput/index.stories.d.ts +6 -0
- package/dist/components/form/DateInput/index.stories.js +51 -0
- package/dist/components/form/DateInput/logic.d.ts +10 -0
- package/dist/components/form/DateInput/logic.js +70 -0
- package/dist/components/form/DateInput/palette.d.ts +5 -0
- package/dist/components/form/DateInput/palette.js +11 -0
- package/dist/components/form/DateInput/styles.d.ts +8 -0
- package/dist/components/form/DateInput/styles.js +28 -0
- package/dist/components/form/InputLabel/index.d.ts +8 -0
- package/dist/components/form/InputLabel/index.js +31 -0
- package/dist/components/form/InputLabel/index.stories.d.ts +5 -0
- package/dist/components/form/InputLabel/index.stories.js +33 -0
- package/dist/components/form/InputLabel/palette.d.ts +7 -0
- package/dist/components/form/InputLabel/palette.js +13 -0
- package/dist/components/form/InputLabel/styles.d.ts +47 -0
- package/dist/components/form/InputLabel/styles.js +36 -0
- package/dist/components/form/PhoneInput/constants.d.ts +3 -0
- package/dist/components/form/PhoneInput/constants.js +73 -0
- package/dist/components/form/PhoneInput/externalPhoneLogic.d.ts +7 -0
- package/dist/components/form/PhoneInput/externalPhoneLogic.js +37 -0
- package/dist/components/form/PhoneInput/hooks/useValidateInitialValue.d.ts +4 -0
- package/dist/components/form/PhoneInput/hooks/useValidateInitialValue.js +41 -0
- package/dist/components/form/PhoneInput/index.d.ts +24 -0
- package/dist/components/form/PhoneInput/index.js +182 -0
- package/dist/components/form/PhoneInput/index.stories.d.ts +7 -0
- package/dist/components/form/PhoneInput/index.stories.js +114 -0
- package/dist/components/form/PhoneInput/phoneInputLogic.d.ts +30 -0
- package/dist/components/form/PhoneInput/phoneInputLogic.js +139 -0
- package/dist/components/form/PhoneInput/styles.d.ts +4 -0
- package/dist/components/form/PhoneInput/styles.js +20 -0
- package/dist/components/form/PhoneInput/types.d.ts +18 -0
- package/dist/components/form/PhoneInput/types.js +9 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +6 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +21 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +4 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +22 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +9 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +24 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +4 -0
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +22 -0
- package/dist/components/form/PositiveIntegerInput/index.d.ts +10 -0
- package/dist/components/form/PositiveIntegerInput/index.js +94 -0
- package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +5 -0
- package/dist/components/form/PositiveIntegerInput/index.stories.js +49 -0
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +6 -0
- package/dist/components/form/PositiveIntegerInput/styles.js +25 -0
- package/dist/components/form/PureInput/index.d.ts +21 -0
- package/dist/components/form/PureInput/index.js +50 -0
- package/dist/components/form/PureInput/index.stories.d.ts +5 -0
- package/dist/components/form/PureInput/index.stories.js +23 -0
- package/dist/components/form/PureInput/palette.d.ts +10 -0
- package/dist/components/form/PureInput/palette.js +18 -0
- package/dist/components/form/PureInput/styles.d.ts +48 -0
- package/dist/components/form/PureInput/styles.js +40 -0
- package/dist/components/form/SearchInput/components/CrossIcon/index.d.ts +1 -0
- package/dist/components/form/SearchInput/components/CrossIcon/index.js +23 -0
- package/dist/components/form/SearchInput/components/CrossIcon/index.stories.d.ts +5 -0
- package/dist/components/form/SearchInput/components/CrossIcon/index.stories.js +14 -0
- package/dist/components/form/SearchInput/components/SearchIcon/index.d.ts +1 -0
- package/dist/components/form/SearchInput/components/SearchIcon/index.js +24 -0
- package/dist/components/form/SearchInput/components/SearchIcon/index.stories.d.ts +5 -0
- package/dist/components/form/SearchInput/components/SearchIcon/index.stories.js +14 -0
- package/dist/components/form/SearchInput/index.d.ts +10 -0
- package/dist/components/form/SearchInput/index.js +61 -0
- package/dist/components/form/SearchInput/index.stories.d.ts +5 -0
- package/dist/components/form/SearchInput/index.stories.js +41 -0
- package/dist/components/form/SearchInput/palette.d.ts +5 -0
- package/dist/components/form/SearchInput/palette.js +11 -0
- package/dist/components/form/SearchInput/styles.d.ts +7 -0
- package/dist/components/form/SearchInput/styles.js +25 -0
- package/dist/components/form/Select/components/Input/index.d.ts +6 -0
- package/dist/components/form/Select/components/Input/index.js +42 -0
- package/dist/components/form/Select/components/Input/index.stories.d.ts +5 -0
- package/dist/components/form/Select/components/Input/index.stories.js +27 -0
- package/dist/components/form/Select/components/Input/styles.d.ts +3 -0
- package/dist/components/form/Select/components/Input/styles.js +16 -0
- package/dist/components/form/Select/hooks/useOptionGroups.d.ts +5 -0
- package/dist/components/form/Select/hooks/useOptionGroups.js +33 -0
- package/dist/components/form/Select/index.d.ts +17 -0
- package/dist/components/form/Select/index.js +138 -0
- package/dist/components/form/Select/index.stories.d.ts +5 -0
- package/dist/components/form/Select/index.stories.js +96 -0
- package/dist/components/form/Select/palette.d.ts +5 -0
- package/dist/components/form/Select/palette.js +13 -0
- package/dist/components/form/Select/styles.d.ts +82 -0
- package/dist/components/form/Select/styles.js +37 -0
- package/dist/components/form/TextInput/index.d.ts +12 -0
- package/dist/components/form/TextInput/index.js +61 -0
- package/dist/components/form/TextInput/index.stories.d.ts +5 -0
- package/dist/components/form/TextInput/index.stories.js +50 -0
- package/dist/components/form/TextInput/styles.d.ts +3 -0
- package/dist/components/form/TextInput/styles.js +16 -0
- package/dist/components/form/constants.d.ts +5 -0
- package/dist/components/form/constants.js +16 -0
- package/dist/components/payment/PaymentCard/components/DefaultLogo.d.ts +1 -0
- package/dist/components/payment/PaymentCard/components/DefaultLogo.js +28 -0
- package/dist/components/payment/PaymentCard/components/SelectedRadioIcon.d.ts +7 -0
- package/dist/components/payment/PaymentCard/components/SelectedRadioIcon.js +28 -0
- package/dist/components/payment/PaymentCard/components/UnselectedRadioIcon.d.ts +6 -0
- package/dist/components/payment/PaymentCard/components/UnselectedRadioIcon.js +24 -0
- package/dist/components/payment/PaymentCard/index.d.ts +12 -0
- package/dist/components/payment/PaymentCard/index.js +50 -0
- package/dist/components/payment/PaymentCard/index.stories.d.ts +9 -0
- package/dist/components/payment/PaymentCard/index.stories.js +61 -0
- package/dist/components/payment/PaymentCard/palette.d.ts +14 -0
- package/dist/components/payment/PaymentCard/palette.js +22 -0
- package/dist/components/payment/PaymentCard/styles.d.ts +95 -0
- package/dist/components/payment/PaymentCard/styles.js +67 -0
- package/dist/hooks/useCss/index.d.ts +6 -0
- package/dist/hooks/useCss/index.js +31 -0
- package/dist/hooks/useCss/index.stories.d.ts +4 -0
- package/dist/hooks/useCss/index.stories.js +41 -0
- package/dist/hooks/useInputFocus/index.d.ts +11 -0
- package/dist/hooks/useInputFocus/index.js +37 -0
- package/dist/hooks/useInputFocus/index.stories.d.ts +4 -0
- package/dist/hooks/useInputFocus/index.stories.js +31 -0
- package/dist/hooks/useMedia/index.d.ts +4 -0
- package/dist/hooks/useMedia/index.js +28 -0
- package/dist/hooks/useMedia/index.stories.d.ts +4 -0
- package/dist/hooks/useMedia/index.stories.js +25 -0
- package/dist/hooks/useOutsideClick/index.d.ts +2 -0
- package/dist/hooks/useOutsideClick/index.js +22 -0
- package/dist/hooks/useOutsideClick/index.stories.d.ts +4 -0
- package/dist/hooks/useOutsideClick/index.stories.js +29 -0
- package/dist/hooks/useUnupdatableHandler/index.d.ts +1 -0
- package/dist/hooks/useUnupdatableHandler/index.js +16 -0
- package/dist/hooks/useUnupdatableHandler/index.stories.d.ts +4 -0
- package/dist/hooks/useUnupdatableHandler/index.stories.js +48 -0
- package/dist/index.d.ts +51 -0
- package/dist/index.js +294 -1
- package/dist/palette/colors.stories.d.ts +4 -0
- package/dist/palette/colors.stories.js +43 -0
- package/dist/palette/constants.d.ts +2 -0
- package/dist/palette/constants.js +18 -0
- package/dist/palette/context.d.ts +49 -0
- package/dist/palette/context.js +54 -0
- package/dist/palette/index.d.ts +4 -0
- package/dist/palette/index.js +26 -0
- package/dist/palette/index.stories.d.ts +4 -0
- package/dist/palette/index.stories.js +85 -0
- package/dist/palette/provider.d.ts +10 -0
- package/dist/palette/provider.js +79 -0
- package/dist/palette/types.d.ts +12 -0
- package/dist/palette/types.js +1 -0
- package/dist/palette/useComponentPalette.d.ts +2 -0
- package/dist/palette/useComponentPalette.js +22 -0
- package/dist/palette/usePalette.d.ts +24 -0
- package/dist/palette/usePalette.js +11 -0
- package/dist/utils/transformColorByHsl.d.ts +7 -0
- package/dist/utils/transformColorByHsl.js +18 -0
- package/package.json +19 -8
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const OrganizationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const OrganizationName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
|
|
4
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
5
|
+
} & {
|
|
6
|
+
element?: "div" | undefined;
|
|
7
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
9
|
+
}) | (Omit<{
|
|
10
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
11
|
+
} & {
|
|
12
|
+
element: "p";
|
|
13
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
14
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
15
|
+
}) | (Omit<{
|
|
16
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
17
|
+
} & {
|
|
18
|
+
element: "span";
|
|
19
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
20
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
21
|
+
}) | (Omit<{
|
|
22
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
23
|
+
} & {
|
|
24
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
25
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
26
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
27
|
+
}) | (Omit<{
|
|
28
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
29
|
+
} & {
|
|
30
|
+
element: "button";
|
|
31
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
32
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
33
|
+
}) | (Omit<{
|
|
34
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
35
|
+
} & {
|
|
36
|
+
element: "input";
|
|
37
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
38
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
39
|
+
}), (Omit<{
|
|
40
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
41
|
+
} & {
|
|
42
|
+
element?: "div" | undefined;
|
|
43
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
44
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
45
|
+
}) | (Omit<{
|
|
46
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
47
|
+
} & {
|
|
48
|
+
element: "p";
|
|
49
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
50
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
51
|
+
}) | (Omit<{
|
|
52
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
53
|
+
} & {
|
|
54
|
+
element: "span";
|
|
55
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
56
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
57
|
+
}) | (Omit<{
|
|
58
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
59
|
+
} & {
|
|
60
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
61
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
62
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
63
|
+
}) | (Omit<{
|
|
64
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
65
|
+
} & {
|
|
66
|
+
element: "button";
|
|
67
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
68
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
69
|
+
}) | (Omit<{
|
|
70
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
71
|
+
} & {
|
|
72
|
+
element: "input";
|
|
73
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
74
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
75
|
+
})>, import("styled-components/dist/types").BaseObject>, {
|
|
76
|
+
$color: string;
|
|
77
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
78
|
+
export declare const OrganizationDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
|
|
79
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
80
|
+
} & {
|
|
81
|
+
element?: "div" | undefined;
|
|
82
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
83
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
84
|
+
}) | (Omit<{
|
|
85
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
86
|
+
} & {
|
|
87
|
+
element: "p";
|
|
88
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
89
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
90
|
+
}) | (Omit<{
|
|
91
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
92
|
+
} & {
|
|
93
|
+
element: "span";
|
|
94
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
95
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
96
|
+
}) | (Omit<{
|
|
97
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
98
|
+
} & {
|
|
99
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
100
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
101
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
102
|
+
}) | (Omit<{
|
|
103
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
104
|
+
} & {
|
|
105
|
+
element: "button";
|
|
106
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
107
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
108
|
+
}) | (Omit<{
|
|
109
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
110
|
+
} & {
|
|
111
|
+
element: "input";
|
|
112
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
113
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
114
|
+
}), (Omit<{
|
|
115
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
116
|
+
} & {
|
|
117
|
+
element?: "div" | undefined;
|
|
118
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
119
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
120
|
+
}) | (Omit<{
|
|
121
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
122
|
+
} & {
|
|
123
|
+
element: "p";
|
|
124
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
125
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
126
|
+
}) | (Omit<{
|
|
127
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
128
|
+
} & {
|
|
129
|
+
element: "span";
|
|
130
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
131
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
132
|
+
}) | (Omit<{
|
|
133
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
134
|
+
} & {
|
|
135
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
136
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
137
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
138
|
+
}) | (Omit<{
|
|
139
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
140
|
+
} & {
|
|
141
|
+
element: "button";
|
|
142
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
143
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
144
|
+
}) | (Omit<{
|
|
145
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
146
|
+
} & {
|
|
147
|
+
element: "input";
|
|
148
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
149
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
150
|
+
})>, import("styled-components/dist/types").BaseObject>, {
|
|
151
|
+
$color: string;
|
|
152
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
153
|
+
export declare const OrganizationLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
|
|
154
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
155
|
+
} & {
|
|
156
|
+
element?: "div" | undefined;
|
|
157
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
158
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
159
|
+
}) | (Omit<{
|
|
160
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
161
|
+
} & {
|
|
162
|
+
element: "p";
|
|
163
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
164
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
165
|
+
}) | (Omit<{
|
|
166
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
167
|
+
} & {
|
|
168
|
+
element: "span";
|
|
169
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
170
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
171
|
+
}) | (Omit<{
|
|
172
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
173
|
+
} & {
|
|
174
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
175
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
176
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
177
|
+
}) | (Omit<{
|
|
178
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
179
|
+
} & {
|
|
180
|
+
element: "button";
|
|
181
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
182
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
183
|
+
}) | (Omit<{
|
|
184
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
185
|
+
} & {
|
|
186
|
+
element: "input";
|
|
187
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
188
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
189
|
+
}), (Omit<{
|
|
190
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
191
|
+
} & {
|
|
192
|
+
element?: "div" | undefined;
|
|
193
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
194
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
195
|
+
}) | (Omit<{
|
|
196
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
197
|
+
} & {
|
|
198
|
+
element: "p";
|
|
199
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
200
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
201
|
+
}) | (Omit<{
|
|
202
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
203
|
+
} & {
|
|
204
|
+
element: "span";
|
|
205
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
206
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
207
|
+
}) | (Omit<{
|
|
208
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
209
|
+
} & {
|
|
210
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
211
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
212
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
213
|
+
}) | (Omit<{
|
|
214
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
215
|
+
} & {
|
|
216
|
+
element: "button";
|
|
217
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
218
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
219
|
+
}) | (Omit<{
|
|
220
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
221
|
+
} & {
|
|
222
|
+
element: "input";
|
|
223
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
224
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
225
|
+
})>, import("styled-components/dist/types").BaseObject>, {
|
|
226
|
+
$color: string;
|
|
227
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
228
|
+
export declare const OrganizationVatNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
229
|
+
export declare const OrganizationProperties: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
230
|
+
export declare const Feature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.OrganizationWrapper = exports.OrganizationVatNumber = exports.OrganizationProperties = exports.OrganizationName = exports.OrganizationLabel = exports.OrganizationDescription = exports.Feature = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
var _Typography = require("../../../../common/Typography");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
var OrganizationWrapper = exports.OrganizationWrapper = _styledComponents["default"].div.withConfig({
|
|
11
|
+
displayName: "styles__OrganizationWrapper",
|
|
12
|
+
componentId: "sc-1pujz54-0"
|
|
13
|
+
})(["display:flex;align-items:start;flex-direction:column;gap:4px;"]);
|
|
14
|
+
var OrganizationName = exports.OrganizationName = (0, _styledComponents["default"])(_Typography.Typography).attrs({
|
|
15
|
+
element: 'span'
|
|
16
|
+
}).withConfig({
|
|
17
|
+
displayName: "styles__OrganizationName",
|
|
18
|
+
componentId: "sc-1pujz54-1"
|
|
19
|
+
})(["color:", ";"], function (_ref) {
|
|
20
|
+
var $color = _ref.$color;
|
|
21
|
+
return $color;
|
|
22
|
+
});
|
|
23
|
+
var OrganizationDescription = exports.OrganizationDescription = (0, _styledComponents["default"])(_Typography.Typography).attrs({
|
|
24
|
+
element: 'span'
|
|
25
|
+
}).withConfig({
|
|
26
|
+
displayName: "styles__OrganizationDescription",
|
|
27
|
+
componentId: "sc-1pujz54-2"
|
|
28
|
+
})(["color:", ";"], function (_ref2) {
|
|
29
|
+
var $color = _ref2.$color;
|
|
30
|
+
return $color;
|
|
31
|
+
});
|
|
32
|
+
var OrganizationLabel = exports.OrganizationLabel = (0, _styledComponents["default"])(_Typography.Typography).attrs({
|
|
33
|
+
element: 'span'
|
|
34
|
+
}).withConfig({
|
|
35
|
+
displayName: "styles__OrganizationLabel",
|
|
36
|
+
componentId: "sc-1pujz54-3"
|
|
37
|
+
})(["color:", ";"], function (_ref3) {
|
|
38
|
+
var $color = _ref3.$color;
|
|
39
|
+
return $color;
|
|
40
|
+
});
|
|
41
|
+
var OrganizationVatNumber = exports.OrganizationVatNumber = _styledComponents["default"].span.withConfig({
|
|
42
|
+
displayName: "styles__OrganizationVatNumber",
|
|
43
|
+
componentId: "sc-1pujz54-4"
|
|
44
|
+
})(["margin-right:20px;"]);
|
|
45
|
+
var OrganizationProperties = exports.OrganizationProperties = _styledComponents["default"].div.withConfig({
|
|
46
|
+
displayName: "styles__OrganizationProperties",
|
|
47
|
+
componentId: "sc-1pujz54-5"
|
|
48
|
+
})(["display:flex;align-items:center;gap:10px;margin-top:3px;"]);
|
|
49
|
+
var Feature = exports.Feature = _styledComponents["default"].div.withConfig({
|
|
50
|
+
displayName: "styles__Feature",
|
|
51
|
+
componentId: "sc-1pujz54-6"
|
|
52
|
+
})(["display:contents;"]);
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Autocomplete } from './components/Autocomplete';
|
|
2
|
+
export type { TProps } from './components/Autocomplete';
|
|
3
|
+
export { AutocompleteDefaultOption } from './components/AutocompleteDefaultOption';
|
|
4
|
+
export { OrganizationAutocompleteItem } from './components/OrganizationAutocompleteItem';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Autocomplete", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Autocomplete.Autocomplete;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AutocompleteDefaultOption", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _AutocompleteDefaultOption.AutocompleteDefaultOption;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "OrganizationAutocompleteItem", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _OrganizationAutocompleteItem.OrganizationAutocompleteItem;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _Autocomplete = require("./components/Autocomplete");
|
|
25
|
+
var _AutocompleteDefaultOption = require("./components/AutocompleteDefaultOption");
|
|
26
|
+
var _OrganizationAutocompleteItem = require("./components/OrganizationAutocompleteItem");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TFlagKey } from '../../../../common/Flag';
|
|
2
|
+
import { TCountrySelectPalette } from '../../palette';
|
|
3
|
+
export type TProps<TValue> = {
|
|
4
|
+
countryLabel: string;
|
|
5
|
+
onSelect: (value: TValue) => void;
|
|
6
|
+
value: TValue;
|
|
7
|
+
isSelected: boolean;
|
|
8
|
+
description: string;
|
|
9
|
+
selectedLabel: string;
|
|
10
|
+
palette: TCountrySelectPalette;
|
|
11
|
+
flag?: TFlagKey;
|
|
12
|
+
};
|
|
13
|
+
export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.CountryItem = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var S = _interopRequireWildcard(require("./stlyes"));
|
|
10
|
+
var _Flag = require("../../../../common/Flag");
|
|
11
|
+
var _Typography = require("../../../../common/Typography");
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
|
+
var CountryItem = exports.CountryItem = function CountryItem(_ref) {
|
|
15
|
+
var isSelected = _ref.isSelected,
|
|
16
|
+
flag = _ref.flag,
|
|
17
|
+
onSelect = _ref.onSelect,
|
|
18
|
+
description = _ref.description,
|
|
19
|
+
value = _ref.value,
|
|
20
|
+
countryLabel = _ref.countryLabel,
|
|
21
|
+
selectedLabel = _ref.selectedLabel,
|
|
22
|
+
palette = _ref.palette;
|
|
23
|
+
var handleSelect = (0, _react.useCallback)(function () {
|
|
24
|
+
return onSelect(value);
|
|
25
|
+
}, [onSelect, value]);
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
|
|
27
|
+
$palette: palette,
|
|
28
|
+
onClick: handleSelect,
|
|
29
|
+
type: "button"
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(S.Title, {
|
|
31
|
+
$isSelected: isSelected,
|
|
32
|
+
$palette: palette
|
|
33
|
+
}, flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
|
|
34
|
+
flag: flag,
|
|
35
|
+
isSmall: true
|
|
36
|
+
}), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
37
|
+
variant: 'captionRegular'
|
|
38
|
+
}, countryLabel, " ", isSelected && selectedLabel)), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
39
|
+
variant: 'captionRegular'
|
|
40
|
+
}, description));
|
|
41
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ = require(".");
|
|
9
|
+
var _palette = require("../../../../../palette");
|
|
10
|
+
var _addonActions = require("@storybook/addon-actions");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
var meta = {
|
|
14
|
+
title: 'form/CountrySelect/_components/CountryItem',
|
|
15
|
+
component: _.CountryItem,
|
|
16
|
+
tags: ['autodocs']
|
|
17
|
+
};
|
|
18
|
+
var _default = exports["default"] = meta;
|
|
19
|
+
var Component = function Component(props) {
|
|
20
|
+
var palette = (0, _palette.useComponentPalette)('countrySelect');
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_.CountryItem, _extends({}, props, {
|
|
22
|
+
palette: palette
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
var Default = exports.Default = {
|
|
26
|
+
args: {
|
|
27
|
+
isSelected: false,
|
|
28
|
+
description: 'ИНН',
|
|
29
|
+
value: 'RUS',
|
|
30
|
+
countryLabel: 'Russia',
|
|
31
|
+
flag: 'RUS',
|
|
32
|
+
selectedLabel: '(Выбрано)',
|
|
33
|
+
onSelect: (0, _addonActions.action)('onSelect')
|
|
34
|
+
},
|
|
35
|
+
render: Component
|
|
36
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TCountrySelectPalette } from '../../palette';
|
|
3
|
+
export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$isSelected: boolean;
|
|
5
|
+
$palette: TCountrySelectPalette;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
8
|
+
$palette: TCountrySelectPalette;
|
|
9
|
+
}>> & string;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Wrapper = exports.Title = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
+
var Title = exports.Title = _styledComponents["default"].div.withConfig({
|
|
10
|
+
displayName: "stlyes__Title",
|
|
11
|
+
componentId: "sc-cou0vg-0"
|
|
12
|
+
})(["display:flex;align-items:center;gap:10px;color:", ";opacity:", ";"], function (_ref) {
|
|
13
|
+
var $palette = _ref.$palette;
|
|
14
|
+
return $palette.title;
|
|
15
|
+
}, function (_ref2) {
|
|
16
|
+
var $isSelected = _ref2.$isSelected;
|
|
17
|
+
return $isSelected ? 0.5 : 1;
|
|
18
|
+
});
|
|
19
|
+
var Wrapper = exports.Wrapper = _styledComponents["default"].button.withConfig({
|
|
20
|
+
displayName: "stlyes__Wrapper",
|
|
21
|
+
componentId: "sc-cou0vg-1"
|
|
22
|
+
})(["padding:15px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;cursor:pointer;background-color:", ";color:", ";&:hover{background-color:", ";", "{opacity:0.5;}}"], function (_ref3) {
|
|
23
|
+
var $palette = _ref3.$palette;
|
|
24
|
+
return $palette.countryBg;
|
|
25
|
+
}, function (_ref4) {
|
|
26
|
+
var $palette = _ref4.$palette;
|
|
27
|
+
return $palette.countryDescription;
|
|
28
|
+
}, function (_ref5) {
|
|
29
|
+
var $palette = _ref5.$palette;
|
|
30
|
+
return $palette.countryHoverBg;
|
|
31
|
+
}, Title);
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TProps as TCountryItemProps } from './components/CountryItem';
|
|
3
|
+
import { TProps as TSearchInputProps } from '../SearchInput';
|
|
4
|
+
import { TFlagKey } from '../../common/Flag';
|
|
5
|
+
import { TDropdownProps } from '../../../index';
|
|
6
|
+
type TOption = {
|
|
7
|
+
value: string;
|
|
8
|
+
label: string;
|
|
9
|
+
description: string;
|
|
10
|
+
flag?: TFlagKey;
|
|
11
|
+
};
|
|
12
|
+
type TFieldProps = {
|
|
13
|
+
value: TOption['value'];
|
|
14
|
+
onChange: (value: TOption['value']) => void;
|
|
15
|
+
};
|
|
16
|
+
type TControlProps<T> = Pick<TSearchInputProps, 'placeholder'> & Pick<TCountryItemProps<T>, 'selectedLabel'> & {
|
|
17
|
+
options: TOption[];
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
} & Pick<TDropdownProps, 'positionVertical' | 'positionLeft' | 'positionRight' | 'minWidth'>;
|
|
20
|
+
export type TProps = TFieldProps & TControlProps<string>;
|
|
21
|
+
export declare const CountrySelect: FC<TProps>;
|
|
22
|
+
export {};
|