@foxford/ui 2.37.0-beta-3fd53b1-20240802 → 2.38.0-beta-9d02105-20240808
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/index.js +1 -2
- package/package.json +21 -54
- package/components/ActionBtn/ActionBtn.js +0 -2
- package/components/ActionBtn/ActionBtn.js.map +0 -1
- package/components/ActionBtn/style.js +0 -2
- package/components/ActionBtn/style.js.map +0 -1
- package/components/Alert/Alert.js +0 -2
- package/components/Alert/Alert.js.map +0 -1
- package/components/Alert/CountdownCircle.js +0 -2
- package/components/Alert/CountdownCircle.js.map +0 -1
- package/components/Alert/style.js +0 -2
- package/components/Alert/style.js.map +0 -1
- package/components/Alert/utils.js +0 -2
- package/components/Alert/utils.js.map +0 -1
- package/components/Amount/Amount.js +0 -2
- package/components/Amount/Amount.js.map +0 -1
- package/components/Amount/data/index.js +0 -2
- package/components/Amount/data/index.js.map +0 -1
- package/components/Amount/style.js +0 -2
- package/components/Amount/style.js.map +0 -1
- package/components/Anchor/Anchor.js +0 -2
- package/components/Anchor/Anchor.js.map +0 -1
- package/components/Anchor/constants.js +0 -2
- package/components/Anchor/constants.js.map +0 -1
- package/components/Anchor/style.js +0 -2
- package/components/Anchor/style.js.map +0 -1
- package/components/Arrow/Arrow.js +0 -2
- package/components/Arrow/Arrow.js.map +0 -1
- package/components/Arrow/constants.js +0 -2
- package/components/Arrow/constants.js.map +0 -1
- package/components/Arrow/default-constants.js +0 -2
- package/components/Arrow/default-constants.js.map +0 -1
- package/components/Arrow/style.js +0 -2
- package/components/Arrow/style.js.map +0 -1
- package/components/ArrowBadge/ArrowBadge.js +0 -2
- package/components/ArrowBadge/ArrowBadge.js.map +0 -1
- package/components/ArrowBadge/constants.js +0 -2
- package/components/ArrowBadge/constants.js.map +0 -1
- package/components/ArrowBadge/images/arrow.module.svg.js +0 -2
- package/components/ArrowBadge/images/arrow.module.svg.js.map +0 -1
- package/components/ArrowBadge/images/fancy.module.svg.js +0 -2
- package/components/ArrowBadge/images/fancy.module.svg.js.map +0 -1
- package/components/ArrowBadge/images/rectangle.module.svg.js +0 -2
- package/components/ArrowBadge/images/rectangle.module.svg.js.map +0 -1
- package/components/ArrowBadge/style.js +0 -2
- package/components/ArrowBadge/style.js.map +0 -1
- package/components/Avatar/Avatar.js +0 -2
- package/components/Avatar/Avatar.js.map +0 -1
- package/components/Avatar/constants.js +0 -2
- package/components/Avatar/constants.js.map +0 -1
- package/components/Avatar/default-constants.js +0 -2
- package/components/Avatar/default-constants.js.map +0 -1
- package/components/Avatar/style.js +0 -2
- package/components/Avatar/style.js.map +0 -1
- package/components/Avatar/utils.js +0 -2
- package/components/Avatar/utils.js.map +0 -1
- package/components/Badge/Badge.js +0 -2
- package/components/Badge/Badge.js.map +0 -1
- package/components/Badge/constants.js +0 -2
- package/components/Badge/constants.js.map +0 -1
- package/components/Badge/style.js +0 -2
- package/components/Badge/style.js.map +0 -1
- package/components/Button/Button.js +0 -2
- package/components/Button/Button.js.map +0 -1
- package/components/Button/constants.js +0 -2
- package/components/Button/constants.js.map +0 -1
- package/components/Button/default-constants.js +0 -2
- package/components/Button/default-constants.js.map +0 -1
- package/components/Button/hooks.js +0 -2
- package/components/Button/hooks.js.map +0 -1
- package/components/Button/style.js +0 -2
- package/components/Button/style.js.map +0 -1
- package/components/Checkbox/Checkbox.js +0 -2
- package/components/Checkbox/Checkbox.js.map +0 -1
- package/components/Checkbox/Group.js +0 -2
- package/components/Checkbox/Group.js.map +0 -1
- package/components/Checkbox/images/check-default.module.svg.js +0 -2
- package/components/Checkbox/images/check-default.module.svg.js.map +0 -1
- package/components/Checkbox/images/check.module.svg.js +0 -2
- package/components/Checkbox/images/check.module.svg.js.map +0 -1
- package/components/Checkbox/style.js +0 -2
- package/components/Checkbox/style.js.map +0 -1
- package/components/Chip/Chip.js +0 -2
- package/components/Chip/Chip.js.map +0 -1
- package/components/Chip/constants.js +0 -2
- package/components/Chip/constants.js.map +0 -1
- package/components/Chip/style.js +0 -2
- package/components/Chip/style.js.map +0 -1
- package/components/Container/Container.js +0 -2
- package/components/Container/Container.js.map +0 -1
- package/components/Container/style.js +0 -2
- package/components/Container/style.js.map +0 -1
- package/components/ContextMenu/ContextMenu.js +0 -2
- package/components/ContextMenu/ContextMenu.js.map +0 -1
- package/components/ContextMenu/Item.js +0 -2
- package/components/ContextMenu/Item.js.map +0 -1
- package/components/ContextMenu/style.js +0 -2
- package/components/ContextMenu/style.js.map +0 -1
- package/components/ContextMenu/tooltip-styles.js +0 -2
- package/components/ContextMenu/tooltip-styles.js.map +0 -1
- package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js +0 -2
- package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map +0 -1
- package/components/ContextMenu.Multilevel/Controls.js +0 -2
- package/components/ContextMenu.Multilevel/Controls.js.map +0 -1
- package/components/ContextMenu.Multilevel/Heading.js +0 -2
- package/components/ContextMenu.Multilevel/Heading.js.map +0 -1
- package/components/ContextMenu.Multilevel/SubHeading.js +0 -2
- package/components/ContextMenu.Multilevel/SubHeading.js.map +0 -1
- package/components/ContextMenu.Multilevel/style.js +0 -2
- package/components/ContextMenu.Multilevel/style.js.map +0 -1
- package/components/Dropdown/Dropdown.js +0 -2
- package/components/Dropdown/Dropdown.js.map +0 -1
- package/components/Dropdown/DropdownMenuNoOptions.js +0 -2
- package/components/Dropdown/DropdownMenuNoOptions.js.map +0 -1
- package/components/Dropdown/constants.js +0 -2
- package/components/Dropdown/constants.js.map +0 -1
- package/components/Dropdown/style.js +0 -2
- package/components/Dropdown/style.js.map +0 -1
- package/components/Dropdown/utils.js +0 -2
- package/components/Dropdown/utils.js.map +0 -1
- package/components/FormInputLabel/FormInputLabel.js +0 -2
- package/components/FormInputLabel/FormInputLabel.js.map +0 -1
- package/components/FormInputLabel/constants.js +0 -2
- package/components/FormInputLabel/constants.js.map +0 -1
- package/components/FormInputLabel/style.js +0 -2
- package/components/FormInputLabel/style.js.map +0 -1
- package/components/FormLabel/FormLabel.js +0 -2
- package/components/FormLabel/FormLabel.js.map +0 -1
- package/components/FormLabel/constants.js +0 -2
- package/components/FormLabel/constants.js.map +0 -1
- package/components/FormLabel/style.js +0 -2
- package/components/FormLabel/style.js.map +0 -1
- package/components/Icon/Icon.js +0 -2
- package/components/Icon/Icon.js.map +0 -1
- package/components/Icon/constants.js +0 -2
- package/components/Icon/constants.js.map +0 -1
- package/components/Icon/icons.js +0 -4
- package/components/Icon/icons.js.map +0 -1
- package/components/Icon/images/blackBoard.module.svg.js +0 -2
- package/components/Icon/images/blackBoard.module.svg.js.map +0 -1
- package/components/Icon/images/book.module.svg.js +0 -2
- package/components/Icon/images/book.module.svg.js.map +0 -1
- package/components/Icon/images/burger.module.svg.js +0 -2
- package/components/Icon/images/burger.module.svg.js.map +0 -1
- package/components/Icon/images/camps.module.svg.js +0 -2
- package/components/Icon/images/camps.module.svg.js.map +0 -1
- package/components/Icon/images/cart.module.svg.js +0 -2
- package/components/Icon/images/cart.module.svg.js.map +0 -1
- package/components/Icon/images/clock.module.svg.js +0 -2
- package/components/Icon/images/clock.module.svg.js.map +0 -1
- package/components/Icon/images/clockFilled.module.svg.js +0 -2
- package/components/Icon/images/clockFilled.module.svg.js.map +0 -1
- package/components/Icon/images/coins.module.svg.js +0 -2
- package/components/Icon/images/coins.module.svg.js.map +0 -1
- package/components/Icon/images/copy.module.svg.js +0 -2
- package/components/Icon/images/copy.module.svg.js.map +0 -1
- package/components/Icon/images/courses.module.svg.js +0 -2
- package/components/Icon/images/courses.module.svg.js.map +0 -1
- package/components/Icon/images/diamond.module.svg.js +0 -2
- package/components/Icon/images/diamond.module.svg.js.map +0 -1
- package/components/Icon/images/diamondFilled.module.svg.js +0 -2
- package/components/Icon/images/diamondFilled.module.svg.js.map +0 -1
- package/components/Icon/images/diamondSolid.module.svg.js +0 -2
- package/components/Icon/images/diamondSolid.module.svg.js.map +0 -1
- package/components/Icon/images/discount.module.svg.js +0 -2
- package/components/Icon/images/discount.module.svg.js.map +0 -1
- package/components/Icon/images/edit.module.svg.js +0 -2
- package/components/Icon/images/edit.module.svg.js.map +0 -1
- package/components/Icon/images/email.module.svg.js +0 -2
- package/components/Icon/images/email.module.svg.js.map +0 -1
- package/components/Icon/images/externat.module.svg.js +0 -2
- package/components/Icon/images/externat.module.svg.js.map +0 -1
- package/components/Icon/images/eye.module.svg.js +0 -2
- package/components/Icon/images/eye.module.svg.js.map +0 -1
- package/components/Icon/images/fire.module.svg.js +0 -2
- package/components/Icon/images/fire.module.svg.js.map +0 -1
- package/components/Icon/images/headphones.module.svg.js +0 -2
- package/components/Icon/images/headphones.module.svg.js.map +0 -1
- package/components/Icon/images/infoInverse.module.svg.js +0 -2
- package/components/Icon/images/infoInverse.module.svg.js.map +0 -1
- package/components/Icon/images/list.module.svg.js +0 -2
- package/components/Icon/images/list.module.svg.js.map +0 -1
- package/components/Icon/images/login.module.svg.js +0 -2
- package/components/Icon/images/login.module.svg.js.map +0 -1
- package/components/Icon/images/logout.module.svg.js +0 -2
- package/components/Icon/images/logout.module.svg.js.map +0 -1
- package/components/Icon/images/message.module.svg.js +0 -2
- package/components/Icon/images/message.module.svg.js.map +0 -1
- package/components/Icon/images/objective.module.svg.js +0 -2
- package/components/Icon/images/objective.module.svg.js.map +0 -1
- package/components/Icon/images/page.module.svg.js +0 -2
- package/components/Icon/images/page.module.svg.js.map +0 -1
- package/components/Icon/images/person.module.svg.js +0 -2
- package/components/Icon/images/person.module.svg.js.map +0 -1
- package/components/Icon/images/phone.module.svg.js +0 -2
- package/components/Icon/images/phone.module.svg.js.map +0 -1
- package/components/Icon/images/present.module.svg.js +0 -2
- package/components/Icon/images/present.module.svg.js.map +0 -1
- package/components/Icon/images/priceTag.module.svg.js +0 -2
- package/components/Icon/images/priceTag.module.svg.js.map +0 -1
- package/components/Icon/images/print.module.svg.js +0 -2
- package/components/Icon/images/print.module.svg.js.map +0 -1
- package/components/Icon/images/prof.module.svg.js +0 -2
- package/components/Icon/images/prof.module.svg.js.map +0 -1
- package/components/Icon/images/settings.module.svg.js +0 -2
- package/components/Icon/images/settings.module.svg.js.map +0 -1
- package/components/Icon/images/sort.module.svg.js +0 -2
- package/components/Icon/images/sort.module.svg.js.map +0 -1
- package/components/Icon/images/star.module.svg.js +0 -2
- package/components/Icon/images/star.module.svg.js.map +0 -1
- package/components/Icon/images/student.module.svg.js +0 -2
- package/components/Icon/images/student.module.svg.js.map +0 -1
- package/components/Icon/images/target.module.svg.js +0 -2
- package/components/Icon/images/target.module.svg.js.map +0 -1
- package/components/Icon/images/textbook.module.svg.js +0 -2
- package/components/Icon/images/textbook.module.svg.js.map +0 -1
- package/components/Icon/images/trophy.module.svg.js +0 -2
- package/components/Icon/images/trophy.module.svg.js.map +0 -1
- package/components/Icon/images/unsort.module.svg.js +0 -2
- package/components/Icon/images/unsort.module.svg.js.map +0 -1
- package/components/Icon/images/wallet.module.svg.js +0 -2
- package/components/Icon/images/wallet.module.svg.js.map +0 -1
- package/components/Icon/style.js +0 -2
- package/components/Icon/style.js.map +0 -1
- package/components/IconButton/IconButton.js +0 -2
- package/components/IconButton/IconButton.js.map +0 -1
- package/components/IconButton/constants.js +0 -2
- package/components/IconButton/constants.js.map +0 -1
- package/components/IconButton/style.js +0 -2
- package/components/IconButton/style.js.map +0 -1
- package/components/Indicator/Indicator.js +0 -2
- package/components/Indicator/Indicator.js.map +0 -1
- package/components/Indicator/constants.js +0 -2
- package/components/Indicator/constants.js.map +0 -1
- package/components/Indicator/style.js +0 -2
- package/components/Indicator/style.js.map +0 -1
- package/components/Input/Input.js +0 -2
- package/components/Input/Input.js.map +0 -1
- package/components/Input/helpers.js +0 -2
- package/components/Input/helpers.js.map +0 -1
- package/components/Input/style.js +0 -2
- package/components/Input/style.js.map +0 -1
- package/components/Input.Phone/Input.Phone.js +0 -2
- package/components/Input.Phone/Input.Phone.js.map +0 -1
- package/components/Input.Phone/constants.js +0 -2
- package/components/Input.Phone/constants.js.map +0 -1
- package/components/InputCheckbox/InputCheckbox.js +0 -2
- package/components/InputCheckbox/InputCheckbox.js.map +0 -1
- package/components/InputCheckbox/constants.js +0 -2
- package/components/InputCheckbox/constants.js.map +0 -1
- package/components/InputCheckbox/images/checked.module.svg.js +0 -2
- package/components/InputCheckbox/images/checked.module.svg.js.map +0 -1
- package/components/InputCheckbox/images/indeterminate.module.svg.js +0 -2
- package/components/InputCheckbox/images/indeterminate.module.svg.js.map +0 -1
- package/components/InputCheckbox/style.js +0 -2
- package/components/InputCheckbox/style.js.map +0 -1
- package/components/InputRadio/InputRadio.js +0 -2
- package/components/InputRadio/InputRadio.js.map +0 -1
- package/components/InputRadio/constants.js +0 -2
- package/components/InputRadio/constants.js.map +0 -1
- package/components/InputRadio/style.js +0 -2
- package/components/InputRadio/style.js.map +0 -1
- package/components/ListItem/ListItem.js +0 -2
- package/components/ListItem/ListItem.js.map +0 -1
- package/components/ListItem/constants.js +0 -2
- package/components/ListItem/constants.js.map +0 -1
- package/components/ListItem/style.js +0 -2
- package/components/ListItem/style.js.map +0 -1
- package/components/Menu/Menu.js +0 -2
- package/components/Menu/Menu.js.map +0 -1
- package/components/MenuComponent/MenuComponent.js +0 -2
- package/components/MenuComponent/MenuComponent.js.map +0 -1
- package/components/MenuComponent/constants.js +0 -2
- package/components/MenuComponent/constants.js.map +0 -1
- package/components/MenuComponent/style.js +0 -2
- package/components/MenuComponent/style.js.map +0 -1
- package/components/MenuContainer/MenuContainer.js +0 -2
- package/components/MenuContainer/MenuContainer.js.map +0 -1
- package/components/MenuContainer/style.js +0 -2
- package/components/MenuContainer/style.js.map +0 -1
- package/components/MenuDivider/MenuDivider.js +0 -2
- package/components/MenuDivider/MenuDivider.js.map +0 -1
- package/components/MenuDivider/style.js +0 -2
- package/components/MenuDivider/style.js.map +0 -1
- package/components/MenuList/MenuList.js +0 -2
- package/components/MenuList/MenuList.js.map +0 -1
- package/components/MenuList/style.js +0 -2
- package/components/MenuList/style.js.map +0 -1
- package/components/Modal/Close.js +0 -2
- package/components/Modal/Close.js.map +0 -1
- package/components/Modal/Modal.js +0 -2
- package/components/Modal/Modal.js.map +0 -1
- package/components/Modal/adapter.js +0 -2
- package/components/Modal/adapter.js.map +0 -1
- package/components/Modal/style.js +0 -2
- package/components/Modal/style.js.map +0 -1
- package/components/Paper/Paper.js +0 -2
- package/components/Paper/Paper.js.map +0 -1
- package/components/Paper/style.js +0 -2
- package/components/Paper/style.js.map +0 -1
- package/components/Popover/Popover.js +0 -2
- package/components/Popover/Popover.js.map +0 -1
- package/components/PopoverComponent/PopoverComponent.js +0 -2
- package/components/PopoverComponent/PopoverComponent.js.map +0 -1
- package/components/PopoverComponent/constants.js +0 -2
- package/components/PopoverComponent/constants.js.map +0 -1
- package/components/PopoverComponent/style.js +0 -2
- package/components/PopoverComponent/style.js.map +0 -1
- package/components/Progress/Progress.js +0 -2
- package/components/Progress/Progress.js.map +0 -1
- package/components/Progress/style.js +0 -2
- package/components/Progress/style.js.map +0 -1
- package/components/Progress.Circle/Progress.Circle.js +0 -2
- package/components/Progress.Circle/Progress.Circle.js.map +0 -1
- package/components/Progress.Circle/style.js +0 -2
- package/components/Progress.Circle/style.js.map +0 -1
- package/components/Progress.Segmented/Progress.Segmented.js +0 -2
- package/components/Progress.Segmented/Progress.Segmented.js.map +0 -1
- package/components/Progress.Segmented/style.js +0 -2
- package/components/Progress.Segmented/style.js.map +0 -1
- package/components/Radio/Group.js +0 -2
- package/components/Radio/Group.js.map +0 -1
- package/components/Radio/Radio.js +0 -2
- package/components/Radio/Radio.js.map +0 -1
- package/components/Radio/style.js +0 -2
- package/components/Radio/style.js.map +0 -1
- package/components/Scrollable/Scrollable.js +0 -2
- package/components/Scrollable/Scrollable.js.map +0 -1
- package/components/Section/Section.js +0 -2
- package/components/Section/Section.js.map +0 -1
- package/components/Section/style.js +0 -2
- package/components/Section/style.js.map +0 -1
- package/components/Select/Select.js +0 -2
- package/components/Select/Select.js.map +0 -1
- package/components/Select/style.js +0 -2
- package/components/Select/style.js.map +0 -1
- package/components/Separator/Separator.js +0 -2
- package/components/Separator/Separator.js.map +0 -1
- package/components/Separator/SeparatorText.js +0 -2
- package/components/Separator/SeparatorText.js.map +0 -1
- package/components/Separator/style.js +0 -2
- package/components/Separator/style.js.map +0 -1
- package/components/Skeleton/Skeleton.js +0 -2
- package/components/Skeleton/Skeleton.js.map +0 -1
- package/components/Skeleton/style.js +0 -2
- package/components/Skeleton/style.js.map +0 -1
- package/components/Spacer/Spacer.js +0 -2
- package/components/Spacer/Spacer.js.map +0 -1
- package/components/Spacer/style.js +0 -2
- package/components/Spacer/style.js.map +0 -1
- package/components/Spinner/Spinner.js +0 -2
- package/components/Spinner/Spinner.js.map +0 -1
- package/components/Spinner/style.js +0 -2
- package/components/Spinner/style.js.map +0 -1
- package/components/Switcher/Switcher.js +0 -2
- package/components/Switcher/Switcher.js.map +0 -1
- package/components/Switcher/constants.js +0 -2
- package/components/Switcher/constants.js.map +0 -1
- package/components/Switcher/style.js +0 -2
- package/components/Switcher/style.js.map +0 -1
- package/components/Tab/Tab.js +0 -2
- package/components/Tab/Tab.js.map +0 -1
- package/components/Tab/constants.js +0 -2
- package/components/Tab/constants.js.map +0 -1
- package/components/Tab/default-constants.js +0 -2
- package/components/Tab/default-constants.js.map +0 -1
- package/components/Tab/images/arrow.module.svg.js +0 -2
- package/components/Tab/images/arrow.module.svg.js.map +0 -1
- package/components/Tab/style.js +0 -2
- package/components/Tab/style.js.map +0 -1
- package/components/Tabs/Tabs.js +0 -2
- package/components/Tabs/Tabs.js.map +0 -1
- package/components/Tabs/style.js +0 -2
- package/components/Tabs/style.js.map +0 -1
- package/components/Tag/Tag.js +0 -2
- package/components/Tag/Tag.js.map +0 -1
- package/components/Tag/style.js +0 -2
- package/components/Tag/style.js.map +0 -1
- package/components/Text/Text.js +0 -2
- package/components/Text/Text.js.map +0 -1
- package/components/Text/constants.js +0 -2
- package/components/Text/constants.js.map +0 -1
- package/components/Text/default-constants.js +0 -2
- package/components/Text/default-constants.js.map +0 -1
- package/components/Text/style.js +0 -2
- package/components/Text/style.js.map +0 -1
- package/components/Text.Ellipse/Text.Ellipse.js +0 -2
- package/components/Text.Ellipse/Text.Ellipse.js.map +0 -1
- package/components/Text.Ellipse/style.js +0 -2
- package/components/Text.Ellipse/style.js.map +0 -1
- package/components/Text.Heading/Text.Heading.js +0 -2
- package/components/Text.Heading/Text.Heading.js.map +0 -1
- package/components/Textarea/Textarea.js +0 -2
- package/components/Textarea/Textarea.js.map +0 -1
- package/components/Textarea/style.js +0 -2
- package/components/Textarea/style.js.map +0 -1
- package/components/Tooltip/Tooltip.js +0 -2
- package/components/Tooltip/Tooltip.js.map +0 -1
- package/components/Tooltip/TooltipWrapper.js +0 -2
- package/components/Tooltip/TooltipWrapper.js.map +0 -1
- package/components/Tooltip/default-constants.js +0 -2
- package/components/Tooltip/default-constants.js.map +0 -1
- package/components/TooltipComponent/TooltipComponent.js +0 -2
- package/components/TooltipComponent/TooltipComponent.js.map +0 -1
- package/components/TooltipComponent/constants.js +0 -2
- package/components/TooltipComponent/constants.js.map +0 -1
- package/components/TooltipComponent/style.js +0 -2
- package/components/TooltipComponent/style.js.map +0 -1
- package/dts/index.d.ts +0 -4334
- package/hocs/withMergedProps.js +0 -2
- package/hocs/withMergedProps.js.map +0 -1
- package/hooks/use-config-priority.js +0 -2
- package/hooks/use-config-priority.js.map +0 -1
- package/hooks/useClassname.js +0 -2
- package/hooks/useClassname.js.map +0 -1
- package/hooks/useKeyboardListener.js +0 -2
- package/hooks/useKeyboardListener.js.map +0 -1
- package/hooks/useMergedPalette.js +0 -2
- package/hooks/useMergedPalette.js.map +0 -1
- package/hooks/useMergedProps.js +0 -2
- package/hooks/useMergedProps.js.map +0 -1
- package/hooks/useMergedSizes.js +0 -2
- package/hooks/useMergedSizes.js.map +0 -1
- package/index.cjs.js +0 -4
- package/index.cjs.js.map +0 -1
- package/index.js.map +0 -1
- package/mixins/color.js +0 -2
- package/mixins/color.js.map +0 -1
- package/mixins/create-responsive-props.js +0 -2
- package/mixins/create-responsive-props.js.map +0 -1
- package/mixins/display.js +0 -2
- package/mixins/display.js.map +0 -1
- package/mixins/focus.js +0 -2
- package/mixins/focus.js.map +0 -1
- package/mixins/responsive-margin.js +0 -2
- package/mixins/responsive-margin.js.map +0 -1
- package/mixins/responsive-property.js +0 -2
- package/mixins/responsive-property.js.map +0 -1
- package/mixins/responsive-size.js +0 -2
- package/mixins/responsive-size.js.map +0 -1
- package/mixins/screen.js +0 -2
- package/mixins/screen.js.map +0 -1
- package/mixins/shared.js +0 -2
- package/mixins/shared.js.map +0 -1
- package/mixins/vAlign.js +0 -2
- package/mixins/vAlign.js.map +0 -1
- package/shared/constants.js +0 -2
- package/shared/constants.js.map +0 -1
- package/shared/enums/sizeInput.js +0 -2
- package/shared/enums/sizeInput.js.map +0 -1
- package/shared/regexp.js +0 -2
- package/shared/regexp.js.map +0 -1
- package/shared/utils/colors.js +0 -2
- package/shared/utils/colors.js.map +0 -1
- package/shared/utils/dom.js +0 -2
- package/shared/utils/dom.js.map +0 -1
- package/shared/utils/rel-builder.js +0 -2
- package/shared/utils/rel-builder.js.map +0 -1
- package/shared/utils/style.js +0 -2
- package/shared/utils/style.js.map +0 -1
- package/theme/colors-dark.js +0 -2
- package/theme/colors-dark.js.map +0 -1
- package/theme/colors-light.js +0 -2
- package/theme/colors-light.js.map +0 -1
- package/theme/colors.js +0 -2
- package/theme/colors.js.map +0 -1
- package/theme/global-styled.js +0 -2
- package/theme/global-styled.js.map +0 -1
- package/theme/theme-provider.js +0 -2
- package/theme/theme-provider.js.map +0 -1
- package/theme/themes.js +0 -2
- package/theme/themes.js.map +0 -1
package/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var list=require('./components/Icon/list.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.defaultIcons=list.defaultIcons,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown;
|
package/package.json
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.38.0-beta-9d02105-20240808",
|
|
4
4
|
"description": "UI components library",
|
|
5
|
-
"main": "index.cjs.js",
|
|
6
|
-
"module": "index.js",
|
|
7
|
-
"jsnext:main": "index.js",
|
|
8
|
-
"typings": "dts/index.d.ts",
|
|
9
|
-
"peerDependencies": {
|
|
10
|
-
"@foxford/icon-pack": "0.5.4",
|
|
11
|
-
"@types/react-modal": ">=3.13",
|
|
12
|
-
"clsx": ">=1.1",
|
|
13
|
-
"ramda": ">=0.25",
|
|
14
|
-
"rc-scrollbars": ">=1.1",
|
|
15
|
-
"react": ">=16 <=18",
|
|
16
|
-
"react-dom": ">=16 <=18",
|
|
17
|
-
"react-modal": ">=3.15",
|
|
18
|
-
"react-router-dom": ">=5.x.x",
|
|
19
|
-
"react-select": "1.3.x",
|
|
20
|
-
"styled-components": ">=5.x",
|
|
21
|
-
"tinycolor2": ">=1.4"
|
|
22
|
-
},
|
|
23
5
|
"bugs": {
|
|
24
6
|
"url": "https://github.com/foxford/ui/issues"
|
|
25
7
|
},
|
|
@@ -34,52 +16,37 @@
|
|
|
34
16
|
],
|
|
35
17
|
"sideEffects": false,
|
|
36
18
|
"scripts": {},
|
|
37
|
-
"
|
|
38
|
-
"
|
|
19
|
+
"engines": {
|
|
20
|
+
"node": ">=20",
|
|
21
|
+
"npm": ">=6.x"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {},
|
|
24
|
+
"peerDependencies": {
|
|
39
25
|
"clsx": ">=1.1",
|
|
40
|
-
"
|
|
26
|
+
"history": "5.3.0",
|
|
41
27
|
"ramda": ">=0.25",
|
|
42
28
|
"rc-scrollbars": ">=1.1",
|
|
43
29
|
"react": ">=16 <=18",
|
|
30
|
+
"react-docgen": "5.4.3",
|
|
44
31
|
"react-dom": ">=16 <=18",
|
|
45
|
-
"react-
|
|
46
|
-
"react-input-mask": "2.0.4",
|
|
47
|
-
"react-modal": ">=3.15",
|
|
32
|
+
"react-group": "3.0.2",
|
|
48
33
|
"react-router-dom": ">=5.x.x",
|
|
49
|
-
"
|
|
50
|
-
"styled-components": ">=5.x",
|
|
51
|
-
"tinycolor2": ">=1.4"
|
|
52
|
-
},
|
|
53
|
-
"engines": {
|
|
54
|
-
"node": ">=14",
|
|
55
|
-
"npm": ">=6.x <=9.x"
|
|
34
|
+
"styled-components": "5.x"
|
|
56
35
|
},
|
|
36
|
+
"main": "index.js",
|
|
37
|
+
"module": "index.mjs",
|
|
38
|
+
"types": "dts/index.d.ts",
|
|
57
39
|
"exports": {
|
|
58
40
|
".": {
|
|
59
|
-
"require": "./index.
|
|
60
|
-
"default": "./index.
|
|
41
|
+
"require": "./index.js",
|
|
42
|
+
"default": "./index.mjs"
|
|
61
43
|
},
|
|
62
44
|
"./package.json": "./package.json",
|
|
63
|
-
"./shared/utils/rel-builder":
|
|
45
|
+
"./shared/utils/rel-builder": {
|
|
46
|
+
"require": "./shared/utils/rel-builder.js",
|
|
47
|
+
"default": "./shared/utils/rel-builder.mjs"
|
|
48
|
+
}
|
|
64
49
|
},
|
|
65
|
-
"files": [
|
|
66
|
-
"index.cjs.js",
|
|
67
|
-
"index.cjs.js.map",
|
|
68
|
-
"index.js",
|
|
69
|
-
"index.js.map",
|
|
70
|
-
"package.json",
|
|
71
|
-
"dts",
|
|
72
|
-
"components",
|
|
73
|
-
"mixins",
|
|
74
|
-
"theme",
|
|
75
|
-
"hooks",
|
|
76
|
-
"shared",
|
|
77
|
-
"hocs"
|
|
78
|
-
],
|
|
79
|
-
"keywords": [
|
|
80
|
-
"foxford",
|
|
81
|
-
"ui",
|
|
82
|
-
"ui-kit"
|
|
83
|
-
]
|
|
50
|
+
"files": []
|
|
84
51
|
}
|
|
85
52
|
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useClassname as s}from'../../hooks/useClassname.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as o}from'./style.js';import{jsxs as e,jsx as i}from'react/jsx-runtime';function n(t){var{icon:c,disabled:r=!1,onClick:m,children:l,className:d,active:p,style:j}=t;var f=s(n.displayName,d);return e(o,{className:f,style:j,disabled:r,active:p,onClick:m,children:[c&&i(a,{size:16,name:c}),l]})}n.displayName='ActionBtn';export{n as ActionBtn};
|
|
2
|
-
//# sourceMappingURL=ActionBtn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon } from 'components/Icon'\nimport type { IconName } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n /** Icon name (for inner Icon component) */\n icon?: IconName\n disabled?: boolean\n active?: boolean\n onClick?(): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n const _className = useClassname(ActionBtn.displayName, className)\n\n return (\n <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n {icon && <Icon size={16} name={icon} />}\n {children}\n </Styled.Root>\n )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"+MA0BO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,IAAMQ,EAAaC,EAAaV,EAAUW,YAAaL,GAEvD,OACEM,EAACC,EAAD,CAAaP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA/FC,SACGH,CAAAA,GAAQY,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMf,IAC9BG,KAbPL,EAAUW,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o,{css as r}from'styled-components';import{display as a}from'../../mixins/display.js';var e=r(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));var s=r(["&:hover{background:",";}&:active{","}"],(o=>o.theme.colors.mercury),e);var i=r(["cursor:default;opacity:0.6;"]);var t=o.div.withConfig({componentId:"fox-ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?i:s),(o=>o.active?e:null),(o=>o.display?a(o.display):r(["display:inline-block;"])));export{t as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n background: ${(props) => props.theme.colors.onahau};\n color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n &:hover {\n background: ${(props) => props.theme.colors.mercury};\n }\n &:active {\n ${active}\n }\n`\n\nconst disabled = css`\n cursor: default;\n opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n padding: 4px;\n background: transparent;\n color: ${(props) => props.theme.colors.silver};\n transition: background 0.4s ease-out, color 0.6s ease-out;\n line-height: 0;\n cursor: pointer;\n border-radius: 5px;\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.disabled ? disabled : notDisabled)}\n ${(props) => (props.active ? active : null)}\n ${(props) =>\n props.display\n ? display(props.display)\n : css`\n display: inline-block;\n `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","mercury","disabled","Root","styled","div","withConfig","componentId","silver","display"],"mappings":"6FAIA,IAAMA,EAASC,EAAH,CAAA,cAAA,UAAA,MACKC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,IAAMC,EAAcN,EAAH,CAAA,sBAAA,cAAA,MAEEC,GAAUA,EAAMC,MAAMC,OAAOI,SAG1CR,GAIN,IAAMS,EAAWR,EAAjB,CAAA,gCAKaS,IAAAA,EAAOC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAGRT,CAAAA,4CAAAA,mIAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOW,SAQpCb,GAAWA,EAAMO,SAAWA,EAAWF,IACvCL,GAAWA,EAAMF,OAASA,EAAS,OACnCE,GACDA,EAAMc,QACFA,EAAQd,EAAMc,SACdf,EAFJ,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as e,useState as r}from'react';import{useTheme as t}from'styled-components';import{Close as i,WarningTriangleFill as n,CheckCircleFill as s,NotifFill as a,CloseCirlceFill as c}from'@foxford/icon-pack';import{useClassname as l}from'../../hooks/useClassname.js';import{useConfigPriority as m}from'../../hooks/use-config-priority.js';import{Anchor as p}from'../Anchor/Anchor.js';import{Button as h}from'../Button/Button.js';import{Icon as u}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as C,IconWrapper as d,Timer as f,ContentWrapper as y,Title as k,Content as g,Link as w,Actions as x,CancelTimer as A,CloseIcon as T}from'./style.js';import{countdownColor as b}from'./utils.js';import{jsxs as v,jsx as z}from'react/jsx-runtime';var j=o=>{var{isCompact:e,theme:r,type:t}=o;var i=e?16:24;switch(t){case'error':return z(c,{color:r.colors['alert-bg-error-500'],size:i});case'info':return z(a,{color:r.colors['content-brand-primary'],size:i});case'success':return z(s,{color:r.colors['alert-success'],size:i});case'warning':return z(n,{color:r.colors['alert-warning'],size:i});default:return null}};var I='Alert';var W=e(((e,n)=>{var s;var a=t();var{cancelTimerText:c="Отменить",primaryAction:I,primaryActionProps:W={},secondaryAction:N,secondaryActionProps:P={},children:B,className:F,clear:M,customIcon:E,image:L,isCompact:O,link:R,linkProps:S={},noIcon:H,onClickCancelTimer:_,closeToast:q,size:D="s",style:G,textProps:J={},textWrap:K,timer:Q,title:U,titleProps:V={},type:X,width:Y=['fit-content','fit-content','fit-content','351px','304px','304px']}=m(null===(s=a.components)||void 0===s?void 0:s.Alert,e);var Z=l("Alert",F);var[$,oo]=r(!1);var eo=Boolean('l'===D||!!U||O&&(U||R||I||N));return v(C,{className:Z,clear:M,column:eo,isCompact:O,noIcon:H,onMouseEnter:()=>{Q&&oo(!0)},onMouseLeave:()=>{Q&&oo(!1)},ref:n,size:D,style:G,textWrap:K,type:X,width:Y,withAction:!!I||!!N,withCloseIcon:!!q,withImage:!!L,withLink:!!R,withTimer:!!Q,withTitle:!!U,children:[(!H||E)&&v(d,{column:eo,isCompact:O,withImage:!!L,children:[!H&&!Q&&!E&&!L&&j({isCompact:O,theme:a,type:X}),E&&z(u,{name:E,size:O?16:24}),L,Q&&z(f,{isCompact:O,paused:$,timer:Q,color:b({theme:a,type:X})})]}),v(y,{column:eo,isCompact:O,children:[U&&z(k,o(o({color:a.colors['content-onmain-primary'],isCompact:O,size:O?14:16,lineHeight:"m"},V),{},{children:U})),z(g,o(o({appearance:"body",color:a.colors['content-onmain-primary'],column:eo,isCompact:O,size:O?'xs':'s',textWrap:K},J),{},{children:B})),R&&z(w,{clear:M,column:eo,isCompact:O,withTitle:!!U,children:z(p,o(o({color:e.clear?a.colors['content-link']:a.colors['content-onmain-primary'],onClick:R.onClick,preset:"default",pseudo:!0,size:O?'s':'m'},S),{},{children:R.content}))}),(I||N)&&v(x,{column:eo,isCompact:O,withTitle:!!U,children:[N&&z(h,o(o({black:!0,fontWeight:"normal",onClick:N.onClick,outline:!0,preset:"brand",size:O?'xs':'s',margin:4},P),{},{children:N.content})),I&&z(h,o(o({black:!0,fontWeight:"normal",onClick:I.onClick,preset:"brand",size:O?'xs':'s',margin:4},W),{},{children:I.content}))]})]}),_&&z(A,{black:!0,clear:!0,fontWeight:"normal",isCompact:O,onClick:_,preset:"brand",size:O?'xs':'s',margin:4,children:c}),q&&(!O||!Q)&&z(T,{"aria-label":"close",onClick:q,type:"button",withTimer:!!Q,children:z(i,{color:a.colors['content-onmain-primary'],size:O?18:24})})]})}));W.displayName="Alert";export{W as Alert,I as COMPONENT_NAME};
|
|
2
|
-
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n isCompact,\n theme,\n type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n const size = isCompact ? 16 : 24\n\n switch (type) {\n case 'error':\n return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n case 'info':\n return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n case 'success':\n return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n case 'warning':\n return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n default:\n return null\n }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n const theme = useTheme()\n\n const {\n cancelTimerText = 'Отменить',\n primaryAction,\n primaryActionProps = {},\n secondaryAction,\n secondaryActionProps = {},\n children,\n className,\n clear,\n customIcon,\n image,\n isCompact,\n link,\n linkProps = {},\n noIcon,\n onClickCancelTimer,\n closeToast,\n size = 's',\n style,\n textProps = {},\n textWrap,\n timer,\n title,\n titleProps = {},\n type,\n width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n const _className = useClassname(COMPONENT_NAME, className)\n const [timerOnPause, setTimerOnPause] = useState(false)\n\n const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n const handleMouseEnter = () => {\n if (timer) {\n setTimerOnPause(true)\n }\n }\n\n const handleMouseLeave = () => {\n if (timer) {\n setTimerOnPause(false)\n }\n }\n\n return (\n <Styled.Root\n className={_className}\n clear={clear}\n column={column}\n isCompact={isCompact}\n noIcon={noIcon}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n size={size}\n style={style}\n textWrap={textWrap}\n type={type}\n width={width}\n withAction={!!primaryAction || !!secondaryAction}\n withCloseIcon={!!closeToast}\n withImage={!!image}\n withLink={!!link}\n withTimer={!!timer}\n withTitle={!!title}\n >\n {(!noIcon || customIcon) && (\n <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n {image}\n {timer && (\n <Styled.Timer\n isCompact={isCompact}\n paused={timerOnPause}\n timer={timer}\n color={countdownColor({ theme, type })}\n />\n )}\n </Styled.IconWrapper>\n )}\n\n <Styled.ContentWrapper column={column} isCompact={isCompact}>\n {title && (\n <Styled.Title\n color={theme.colors['content-onmain-primary']}\n isCompact={isCompact}\n size={isCompact ? 14 : 16}\n lineHeight='m'\n {...titleProps}\n >\n {title}\n </Styled.Title>\n )}\n\n <Styled.Content\n appearance='body'\n color={theme.colors['content-onmain-primary']}\n column={column}\n isCompact={isCompact}\n size={isCompact ? 'xs' : 's'}\n textWrap={textWrap}\n {...textProps}\n >\n {children}\n </Styled.Content>\n\n {link && (\n <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n <Anchor\n color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n onClick={link.onClick}\n preset='default'\n pseudo\n size={isCompact ? 's' : 'm'}\n {...linkProps}\n >\n {link.content}\n </Anchor>\n </Styled.Link>\n )}\n\n {(primaryAction || secondaryAction) && (\n <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n {secondaryAction && (\n <Button\n black\n fontWeight='normal'\n onClick={secondaryAction.onClick}\n outline\n preset='brand'\n size={isCompact ? 'xs' : 's'}\n margin={4}\n {...secondaryActionProps}\n >\n {secondaryAction.content}\n </Button>\n )}\n\n {primaryAction && (\n <Button\n black\n fontWeight='normal'\n onClick={primaryAction.onClick}\n preset='brand'\n size={isCompact ? 'xs' : 's'}\n margin={4}\n {...primaryActionProps}\n >\n {primaryAction.content}\n </Button>\n )}\n </Styled.Actions>\n )}\n </Styled.ContentWrapper>\n\n {onClickCancelTimer && (\n <Styled.CancelTimer\n black\n clear\n fontWeight='normal'\n isCompact={isCompact}\n onClick={onClickCancelTimer}\n preset='brand'\n size={isCompact ? 'xs' : 's'}\n margin={4}\n >\n {cancelTimerText}\n </Styled.CancelTimer>\n )}\n\n {closeToast && (isCompact ? !timer : true) && (\n <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n </Styled.CloseIcon>\n )}\n </Styled.Root>\n )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","_ref","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","_theme$components","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled.Root","onMouseEnter","onMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Styled.IconWrapper","Icon","name","Styled.Timer","paused","countdownColor","Styled.ContentWrapper","Styled.Title","_objectSpread","lineHeight","Styled.Content","appearance","Styled.Link","Anchor","onClick","preset","pseudo","content","Styled.Actions","Button","black","fontWeight","outline","margin","Styled.CancelTimer","Styled.CloseIcon","Close","displayName"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useState as r,useRef as e,useEffect as s}from'react';import{DefaultColorNames as t}from'../../theme/colors.js';import{Progress as a}from'../Progress/Progress.js';import{jsx as o}from'react/jsx-runtime';var l=l=>{var{className:c,color:n,isCompact:m,paused:i,timer:u}=l;var[p,f]=r(u);var v=e();return s((()=>()=>{v.current&&clearInterval(v.current)}),[]),s((()=>{i?clearInterval(v.current):v.current=setInterval((()=>{f((r=>r<=.05?(clearInterval(v.current),r):r-.05))}),50)}),[i]),o(a.Circle,{className:c,progress:p/u*100,progressStartAngle:0,resultColor:n,size:m?16:20,strokeBGColor:t.transparent,strokeLineWidth:1.5,children:Math.ceil(p)})};export{l as CountdownCircle};
|
|
2
|
-
//# sourceMappingURL=CountdownCircle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n const [countdown, setCountdown] = useState(timer)\n const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n useEffect(() => {\n return () => {\n if (intervalId.current) {\n clearInterval(intervalId.current)\n }\n }\n }, [])\n\n useEffect(() => {\n if (paused) {\n clearInterval(intervalId.current)\n } else {\n intervalId.current = setInterval(() => {\n setCountdown((prevCountdown) => {\n if (prevCountdown <= progressRate) {\n clearInterval(intervalId.current)\n return prevCountdown\n }\n\n return prevCountdown - progressRate\n })\n }, progressRate * 1000)\n }\n }, [paused])\n\n const progress = (countdown / timer) * 100\n\n return (\n <Progress.Circle\n className={className}\n progress={progress}\n progressStartAngle={0}\n resultColor={color}\n size={isCompact ? 16 : 20}\n strokeBGColor={DefaultColorNames.transparent}\n strokeLineWidth={1.5}\n >\n {Math.ceil(countdown)}\n </Progress.Circle>\n )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","_ref","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","_jsx","Progress","Circle","progress","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"iNASMA,IAAAA,EAAkBC,IAA0E,IAAzEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,OAA+BA,EAA/BC,MAAuCA,GAAkCL,EAChG,IAAOM,EAAWC,GAAgBC,EAASH,GAC3C,IAAMI,EAAaC,IA6BnB,OA3BAC,OACS,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,WAG5B,IAEHD,QACMP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAAA,KACnBP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,QA2BZC,MAEJ,CAACZ,IAKFa,EAACC,EAASC,OAAV,CACElB,UAAWA,EACXmB,SALcd,EAAYD,EAAS,IAMnCgB,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAeC,EAAkBC,YACjCC,gBAAiB,IAPnBC,SASGC,KAAKC,KAAKxB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import n from'styled-components';import{focus as o}from'../../mixins/focus.js';import{responsiveProperty as t}from'../../mixins/responsive-property.js';import{Button as i}from'../Button/Button.js';import{Text as c}from'../Text/Text.js';import{CountdownCircle as a}from'./CountdownCircle.js';var r=n=>{var{column:o,isCompact:t,withImage:i,withTimer:c}=n;return o?'16px':t?c?'5px':'12px':i?'8px':c?'2px':'12px'};var e=n=>{var{column:o,isCompact:t}=n;return t?'20px':o?'28px':'32px'};var p=n.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>"\n display: flex;\n align-items: ".concat(n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center',";\n justify-content: ").concat(n.withTimer?'space-between':'flex-start',";\n padding-top: ").concat(r(n),";\n padding-right: ").concat((n=>{var{isCompact:o,withCloseIcon:t,withTimer:i}=n;return t?o?'12px':'16px':i?'8px':'20px'})(n),";\n padding-bottom: ").concat(r(n),";\n padding-left: ").concat((n=>{var{isCompact:o,noIcon:t,size:i,withAction:c,withImage:a,withTitle:r}=n;return o?r||'l'===i?a||!t?'16px':'20px':a?'12px':c&&t?'20px':'16px':r||'l'===i?a||!t?'16px':'24px':a?'16px':'20px'})(n),";\n height: ").concat(n.isCompact||n.column||n.textWrap?'auto':'48px',";\n min-width: ").concat(n.isCompact?'304px':'auto',";\n max-width: ").concat(n.isCompact?'351px':'100%',";\n border-radius: ").concat(n.column?n.isCompact?'20px':'12px':'30px',";\n background-color: ").concat(((n,o,t)=>{if(o)return n.colors['bg-onmain-primary'];switch(t){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type),";\n box-shadow: ").concat(n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none',";\n box-sizing: border-box;\n ")),t('width','width'));var s=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>"\n display: flex;\n margin-right: ".concat((n=>{var{column:o,isCompact:t,withImage:i}=n;return t?'8px':o?i?'8px':'12px':'8px'})(n),";\n ")),(n=>n.withImage?"\n img,\n svg {\n height: ".concat(e(n),";\n width: ").concat(e(n),";\n }\n "):null));var m=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>"\n display: flex;\n margin-right: auto;\n flex-direction: ".concat(n.column?'column':'row',";\n align-items: ").concat(n.column?'flex-start':'center',";\n align-self: center;\n max-width: ").concat(n.column?'260px':'initial',";\n white-space: ").concat(n.column||n.isCompact?'normal':'nowrap',";\n overflow: hidden;\n ")));var l=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>"\n display: inline-block;\n margin-top: ".concat(n.isCompact?'0':'2px',";\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n ")));var x=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>"\n text-overflow: ".concat(n.column||n.isCompact?'clip':'ellipsis',";\n white-space: ").concat(n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit',";\n overflow: hidden;\n ")));var u=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>"\n display: flex;\n margin-top: ".concat(n.column?n.isCompact&&!n.withTitle?'4px':'12px':0,";\n margin-left: ").concat(n.column?0:'60px',";\n color: ").concat(n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary'],";\n ")));var d=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>"\n margin-top: ".concat((n=>{var{column:o,isCompact:t,withTitle:i}=n;return o?t?i?'16px':'8px':'16px':0})(n),";\n margin-left: ").concat(n.column?0:'60px',";\n ")));var g=n.button.withConfig({componentId:"fox-ui__sc-1v79u95-7"})([""," ",""],(n=>"\n appearance: none;\n display: flex;\n margin-left: ".concat(n.withTimer?'0':'16px',";\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n border-radius: 50%;\n ")),o);var h=n(i).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>"\n margin-left: ".concat(n.isCompact?'28px':'60px',";\n padding-right: ").concat(n.isCompact?'16px':'28px',";\n padding-left: ").concat(n.isCompact?'16px':'28px',";\n ")));var f=n(a).withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>"\n line-height: ".concat(n.isCompact?'12px':'18px',";\n font-weight: ").concat(n.isCompact?'700':'400',";\n font-size: ").concat(n.isCompact?'11px':'14px',";\n color: ").concat(n.color,";\n\n svg {\n transform: rotateY(180deg);\n }\n ")));export{d as Actions,h as CancelTimer,g as CloseIcon,x as Content,m as ContentWrapper,s as IconWrapper,u as Link,p as Root,f as Timer,l as Title};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n ActionsProps,\n AlertType,\n CancelTimerProps,\n CloseIconProps,\n ContentProps,\n ContentWrapperProps,\n CountdownCircleProps,\n IconWrapperProps,\n LinkProps,\n RootAlertProps,\n TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n if (clear) {\n return theme.colors['bg-onmain-primary']\n }\n\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-200']\n case 'info':\n return theme.colors['bg-brand-primary-200']\n case 'success':\n return theme.colors['alert-bg-success-200']\n case 'warning':\n return theme.colors['alert-bg-warning-200']\n default:\n return theme.colors['bg-oncolor-primary']\n }\n}\n\nconst getPaddingY = ({\n column,\n isCompact,\n withImage,\n withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n if (column) return '16px'\n\n if (isCompact) {\n return withTimer ? '5px' : '12px'\n }\n\n return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n isCompact,\n noIcon,\n size,\n withAction,\n withImage,\n withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n if (isCompact) {\n if (withTitle || size === 'l') {\n return withImage || !noIcon ? '16px' : '20px'\n }\n\n return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n }\n\n if (withTitle || size === 'l') {\n return withImage || !noIcon ? '16px' : '24px'\n }\n\n return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n isCompact,\n withCloseIcon,\n withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n if (withCloseIcon) {\n return isCompact ? '12px' : '16px'\n }\n\n return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n column,\n isCompact,\n withImage,\n}: {\n column: boolean\n isCompact?: boolean\n withImage: boolean\n}) => {\n if (isCompact) return '8px'\n\n return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n if (isCompact) return '20px'\n\n return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n column,\n isCompact,\n withTitle,\n}: {\n column: boolean\n isCompact?: boolean\n withTitle: boolean\n}) => {\n if (column) {\n return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n }\n\n return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n ${(props) => `\n display: flex;\n align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n padding-top: ${getPaddingY(props)};\n padding-right: ${paddingRight(props)};\n padding-bottom: ${getPaddingY(props)};\n padding-left: ${paddingLeft(props)};\n height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n min-width: ${props.isCompact ? '304px' : 'auto'};\n max-width: ${props.isCompact ? '351px' : '100%'};\n border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n box-sizing: border-box;\n `}\n ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: ${getMarginRightIconWrapper(props)};\n `}\n\n ${(props) =>\n props.withImage\n ? `\n img,\n svg {\n height: ${getImageSize(props)};\n width: ${getImageSize(props)};\n }\n `\n : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n ${(props) => `\n display: flex;\n margin-right: auto;\n flex-direction: ${props.column ? 'column' : 'row'};\n align-items: ${props.column ? 'flex-start' : 'center'};\n align-self: center;\n max-width: ${props.column ? '260px' : 'initial'};\n white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n overflow: hidden;\n `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n ${(props) => `\n display: inline-block;\n margin-top: ${props.isCompact ? '0' : '2px'};\n margin-bottom: 8px;\n max-width: 100%;\n vertical-align: middle;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-weight: 700;\n overflow: hidden;\n `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n ${(props) => `\n text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n overflow: hidden;\n `}\n`\n\nexport const Link = styled.div<LinkProps>`\n ${(props) => `\n display: flex;\n margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n margin-left: ${props.column ? 0 : '60px'};\n color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n ${(props) => `\n margin-top: ${getActionsMarginTop(props)};\n margin-left: ${props.column ? 0 : '60px'};\n `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n ${(props) => `\n appearance: none;\n display: flex;\n margin-left: ${props.withTimer ? '0' : '16px'};\n border-radius: 0;\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n cursor: pointer;\n border-radius: 50%;\n `}\n ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n ${(props) => `\n margin-left: ${props.isCompact ? '28px' : '60px'};\n padding-right: ${props.isCompact ? '16px' : '28px'};\n padding-left: ${props.isCompact ? '16px' : '28px'};\n `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n ${(props) => `\n line-height: ${props.isCompact ? '12px' : '18px'};\n font-weight: ${props.isCompact ? '700' : '400'};\n font-size: ${props.isCompact ? '11px' : '14px'};\n color: ${props.color};\n\n svg {\n transform: rotateY(180deg);\n }\n `}\n`\n"],"names":["getPaddingY","_ref","column","isCompact","withImage","withTimer","getImageSize","_ref5","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","concat","textWrap","paddingRight","_ref3","withCloseIcon","paddingLeft","_ref2","noIcon","size","withAction","withTitle","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","_ref4","ContentWrapper","Title","Text","Content","Link","Actions","_ref6","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"mSA4CA,IAAMA,EAAcC,IAK4D,IAL3DC,OACnBA,EADmBC,UAEnBA,EAFmBC,UAGnBA,EAHmBC,UAInBA,GAC8EJ,EAC9E,OAAIC,EAAe,OAEfC,EACKE,EAAY,MAAQ,OAGtBD,EAAY,MAAQC,EAAY,MAAQ,QAoDjD,IAAMC,EAAeC,IAAqE,IAApEL,OAAEA,EAAFC,UAAUA,GAA0DI,EACxF,OAAIJ,EAAkB,OAEfD,EAAS,OAAS,QAmBpB,IAAMM,EAAOC,EAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,eAAgB,eAAgB,SAASC,SAASD,KAD1FF,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,IAAA,KAGZO,GAAD,0CAAAC,OAEeD,EAAMd,SAAWc,EAAMb,WAAaa,EAAMX,UAAYW,EAAME,UAAY,aAAe,SACnFF,4BAAAA,OAAAA,EAAMX,UAAY,gBAAkB,aAHvD,wBAAAY,OAIejB,EAAYgB,GACVG,0BAAAA,OAxDAC,CAAAA,IAIoD,IAJnDjB,UACpBA,EADoBkB,cAEpBA,EAFoBhB,UAGpBA,GACuEe,EACvE,OAAIC,EACKlB,EAAY,OAAS,OAGvBE,EAAY,MAAQ,QATRe,CAwDaJ,GAL9B,2BAAAC,OAMkBjB,EAAYgB,GACdM,yBAAAA,OAjFAC,CAAAA,IAOoF,IAPnFpB,UACnBA,EADmBqB,OAEnBA,EAFmBC,KAGnBA,EAHmBC,WAInBA,EAJmBtB,UAKnBA,EALmBuB,UAMnBA,GACsGJ,EACtG,OAAIpB,EACEwB,GAAsB,MAATF,EACRrB,IAAcoB,EAAS,OAAS,OAGlCpB,EAAY,OAASsB,GAAcF,EAAS,OAAS,OAG1DG,GAAsB,MAATF,EACRrB,IAAcoB,EAAS,OAAS,OAGlCpB,EAAY,OAAS,QApBVmB,CAiFYP,GAP5B,mBAAAC,OAQUD,EAAMb,WAAaa,EAAMd,QAAUc,EAAME,SAAW,OAAS,OAC1DF,sBAAAA,OAAAA,EAAMb,UAAY,QAAU,OAC5Ba,sBAAAA,OAAAA,EAAMb,UAAY,QAAU,OACxBa,0BAAAA,OAAAA,EAAMd,OAAUc,EAAMb,UAAY,OAAS,OAAU,OAXtE,6BAAAc,OA5GY,EAACW,EAAqBC,EAAgBC,KACpD,GAAID,EACF,OAAOD,EAAMG,OAAO,qBAGtB,OAAQD,GACN,IAAK,QACH,OAAOF,EAAMG,OAAO,sBACtB,IAAK,OACH,OAAOH,EAAMG,OAAO,wBACtB,IAAK,UACH,OAAOH,EAAMG,OAAO,wBACtB,IAAK,UACH,OAAOH,EAAMG,OAAO,wBACtB,QACE,OAAOH,EAAMG,OAAO,wBAfV,CAwHgBf,EAAMY,QAASZ,EAAMa,MAAOb,EAAMc,MAZ9D,uBAAAb,OAacD,EAAMa,MAAQ,kCAAoC,OAbhE,uCAgBAG,EAAmB,QAAS,UAGnBC,IAAAA,EAAcxB,EAAOC,IAAVC,WAAA,CAAAI,YAAA,wBAAGN,CACtBO,CAAAA,GAAAA,IAAAA,MAAAA,GAEekB,2CAAAA,OA7DcC,CAAAA,IAQ5B,IAR6BjC,OACjCA,EADiCC,UAEjCA,EAFiCC,UAGjCA,GAKI+B,EACJ,OAAIhC,EAAkB,MAEfD,EAAUE,EAAY,MAAQ,OAAU,OAXf+B,CA6DYnB,GAHtB,WAMnBA,GACDA,EAAMZ,UAIYE,0DAAAA,OAAAA,EAAaU,GAJ/B,0BAAAC,OAKiBX,EAAaU,GAG1B,4BAAA,OAGKoB,IAAAA,EAAiB3B,EAAOC,IAAVC,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,KACtBO,GAGiBA,sEAAAA,OAAAA,EAAMd,OAAS,SAAW,MAH5C,wBAAAe,OAIeD,EAAMd,OAAS,aAAe,SAEhCc,+CAAAA,OAAAA,EAAMd,OAAS,QAAU,UANtC,wBAAAe,OAOeD,EAAMd,QAAUc,EAAMb,UAAY,SAAW,+CAKnDkC,EAAQ5B,EAAO6B,GAAV3B,WAAA,CAAAI,YAAA,wBAAGN,CAChBO,CAAAA,GAAAA,KAAAA,GAEaA,iDAAAA,OAAAA,EAAMb,UAAY,IAAM,MAFtC,iMAaSoC,EAAU9B,EAAO6B,GAAV3B,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,KACfO,GAAD,wBAAAC,OACiBD,EAAMd,QAAUc,EAAMb,UAAY,OAAS,WAC7Ca,wBAAAA,OAAAA,EAAMd,QAAUc,EAAMb,WAAaa,EAAME,SAAW,WAAa,4CAKvEsB,IAAAA,EAAO/B,EAAOC,IAAVC,WAAA,CAAAI,YAAA,wBAAGN,CACfO,CAAAA,GAAAA,KAAAA,mDAEaA,EAAMd,OAAUc,EAAMb,YAAca,EAAMW,UAAY,MAAQ,OAAU,EAFtF,wBAAAV,OAGeD,EAAMd,OAAS,EAAI,OACzBc,kBAAAA,OAAAA,EAAMa,MAAQb,EAAMY,MAAMG,OAAO,gBAAkBf,EAAMY,MAAMG,OAAO,0BAJ/E,WAQSU,IAAAA,EAAUhC,EAAOC,IAAVC,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,KACfO,GAAD,sBAAAC,OArGwByB,CAAAA,IAQtB,IARuBxC,OAC3BA,EAD2BC,UAE3BA,EAF2BwB,UAG3BA,GAKIe,EACJ,OAAIxC,EACKC,EAAawB,EAAY,OAAS,MAAS,OAG7C,GAbmBe,CAsGW1B,GADnC,yBAAAC,OAEgBD,EAAMd,OAAS,EAAI,kBAI1ByC,IAAAA,EAAYlC,EAAOmC,OAAVjC,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,IAAA,KACjBO,GAAD,iEAAAC,OAGeD,EAAMX,UAAY,IAAM,OAHvC,kKAYAwC,OAGSC,EAAcrC,EAAOsC,GAAVpC,WAAA,CAAAI,YAAA,wBAAGN,CACtBO,CAAAA,GAAAA,KAAAA,GACcA,sBAAAA,OAAAA,EAAMb,UAAY,OAAS,OACzBa,0BAAAA,OAAAA,EAAMb,UAAY,OAAS,OAF5C,yBAAAc,OAGgBD,EAAMb,UAAY,OAAS,OAH3C,eAOS6C,EAAQvC,EAAOwC,GAAVtC,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,GAAA,KACbO,GAAD,sBAAAC,OACeD,EAAMb,UAAY,OAAS,OAD1C,wBAAAc,OAEeD,EAAMb,UAAY,MAAQ,MAC5Ba,sBAAAA,OAAAA,EAAMb,UAAY,OAAS,OAC/Ba,kBAAAA,OAAAA,EAAMkC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var r=r=>{var{theme:e,type:o}=r;switch(o){case'error':return e.colors['alert-bg-error-500'];case'info':default:return e.colors['content-brand-primary'];case'success':return e.colors['alert-success'];case'warning':return e.colors['alert-warning']}};export{r as countdownColor};
|
|
2
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { CSSColor } from 'shared/types'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): CSSColor => {\n switch (type) {\n case 'error':\n return theme.colors['alert-bg-error-500']\n case 'info':\n return theme.colors['content-brand-primary']\n case 'success':\n return theme.colors['alert-success']\n case 'warning':\n return theme.colors['alert-warning']\n default:\n return theme.colors['content-brand-primary']\n }\n}\n"],"names":["countdownColor","_ref","theme","type","colors"],"mappings":"AAMO,IAAMA,EAAiBC,IAAmF,IAAlFC,MAAEA,EAAFC,KAASA,GAAyEF,EAC/G,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{PureComponent as t}from'react';import a from'clsx';import{Text as s}from'../Text/Text.js';import{CURRENCY_MAP as n}from'./data/index.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as c,Fragment as l}from'react/jsx-runtime';var m=["value","digitsAfterPoint","currency","isHeader","className","style","crossedOut","onlyCurrency"];var u=/^0+$/;function d(r){var e=t=>{var{length:a}=t;if(a<=r)return[t];var s=a-r;return[t.slice(s,a)].concat(e(t.slice(0,s)))};return e}class p extends t{constructor(){super(...arguments),this.renderCurrencySymbol=r=>i("span",{style:{position:'relative'},children:['RUR'===this.props.currency?c("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,c("span",{children:" ".concat(r)})]})}static getCurrencySymbol(r){return n[r]||r}renderMinorPart(r){var{showZeroMinorPart:e,separator:t}=this.props;var a=!1;return r&&(a=!0,!e&&u.test(r)&&(a=!1)),a?i("span",{className:"minor-container",children:[c("span",{className:"separator",children:t}),c("span",{className:"minor",children:r})]}):null}render(){var t=this.props,{value:n,digitsAfterPoint:u,currency:v,isHeader:y,className:h,style:b,crossedOut:f,onlyCurrency:P}=t,g=e(t,m);var{majorPart:j,minorPart:x,isNegative:N,currencySymbol:C}=function(r,e,t){var a=arguments.length>0&&void 0!==r?r:0;var s=arguments.length>1?e:void 0;var n=arguments.length>2?t:void 0;var o=a<0;var i=Math.abs(a).toFixed(s).split('.');var c=i[0];var l=i[1];var m=d(3)(c).reverse().join(' ');var u=m+(l?",".concat(l):'');return{majorPart:m,minorPart:l,value:u,isNegative:o,currencySymbol:n?p.getCurrencySymbol(n):''}}(n,u,v);var S=a('amount',h);var A=i(o,{className:S,style:b,crossedOut:f,children:[P?null:i(l,{children:[i("span",{className:"major",children:[N&&"−",j]}),this.renderMinorPart(x)]}),v&&this.renderCurrencySymbol(C)]});return c(y?s.Heading:s,r(r({},g),{},{as:"span",children:A}))}}p.displayName='Amount',p.defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};export{p as Amount};
|
|
2
|
-
//# sourceMappingURL=Amount.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends TextProps {\n /**\n * Value for amount\n */\n value?: number\n /**\n * Digits after point\n */\n digitsAfterPoint?: number\n /**\n * Show zero minor part\n */\n showZeroMinorPart?: boolean\n /**\n * Separator of major and minor part of amount\n */\n separator?: string\n /**\n * International code of currency.\n */\n currency?: keyof typeof CurrencyCodes | string\n /**\n * Use Header component for display amount\n */\n isHeader?: boolean\n /**\n * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n */\n crossedOut?: boolean\n /**\n * If need only currency symbol\n */\n onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n const parts = (str: string): string[] => {\n const { length } = str\n\n if (length <= partSize) {\n return [str]\n }\n\n const from = length - partSize\n const to = length\n\n return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n }\n\n return parts\n}\n\nfunction formatAmount(\n value: AmountProps['value'] = 0,\n digitsAfterPoint: AmountProps['digitsAfterPoint'],\n currencyCode: AmountProps['currency']\n) {\n const isNegative = value < 0\n\n const valueAbs = Math.abs(value)\n const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n const numberParts = valueAbsStr.split('.')\n const majorPart = numberParts[0]\n const minorPart = numberParts[1]\n\n const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n return {\n majorPart: majorPartFormatted,\n minorPart,\n value: formattedValueStr,\n isNegative,\n currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n static displayName = 'Amount'\n static defaultProps = {\n isHeader: false,\n showZeroMinorPart: false,\n crossedOut: false,\n digitsAfterPoint: 2,\n separator: ',',\n onlyCurrency: false,\n }\n\n static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string) {\n return CURRENCY_MAP[currencyCode] || currencyCode\n }\n\n renderMinorPart(minorPart: string) {\n const { showZeroMinorPart, separator } = this.props\n\n let needMinorPart = false\n\n if (minorPart) {\n needMinorPart = true\n\n if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n needMinorPart = false\n }\n }\n\n if (needMinorPart) {\n return (\n <span className='minor-container'>\n <span className='separator'>{separator}</span>\n <span className='minor'>{minorPart}</span>\n </span>\n )\n }\n\n return null\n }\n\n renderCurrencySymbol = (currencySymbol: string) => (\n <span style={{ position: 'relative' }}>\n {this.props.currency === 'RUR' ? (\n <span\n style={{\n position: 'absolute',\n width: 0,\n opacity: 0,\n visibility: 'hidden',\n }}\n >\n руб.\n </span>\n ) : null}\n <span>{` ${currencySymbol}`}</span>\n </span>\n )\n\n render() {\n const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n this.props\n\n const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n const classNames = cx('amount', className)\n\n const amountInner = (\n <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n {!onlyCurrency ? (\n <>\n <span className='major'>\n {isNegative && MINUS_SIGN_HTML_CODE}\n {majorPart}\n </span>\n {this.renderMinorPart(minorPart)}\n </>\n ) : null}\n {currency && this.renderCurrencySymbol(currencySymbol)}\n </Styled.Root>\n )\n\n const Element = isHeader ? Text.Heading : Text\n\n return (\n <Element {...rest} as='span'>\n {amountInner}\n </Element>\n )\n }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","undefined","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","displayName","defaultProps"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var R;(R=>{R.ALL="ALL",R.AFN="AFN",R.ARS="ARS",R.AWG="AWG",R.AUD="AUD",R.AZN="AZN",R.BSD="BSD",R.BBD="BBD",R.BYR="BYR",R.BZD="BZD",R.BMD="BMD",R.BOB="BOB",R.BAM="BAM",R.BWP="BWP",R.BGN="BGN",R.BRL="BRL",R.BND="BND",R.KHR="KHR",R.CAD="CAD",R.KYD="KYD",R.CLP="CLP",R.CNY="CNY",R.COP="COP",R.CRC="CRC",R.HRK="HRK",R.CUP="CUP",R.CZK="CZK",R.DKK="DKK",R.DOP="DOP",R.XCD="XCD",R.EGP="EGP",R.SVC="SVC",R.EEK="EEK",R.EUR="EUR",R.FKP="FKP",R.FJD="FJD",R.FRF="FRF",R.GHC="GHC",R.GIP="GIP",R.GTQ="GTQ",R.GGP="GGP",R.GYD="GYD",R.HNL="HNL",R.HKD="HKD",R.HUF="HUF",R.ISK="ISK",R.INR="INR",R.IDR="IDR",R.IRR="IRR",R.IMP="IMP",R.ILS="ILS",R.JMD="JMD",R.JPY="JPY",R.JEP="JEP",R.KZT="KZT",R.KGS="KGS",R.LAK="LAK",R.LVL="LVL",R.LBP="LBP",R.LRD="LRD",R.LTL="LTL",R.MKD="MKD",R.MYR="MYR",R.MUR="MUR",R.MXN="MXN",R.MNT="MNT",R.MZN="MZN",R.NAD="NAD",R.NPR="NPR",R.ANG="ANG",R.NZD="NZD",R.NIO="NIO",R.NGN="NGN",R.KPW="KPW",R.NOK="NOK",R.OMR="OMR",R.PKR="PKR",R.PAB="PAB",R.PYG="PYG",R.PEN="PEN",R.PHP="PHP",R.PLN="PLN",R.QAR="QAR",R.RON="RON",R.RUR="RUR",R.RUB="RUB",R.SHP="SHP",R.SAR="SAR",R.RSD="RSD",R.SCR="SCR",R.SGD="SGD",R.SBD="SBD",R.SOS="SOS",R.ZAR="ZAR",R.KRW="KRW",R.LKR="LKR",R.SEK="SEK",R.CHF="CHF",R.SRD="SRD",R.SYP="SYP",R.TWD="TWD",R.THB="THB",R.TTD="TTD",R.TRY="TRY",R.TRL="TRL",R.TVD="TVD",R.UAH="UAH",R.GBP="GBP",R.USD="USD",R.UYU="UYU",R.UZS="UZS",R.VEF="VEF",R.VND="VND",R.YER="YER",R.ZWD="ZWD"})(R||(R={}));var D=Object.freeze({ALL:'Lek',AFN:'؋',ARS:'$',AWG:'ƒ',AUD:'$',AZN:'₼',BSD:'$',BBD:'$',BYR:'Br',BZD:'BZ$',BMD:'$',BOB:'$b',BAM:'KM',BWP:'P',BGN:'лв',BRL:'R$',BND:'$',KHR:'៛',CAD:'C$',KYD:'$',CLP:'$',CNY:'¥',COP:'$',CRC:'₡',HRK:'kn',CUP:'₱',CZK:'Kč',DKK:'kr',DOP:'RD$',XCD:'$',EGP:'£',SVC:'$',EEK:'kr',EUR:'€',FKP:'£',FJD:'$',FRF:'₣',GHC:'¢',GIP:'£',GTQ:'Q',GGP:'£',GYD:'$',HNL:'L',HKD:'$',HUF:'Ft',ISK:'kr',INR:'₨',IDR:'Rp',IRR:'﷼',IMP:'£',ILS:'₪',JMD:'J$',JPY:'¥',JEP:'£',KZT:'₸',KGS:'KGS',LAK:'₭',LVL:'Ls',LBP:'£',LRD:'$',LTL:'Lt',MKD:'ден',MYR:'RM',MUR:'₨',MXN:'$',MNT:'₮',MZN:'MT',NAD:'$',NPR:'₨',ANG:'ƒ',NZD:'$',NIO:'C$',NGN:'₦',KPW:'₩',NOK:'kr',OMR:'﷼',PKR:'₨',PAB:'B/.',PYG:'Gs',PEN:'S/.',PHP:'₱',PLN:'zł',QAR:'﷼',RON:'lei',RUR:'₽',RUB:'₽',SHP:'£',SAR:'﷼',RSD:'Дин.',SCR:'₨',SGD:'$',SBD:'$',SOS:'S',ZAR:'R',KRW:'₩',LKR:'₨',SEK:'kr',CHF:'CHF',SRD:'$',SYP:'£',TWD:'NT$',THB:'฿',TTD:'TT$',TRY:'₤',TRL:'₤',TVD:'$',UAH:'₴',GBP:'£',USD:'$',UYU:'$U',UZS:'лв',VEF:'Bs',VND:'₫',YER:'﷼',ZWD:'Z$'});export{D as CURRENCY_MAP,R as CurrencyCodes};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Amount/data/index.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nexport enum CurrencyCodes {\n ALL = 'ALL',\n AFN = 'AFN',\n ARS = 'ARS',\n AWG = 'AWG',\n AUD = 'AUD',\n AZN = 'AZN',\n BSD = 'BSD',\n BBD = 'BBD',\n BYR = 'BYR',\n BZD = 'BZD',\n BMD = 'BMD',\n BOB = 'BOB',\n BAM = 'BAM',\n BWP = 'BWP',\n BGN = 'BGN',\n BRL = 'BRL',\n BND = 'BND',\n KHR = 'KHR',\n CAD = 'CAD',\n KYD = 'KYD',\n CLP = 'CLP',\n CNY = 'CNY',\n COP = 'COP',\n CRC = 'CRC',\n HRK = 'HRK',\n CUP = 'CUP',\n CZK = 'CZK',\n DKK = 'DKK',\n DOP = 'DOP',\n XCD = 'XCD',\n EGP = 'EGP',\n SVC = 'SVC',\n EEK = 'EEK',\n EUR = 'EUR',\n FKP = 'FKP',\n FJD = 'FJD',\n FRF = 'FRF',\n GHC = 'GHC',\n GIP = 'GIP',\n GTQ = 'GTQ',\n GGP = 'GGP',\n GYD = 'GYD',\n HNL = 'HNL',\n HKD = 'HKD',\n HUF = 'HUF',\n ISK = 'ISK',\n INR = 'INR',\n IDR = 'IDR',\n IRR = 'IRR',\n IMP = 'IMP',\n ILS = 'ILS',\n JMD = 'JMD',\n JPY = 'JPY',\n JEP = 'JEP',\n KZT = 'KZT',\n KGS = 'KGS',\n LAK = 'LAK',\n LVL = 'LVL',\n LBP = 'LBP',\n LRD = 'LRD',\n LTL = 'LTL',\n MKD = 'MKD',\n MYR = 'MYR',\n MUR = 'MUR',\n MXN = 'MXN',\n MNT = 'MNT',\n MZN = 'MZN',\n NAD = 'NAD',\n NPR = 'NPR',\n ANG = 'ANG',\n NZD = 'NZD',\n NIO = 'NIO',\n NGN = 'NGN',\n KPW = 'KPW',\n NOK = 'NOK',\n OMR = 'OMR',\n PKR = 'PKR',\n PAB = 'PAB',\n PYG = 'PYG',\n PEN = 'PEN',\n PHP = 'PHP',\n PLN = 'PLN',\n QAR = 'QAR',\n RON = 'RON',\n RUR = 'RUR',\n RUB = 'RUB',\n SHP = 'SHP',\n SAR = 'SAR',\n RSD = 'RSD',\n SCR = 'SCR',\n SGD = 'SGD',\n SBD = 'SBD',\n SOS = 'SOS',\n ZAR = 'ZAR',\n KRW = 'KRW',\n LKR = 'LKR',\n SEK = 'SEK',\n CHF = 'CHF',\n SRD = 'SRD',\n SYP = 'SYP',\n TWD = 'TWD',\n THB = 'THB',\n TTD = 'TTD',\n TRY = 'TRY',\n TRL = 'TRL',\n TVD = 'TVD',\n UAH = 'UAH',\n GBP = 'GBP',\n USD = 'USD',\n UYU = 'UYU',\n UZS = 'UZS',\n VEF = 'VEF',\n VND = 'VND',\n YER = 'YER',\n ZWD = 'ZWD',\n}\n\nexport const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>> = Object.freeze({\n ALL: '\\u004C\\u0065\\u006b',\n AFN: '\\u060B',\n ARS: '\\u0024',\n AWG: '\\u0192',\n AUD: '\\u0024',\n AZN: '\\u20BC',\n BSD: '\\u0024',\n BBD: '\\u0024',\n BYR: '\\u0042\\u0072',\n BZD: '\\u0042\\u005a\\u0024',\n BMD: '\\u0024',\n BOB: '\\u0024\\u0062',\n BAM: '\\u004B\\u004d',\n BWP: '\\u0050',\n BGN: '\\u043B\\u0432',\n BRL: '\\u0052\\u0024',\n BND: '\\u0024',\n KHR: '\\u17DB',\n CAD: '\\u0043\\u0024',\n KYD: '\\u0024',\n CLP: '\\u0024',\n CNY: '\\u00A5',\n COP: '\\u0024',\n CRC: '\\u20A1',\n HRK: '\\u006B\\u006e',\n CUP: '\\u20B1',\n CZK: '\\u004B\\u010d',\n DKK: '\\u006B\\u0072',\n DOP: '\\u0052\\u0044\\u0024',\n XCD: '\\u0024',\n EGP: '\\u00A3',\n SVC: '\\u0024',\n EEK: '\\u006B\\u0072',\n EUR: '\\u20AC',\n FKP: '\\u00A3',\n FJD: '\\u0024',\n FRF: '\\u20A3',\n GHC: '\\u00A2',\n GIP: '\\u00A3',\n GTQ: '\\u0051',\n GGP: '\\u00A3',\n GYD: '\\u0024',\n HNL: '\\u004C',\n HKD: '\\u0024',\n HUF: '\\u0046\\u0074',\n ISK: '\\u006B\\u0072',\n INR: '\\u20A8',\n IDR: '\\u0052\\u0070',\n IRR: '\\uFDFC',\n IMP: '\\u00A3',\n ILS: '\\u20AA',\n JMD: '\\u004A\\u0024',\n JPY: '\\u00A5',\n JEP: '\\u00A3',\n KZT: '\\u20B8',\n KGS: '\\u004B\\u0047\\u0053',\n LAK: '\\u20AD',\n LVL: '\\u004C\\u0073',\n LBP: '\\u00A3',\n LRD: '\\u0024',\n LTL: '\\u004C\\u0074',\n MKD: '\\u0434\\u0435\\u043d',\n MYR: '\\u0052\\u004d',\n MUR: '\\u20A8',\n MXN: '\\u0024',\n MNT: '\\u20AE',\n MZN: '\\u004D\\u0054',\n NAD: '\\u0024',\n NPR: '\\u20A8',\n ANG: '\\u0192',\n NZD: '\\u0024',\n NIO: '\\u0043\\u0024',\n NGN: '\\u20A6',\n KPW: '\\u20A9',\n NOK: '\\u006B\\u0072',\n OMR: '\\uFDFC',\n PKR: '\\u20A8',\n PAB: '\\u0042\\u002f\\u002e',\n PYG: '\\u0047\\u0073',\n PEN: '\\u0053\\u002f\\u002e',\n PHP: '\\u20B1',\n PLN: '\\u007A\\u0142',\n QAR: '\\uFDFC',\n RON: '\\u006C\\u0065\\u0069',\n RUR: '\\u20BD',\n RUB: '\\u20BD',\n SHP: '\\u00A3',\n SAR: '\\uFDFC',\n RSD: '\\u0414\\u0438\\u043d\\u002e',\n SCR: '\\u20A8',\n SGD: '\\u0024',\n SBD: '\\u0024',\n SOS: '\\u0053',\n ZAR: '\\u0052',\n KRW: '\\u20A9',\n LKR: '\\u20A8',\n SEK: '\\u006B\\u0072',\n CHF: '\\u0043\\u0048\\u0046',\n SRD: '\\u0024',\n SYP: '\\u00A3',\n TWD: '\\u004E\\u0054\\u0024',\n THB: '\\u0E3F',\n TTD: '\\u0054\\u0054\\u0024',\n TRY: '\\u20A4',\n TRL: '\\u20A4',\n TVD: '\\u0024',\n UAH: '\\u20B4',\n GBP: '\\u00A3',\n USD: '\\u0024',\n UYU: '\\u0024\\u0055',\n UZS: '\\u043B\\u0432',\n VEF: '\\u0042\\u0073',\n VND: '\\u20AB',\n YER: '\\uFDFC',\n ZWD: '\\u005A\\u0024',\n})\n"],"names":["CurrencyCodes","CURRENCY_MAP","Object","freeze","ALL","AFN","ARS","AWG","AUD","AZN","BSD","BBD","BYR","BZD","BMD","BOB","BAM","BWP","BGN","BRL","BND","KHR","CAD","KYD","CLP","CNY","COP","CRC","HRK","CUP","CZK","DKK","DOP","XCD","EGP","SVC","EEK","EUR","FKP","FJD","FRF","GHC","GIP","GTQ","GGP","GYD","HNL","HKD","HUF","ISK","INR","IDR","IRR","IMP","ILS","JMD","JPY","JEP","KZT","KGS","LAK","LVL","LBP","LRD","LTL","MKD","MYR","MUR","MXN","MNT","MZN","NAD","NPR","ANG","NZD","NIO","NGN","KPW","NOK","OMR","PKR","PAB","PYG","PEN","PHP","PLN","QAR","RON","RUR","RUB","SHP","SAR","RSD","SCR","SGD","SBD","SOS","ZAR","KRW","LKR","SEK","CHF","SRD","SYP","TWD","THB","TTD","TRY","TRL","TVD","UAH","GBP","USD","UYU","UZS","VEF","VND","YER","ZWD"],"mappings":"AACA,IAAYA,GAAAA,IAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,cAAAA,IAAAA,WAsHCC,EAAwDC,OAAOC,OAAO,CACjFC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,OACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o,{css as t}from'styled-components';var s=t(["text-decoration:line-through;"]);var e=o.span.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(o=>o.crossedOut?s:null));export{e as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Amount/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { AmountProps } from './Amount'\n\nconst crossedOut = css`\n text-decoration: line-through;\n`\n\nexport const Root = styled.span.withConfig<AmountProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n color: inherit;\n white-space: nowrap;\n ${(props) => (props.crossedOut ? crossedOut : null)}\n`\n"],"names":["crossedOut","css","Root","styled","span","withConfig","shouldForwardProp","prop","includes","componentId","props"],"mappings":"2CAGA,IAAMA,EAAaC,EAAnB,CAAA,kCAIO,IAAMC,EAAOC,EAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAKfO,CAAAA,oCAAAA,KAAAA,GAAWA,EAAMV,WAAaA,EAAa"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Link as s}from'react-router-dom';import{useTheme as i}from'styled-components';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{useClassname as a}from'../../hooks/useClassname.js';import{Text as n}from'../Text/Text.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as p}from'./constants.js';import{Root as c}from'./style.js';import{jsx as d,jsxs as l,Fragment as v}from'react/jsx-runtime';var f=["size","autoRel","textProps","iconProps","icon","children","content"];var h='Anchor';var u=t(e(((e,t)=>{var p,h,u;var{size:g="inherit",autoRel:j=!0,textProps:P={},iconProps:b={},icon:x,children:y,content:A}=e,N=o(e,f);var T=i();var z=a("Anchor",N.className);var I=null===(p=T.utils)||void 0===p?void 0:p.relBuilder;var R=null!==(h=N.href)&&void 0!==h?h:N.to;var M=null!==(u=N.rel)&&void 0!==u?u:j&&I&&'string'==typeof R?I(R,N.target):void 0;var[w,C]=Array.isArray(x)?x:[x];var E={as:'span',size:'inherit',color:'inherit',underline:N.underline,marginLeft:w?'0.25em':void 0,marginRight:C?'0.25em':void 0};var S={as:'span',color:'inherit'};var k;return N.to&&(k=s),N.pseudo&&(k='div'),N.disabled&&(k='span'),N.as&&(k=N.as),d(c,r(r({},N),{},{ref:t,as:k,className:z,size:g,rel:M,"data-disabled":N.disabled,children:'function'==typeof y?y({baseTextProps:E,textProps:P,iconBaseProps:S,iconProps:b,icon:x}):'brand'===e.preset?l(v,{children:[w&&d(m,r(r({name:'string'==typeof w?w:void 0,icon:'string'!=typeof w?w:void 0},S),b)),d(n,r(r(r({},E),P),{},{children:y||A})),C&&d(m,r(r({name:'string'==typeof C?C:void 0,icon:'string'!=typeof C?C:void 0},S),b))]}):d(v,{children:y||A})}))})),{displayName:"Anchor",sizes:p});export{u as Anchor,h as COMPONENT_NAME};
|
|
2
|
-
//# sourceMappingURL=Anchor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n forwardRef((props, ref) => {\n const {\n size = 'inherit',\n autoRel = true,\n textProps = {},\n iconProps = {},\n icon,\n children,\n content,\n ...restProps\n } = props\n\n const theme = useTheme()\n\n const className = useClassname(COMPONENT_NAME, restProps.className)\n const relBuilder = theme.utils?.relBuilder\n const href = restProps.href ?? restProps.to\n\n const rel =\n restProps.rel ??\n (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const baseTextProps: TextProps = {\n as: 'span',\n size: 'inherit',\n color: 'inherit',\n underline: restProps.underline,\n marginLeft: before ? '0.25em' : undefined,\n marginRight: after ? '0.25em' : undefined,\n }\n\n const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n let rootNode\n if (restProps.to) rootNode = Link\n if (restProps.pseudo) rootNode = 'div'\n if (restProps.disabled) rootNode = 'span'\n if (restProps.as) rootNode = restProps.as\n\n return (\n <Styled.Root\n {...restProps}\n ref={ref}\n as={rootNode}\n className={className}\n size={size}\n rel={rel}\n data-disabled={restProps.disabled}\n >\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n ) : props.preset === 'brand' ? (\n <>\n {before && (\n <Icon\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n <Text {...baseTextProps} {...textProps}>\n {children || content}\n </Text>\n {after && (\n <Icon\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n </>\n ) : (\n <>{children || content}</>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","withMergedProps","forwardRef","props","ref","_theme$utils","_restProps$href","_restProps$rel","size","autoRel","textProps","iconProps","icon","children","content","restProps","_excluded","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","undefined","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled.Root","preset","_jsxs","_Fragment","Icon","_objectSpread","name","Text","displayName","sizes","SIZES"],"mappings":"kqBAaMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,GAAW,CAACC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,KACJA,EAAO,UADHC,QAEJA,GAAU,EAFNC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,SAMJA,EANIC,QAOJA,GAEEX,EADCY,IACDZ,EATJa,GAWA,IAAMC,EAAQC,IAEd,IAAMC,EAAYC,EA3BC,SA2B4BL,EAAUI,WACzD,IAAME,EAAU,QAAGJ,EAAAA,EAAMK,aAAAA,IAATjB,OAAAA,EAAGA,EAAagB,WAChC,IAAME,EAAyBR,UAAlBA,EAAUQ,YAAAA,IAAQR,EAAAA,EAAAA,EAAUS,GAEzC,IAAMC,UACJV,EAAAA,EAAUU,WAAAA,QACThB,GAAWY,GAA8B,iBAATE,EAAoBF,EAAWE,EAAMR,EAAUW,aAAUC,EAE5F,IAAOC,EAAQC,GAASC,MAAMC,QAAQnB,GAAQA,EAAO,CAACA,GAEtD,IAAMoB,EAA2B,CAC/BC,GAAI,OACJzB,KAAM,UACN0B,MAAO,UACPC,UAAWpB,EAAUoB,UACrBC,WAAYR,EAAS,cAAA,EACrBS,YAAaR,EAAQ,cAAWF,GAGlC,IAAMW,EAA2B,CAAEL,GAAI,OAAQC,MAAO,WAEtD,IAAIK,EAMJ,OALIxB,EAAUS,KAAIe,EAAWC,GACzBzB,EAAU0B,SAAQF,EAAW,OAC7BxB,EAAU2B,WAAUH,EAAW,QAC/BxB,EAAUkB,KAAIM,EAAWxB,EAAUkB,IAGrCU,EAACC,SACK7B,GADN,GAAA,CAEEX,IAAKA,EACL6B,GAAIM,EACJpB,UAAWA,EACXX,KAAMA,EACNiB,IAAKA,EACL,gBAAeV,EAAU2B,SAP3B7B,SASuB,mBAAbA,EACNA,EAAS,CAAEmB,cAAAA,EAAetB,UAAAA,EAAW4B,cAAAA,EAAe3B,UAAAA,EAAWC,KAAAA,IAC5C,UAAjBT,EAAM0C,OACRC,EAAAC,EAAA,CAAAlC,SACGe,CAAAA,GACCe,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAwB,iBAAXtB,EAAsBA,OAAAA,EACnChB,KAAwB,iBAAXgB,EAAsBA,UAC/BU,GACA3B,IAGRgC,EAACQ,EAADF,EAAAA,EAAAA,EAAA,GAAUjB,GAAmBtB,GAA7B,GAAA,CAAAG,SACGA,GAAYC,KAEde,GACCc,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAuB,iBAAVrB,EAAqBA,OAAAA,EAClCjB,KAAuB,iBAAViB,EAAqBA,OAAAA,GAC9BS,GACA3B,OAKVgC,EAAAI,EAAA,CAAAlC,SAAGA,GAAYC,UAKvB,CACEsC,YA/FmB,SAgGnBC,MAAOC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Anchor/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n fontSize: 24,\n },\n xxl: {\n fontSize: 22,\n },\n xl: {\n fontSize: 20,\n },\n l: {\n fontSize: 18,\n },\n m: {\n fontSize: 16,\n },\n s: {\n fontSize: 14,\n },\n xs: {\n fontSize: 12,\n },\n xxs: {\n fontSize: 10,\n },\n xxxs: {\n fontSize: 8,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import n,{css as r}from'styled-components';import e from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{getColor as i}from'../../mixins/color.js';import{focus as l}from'../../mixins/focus.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{display as s}from'../../mixins/display.js';var d=t((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));var p=o=>"\n color: ".concat(o.color,";\n &:hover {\n color: ").concat(o.colorHover,";\n }\n &:active {\n color: ").concat(o.color,";\n }\n &[data-disabled=\"true\"] {\n color: ").concat(o.colorDisabled,";\n }\n");var m={default:r(["",""],(n=>p(o({color:n.wrapper?'inherit':n.theme.colors.accent,colorHover:n.wrapper?'inherit':n.theme.colors.primary,colorDisabled:n.theme.colors['content-disabled']},n.palette)))),primary:r(["",""],(n=>p(o({color:n.theme.colors['content-link'],colorHover:e(n.theme.colors['content-link']).lighten(10).toString(),colorDisabled:n.theme.colors['content-disabled']},n.palette)))),onColored:r(["",""],(n=>p(o({color:n.theme.colors['content-oncolor-primary'],colorHover:e(n.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:n.theme.colors['content-oncolor-disabled']},n.palette))))};var b=n.a.withConfig({shouldForwardProp:d}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>"\n box-sizing: border-box;\n isolation: isolate;\n transition-property: color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n vertical-align: ").concat(o.verticalAlign?"".concat('string'==typeof o.verticalAlign?o.verticalAlign:'text-bottom'):'baseline',";\n ").concat('brand'===o.preset?"\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-decoration: none;\n ":"\n display: ".concat(o.wrapper?'block':'inline-block',";\n text-decoration-line: ").concat(!0===o.underline?'underline':'none',";\n border-bottom: ").concat(o.pseudo||'string'==typeof o.underline?"1px ".concat('string'==typeof o.underline?o.underline:'dashed'):'none',";\n "),"\n \n ")),(o=>o.onColored?m.onColored:'brand'===o.preset?m.primary:m.default),l,c,a,(o=>o.display&&s(o.display)),(o=>o.color&&"color: ".concat(i(o.color,o),";")));export{b as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n color: ${palette.color};\n &:hover {\n color: ${palette.colorHover};\n }\n &:active {\n color: ${palette.color};\n }\n &[data-disabled=\"true\"] {\n color: ${palette.colorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: css<StyledAnchorProps>`\n ${(props) =>\n template({\n color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n colorDisabled: props.theme.colors['content-disabled'],\n ...props.palette,\n })}\n `,\n primary: css<StyledAnchorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-link'],\n colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n colorDisabled: props.theme.colors['content-disabled'],\n ...props.palette,\n })}\n `,\n onColored: css<StyledAnchorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n if (props.onColored) return COLOR_SCHEMA.onColored\n return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n shouldForwardProp: shouldForwardAnchorProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n isolation: isolate;\n transition-property: color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n vertical-align: ${\n props.verticalAlign\n ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n : 'baseline'\n };\n ${\n props.preset === 'brand'\n ? `\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-decoration: none;\n `\n : `\n display: ${props.wrapper ? 'block' : 'inline-block'};\n text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n border-bottom: ${\n props.pseudo || typeof props.underline === 'string'\n ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n : 'none'\n };\n `\n }\n \n `}\n\n ${anchorStyles}\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n \n ${(props) => props.display && display(props.display)}\n ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","concat","colorDisabled","COLOR_SCHEMA","default","css","props","_objectSpread","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"sdAYA,IAAMA,EAA0BC,GAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,IAAME,EAAYC,wBACPA,EAAQC,MAEND,+BAAAA,OAAAA,EAAQE,WAHJ,qCAAAC,OAMJH,EAAQC,mEAGRD,EAAQI,cATrB,YAaA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOC,OACtDX,WAAYM,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOE,QAC3DV,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfc,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,gBAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEb,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfkB,UAAWX,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,2BAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFb,cAAeI,EAAMG,MAAMC,OAAO,6BAC/BJ,EAAMR,aAUV,IAAMoB,EAAOC,EAAOC,EAAEC,WAA8B,CACzDC,kBAAmB7B,IADJ4B,WAAA,CAAAE,YAAA,wBAAGJ,CAGfb,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAMWA,+LAAAA,OAAAA,EAAMkB,SAAW,cAAgB,UAEzClB,6BAAAA,OAAAA,EAAMmB,wBACgC,iBAAxBnB,EAAMmB,cAA6BnB,EAAMmB,cAAgB,eACnE,+BAGa,UAAjBnB,EAAMoB,OAAN,uMAAA,4BAAAzB,OASiBK,EAAME,QAAU,QAAU,eAT3C,2CAAAP,QAAAA,IAU8BK,EAAMqB,UAAqB,YAAc,OAE/DrB,oCAAAA,OAAAA,EAAMsB,QAAqC,iBAApBtB,EAAMqB,UAClB,OAAA1B,OAA2B,iBAApBK,EAAMqB,UAAyBrB,EAAMqB,UAAY,UAC/D,OA3BhB,mBAAA,cARkBrB,GAChBA,EAAMU,UAAkBb,EAAaa,UACjB,UAAjBV,EAAMoB,OAAqBvB,EAAaS,QAAUT,EAAaC,SAyCpEyB,EACAC,EACAC,GAECzB,GAAUA,EAAM0B,SAAWA,EAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMP,OAAmBkC,UAAAA,OAAAA,EAAS3B,EAAMP,MAAOO,GAA/C"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import{Root as p}from'./style.js';import{jsx as m}from'react/jsx-runtime';var n=["type","size","iconProps"];var c='Arrow';var f=s(e(((e,s)=>{var{type:a="button",size:i="l",iconProps:c={}}=e,f=o(e,n);return m(p,r(r({},f),{},{type:a,size:i,ref:s,children:m(t,r(r({name:'brand'===f.preset?'arrowUp':'chevronUp'},{as:'span',color:'inherit'}),c))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?a:i});export{f as Arrow,c as COMPONENT_NAME};
|
|
2
|
-
//# sourceMappingURL=Arrow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n forwardRef((props, ref) => {\n const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+dAUMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SACEF,EAACG,EAADC,EAAAA,EAAA,CAAMC,KAA2B,UAArBP,EAAUQ,OAAqB,UAAY,aAJ1B,CAAEC,GAAI,OAAQC,MAAO,YAIyCX,UAIjG,CACEY,YAzBmB,QA0BnBC,MAAQjB,GAA4B,UAAjBA,EAAMa,OAAqBK,EAAQC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t={xxxl:{width:60,height:60,fontSize:28},xxl:{width:56,height:56,fontSize:28},xl:{width:52,height:52,fontSize:28},l:{width:48,height:48,fontSize:24},m:{width:44,height:44,fontSize:24},s:{width:40,height:40,fontSize:24},xs:{width:36,height:36,fontSize:20},xxs:{width:32,height:32,fontSize:20},xxxs:{width:28,height:28,fontSize:20}};export{t as SIZES};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 60,\n height: 60,\n fontSize: 28,\n },\n xxl: {\n width: 56,\n height: 56,\n fontSize: 28,\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 28,\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 24,\n },\n m: {\n width: 44,\n height: 44,\n fontSize: 24,\n },\n s: {\n width: 40,\n height: 40,\n fontSize: 24,\n },\n xs: {\n width: 36,\n height: 36,\n fontSize: 20,\n },\n xxs: {\n width: 32,\n height: 32,\n fontSize: 20,\n },\n xxxs: {\n width: 28,\n height: 28,\n fontSize: 20,\n },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{t as SIZES_DEFAULT};
|
|
2
|
-
//# sourceMappingURL=default-constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n xxxl: {\n width: 52,\n height: 52,\n fontSize: 18,\n },\n xxl: {\n width: 48,\n height: 48,\n fontSize: 18,\n },\n xl: {\n width: 44,\n height: 44,\n fontSize: 18,\n },\n l: {\n width: 40,\n height: 40,\n fontSize: 16,\n },\n m: {\n width: 28,\n height: 28,\n fontSize: 16,\n },\n s: {\n width: 24,\n height: 24,\n fontSize: 16,\n },\n xs: {\n width: 20,\n height: 20,\n fontSize: 16,\n },\n xxs: {\n width: 16,\n height: 16,\n fontSize: 12,\n },\n xxxs: {\n width: 14,\n height: 14,\n fontSize: 10,\n },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var s=l((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));var i=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &::before {\n box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n }\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:active {\n color: ").concat(o.colorActive,";\n background-color: ").concat(o.backgroundColorActive,";\n border-color: ").concat(o.borderColorActive,";\n }\n &:disabled {\n color: ").concat(o.colorDisabled,";\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n");var d="\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n";var b={onColored:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-oncolor-default'],colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-oncolor-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-primary'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-onmain-contrast'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:e(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var m={filled:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n background-color: ".concat(r.colors.white,";\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n & svg {\n fill: ").concat(r.colors.accent,";\n }\n &:hover {\n background-color: ").concat(r.colors.accent,";\n box-shadow: none;\n svg {\n fill: ").concat(r.colors.white,";\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ").concat(n?d:'',"\n ")})),outline:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ".concat(r.colors.alto,";\n & svg {\n fill: ").concat(r.colors.alto,";\n }\n &:hover {\n background-color: ").concat(r.colors.accent,";\n box-shadow: none;\n svg {\n fill: ").concat(r.colors.white,";\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ").concat(n?d:'',"\n ")})),inverse:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ".concat(r.colors.white,";\n & svg {\n fill: ").concat(r.colors.white,";\n }\n &:hover {\n background-color: ").concat(r.colors.white,";\n box-shadow: none;\n svg {\n fill: ").concat(r.colors.accent,";\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 #eaecf3;\n }\n ").concat(n?d:'',"\n ")}))};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{var r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),"\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n border-radius: ".concat(o.square?'8px':'50%',";\n cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n & svg {\n transform: ").concat(r,";\n transform-origin: center;\n }\n ").concat('brand'===o.preset?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n transition-property: background-color, box-shadow;\n transition-duration: 200ms;","\n ")}),(o=>{if('brand'===o.preset){var r=o.onColored?b.onColored:b.default;return o.outline?r.outline:r.default}return o.inverse?m.inverse:o.outline?m.outline:m.filled}),a,t,c);export{h as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst defaultDisabledStyles = `\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-oncolor-default'],\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-onmain-contrast'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst DEFAULT_STYLES = {\n filled: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: ${theme.colors.white};\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n & svg {\n fill: ${theme.colors.accent};\n }\n &:hover {\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n outline: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n & svg {\n fill: ${theme.colors.alto};\n }\n &:hover {\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n inverse: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.white};\n & svg {\n fill: ${theme.colors.white};\n }\n &:hover {\n background-color: ${theme.colors.white};\n box-shadow: none;\n svg {\n fill: ${theme.colors.accent};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 #eaecf3;\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n}\n\nexport const Root = styled.button\n .withConfig<StyledArrowProps>({\n shouldForwardProp: shouldForwardArrowProp,\n })\n .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n width: '1.8em',\n height: '1.8em',\n }\n },\n })`\n ${(props) => {\n let transform = 'rotate(0deg)'\n\n if (props.right) transform = 'rotate(90deg)'\n if (props.bottom) transform = 'rotate(180deg)'\n if (props.left) transform = 'rotate(270deg)'\n\n return `\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n border-radius: ${props.square ? '8px' : '50%'};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n & svg {\n transform: ${transform};\n transform-origin: center;\n }\n ${\n props.preset === 'brand'\n ? `\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }`\n : `\n border: none;\n transition-property: background-color, box-shadow;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'brand') {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n return props.outline ? schema.outline : schema.default\n }\n\n const defaultStyles = DEFAULT_STYLES\n\n if (props.inverse) return defaultStyles.inverse\n if (props.outline) return defaultStyles.outline\n\n return defaultStyles.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","_objectSpread","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","_ref","disabled","white","accent","_ref2","alto","inverse","_ref3","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{Root as a,Edge as i,Content as f}from'./style.js';import{SIZES as n}from'./constants.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var c=["size","textProps","children","left","right","fancy"];var h='ArrowBadge';var l=s(t(((t,s)=>{var{size:n="m",textProps:h={},children:l,left:d,right:x,fancy:g}=t,j=e(t,c);var y={as:'div',size:'inherit',color:'inherit'};return m(a,r(r({},j),{},{size:n,left:d,right:x,fancy:g,ref:s,children:[p(i,{left:d,fancy:g}),p(f,{children:'function'==typeof l?l({baseTextProps:y,textProps:h}):p(o,r(r(r({},y),h),{},{children:l}))}),p(i,{right:x,fancy:g,after:!0})]}))})),{displayName:"ArrowBadge",sizes:n});export{l as ArrowBadge,h as COMPONENT_NAME};
|
|
2
|
-
//# sourceMappingURL=ArrowBadge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n <Styled.Edge left={left} fancy={fancy} />\n <Styled.Content>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Content>\n <Styled.Edge right={right} fancy={fancy} after />\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","_excluded","baseTextProps","as","color","_jsxs","Styled.Root","_jsx","Styled.Edge","Styled.Content","Text","after","displayName","sizes","SIZES"],"mappings":"2cAQMA,IAAAA,EAAiB,aAYjBC,IAAAA,EAA+DC,EACnEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,SAA8BA,EAA9BC,KAAwCA,EAAxCC,MAA8CA,EAA9CC,MAAqDA,GAAwBP,EAAdQ,IAAcR,EAAnFS,GAEA,IAAMC,EAA2B,CAAEC,GAAI,MAAOT,KAAM,UAAWU,MAAO,WAEtE,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAArFG,SACE,CAAAW,EAACC,EAAD,CAAaX,KAAMA,EAAME,MAAOA,IAChCQ,EAACE,EAAD,CAAAb,SACuB,mBAAbA,EACNA,EAAS,CAAEM,cAAAA,EAAeP,UAAAA,IAE1BY,EAACG,EAASR,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBP,GAA7B,GAAA,CAAAC,SACGA,OAIPW,EAACC,EAAD,CAAaV,MAAOA,EAAOC,MAAOA,EAAOY,OAAK,WAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{e as SIZES};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n height: 64,\n fontSize: 36,\n },\n xxl: {\n height: 60,\n fontSize: 34,\n },\n xl: {\n height: 54,\n fontSize: 32,\n },\n l: {\n height: 48,\n fontSize: 28,\n },\n m: {\n height: 40,\n fontSize: 22,\n },\n s: {\n height: 32,\n fontSize: 16,\n },\n xs: {\n height: 24,\n fontSize: 14,\n },\n xxs: {\n height: 20,\n fontSize: 10,\n },\n xxxs: {\n height: 16,\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)({}).hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({viewBox:"0 0 20 40",xmlns:"http://www.w3.org/2000/svg"},a),t||(t=r.createElement("path",{d:"M0 20 18 0h2v40h-2z",fill:"currentColor"})));export{a as default};
|
|
2
|
-
//# sourceMappingURL=arrow.module.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow.module.svg.js","sources":["../../../../../src/components/ArrowBadge/images/arrow.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 20 40\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 20 18 0h2v40h-2z\" fill=\"currentColor\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgArrowmodule","props","React","createElement","viewBox","xmlns","d","fill"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,MAAO,8BACNJ,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEG,EAAG,sBACHC,KAAM"}
|