@mailstep/design-system 0.1.26 → 0.2.0-beta.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/package.json +7 -14
- package/ui/2b1ddee3e1b3cc7f.png +0 -0
- package/ui/Blocks/CornerDialog/CornerDialog.js +0 -23
- package/ui/Blocks/CornerDialog/CornerDialog.js.map +0 -1
- package/ui/Blocks/CornerDialog/index.d.ts +0 -6
- package/ui/Blocks/CornerDialog/index.js +0 -6
- package/ui/Blocks/CornerDialog/index.js.map +0 -1
- package/ui/Blocks/CornerDialog/styles.js +0 -22
- package/ui/Blocks/CornerDialog/styles.js.map +0 -1
- package/ui/Blocks/CornerDialog/types.d.ts +0 -14
- package/ui/Blocks/CornerDialog/utils.js +0 -15
- package/ui/Blocks/CornerDialog/utils.js.map +0 -1
- package/ui/Blocks/ImageList/ImageList.js +0 -24
- package/ui/Blocks/ImageList/ImageList.js.map +0 -1
- package/ui/Blocks/ImageList/components/AddPhoto/index.js +0 -37
- package/ui/Blocks/ImageList/components/AddPhoto/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/AddPhoto/styles.js +0 -12
- package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/CloseButton/index.js +0 -12
- package/ui/Blocks/ImageList/components/CloseButton/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/CloseButton/styles.js +0 -11
- package/ui/Blocks/ImageList/components/CloseButton/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageElement/index.js +0 -15
- package/ui/Blocks/ImageList/components/ImageElement/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageElement/styles.js +0 -9
- package/ui/Blocks/ImageList/components/ImageElement/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageTag/index.js +0 -13
- package/ui/Blocks/ImageList/components/ImageTag/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageTag/styles.js +0 -8
- package/ui/Blocks/ImageList/components/ImageTag/styles.js.map +0 -1
- package/ui/Blocks/ImageList/index.d.ts +0 -7
- package/ui/Blocks/ImageList/index.js +0 -6
- package/ui/Blocks/ImageList/index.js.map +0 -1
- package/ui/Blocks/ImageList/styles.js +0 -8
- package/ui/Blocks/ImageList/styles.js.map +0 -1
- package/ui/Blocks/ImageList/types.d.ts +0 -17
- package/ui/Blocks/LightBox/LightBox.js +0 -19
- package/ui/Blocks/LightBox/LightBox.js.map +0 -1
- package/ui/Blocks/LightBox/hooks/useLightBox.js +0 -22
- package/ui/Blocks/LightBox/hooks/useLightBox.js.map +0 -1
- package/ui/Blocks/LightBox/index.d.ts +0 -8
- package/ui/Blocks/LightBox/index.js +0 -8
- package/ui/Blocks/LightBox/index.js.map +0 -1
- package/ui/Blocks/LightBox/styles.js +0 -10
- package/ui/Blocks/LightBox/styles.js.map +0 -1
- package/ui/Blocks/LightBox/types.d.ts +0 -26
- package/ui/Blocks/Modal/Modal.js +0 -40
- package/ui/Blocks/Modal/Modal.js.map +0 -1
- package/ui/Blocks/Modal/hooks/useClickOutside.js +0 -34
- package/ui/Blocks/Modal/hooks/useClickOutside.js.map +0 -1
- package/ui/Blocks/Modal/hooks/useModal.js +0 -19
- package/ui/Blocks/Modal/hooks/useModal.js.map +0 -1
- package/ui/Blocks/Modal/index.d.ts +0 -8
- package/ui/Blocks/Modal/index.js +0 -7
- package/ui/Blocks/Modal/index.js.map +0 -1
- package/ui/Blocks/Modal/styles.js +0 -47
- package/ui/Blocks/Modal/styles.js.map +0 -1
- package/ui/Blocks/Modal/types.d.ts +0 -48
- package/ui/Blocks/Modal/utils.js +0 -14
- package/ui/Blocks/Modal/utils.js.map +0 -1
- package/ui/Blocks/Tabs/TabContent.js +0 -7
- package/ui/Blocks/Tabs/TabContent.js.map +0 -1
- package/ui/Blocks/Tabs/Tabs.js +0 -24
- package/ui/Blocks/Tabs/Tabs.js.map +0 -1
- package/ui/Blocks/Tabs/hooks/useTabs.js +0 -14
- package/ui/Blocks/Tabs/hooks/useTabs.js.map +0 -1
- package/ui/Blocks/Tabs/index.d.ts +0 -9
- package/ui/Blocks/Tabs/index.js +0 -7
- package/ui/Blocks/Tabs/index.js.map +0 -1
- package/ui/Blocks/Tabs/styles.js +0 -19
- package/ui/Blocks/Tabs/styles.js.map +0 -1
- package/ui/Blocks/Tabs/types.d.ts +0 -25
- package/ui/Elements/Alert/Alert.js +0 -35
- package/ui/Elements/Alert/Alert.js.map +0 -1
- package/ui/Elements/Alert/index.d.ts +0 -6
- package/ui/Elements/Alert/index.js +0 -6
- package/ui/Elements/Alert/index.js.map +0 -1
- package/ui/Elements/Alert/styles.js +0 -33
- package/ui/Elements/Alert/styles.js.map +0 -1
- package/ui/Elements/Alert/types.d.ts +0 -19
- package/ui/Elements/Avatar/Avatar.js +0 -16
- package/ui/Elements/Avatar/Avatar.js.map +0 -1
- package/ui/Elements/Avatar/index.d.ts +0 -5
- package/ui/Elements/Avatar/index.js +0 -6
- package/ui/Elements/Avatar/index.js.map +0 -1
- package/ui/Elements/Avatar/types.d.ts +0 -10
- package/ui/Elements/Badge/Badge.d.ts +0 -11
- package/ui/Elements/Badge/Badge.js +0 -39
- package/ui/Elements/Badge/Badge.js.map +0 -1
- package/ui/Elements/Badge/index.d.ts +0 -5
- package/ui/Elements/Badge/index.js +0 -6
- package/ui/Elements/Badge/index.js.map +0 -1
- package/ui/Elements/BorderedBox/BorderedBox.js +0 -13
- package/ui/Elements/BorderedBox/BorderedBox.js.map +0 -1
- package/ui/Elements/BorderedBox/index.d.ts +0 -5
- package/ui/Elements/BorderedBox/index.js +0 -6
- package/ui/Elements/BorderedBox/index.js.map +0 -1
- package/ui/Elements/BorderedBox/types.d.ts +0 -7
- package/ui/Elements/Button/Button.js +0 -12
- package/ui/Elements/Button/Button.js.map +0 -1
- package/ui/Elements/Button/index.d.ts +0 -6
- package/ui/Elements/Button/index.js +0 -6
- package/ui/Elements/Button/index.js.map +0 -1
- package/ui/Elements/Button/styles.js +0 -49
- package/ui/Elements/Button/styles.js.map +0 -1
- package/ui/Elements/Button/types.d.ts +0 -23
- package/ui/Elements/Card/Card.js +0 -26
- package/ui/Elements/Card/Card.js.map +0 -1
- package/ui/Elements/Card/index.d.ts +0 -5
- package/ui/Elements/Card/index.js +0 -7
- package/ui/Elements/Card/index.js.map +0 -1
- package/ui/Elements/Card/styles.d.ts +0 -12
- package/ui/Elements/Card/styles.js +0 -34
- package/ui/Elements/Card/styles.js.map +0 -1
- package/ui/Elements/Card/types.d.ts +0 -10
- package/ui/Elements/Dropdown/Dropdown.d.ts +0 -5
- package/ui/Elements/Dropdown/Dropdown.js +0 -27
- package/ui/Elements/Dropdown/Dropdown.js.map +0 -1
- package/ui/Elements/Dropdown/index.d.ts +0 -5
- package/ui/Elements/Dropdown/index.js +0 -6
- package/ui/Elements/Dropdown/index.js.map +0 -1
- package/ui/Elements/Dropdown/types.d.ts +0 -13
- package/ui/Elements/ErrorMessage/ErrorMessage.js +0 -16
- package/ui/Elements/ErrorMessage/ErrorMessage.js.map +0 -1
- package/ui/Elements/ErrorMessage/index.d.ts +0 -5
- package/ui/Elements/ErrorMessage/index.js +0 -6
- package/ui/Elements/ErrorMessage/index.js.map +0 -1
- package/ui/Elements/ErrorMessage/types.d.ts +0 -8
- package/ui/Elements/Icon/Icon.js +0 -244
- package/ui/Elements/Icon/Icon.js.map +0 -1
- package/ui/Elements/Icon/icons/AddPhoto.js +0 -7
- package/ui/Elements/Icon/icons/AddPhoto.js.map +0 -1
- package/ui/Elements/Icon/icons/BarcodeScan.js +0 -7
- package/ui/Elements/Icon/icons/BarcodeScan.js.map +0 -1
- package/ui/Elements/Icon/icons/Box.js +0 -7
- package/ui/Elements/Icon/icons/Box.js.map +0 -1
- package/ui/Elements/Icon/icons/Complaint.js +0 -7
- package/ui/Elements/Icon/icons/Complaint.js.map +0 -1
- package/ui/Elements/Icon/icons/Expeditions.js +0 -7
- package/ui/Elements/Icon/icons/Expeditions.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagCZ.js +0 -7
- package/ui/Elements/Icon/icons/FlagCZ.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagEL.js +0 -7
- package/ui/Elements/Icon/icons/FlagEL.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagESP.js +0 -7
- package/ui/Elements/Icon/icons/FlagESP.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagITA.js +0 -7
- package/ui/Elements/Icon/icons/FlagITA.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagRUS.js +0 -7
- package/ui/Elements/Icon/icons/FlagRUS.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagSVK.js +0 -7
- package/ui/Elements/Icon/icons/FlagSVK.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagUSA.js +0 -7
- package/ui/Elements/Icon/icons/FlagUSA.js.map +0 -1
- package/ui/Elements/Icon/icons/HamburgerMenu.js +0 -7
- package/ui/Elements/Icon/icons/HamburgerMenu.js.map +0 -1
- package/ui/Elements/Icon/icons/HelpCircle1.js +0 -7
- package/ui/Elements/Icon/icons/HelpCircle1.js.map +0 -1
- package/ui/Elements/Icon/icons/ImagePlaceholder.js +0 -7
- package/ui/Elements/Icon/icons/ImagePlaceholder.js.map +0 -1
- package/ui/Elements/Icon/icons/Income.js +0 -7
- package/ui/Elements/Icon/icons/Income.js.map +0 -1
- package/ui/Elements/Icon/icons/Inventory.js +0 -7
- package/ui/Elements/Icon/icons/Inventory.js.map +0 -1
- package/ui/Elements/Icon/icons/Inventory2.js +0 -7
- package/ui/Elements/Icon/icons/Inventory2.js.map +0 -1
- package/ui/Elements/Icon/icons/Logout1.js +0 -7
- package/ui/Elements/Icon/icons/Logout1.js.map +0 -1
- package/ui/Elements/Icon/icons/MenuItems.js +0 -7
- package/ui/Elements/Icon/icons/MenuItems.js.map +0 -1
- package/ui/Elements/Icon/icons/MobileCancel.js +0 -7
- package/ui/Elements/Icon/icons/MobileCancel.js.map +0 -1
- package/ui/Elements/Icon/icons/Notification2.js +0 -7
- package/ui/Elements/Icon/icons/Notification2.js.map +0 -1
- package/ui/Elements/Icon/icons/OpenBox.js +0 -7
- package/ui/Elements/Icon/icons/OpenBox.js.map +0 -1
- package/ui/Elements/Icon/icons/Plus1.js +0 -7
- package/ui/Elements/Icon/icons/Plus1.js.map +0 -1
- package/ui/Elements/Icon/icons/Product.js +0 -7
- package/ui/Elements/Icon/icons/Product.js.map +0 -1
- package/ui/Elements/Icon/icons/Products.js +0 -7
- package/ui/Elements/Icon/icons/Products.js.map +0 -1
- package/ui/Elements/Icon/icons/Profile.js +0 -7
- package/ui/Elements/Icon/icons/Profile.js.map +0 -1
- package/ui/Elements/Icon/icons/Puzzle1.js +0 -7
- package/ui/Elements/Icon/icons/Puzzle1.js.map +0 -1
- package/ui/Elements/Icon/icons/Rack.js +0 -7
- package/ui/Elements/Icon/icons/Rack.js.map +0 -1
- package/ui/Elements/Icon/icons/Return.js +0 -7
- package/ui/Elements/Icon/icons/Return.js.map +0 -1
- package/ui/Elements/Icon/icons/Settings2.js +0 -7
- package/ui/Elements/Icon/icons/Settings2.js.map +0 -1
- package/ui/Elements/Icon/icons/Transfer.js +0 -7
- package/ui/Elements/Icon/icons/Transfer.js.map +0 -1
- package/ui/Elements/Icon/index.d.ts +0 -38
- package/ui/Elements/Icon/index.js +0 -9
- package/ui/Elements/Icon/index.js.map +0 -1
- package/ui/Elements/Icon/types.d.ts +0 -26
- package/ui/Elements/Image/Image.d.ts +0 -5
- package/ui/Elements/Image/Image.js +0 -19
- package/ui/Elements/Image/Image.js.map +0 -1
- package/ui/Elements/Image/index.d.ts +0 -5
- package/ui/Elements/Image/index.js +0 -6
- package/ui/Elements/Image/index.js.map +0 -1
- package/ui/Elements/Image/types.d.ts +0 -19
- package/ui/Elements/Label/Label.d.ts +0 -11
- package/ui/Elements/Label/Label.js +0 -17
- package/ui/Elements/Label/Label.js.map +0 -1
- package/ui/Elements/Label/index.d.ts +0 -6
- package/ui/Elements/Label/index.js +0 -7
- package/ui/Elements/Label/index.js.map +0 -1
- package/ui/Elements/Line/Line.js +0 -25
- package/ui/Elements/Line/Line.js.map +0 -1
- package/ui/Elements/Line/index.d.ts +0 -3
- package/ui/Elements/Line/index.js +0 -6
- package/ui/Elements/Line/index.js.map +0 -1
- package/ui/Elements/Line/types.d.ts +0 -13
- package/ui/Elements/Link/Link.d.ts +0 -31
- package/ui/Elements/Link/Link.js +0 -45
- package/ui/Elements/Link/Link.js.map +0 -1
- package/ui/Elements/Link/index.d.ts +0 -5
- package/ui/Elements/Link/index.js +0 -6
- package/ui/Elements/Link/index.js.map +0 -1
- package/ui/Elements/Logo/Logo.js +0 -62
- package/ui/Elements/Logo/Logo.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +0 -6
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +0 -1
- package/ui/Elements/Logo/index.d.ts +0 -5
- package/ui/Elements/Logo/index.js +0 -6
- package/ui/Elements/Logo/index.js.map +0 -1
- package/ui/Elements/Logo/types.d.ts +0 -12
- package/ui/Elements/Pagination/Pagination.d.ts +0 -8
- package/ui/Elements/Pagination/Pagination.js +0 -38
- package/ui/Elements/Pagination/Pagination.js.map +0 -1
- package/ui/Elements/Pagination/index.d.ts +0 -5
- package/ui/Elements/Pagination/index.js +0 -6
- package/ui/Elements/Pagination/index.js.map +0 -1
- package/ui/Elements/Pagination/styled.js +0 -27
- package/ui/Elements/Pagination/styled.js.map +0 -1
- package/ui/Elements/Paragraph/Paragraph.d.ts +0 -5
- package/ui/Elements/Paragraph/Paragraph.js +0 -6
- package/ui/Elements/Paragraph/Paragraph.js.map +0 -1
- package/ui/Elements/Paragraph/index.d.ts +0 -5
- package/ui/Elements/Paragraph/index.js +0 -6
- package/ui/Elements/Paragraph/index.js.map +0 -1
- package/ui/Elements/Portal/index.d.ts +0 -7
- package/ui/Elements/Portal/index.js +0 -17
- package/ui/Elements/Portal/index.js.map +0 -1
- package/ui/Elements/ProgressBar/ProgressBar.d.ts +0 -10
- package/ui/Elements/ProgressBar/ProgressBar.js +0 -12
- package/ui/Elements/ProgressBar/ProgressBar.js.map +0 -1
- package/ui/Elements/ProgressBar/index.d.ts +0 -5
- package/ui/Elements/ProgressBar/index.js +0 -6
- package/ui/Elements/ProgressBar/index.js.map +0 -1
- package/ui/Elements/ProgressBar/styles.js +0 -20
- package/ui/Elements/ProgressBar/styles.js.map +0 -1
- package/ui/Elements/SimpleLink/SimpleLink.d.ts +0 -23
- package/ui/Elements/SimpleLink/SimpleLink.js +0 -17
- package/ui/Elements/SimpleLink/SimpleLink.js.map +0 -1
- package/ui/Elements/SimpleLink/index.d.ts +0 -5
- package/ui/Elements/SimpleLink/index.js +0 -6
- package/ui/Elements/SimpleLink/index.js.map +0 -1
- package/ui/Elements/SpaceAround/SpaceAround.d.ts +0 -5
- package/ui/Elements/SpaceAround/SpaceAround.js +0 -31
- package/ui/Elements/SpaceAround/SpaceAround.js.map +0 -1
- package/ui/Elements/SpaceAround/index.d.ts +0 -5
- package/ui/Elements/SpaceAround/index.js +0 -6
- package/ui/Elements/SpaceAround/index.js.map +0 -1
- package/ui/Elements/SpaceAround/types.d.ts +0 -15
- package/ui/Elements/Spinner/Spinner.js +0 -21
- package/ui/Elements/Spinner/Spinner.js.map +0 -1
- package/ui/Elements/Spinner/index.d.ts +0 -5
- package/ui/Elements/Spinner/index.js +0 -6
- package/ui/Elements/Spinner/index.js.map +0 -1
- package/ui/Elements/Spinner/styles.js +0 -21
- package/ui/Elements/Spinner/styles.js.map +0 -1
- package/ui/Elements/Spinner/types.d.ts +0 -8
- package/ui/Elements/Tag/Tag.js +0 -59
- package/ui/Elements/Tag/Tag.js.map +0 -1
- package/ui/Elements/Tag/index.d.ts +0 -7
- package/ui/Elements/Tag/index.js +0 -6
- package/ui/Elements/Tag/index.js.map +0 -1
- package/ui/Elements/Tag/palletes.js +0 -13
- package/ui/Elements/Tag/palletes.js.map +0 -1
- package/ui/Elements/Tag/types.d.ts +0 -18
- package/ui/Elements/Text/Text.js +0 -8
- package/ui/Elements/Text/Text.js.map +0 -1
- package/ui/Elements/Text/types.d.ts +0 -13
- package/ui/Elements/Toast/Toast.d.ts +0 -12
- package/ui/Elements/Toast/Toast.js +0 -23
- package/ui/Elements/Toast/Toast.js.map +0 -1
- package/ui/Elements/Toast/index.d.ts +0 -5
- package/ui/Elements/Toast/index.js +0 -6
- package/ui/Elements/Toast/index.js.map +0 -1
- package/ui/Elements/Toggle/Toggle.js +0 -30
- package/ui/Elements/Toggle/Toggle.js.map +0 -1
- package/ui/Elements/Toggle/index.d.ts +0 -5
- package/ui/Elements/Toggle/index.js +0 -6
- package/ui/Elements/Toggle/index.js.map +0 -1
- package/ui/Elements/Toggle/types.d.ts +0 -23
- package/ui/Elements/Typography/Typography.js +0 -35
- package/ui/Elements/Typography/Typography.js.map +0 -1
- package/ui/Elements/Typography/index.d.ts +0 -19
- package/ui/Elements/Typography/index.js +0 -7
- package/ui/Elements/Typography/index.js.map +0 -1
- package/ui/Forms/Checkbox/Checkbox.js +0 -15
- package/ui/Forms/Checkbox/Checkbox.js.map +0 -1
- package/ui/Forms/Checkbox/index.d.ts +0 -5
- package/ui/Forms/Checkbox/index.js +0 -6
- package/ui/Forms/Checkbox/index.js.map +0 -1
- package/ui/Forms/Checkbox/styles.js +0 -28
- package/ui/Forms/Checkbox/styles.js.map +0 -1
- package/ui/Forms/Checkbox/types.d.ts +0 -19
- package/ui/Forms/Input/Input.js +0 -47
- package/ui/Forms/Input/Input.js.map +0 -1
- package/ui/Forms/Input/index.d.ts +0 -5
- package/ui/Forms/Input/index.js +0 -6
- package/ui/Forms/Input/index.js.map +0 -1
- package/ui/Forms/Input/styles.js +0 -58
- package/ui/Forms/Input/styles.js.map +0 -1
- package/ui/Forms/Input/types.d.ts +0 -49
- package/ui/Forms/RadioButton/RadioButton.js +0 -11
- package/ui/Forms/RadioButton/RadioButton.js.map +0 -1
- package/ui/Forms/RadioButton/index.d.ts +0 -5
- package/ui/Forms/RadioButton/index.js +0 -6
- package/ui/Forms/RadioButton/index.js.map +0 -1
- package/ui/Forms/RadioButton/styles.js +0 -16
- package/ui/Forms/RadioButton/styles.js.map +0 -1
- package/ui/Forms/RadioButton/types.d.ts +0 -15
- package/ui/ThemeProvider/ThemeProvider.js +0 -11
- package/ui/ThemeProvider/ThemeProvider.js.map +0 -1
- package/ui/ThemeProvider/index.d.ts +0 -8
- package/ui/ThemeProvider/index.js +0 -6
- package/ui/ThemeProvider/index.js.map +0 -1
- package/ui/ThemeProvider/themes/default.js +0 -146
- package/ui/ThemeProvider/themes/default.js.map +0 -1
- package/ui/ThemeProvider/themes/index.js +0 -12
- package/ui/ThemeProvider/themes/index.js.map +0 -1
- package/ui/ThemeProvider/themes/light.js +0 -9
- package/ui/ThemeProvider/themes/light.js.map +0 -1
- package/ui/ThemeProvider/themes/mailwise.js +0 -216
- package/ui/ThemeProvider/themes/mailwise.js.map +0 -1
- package/ui/ThemeProvider/types.d.ts +0 -53
- package/ui/ba2267d1dea00b65.png +0 -0
- package/ui/dts/Blocks/CornerDialog/CornerDialog.d.ts +0 -3
- package/ui/dts/Blocks/CornerDialog/index.d.ts +0 -3
- package/ui/dts/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts +0 -14
- package/ui/dts/Blocks/CornerDialog/styles.d.ts +0 -12
- package/ui/dts/Blocks/CornerDialog/types.d.ts +0 -16
- package/ui/dts/Blocks/CornerDialog/utils.d.ts +0 -3
- package/ui/dts/Blocks/ImageList/ImageList.d.ts +0 -3
- package/ui/dts/Blocks/ImageList/components/AddPhoto/index.d.ts +0 -8
- package/ui/dts/Blocks/ImageList/components/AddPhoto/styles.d.ts +0 -4
- package/ui/dts/Blocks/ImageList/components/CloseButton/index.d.ts +0 -7
- package/ui/dts/Blocks/ImageList/components/CloseButton/styles.d.ts +0 -3
- package/ui/dts/Blocks/ImageList/components/ImageElement/index.d.ts +0 -10
- package/ui/dts/Blocks/ImageList/components/ImageElement/styles.d.ts +0 -2
- package/ui/dts/Blocks/ImageList/components/ImageTag/index.d.ts +0 -6
- package/ui/dts/Blocks/ImageList/components/ImageTag/styles.d.ts +0 -1
- package/ui/dts/Blocks/ImageList/index.d.ts +0 -5
- package/ui/dts/Blocks/ImageList/styles.d.ts +0 -1
- package/ui/dts/Blocks/ImageList/types.d.ts +0 -14
- package/ui/dts/Blocks/LightBox/LightBox.d.ts +0 -3
- package/ui/dts/Blocks/LightBox/hooks/useLightBox.d.ts +0 -2
- package/ui/dts/Blocks/LightBox/index.d.ts +0 -4
- package/ui/dts/Blocks/LightBox/styles.d.ts +0 -3
- package/ui/dts/Blocks/LightBox/types.d.ts +0 -24
- package/ui/dts/Blocks/Modal/Modal.d.ts +0 -3
- package/ui/dts/Blocks/Modal/hooks/useClickOutside.d.ts +0 -3
- package/ui/dts/Blocks/Modal/hooks/useModal.d.ts +0 -2
- package/ui/dts/Blocks/Modal/index.d.ts +0 -5
- package/ui/dts/Blocks/Modal/stories/Modal.stories.d.ts +0 -26
- package/ui/dts/Blocks/Modal/styles.d.ts +0 -22
- package/ui/dts/Blocks/Modal/types.d.ts +0 -45
- package/ui/dts/Blocks/Modal/utils.d.ts +0 -3
- package/ui/dts/Blocks/Tabs/TabContent.d.ts +0 -3
- package/ui/dts/Blocks/Tabs/Tabs.d.ts +0 -3
- package/ui/dts/Blocks/Tabs/hooks/useTabs.d.ts +0 -2
- package/ui/dts/Blocks/Tabs/index.d.ts +0 -5
- package/ui/dts/Blocks/Tabs/stories/Tabs.stories.d.ts +0 -13
- package/ui/dts/Blocks/Tabs/styles.d.ts +0 -10
- package/ui/dts/Blocks/Tabs/types.d.ts +0 -28
- package/ui/dts/Elements/Alert/Alert.d.ts +0 -3
- package/ui/dts/Elements/Alert/index.d.ts +0 -3
- package/ui/dts/Elements/Alert/stories/Alert.stories.d.ts +0 -17
- package/ui/dts/Elements/Alert/styles.d.ts +0 -44
- package/ui/dts/Elements/Alert/types.d.ts +0 -18
- package/ui/dts/Elements/Avatar/Avatar.d.ts +0 -3
- package/ui/dts/Elements/Avatar/index.d.ts +0 -3
- package/ui/dts/Elements/Avatar/stories/Avatar.stories.d.ts +0 -12
- package/ui/dts/Elements/Avatar/types.d.ts +0 -8
- package/ui/dts/Elements/Badge/Badge.d.ts +0 -12
- package/ui/dts/Elements/Badge/index.d.ts +0 -3
- package/ui/dts/Elements/Badge/stories/Badge.stories.d.ts +0 -12
- package/ui/dts/Elements/BorderedBox/BorderedBox.d.ts +0 -4
- package/ui/dts/Elements/BorderedBox/index.d.ts +0 -3
- package/ui/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts +0 -11
- package/ui/dts/Elements/BorderedBox/types.d.ts +0 -6
- package/ui/dts/Elements/Button/Button.d.ts +0 -4
- package/ui/dts/Elements/Button/index.d.ts +0 -5
- package/ui/dts/Elements/Button/stories/Button.stories.d.ts +0 -20
- package/ui/dts/Elements/Button/styles.d.ts +0 -19
- package/ui/dts/Elements/Button/types.d.ts +0 -22
- package/ui/dts/Elements/Card/Card.d.ts +0 -7
- package/ui/dts/Elements/Card/index.d.ts +0 -3
- package/ui/dts/Elements/Card/stories/Card.stories.d.ts +0 -15
- package/ui/dts/Elements/Card/stories/CardComponent.stories.d.ts +0 -12
- package/ui/dts/Elements/Card/styles.d.ts +0 -14
- package/ui/dts/Elements/Card/types.d.ts +0 -21
- package/ui/dts/Elements/Dropdown/Dropdown.d.ts +0 -4
- package/ui/dts/Elements/Dropdown/index.d.ts +0 -3
- package/ui/dts/Elements/Dropdown/stories/Dropdown.stories.d.ts +0 -11
- package/ui/dts/Elements/Dropdown/types.d.ts +0 -10
- package/ui/dts/Elements/ErrorMessage/ErrorMessage.d.ts +0 -4
- package/ui/dts/Elements/ErrorMessage/index.d.ts +0 -3
- package/ui/dts/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts +0 -12
- package/ui/dts/Elements/ErrorMessage/types.d.ts +0 -5
- package/ui/dts/Elements/Icon/BadgeIcon.d.ts +0 -7
- package/ui/dts/Elements/Icon/Icon.d.ts +0 -9
- package/ui/dts/Elements/Icon/icons/AddPhoto.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/BarcodeScan.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Box.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Complaint.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Expeditions.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagCZ.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagEL.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagESP.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagITA.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagRUS.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagSVK.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagUSA.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/HamburgerMenu.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/HelpCircle1.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/ImagePlaceholder.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Income.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Inventory.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Inventory2.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Link.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Logout1.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/MenuItems.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/MobileCancel.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Notification2.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/OpenBox.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Plus1.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Product.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Products.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Profile.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Puzzle1.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Rack.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Return.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Settings2.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/Transfer.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/index.d.ts +0 -33
- package/ui/dts/Elements/Icon/index.d.ts +0 -6
- package/ui/dts/Elements/Icon/stories/BadgeIcon.stories.d.ts +0 -24
- package/ui/dts/Elements/Icon/stories/Icon.stories.d.ts +0 -16
- package/ui/dts/Elements/Icon/types.d.ts +0 -23
- package/ui/dts/Elements/Image/Image.d.ts +0 -4
- package/ui/dts/Elements/Image/index.d.ts +0 -3
- package/ui/dts/Elements/Image/stories/Image.stories.d.ts +0 -14
- package/ui/dts/Elements/Image/types.d.ts +0 -18
- package/ui/dts/Elements/Label/Label.d.ts +0 -6
- package/ui/dts/Elements/Label/index.d.ts +0 -3
- package/ui/dts/Elements/Label/stories/Label.stories.d.ts +0 -13
- package/ui/dts/Elements/Line/Line.d.ts +0 -3
- package/ui/dts/Elements/Line/index.d.ts +0 -3
- package/ui/dts/Elements/Line/stories/Line.stories.d.ts +0 -16
- package/ui/dts/Elements/Line/types.d.ts +0 -12
- package/ui/dts/Elements/Link/Link.d.ts +0 -29
- package/ui/dts/Elements/Link/index.d.ts +0 -3
- package/ui/dts/Elements/Link/stories/Link.stories.d.ts +0 -42
- package/ui/dts/Elements/Logo/Logo.d.ts +0 -4
- package/ui/dts/Elements/Logo/index.d.ts +0 -3
- package/ui/dts/Elements/Logo/stories/Logo.stories.d.ts +0 -34
- package/ui/dts/Elements/Logo/types.d.ts +0 -10
- package/ui/dts/Elements/Pagination/Pagination.d.ts +0 -9
- package/ui/dts/Elements/Pagination/index.d.ts +0 -3
- package/ui/dts/Elements/Pagination/stories/Pagination.stories.d.ts +0 -12
- package/ui/dts/Elements/Pagination/styled.d.ts +0 -15
- package/ui/dts/Elements/Paragraph/Paragraph.d.ts +0 -2
- package/ui/dts/Elements/Paragraph/index.d.ts +0 -3
- package/ui/dts/Elements/Paragraph/stories/Paragraph.stories.d.ts +0 -17
- package/ui/dts/Elements/Portal/index.d.ts +0 -5
- package/ui/dts/Elements/ProgressBar/ProgressBar.d.ts +0 -10
- package/ui/dts/Elements/ProgressBar/index.d.ts +0 -3
- package/ui/dts/Elements/ProgressBar/stories/ProgressBar.stories.d.ts +0 -19
- package/ui/dts/Elements/ProgressBar/styles.d.ts +0 -9
- package/ui/dts/Elements/SimpleLink/SimpleLink.d.ts +0 -19
- package/ui/dts/Elements/SimpleLink/index.d.ts +0 -3
- package/ui/dts/Elements/SpaceAround/SpaceAround.d.ts +0 -4
- package/ui/dts/Elements/SpaceAround/index.d.ts +0 -4
- package/ui/dts/Elements/SpaceAround/stories/SpaceAround.stories.d.ts +0 -12
- package/ui/dts/Elements/SpaceAround/types.d.ts +0 -14
- package/ui/dts/Elements/Spinner/Spinner.d.ts +0 -14
- package/ui/dts/Elements/Spinner/index.d.ts +0 -3
- package/ui/dts/Elements/Spinner/stories/Spinner.stories.d.ts +0 -19
- package/ui/dts/Elements/Spinner/styles.d.ts +0 -4
- package/ui/dts/Elements/Spinner/types.d.ts +0 -7
- package/ui/dts/Elements/Tag/Tag.d.ts +0 -3
- package/ui/dts/Elements/Tag/index.d.ts +0 -3
- package/ui/dts/Elements/Tag/palletes.d.ts +0 -5
- package/ui/dts/Elements/Tag/stories/Tag.stories.d.ts +0 -19
- package/ui/dts/Elements/Tag/stories/components/predefinedTags.d.ts +0 -3
- package/ui/dts/Elements/Tag/types.d.ts +0 -17
- package/ui/dts/Elements/Text/Text.d.ts +0 -4
- package/ui/dts/Elements/Text/index.d.ts +0 -3
- package/ui/dts/Elements/Text/stories/Text.stories.d.ts +0 -16
- package/ui/dts/Elements/Text/types.d.ts +0 -12
- package/ui/dts/Elements/Toast/Toast.d.ts +0 -12
- package/ui/dts/Elements/Toast/index.d.ts +0 -4
- package/ui/dts/Elements/Toggle/Toggle.d.ts +0 -4
- package/ui/dts/Elements/Toggle/index.d.ts +0 -3
- package/ui/dts/Elements/Toggle/stories/Toggle.stories.d.ts +0 -14
- package/ui/dts/Elements/Toggle/types.d.ts +0 -21
- package/ui/dts/Elements/Typography/Typography.d.ts +0 -118
- package/ui/dts/Elements/Typography/index.d.ts +0 -3
- package/ui/dts/Elements/Typography/stories/Typography.stories.d.ts +0 -20
- package/ui/dts/Forms/Checkbox/Checkbox.d.ts +0 -4
- package/ui/dts/Forms/Checkbox/index.d.ts +0 -3
- package/ui/dts/Forms/Checkbox/stories/Checkbox.stories.d.ts +0 -14
- package/ui/dts/Forms/Checkbox/styles.d.ts +0 -11
- package/ui/dts/Forms/Checkbox/types.d.ts +0 -16
- package/ui/dts/Forms/Input/Input.d.ts +0 -3
- package/ui/dts/Forms/Input/index.d.ts +0 -5
- package/ui/dts/Forms/Input/stories/Input.stories.d.ts +0 -17
- package/ui/dts/Forms/Input/styles.d.ts +0 -31
- package/ui/dts/Forms/Input/types.d.ts +0 -49
- package/ui/dts/Forms/RadioButton/RadioButton.d.ts +0 -4
- package/ui/dts/Forms/RadioButton/index.d.ts +0 -3
- package/ui/dts/Forms/RadioButton/stories/RadioButton.stories.d.ts +0 -14
- package/ui/dts/Forms/RadioButton/styles.d.ts +0 -10
- package/ui/dts/Forms/RadioButton/types.d.ts +0 -12
- package/ui/dts/ThemeProvider/ThemeProvider.d.ts +0 -3
- package/ui/dts/ThemeProvider/index.d.ts +0 -5
- package/ui/dts/ThemeProvider/themes/default.d.ts +0 -142
- package/ui/dts/ThemeProvider/themes/index.d.ts +0 -351
- package/ui/dts/ThemeProvider/themes/light.d.ts +0 -3
- package/ui/dts/ThemeProvider/themes/mailwise.d.ts +0 -207
- package/ui/dts/ThemeProvider/types.d.ts +0 -50
- package/ui/dts/index.d.ts +0 -71
- package/ui/dts/utils/CreateRgba/createRgba.d.ts +0 -3
- package/ui/dts/utils/CreateRgba/types.d.ts +0 -1
- package/ui/dts/utils/KeyPress/KeyPress.d.ts +0 -3
- package/ui/dts/utils/KeyPress/KeyPress.stories.d.ts +0 -10
- package/ui/dts/utils/KeyPress/index.d.ts +0 -2
- package/ui/dts/utils/KeyPress/types.d.ts +0 -6
- package/ui/dts/utils/index.d.ts +0 -8
- package/ui/index.d.ts +0 -50
- package/ui/index.js +0 -79
- package/ui/index.js.map +0 -1
- package/ui/utils/CreateRgba/createRgba.js +0 -21
- package/ui/utils/CreateRgba/createRgba.js.map +0 -1
- package/ui/utils/CreateRgba/types.d.ts +0 -3
- package/ui/utils/KeyPress/KeyPress.js +0 -20
- package/ui/utils/KeyPress/KeyPress.js.map +0 -1
- package/ui/utils/KeyPress/index.js +0 -6
- package/ui/utils/KeyPress/index.js.map +0 -1
- package/ui/utils/KeyPress/types.d.ts +0 -7
- package/ui/utils/index.d.ts +0 -10
- package/ui/utils/index.js +0 -10
- package/ui/utils/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
type SpaceAroundProps = {
|
|
2
|
-
marginTop?: number;
|
|
3
|
-
marginRight?: number;
|
|
4
|
-
marginBottom?: number;
|
|
5
|
-
marginLeft?: number;
|
|
6
|
-
};
|
|
7
|
-
type SpaceAround = boolean | SpaceAroundProps;
|
|
8
|
-
type Props = {
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
spaceAround?: SpaceAround;
|
|
11
|
-
className?: string;
|
|
12
|
-
spaceBetween?: boolean;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export { Props, SpaceAround, SpaceAroundProps };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Svg, Circle } from './styles.js';
|
|
3
|
-
|
|
4
|
-
var appearanceToFontColorMap = {
|
|
5
|
-
error: 'white',
|
|
6
|
-
concept: 'blue2',
|
|
7
|
-
done: 'white',
|
|
8
|
-
info: 'blue2',
|
|
9
|
-
processing: 'white',
|
|
10
|
-
success: 'white',
|
|
11
|
-
warning: 'blue2',
|
|
12
|
-
waiting: 'white',
|
|
13
|
-
};
|
|
14
|
-
var Spinner = function (_a) {
|
|
15
|
-
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;
|
|
16
|
-
var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';
|
|
17
|
-
return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { Spinner, appearanceToFontColorMap, Spinner as default };
|
|
21
|
-
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sources":["../../../../packages/ui/Elements/Spinner/Spinner.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Svg, Circle } from './styles';\nexport var appearanceToColorMap = {\n error: 'red1',\n concept: 'bgLightGray1',\n done: 'darkGreen',\n info: 'lightGray6',\n processing: 'blue2',\n success: 'green',\n warning: 'yellow1',\n waiting: 'gray1',\n};\nexport var appearanceToFontColorMap = {\n error: 'white',\n concept: 'blue2',\n done: 'white',\n info: 'blue2',\n processing: 'white',\n success: 'white',\n warning: 'blue2',\n waiting: 'white',\n};\nexport var Spinner = function (_a) {\n var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;\n var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';\n return (_jsx(Svg, { viewBox: \"22 22 44 44\", \"$variant\": variant, children: _jsx(Circle, { cx: \"44\", cy: \"44\", r: \"20.2\", fill: \"none\", strokeWidth: \"3.6\", color: color }) }));\n};\nexport default Spinner;\n//# sourceMappingURL=Spinner.js.map"],"names":["_jsx"],"mappings":";;;AAYU,IAAC,wBAAwB,GAAG;AACtC,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,EAAE;AACQ,IAAC,OAAO,GAAG,UAAU,EAAE,EAAE;AACnC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC9F,IAAI,IAAI,KAAK,GAAG,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;AAC5E,IAAI,QAAQA,GAAI,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;AACnL;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
import { keyframes } from 'styled-components';
|
|
4
|
-
|
|
5
|
-
var KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0px;\n }\n\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"], ["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0px;\n }\n\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"])));
|
|
6
|
-
var KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
7
|
-
var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", "px;\n height: ", "px;\n animation: ", " 1.4s linear infinite;\n"], ["\n width: ", "px;\n height: ", "px;\n animation: ", " 1.4s linear infinite;\n"])), function (_a) {
|
|
8
|
-
var $variant = _a.$variant;
|
|
9
|
-
return ($variant === 'sm' ? '16' : '40');
|
|
10
|
-
}, function (_a) {
|
|
11
|
-
var $variant = _a.$variant;
|
|
12
|
-
return ($variant === 'sm' ? '16' : '40');
|
|
13
|
-
}, KeyframesCircularRotate);
|
|
14
|
-
var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n animation: ", " 1.4s ease-in-out infinite;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0px;\n stroke: ", ";\n"], ["\n animation: ", " 1.4s ease-in-out infinite;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0px;\n stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
|
|
15
|
-
var color = _a.color;
|
|
16
|
-
return (color ? th.color(color) : th.color('blue2'));
|
|
17
|
-
});
|
|
18
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
19
|
-
|
|
20
|
-
export { Circle, Svg };
|
|
21
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/Spinner/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { keyframes } from 'styled-components';\nvar KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n 0% {\\n stroke-dasharray: 1px, 200px;\\n stroke-dashoffset: 0px;\\n }\\n\\n 50% {\\n stroke-dasharray: 100px, 200px;\\n stroke-dashoffset: -15px;\\n }\\n\\n 100% {\\n stroke-dasharray: 100px, 200px;\\n stroke-dashoffset: -125px;\\n }\\n\"], [\"\\n 0% {\\n stroke-dasharray: 1px, 200px;\\n stroke-dashoffset: 0px;\\n }\\n\\n 50% {\\n stroke-dasharray: 100px, 200px;\\n stroke-dashoffset: -15px;\\n }\\n\\n 100% {\\n stroke-dasharray: 100px, 200px;\\n stroke-dashoffset: -125px;\\n }\\n\"])));\nvar KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n 100% {\\n transform: rotate(360deg);\\n }\\n\"], [\"\\n 100% {\\n transform: rotate(360deg);\\n }\\n\"])));\nexport var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n width: \", \"px;\\n height: \", \"px;\\n animation: \", \" 1.4s linear infinite;\\n\"], [\"\\n width: \", \"px;\\n height: \", \"px;\\n animation: \", \" 1.4s linear infinite;\\n\"])), function (_a) {\n var $variant = _a.$variant;\n return ($variant === 'sm' ? '16' : '40');\n}, function (_a) {\n var $variant = _a.$variant;\n return ($variant === 'sm' ? '16' : '40');\n}, KeyframesCircularRotate);\nexport var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n animation: \", \" 1.4s ease-in-out infinite;\\n stroke-dasharray: 80px, 200px;\\n stroke-dashoffset: 0px;\\n stroke: \", \";\\n\"], [\"\\n animation: \", \" 1.4s ease-in-out infinite;\\n stroke-dasharray: 80px, 200px;\\n stroke-dashoffset: 0px;\\n stroke: \", \";\\n\"])), KeyframesCircularDash, function (_a) {\n var color = _a.color;\n return (color ? th.color(color) : th.color('blue2'));\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;;AAGA,IAAI,qBAAqB,GAAG,SAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2PAA2P,CAAC,EAAE,CAAC,2PAA2P,CAAC,CAAC,CAAC,CAAC,CAAC;AACnmB,IAAI,uBAAuB,GAAG,SAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3M,IAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACrR,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,uBAAuB,EAAE;AAClB,IAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,UAAU,EAAE,EAAE;AAC9Y,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AACzD,CAAC,EAAE;AACH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
type AppearanceType = 'concept' | 'done' | 'error' | 'info' | 'processing' | 'success' | 'warning' | 'waiting';
|
|
2
|
-
interface SpinnerProps {
|
|
3
|
-
variant?: 'default' | 'sm';
|
|
4
|
-
appearance?: AppearanceType;
|
|
5
|
-
}
|
|
6
|
-
type ISpinner = (props: SpinnerProps) => JSX.Element;
|
|
7
|
-
|
|
8
|
-
export { AppearanceType, ISpinner, SpinnerProps };
|
package/ui/Elements/Tag/Tag.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var fontSizeMap = {
|
|
5
|
-
small: '14px',
|
|
6
|
-
medium: '16px',
|
|
7
|
-
big: '20px',
|
|
8
|
-
};
|
|
9
|
-
var paddingMap = {
|
|
10
|
-
small: '2px 8px',
|
|
11
|
-
medium: '7px 10px',
|
|
12
|
-
big: '12px 12px',
|
|
13
|
-
};
|
|
14
|
-
var borderRadiusMap = {
|
|
15
|
-
small: '6px',
|
|
16
|
-
medium: '20px',
|
|
17
|
-
big: '20px',
|
|
18
|
-
};
|
|
19
|
-
var getTextColor = function (isNotSelected, textColor) {
|
|
20
|
-
if (textColor) {
|
|
21
|
-
return th.color(textColor);
|
|
22
|
-
}
|
|
23
|
-
return isNotSelected ? th.color('blue2') : 'white';
|
|
24
|
-
};
|
|
25
|
-
var getBgColor = function (color) {
|
|
26
|
-
return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';
|
|
27
|
-
};
|
|
28
|
-
var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n margin-right: 10px;\n color: ", ";\n width: fit-content;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n text-align: center;\n white-space: nowrap;\n display: flex;\n align-items: center;\n font-size: 14px;\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n & span {\n &:first-letter {\n text-transform: uppercase;\n }\n }\n}\n"], ["\n background-color: ", ";\n margin-right: 10px;\n color: ", ";\n width: fit-content;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n text-align: center;\n white-space: nowrap;\n display: flex;\n align-items: center;\n font-size: 14px;\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n & span {\n &:first-letter {\n text-transform: uppercase;\n }\n }\n}\n"])), function (_a) {
|
|
29
|
-
var color = _a.color;
|
|
30
|
-
return getBgColor(color);
|
|
31
|
-
}, function (_a) {
|
|
32
|
-
var isNotSelected = _a.isNotSelected, textColor = _a.textColor;
|
|
33
|
-
return getTextColor(isNotSelected, textColor);
|
|
34
|
-
}, function (_a) {
|
|
35
|
-
var size = _a.size;
|
|
36
|
-
return "border-radius: ".concat(borderRadiusMap[size || 'medium']);
|
|
37
|
-
}, function (_a) {
|
|
38
|
-
var size = _a.size;
|
|
39
|
-
return "font-size: ".concat(fontSizeMap[size || 'medium']);
|
|
40
|
-
}, function (_a) {
|
|
41
|
-
var size = _a.size;
|
|
42
|
-
return "padding: ".concat(paddingMap[size || 'medium']);
|
|
43
|
-
}, function (_a) {
|
|
44
|
-
var border = _a.border;
|
|
45
|
-
return border && 'border: 1px solid rgba(0, 0, 0, 0.65);';
|
|
46
|
-
}, function (_a) {
|
|
47
|
-
var opacity = _a.opacity;
|
|
48
|
-
return opacity && 'opacity: 0.7';
|
|
49
|
-
}, function (_a) {
|
|
50
|
-
var pointer = _a.pointer;
|
|
51
|
-
return pointer && 'cursor: pointer;';
|
|
52
|
-
}, function (_a) {
|
|
53
|
-
var hover = _a.hover;
|
|
54
|
-
return hover && '&: hover { opacity: 0.7}';
|
|
55
|
-
});
|
|
56
|
-
var templateObject_1;
|
|
57
|
-
|
|
58
|
-
export { Tag as default };
|
|
59
|
-
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../packages/ui/Elements/Tag/Tag.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nvar fontSizeMap = {\n small: '14px',\n medium: '16px',\n big: '20px',\n};\nvar paddingMap = {\n small: '2px 8px',\n medium: '7px 10px',\n big: '12px 12px',\n};\nvar borderRadiusMap = {\n small: '6px',\n medium: '20px',\n big: '20px',\n};\nvar getTextColor = function (isNotSelected, textColor) {\n if (textColor) {\n return th.color(textColor);\n }\n return isNotSelected ? th.color('blue2') : 'white';\n};\nvar getBgColor = function (color) {\n return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';\n};\nvar Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n background-color: \", \";\\n margin-right: 10px;\\n color: \", \";\\n width: fit-content;\\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n text-align: center;\\n white-space: nowrap;\\n display: flex;\\n align-items: center;\\n font-size: 14px;\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n\\n & span {\\n &:first-letter {\\n text-transform: uppercase;\\n }\\n }\\n}\\n\"], [\"\\n background-color: \", \";\\n margin-right: 10px;\\n color: \", \";\\n width: fit-content;\\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n text-align: center;\\n white-space: nowrap;\\n display: flex;\\n align-items: center;\\n font-size: 14px;\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n \", \";\\n\\n & span {\\n &:first-letter {\\n text-transform: uppercase;\\n }\\n }\\n}\\n\"])), function (_a) {\n var color = _a.color;\n return getBgColor(color);\n}, function (_a) {\n var isNotSelected = _a.isNotSelected, textColor = _a.textColor;\n return getTextColor(isNotSelected, textColor);\n}, function (_a) {\n var size = _a.size;\n return \"border-radius: \".concat(borderRadiusMap[size || 'medium']);\n}, function (_a) {\n var size = _a.size;\n return \"font-size: \".concat(fontSizeMap[size || 'medium']);\n}, function (_a) {\n var size = _a.size;\n return \"padding: \".concat(paddingMap[size || 'medium']);\n}, function (_a) {\n var border = _a.border;\n return border && 'border: 1px solid rgba(0, 0, 0, 0.65);';\n}, function (_a) {\n var opacity = _a.opacity;\n return opacity && 'opacity: 0.7';\n}, function (_a) {\n var pointer = _a.pointer;\n return pointer && 'cursor: pointer;';\n}, function (_a) {\n var hover = _a.hover;\n return hover && '&: hover { opacity: 0.7}';\n});\nexport default Tag;\nvar templateObject_1;\n//# sourceMappingURL=Tag.js.map"],"names":[],"mappings":"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"}
|
package/ui/Elements/Tag/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* [string, string]: [background, text]
|
|
3
|
-
*/
|
|
4
|
-
var palletes = {
|
|
5
|
-
greenWhite: { color: 'green60', textColor: 'white' },
|
|
6
|
-
blueBlue: { color: 'blue20', textColor: 'blue80' },
|
|
7
|
-
magentaWhite: { color: 'magenta60', textColor: 'white' },
|
|
8
|
-
magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },
|
|
9
|
-
tealTeal: { color: 'teal20', textColor: 'teal90' },
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { palletes };
|
|
13
|
-
//# sourceMappingURL=palletes.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"palletes.js","sources":["../../../../packages/ui/Elements/Tag/palletes.ts"],"sourcesContent":["/**\n * [string, string]: [background, text]\n */\nexport var palletes = {\n greenWhite: { color: 'green60', textColor: 'white' },\n blueBlue: { color: 'blue20', textColor: 'blue80' },\n magentaWhite: { color: 'magenta60', textColor: 'white' },\n magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },\n tealTeal: { color: 'teal20', textColor: 'teal90' },\n};\n//# sourceMappingURL=palletes.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACU,IAAC,QAAQ,GAAG;AACtB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD,IAAI,YAAY,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE;AAC5D,IAAI,cAAc,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE;AAClE,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
type Props = {
|
|
2
|
-
color?: string;
|
|
3
|
-
textColor?: string;
|
|
4
|
-
isNotSelected?: boolean;
|
|
5
|
-
pointer?: boolean;
|
|
6
|
-
hover?: boolean;
|
|
7
|
-
opacity?: boolean;
|
|
8
|
-
border?: boolean;
|
|
9
|
-
size?: 'small' | 'medium' | 'big';
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
onClick?: () => void;
|
|
12
|
-
};
|
|
13
|
-
type Pallete = {
|
|
14
|
-
color: string;
|
|
15
|
-
textColor: string;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { Pallete, Props };
|
package/ui/Elements/Text/Text.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { x } from '@xstyled/styled-components';
|
|
4
|
-
|
|
5
|
-
var Text = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
|
|
6
|
-
|
|
7
|
-
export { Text as default };
|
|
8
|
-
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../../packages/ui/Elements/Text/Text.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { x } from '@xstyled/styled-components';\nvar Text = function (props) { return _jsx(x.div, __assign({ as: \"span\" }, props)); };\nexport default Text;\n//# sourceMappingURL=Text.js.map"],"names":["_jsx"],"mappings":";;;;AAGG,IAAC,IAAI,GAAG,UAAU,KAAK,EAAE,EAAE,OAAOA,GAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
type TextProps = {
|
|
2
|
-
children?: string | number | JSX.Element | (JSX.Element | undefined)[];
|
|
3
|
-
fontSize?: number;
|
|
4
|
-
fontWeight?: string;
|
|
5
|
-
variant?: 'normal' | 'medium' | 'semiBold' | 'bold';
|
|
6
|
-
mt?: string | number;
|
|
7
|
-
mr?: string | number;
|
|
8
|
-
mb?: string | number;
|
|
9
|
-
ml?: string | number;
|
|
10
|
-
color?: string;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { TextProps };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ToastOptions } from 'react-toastify';
|
|
2
|
-
|
|
3
|
-
type ToastType = 'info' | 'success' | 'error' | 'warning';
|
|
4
|
-
type CustomToastProps = ToastOptions & {
|
|
5
|
-
closeToast?: () => void;
|
|
6
|
-
toastProps?: ToastOptions;
|
|
7
|
-
title?: string;
|
|
8
|
-
text?: string;
|
|
9
|
-
type: ToastType;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { CustomToastProps, ToastType };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
4
|
-
import Icon from '../Icon/Icon.js';
|
|
5
|
-
|
|
6
|
-
var toastTitleMap = {
|
|
7
|
-
info: 'Info',
|
|
8
|
-
success: 'Success',
|
|
9
|
-
error: 'Error',
|
|
10
|
-
warning: 'Warning',
|
|
11
|
-
};
|
|
12
|
-
var Title = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n margin-bottom: 5px;\n line-height: 18px;\n font-weight: 700;\n color: ", ";\n"], ["\n display: block;\n margin-bottom: 5px;\n line-height: 18px;\n font-weight: 700;\n color: ", ";\n"])), th('colors.blue2'));
|
|
13
|
-
var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n color: ", ";\n"], ["\n display: block;\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n color: ", ";\n"])), th('colors.gray1'));
|
|
14
|
-
var ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
|
|
15
|
-
var CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-left: 15px;\n\n svg {\n cursor: pointer;\n }\n"], ["\n display: flex;\n align-items: center;\n margin-left: 15px;\n\n svg {\n cursor: pointer;\n }\n"])));
|
|
16
|
-
var Toast = function (_a) {
|
|
17
|
-
var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;
|
|
18
|
-
return (jsxs(ContentWrapper, { children: [jsxs("div", { children: [jsx(Title, { children: title || toastTitleMap[type] }), text && jsx(Text, { children: text })] }), jsx(CloseWrapper, { children: jsx("div", { onClick: closeToast, children: jsx(Icon, { icon: "close" }) }) })] }));
|
|
19
|
-
};
|
|
20
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
21
|
-
|
|
22
|
-
export { Toast as default };
|
|
23
|
-
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sources":["../../../../packages/ui/Elements/Toast/Toast.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar toastTitleMap = {\n info: 'Info',\n success: 'Success',\n error: 'Error',\n warning: 'Warning',\n};\nvar Title = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: block;\\n margin-bottom: 5px;\\n line-height: 18px;\\n font-weight: 700;\\n color: \", \";\\n\"], [\"\\n display: block;\\n margin-bottom: 5px;\\n line-height: 18px;\\n font-weight: 700;\\n color: \", \";\\n\"])), th('colors.blue2'));\nvar Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n display: block;\\n font-size: 12px;\\n line-height: 18px;\\n font-weight: 500;\\n color: \", \";\\n\"], [\"\\n display: block;\\n font-size: 12px;\\n line-height: 18px;\\n font-weight: 500;\\n color: \", \";\\n\"])), th('colors.gray1'));\nvar ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n justify-content: space-between;\\n\"], [\"\\n display: flex;\\n justify-content: space-between;\\n\"])));\nvar CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n margin-left: 15px;\\n\\n svg {\\n cursor: pointer;\\n }\\n\"], [\"\\n display: flex;\\n align-items: center;\\n margin-left: 15px;\\n\\n svg {\\n cursor: pointer;\\n }\\n\"])));\nvar Toast = function (_a) {\n var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;\n return (_jsxs(ContentWrapper, { children: [_jsxs(\"div\", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx(\"div\", { onClick: closeToast, children: _jsx(Icon, { icon: \"close\" }) }) })] }));\n};\nexport default Toast;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=Toast.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,IAAI,aAAa,GAAG;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,SAAS;AACtB,CAAC,CAAC;AACF,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,kGAAkG,EAAE,KAAK,CAAC,EAAE,CAAC,kGAAkG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACrU,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,+FAA+F,EAAE,KAAK,CAAC,EAAE,CAAC,+FAA+F,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAC9T,IAAI,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,yDAAyD,CAAC,EAAE,CAAC,yDAAyD,CAAC,CAAC,CAAC,CAAC,CAAC;AACzN,IAAI,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0GAA0G,CAAC,EAAE,CAAC,0GAA0G,CAAC,CAAC,CAAC,CAAC,CAAC;AACvT,IAAC,KAAK,GAAG,UAAU,EAAE,EAAE;AAC1B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACrF,IAAI,QAAQA,IAAK,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,IAAIA,GAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACnS,EAAE;AAEF,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject, __rest, __assign } from 'tslib';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import styled, { css } from '@xstyled/styled-components';
|
|
4
|
-
import { FieldLabel } from '../Label/Label.js';
|
|
5
|
-
import SpaceAroundWrap from '../SpaceAround/SpaceAround.js';
|
|
6
|
-
|
|
7
|
-
var StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
8
|
-
var $labelPosition = _a.$labelPosition;
|
|
9
|
-
return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');
|
|
10
|
-
});
|
|
11
|
-
var StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
12
|
-
var labelPosition = _a.labelPosition;
|
|
13
|
-
return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');
|
|
14
|
-
});
|
|
15
|
-
var disabledStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n opacity: 0.4;\n"], ["\n opacity: 0.4;\n"])));
|
|
16
|
-
var StyledToggle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n aspect-ratio: 1 / 1;\n width: 100%;\n height: 100%;\n border-radius: 7px;\n background-color: lightGray5;\n border: 3px solid;\n border-color: lightGray5;\n position: relative;\n transition: all 100ms ease-out;\n\n ", "\n\n input:checked + & {\n background-color: red1;\n border-color: red1;\n\n & > span {\n transform: translate(75%, -50%);\n background-color: white;\n }\n }\n"], ["\n aspect-ratio: 1 / 1;\n width: 100%;\n height: 100%;\n border-radius: 7px;\n background-color: lightGray5;\n border: 3px solid;\n border-color: lightGray5;\n position: relative;\n transition: all 100ms ease-out;\n\n ", "\n\n input:checked + & {\n background-color: red1;\n border-color: red1;\n\n & > span {\n transform: translate(75%, -50%);\n background-color: white;\n }\n }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
|
|
17
|
-
var StyledDot = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n aspect-ratio: 1 / 1;\n background-color: white;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 10%;\n transform: translate(-20%, -50%);\n transition: all 100ms ease-out;\n"], ["\n aspect-ratio: 1 / 1;\n background-color: white;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 10%;\n transform: translate(-20%, -50%);\n transition: all 100ms ease-out;\n"])));
|
|
18
|
-
var HiddenInput = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 7px;\n z-index: 1;\n margin: 0;\n\n ", "\n"], ["\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 7px;\n z-index: 1;\n margin: 0;\n\n ", "\n"])), function (_a) {
|
|
19
|
-
var $enabled = _a.$enabled;
|
|
20
|
-
return ($enabled ? 'cursor: pointer;' : '');
|
|
21
|
-
});
|
|
22
|
-
var Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n flex-shrink: 0;\n &[data-appearance='primary'] {\n width: 24px;\n height: 14px;\n ", " {\n height: 10px;\n }\n }\n &[data-appearance='grid'] {\n width: 28px;\n height: 16px;\n ", " {\n height: 12px;\n }\n }\n"], ["\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n flex-shrink: 0;\n &[data-appearance='primary'] {\n width: 24px;\n height: 14px;\n ", " {\n height: 10px;\n }\n }\n &[data-appearance='grid'] {\n width: 28px;\n height: 16px;\n ", " {\n height: 12px;\n }\n }\n"])), StyledDot, StyledDot);
|
|
23
|
-
var Toggle = function (_a) {
|
|
24
|
-
var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, ["onChange", "label", "name", "checked", "defaultChecked", "spaceAround", "disabled", "labelPosition", "variant", "spaceBetween"]);
|
|
25
|
-
return (jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, "$labelPosition": labelPosition, children: [label && (jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), jsxs(Wrapper, { "data-appearance": variant, children: [jsx(HiddenInput, { name: name, type: "checkbox", checked: checked, "$enabled": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, "data-cy": "".concat(name, "Switch") }), jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: jsx(StyledDot, {}) }))] })] }));
|
|
26
|
-
};
|
|
27
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
28
|
-
|
|
29
|
-
export { Toggle as default };
|
|
30
|
-
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sources":["../../../../packages/ui/Elements/Toggle/Toggle.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css } from '@xstyled/styled-components';\nimport { FieldLabel } from '../Label';\nimport { SpaceAroundWrap } from '../SpaceAround';\nvar StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n \", \"\\n\"], [\"\\n \", \"\\n\"])), function (_a) {\n var $labelPosition = _a.$labelPosition;\n return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');\n});\nvar StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n \", \"\\n\"], [\"\\n \", \"\\n\"])), function (_a) {\n var labelPosition = _a.labelPosition;\n return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');\n});\nvar disabledStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n opacity: 0.4;\\n\"], [\"\\n opacity: 0.4;\\n\"])));\nvar StyledToggle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n aspect-ratio: 1 / 1;\\n width: 100%;\\n height: 100%;\\n border-radius: 7px;\\n background-color: lightGray5;\\n border: 3px solid;\\n border-color: lightGray5;\\n position: relative;\\n transition: all 100ms ease-out;\\n\\n \", \"\\n\\n input:checked + & {\\n background-color: red1;\\n border-color: red1;\\n\\n & > span {\\n transform: translate(75%, -50%);\\n background-color: white;\\n }\\n }\\n\"], [\"\\n aspect-ratio: 1 / 1;\\n width: 100%;\\n height: 100%;\\n border-radius: 7px;\\n background-color: lightGray5;\\n border: 3px solid;\\n border-color: lightGray5;\\n position: relative;\\n transition: all 100ms ease-out;\\n\\n \", \"\\n\\n input:checked + & {\\n background-color: red1;\\n border-color: red1;\\n\\n & > span {\\n transform: translate(75%, -50%);\\n background-color: white;\\n }\\n }\\n\"])), function (props) { return (props.disabled ? disabledStyles : ''); });\nvar StyledDot = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n aspect-ratio: 1 / 1;\\n background-color: white;\\n border-radius: 50%;\\n position: absolute;\\n top: 50%;\\n left: 10%;\\n transform: translate(-20%, -50%);\\n transition: all 100ms ease-out;\\n\"], [\"\\n aspect-ratio: 1 / 1;\\n background-color: white;\\n border-radius: 50%;\\n position: absolute;\\n top: 50%;\\n left: 10%;\\n transform: translate(-20%, -50%);\\n transition: all 100ms ease-out;\\n\"])));\nvar HiddenInput = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n opacity: 0;\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n left: 0;\\n top: 0;\\n border-radius: 7px;\\n z-index: 1;\\n margin: 0;\\n\\n \", \"\\n\"], [\"\\n opacity: 0;\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n left: 0;\\n top: 0;\\n border-radius: 7px;\\n z-index: 1;\\n margin: 0;\\n\\n \", \"\\n\"])), function (_a) {\n var $enabled = _a.$enabled;\n return ($enabled ? 'cursor: pointer;' : '');\n});\nvar Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n position: relative;\\n border-radius: 8px;\\n overflow: hidden;\\n flex-shrink: 0;\\n &[data-appearance='primary'] {\\n width: 24px;\\n height: 14px;\\n \", \" {\\n height: 10px;\\n }\\n }\\n &[data-appearance='grid'] {\\n width: 28px;\\n height: 16px;\\n \", \" {\\n height: 12px;\\n }\\n }\\n\"], [\"\\n position: relative;\\n border-radius: 8px;\\n overflow: hidden;\\n flex-shrink: 0;\\n &[data-appearance='primary'] {\\n width: 24px;\\n height: 14px;\\n \", \" {\\n height: 10px;\\n }\\n }\\n &[data-appearance='grid'] {\\n width: 28px;\\n height: 16px;\\n \", \" {\\n height: 12px;\\n }\\n }\\n\"])), StyledDot, StyledDot);\nvar Toggle = function (_a) {\n var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, [\"onChange\", \"label\", \"name\", \"checked\", \"defaultChecked\", \"spaceAround\", \"disabled\", \"labelPosition\", \"variant\", \"spaceBetween\"]);\n return (_jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, \"$labelPosition\": labelPosition, children: [label && (_jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), _jsxs(Wrapper, { \"data-appearance\": variant, children: [_jsx(HiddenInput, { name: name, type: \"checkbox\", checked: checked, \"$enabled\": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, \"data-cy\": \"\".concat(name, \"Switch\") }), _jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: _jsx(StyledDot, {}) }))] })] }));\n};\nexport default Toggle;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=Toggle.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
|
-
|
|
3
|
-
type SpaceAroundProps = {
|
|
4
|
-
marginTop?: number;
|
|
5
|
-
marginRight?: number;
|
|
6
|
-
marginBottom?: number;
|
|
7
|
-
marginLeft?: number;
|
|
8
|
-
};
|
|
9
|
-
type SpaceAround = boolean | SpaceAroundProps;
|
|
10
|
-
type Props = {
|
|
11
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
-
label?: string;
|
|
13
|
-
name?: string;
|
|
14
|
-
checked?: boolean;
|
|
15
|
-
defaultChecked?: boolean;
|
|
16
|
-
spaceAround?: SpaceAround;
|
|
17
|
-
spaceBetween?: boolean;
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
labelPosition?: 'default' | 'left';
|
|
20
|
-
variant?: 'primary' | 'grid';
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { Props };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import Text$1 from '../Text/Text.js';
|
|
4
|
-
|
|
5
|
-
var Text = function (props) { return jsx(Text$1, __assign({}, props, { fontWeight: props.variant })); };
|
|
6
|
-
Text.defaultProps = { fontFamily: 'primary' };
|
|
7
|
-
// Paragraphs
|
|
8
|
-
var Paragraph1 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
9
|
-
Paragraph1.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '18px' };
|
|
10
|
-
var Paragraph2 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
11
|
-
Paragraph2.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '16px' };
|
|
12
|
-
var Paragraph3 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
13
|
-
Paragraph3.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '14px' };
|
|
14
|
-
var Paragraph4 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
15
|
-
Paragraph4.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '12px' };
|
|
16
|
-
var Paragraph5 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
17
|
-
Paragraph5.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '10px' };
|
|
18
|
-
// Headings
|
|
19
|
-
var H1 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
20
|
-
H1.defaultProps = { as: 'h1', fontFamily: 'heading', fontSize: '32px', mt: 2, mb: 2 };
|
|
21
|
-
var H2 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
22
|
-
H2.defaultProps = { as: 'h2', fontFamily: 'heading', fontSize: '24px', mt: 2, mb: 2 };
|
|
23
|
-
var H3 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
24
|
-
H3.defaultProps = { as: 'h3', fontFamily: 'heading', fontSize: '21px', mt: 2, mb: 2 };
|
|
25
|
-
var H4 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
26
|
-
H4.defaultProps = { as: 'h4', fontFamily: 'heading', fontSize: '18px', mt: 2, mb: 2 };
|
|
27
|
-
var H5 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
28
|
-
H5.defaultProps = { as: 'h5', fontFamily: 'heading', fontSize: '16px', mt: 2, mb: 2 };
|
|
29
|
-
var H6 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
30
|
-
H6.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '14px', mt: 2, mb: 2 };
|
|
31
|
-
var H7 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
|
|
32
|
-
H7.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '12px', mt: 2, mb: 2 };
|
|
33
|
-
|
|
34
|
-
export { H1, H2, H3, H4, H5, H6, H7, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Text };
|
|
35
|
-
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../../packages/ui/Elements/Typography/Typography.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Text as BaseText } from '../Text';\nexport var Text = function (props) { return _jsx(BaseText, __assign({}, props, { fontWeight: props.variant })); };\nText.defaultProps = { fontFamily: 'primary' };\n// Paragraphs\nexport var Paragraph1 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nParagraph1.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '18px' };\nexport var Paragraph2 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nParagraph2.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '16px' };\nexport var Paragraph3 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nParagraph3.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '14px' };\nexport var Paragraph4 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nParagraph4.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '12px' };\nexport var Paragraph5 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nParagraph5.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '10px' };\n// Headings\nexport var H1 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH1.defaultProps = { as: 'h1', fontFamily: 'heading', fontSize: '32px', mt: 2, mb: 2 };\nexport var H2 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH2.defaultProps = { as: 'h2', fontFamily: 'heading', fontSize: '24px', mt: 2, mb: 2 };\nexport var H3 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH3.defaultProps = { as: 'h3', fontFamily: 'heading', fontSize: '21px', mt: 2, mb: 2 };\nexport var H4 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH4.defaultProps = { as: 'h4', fontFamily: 'heading', fontSize: '18px', mt: 2, mb: 2 };\nexport var H5 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH5.defaultProps = { as: 'h5', fontFamily: 'heading', fontSize: '16px', mt: 2, mb: 2 };\nexport var H6 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH6.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '14px', mt: 2, mb: 2 };\nexport var H7 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };\nH7.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '12px', mt: 2, mb: 2 };\n//# sourceMappingURL=Typography.js.map"],"names":["_jsx","BaseText"],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TextProps } from '../Text/types.js';
|
|
2
|
-
|
|
3
|
-
declare const H1: (props: TextProps) => JSX.Element
|
|
4
|
-
declare const H2: (props: TextProps) => JSX.Element
|
|
5
|
-
declare const H3: (props: TextProps) => JSX.Element
|
|
6
|
-
declare const H4: (props: TextProps) => JSX.Element
|
|
7
|
-
declare const H5: (props: TextProps) => JSX.Element
|
|
8
|
-
declare const H6: (props: TextProps) => JSX.Element
|
|
9
|
-
declare const H7: (props: TextProps) => JSX.Element
|
|
10
|
-
|
|
11
|
-
declare const Paragraph1: (props: TextProps) => JSX.Element
|
|
12
|
-
declare const Paragraph2: (props: TextProps) => JSX.Element
|
|
13
|
-
declare const Paragraph3: (props: TextProps) => JSX.Element
|
|
14
|
-
declare const Paragraph4: (props: TextProps) => JSX.Element
|
|
15
|
-
declare const Paragraph5: (props: TextProps) => JSX.Element
|
|
16
|
-
|
|
17
|
-
declare const Text: (props: TextProps) => JSX.Element
|
|
18
|
-
|
|
19
|
-
export { H1, H2, H3, H4, H5, H6, H7, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Text, Text as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { CheckboxWrap, FakeInput, CheckIcon, Label } from './styles.js';
|
|
4
|
-
import { useTheme, th } from '@xstyled/styled-components';
|
|
5
|
-
|
|
6
|
-
var Checkbox = function (_a) {
|
|
7
|
-
var name = _a.name, label = _a.label, onChange = _a.onChange, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.size, size = _b === void 0 ? 4 : _b, className = _a.className, disabled = _a.disabled, inputRef = _a.inputRef, readOnly = _a.readOnly, _c = _a.minusIcon, minusIcon = _c === void 0 ? false : _c;
|
|
8
|
-
var theme = useTheme();
|
|
9
|
-
var themeSize = th.fontSize(size)({ theme: theme });
|
|
10
|
-
return (jsxs(CheckboxWrap, { size: themeSize, className: className, children: [jsx("input", { type: "checkbox", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: "", readOnly: readOnly, "data-cy": name && "".concat(name, "Checkbox") }), jsx(FakeInput, { size: themeSize, children: jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && jsx(Label, { children: label })] }));
|
|
11
|
-
};
|
|
12
|
-
var Checkbox$1 = memo(Checkbox);
|
|
13
|
-
|
|
14
|
-
export { Checkbox$1 as default };
|
|
15
|
-
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../../packages/ui/Forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { memo } from 'react';\nimport { CheckboxWrap, CheckIcon, FakeInput, Label } from './styles';\nimport { th, useTheme } from '@xstyled/styled-components';\nvar Checkbox = function (_a) {\n var name = _a.name, label = _a.label, onChange = _a.onChange, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.size, size = _b === void 0 ? 4 : _b, className = _a.className, disabled = _a.disabled, inputRef = _a.inputRef, readOnly = _a.readOnly, _c = _a.minusIcon, minusIcon = _c === void 0 ? false : _c;\n var theme = useTheme();\n var themeSize = th.fontSize(size)({ theme: theme });\n return (_jsxs(CheckboxWrap, { size: themeSize, className: className, children: [_jsx(\"input\", { type: \"checkbox\", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: \"\", readOnly: readOnly, \"data-cy\": name && \"\".concat(name, \"Checkbox\") }), _jsx(FakeInput, { size: themeSize, children: _jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && _jsx(Label, { children: label })] }));\n};\nexport default memo(Checkbox);\n//# sourceMappingURL=Checkbox.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIA,IAAI,QAAQ,GAAG,UAAU,EAAE,EAAE;AAC7B,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;AACrU,IAAI,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACxD,IAAI,QAAQA,IAAK,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAEA,GAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAIA,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACve,CAAC,CAAC;AACF,iBAAe,IAAI,CAAC,QAAQ,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|