@foxford/ui 2.37.0-beta-3fd53b1-20240802 → 2.37.0-beta-badf94e-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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/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 { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: css<StyledIconButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-tertiary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n colorActive: props.theme.colors['content-onmain-primary'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n .setAlpha(0.12)\n .toString() as CSSColor,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n secondary: css<StyledIconButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n colorActive: props.theme.colors['content-onmain-primary'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n ...props.palette,\n })}\n `,\n },\n contrast: {\n primary: css<StyledIconButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-tertiary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n .setAlpha(0.12)\n .toString() as CSSColor,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n secondary: css<StyledIconButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.theme.colors['bg-contrast-active'],\n colorHover: props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n colorActive: props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n}\n\nexport const Root = styled.button\n .withConfig<StyledIconButtonProps>({\n shouldForwardProp: shouldForwardIconButtonProp,\n })\n .attrs<StyledIconButtonProps>(\n (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n width: '1em',\n height: '1em',\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n borderRadius: props.square ? '0.2em' : '50%',\n }),\n })\n )`\n ${(props) => `\n box-sizing: border-box;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n margin: 0;\n border: none;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n transition-property: background-color; \n transition-duration: 250ms;\n `}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n if (props.secondary) return schema.secondary\n\n return schema.primary\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","concat","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"mXASA,IAAMA,EAA8BC,GAAyBC,IAAa,CAAC,UAAUC,SAASD,KAE9F,IAAME,EAAYC,GAAD,cAAAC,OACND,EAAQE,MACGF,2BAAAA,OAAAA,EAAQG,gBAFb,+BAAAF,OAIJD,EAAQI,WACGJ,6BAAAA,OAAAA,EAAQK,iEAGnBL,EAAQM,YARJ,6BAAAL,OASOD,EAAQO,sBAGnBP,uCAAAA,OAAAA,EAAQQ,cAZJ,6BAAAP,OAaOD,EAAQS,wBAbhC,YAiBA,IAAMC,EAAe,CACnBC,QAAS,CACPC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDf,EAAQgB,EAAA,CACNb,MAAOY,EAAME,MAAMC,OAAO,2BAC1Bd,gBAAiBW,EAAME,MAAMC,OAAOC,YACpCd,WAAYU,EAAME,MAAMC,OAAO,0BAC/BZ,qBAAsBS,EAAME,MAAMC,OAAO,oBACzCX,YAAaQ,EAAME,MAAMC,OAAO,0BAChCV,sBAAuBY,EAAUL,EAAME,MAAMC,OAAO,qBACjDG,SAAS,KACTC,WACHb,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAOC,aACzCJ,EAAMd,YAGfsB,UAAWT,EACNC,CAAAA,GAAAA,KAAAA,GACDf,EAAQgB,EAAA,CACNb,MAAOY,EAAME,MAAMC,OAAO,0BAC1Bd,gBAAiBW,EAAME,MAAMC,OAAO,wBACpCb,WAAYU,EAAME,MAAMC,OAAO,0BAC/BZ,qBAAsBc,EAAUL,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACtFf,YAAaQ,EAAME,MAAMC,OAAO,0BAChCV,sBAAuBY,EAAUL,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACvFb,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAO,sBACzCH,EAAMd,aAIjBwB,SAAU,CACRZ,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDf,EAAQgB,EAAA,CACNb,MAAOY,EAAME,MAAMC,OAAO,4BAC1Bd,gBAAiBW,EAAME,MAAMC,OAAOC,YACpCd,WAAYU,EAAME,MAAMC,OAAO,2BAC/BZ,qBAAsBS,EAAME,MAAMC,OAAO,uBACzCX,YAAaQ,EAAME,MAAMC,OAAO,2BAChCV,sBAAuBY,EAAUL,EAAME,MAAMC,OAAO,wBACjDG,SAAS,KACTC,WACHb,cAAeM,EAAME,MAAMC,OAAO,4BAClCR,wBAAyBK,EAAME,MAAMC,OAAOC,aACzCJ,EAAMd,YAGfsB,UAAWT,EACNC,CAAAA,GAAAA,KAAAA,GACDf,EAAQgB,EAAA,CACNb,MAAOY,EAAME,MAAMC,OAAO,0BAC1Bd,gBAAiBW,EAAME,MAAMC,OAAO,sBACpCb,WAAYU,EAAME,MAAMC,OAAO,0BAC/BZ,qBAAsBc,EAAUL,EAAME,MAAMC,OAAO,uBAAuBQ,QAAQ,GAAGJ,WACrFf,YAAaQ,EAAME,MAAMC,OAAO,0BAChCV,sBAAuBY,EAAUL,EAAME,MAAMC,OAAO,uBAAuBQ,QAAQ,IAAIJ,WACvFb,cAAeM,EAAME,MAAMC,OAAO,4BAClCR,wBAAyBK,EAAME,MAAMC,OAAO,wBACzCH,EAAMd,cAMZ,IAAM0B,EAAOC,EAAOC,OACxBC,WAAkC,CACjCC,kBAAmBnC,IAEpBoC,OACEjB,KACCkB,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,MAAO,MACPC,OAAQ,MACRC,SAA0B,iBAATJ,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDI,aAAcxB,EAAMyB,OAAS,QAAU,YAV9BV,WAAA,CAAAW,YAAA,uBAAGb,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAcZb,GAAD,iOAAAb,OAUUa,EAAM2B,SAAW,cAAgB,UAV3C,yFAeC3B,IACD,IAAM4B,EAAS5B,EAAMU,SAAWd,EAAac,SAAWd,EAAaC,QAErE,OAAIG,EAAMQ,UAAkBoB,EAAOpB,UAE5BoB,EAAO9B,UAGd+B,EACAC,EACAC"}
|
|
@@ -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 i}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{SIZES_SQUARE as a,SIZES as s}from'./constants.js';import{Root as n,Foreground as m}from'./style.js';import{jsx as p}from'react/jsx-runtime';var l=["size","textProps","children","text"];var h=r=>null!=r.children||null!=r.text;var c=i(t(((t,i)=>{var{size:a="m",textProps:s={},children:c,text:d}=t,f=e(t,l);var x=h(t);return p(n,r(r({},f),{},{size:a,square:x,ref:i,children:p(m,{children:x&&p(o,r(r({as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em"},s),{},{children:null!=c?c:d}))})}))})),{displayName:'Indicator',sizes:r=>h(r)?a:s});export{c as Indicator};
|
|
2
|
-
//# sourceMappingURL=Indicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n forwardRef((props, ref) => {\n const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n const hasContent = indicatorPropsWithContent(props)\n\n return (\n <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n <Styled.Foreground>\n {hasContent && (\n <Text\n as='span'\n appearance='body'\n size='inherit'\n color='inherit'\n whiteSpace='nowrap'\n weight={700}\n lineHeight={1}\n marginTop={1}\n marginRight='0.3em'\n marginLeft='0.3em'\n {...textProps}\n >\n {children ?? text}\n </Text>\n )}\n </Styled.Foreground>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","_excluded","hasContent","_jsx","Styled.Root","square","Styled.Foreground","Text","_objectSpread","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"4bASA,IAAMA,EAA6BC,GAChCA,MAAAA,EAAMC,UAAuDD,MAAAA,EAAME,KAYhEC,IAAAA,EAA6DC,EACjEC,GAAAA,CAAYL,EAAOM,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BP,SAA8BA,EAA9BC,KAAwCA,GAAuBF,EAAdS,IAAcT,EAArEU,GAEA,IAAMC,EAAaZ,EAA0BC,GAE7C,OACEY,EAACC,SAAgBJ,GAAjB,GAAA,CAA4BF,KAAMA,EAAMO,OAAQH,EAAYL,IAAKA,EAAjEL,SACEW,EAACG,EAAD,CAAAd,SACGU,GACCC,EAACI,EAADC,EAAAA,EAAA,CACEC,GAAG,OACHC,WAAW,OACXZ,KAAK,UACLa,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,SACPlB,GAXN,GAAA,CAAAP,SAaGA,MAAAA,EAAAA,EAAYC,aAOzB,CACEyB,YA9CmB,YA+CnBC,MAAQ5B,GAAWD,EAA0BC,GAAS6B,EAAeC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var i={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}};var t={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};export{i as SIZES,t as SIZES_SQUARE};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xxl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n xl: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n l: {\n width: 10,\n height: 10,\n borderRadius: '50%',\n },\n m: {\n width: 6,\n height: 6,\n borderRadius: '50%',\n },\n s: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n xxxs: {\n width: 4,\n height: 4,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n xxxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xxl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n xl: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n l: {\n width: 'min-content',\n minWidth: 22,\n height: 22,\n borderRadius: 5,\n fontSize: 14,\n },\n m: {\n width: 'min-content',\n minWidth: 18,\n height: 18,\n borderRadius: 4,\n fontSize: 12,\n },\n s: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n xxxs: {\n width: 'min-content',\n minWidth: 16,\n height: 16,\n borderRadius: 4,\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,IAAMS,EAAsB,CACjCZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as n}from'styled-components';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';var c=a((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));var i=e(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);var l=r.span.withConfig({componentId:"fox-ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);var s=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n\n & > ").concat(l," {\n box-shadow: 0 0 0 1px ").concat(o.shadowColor,";\n }\n");var m={onColored:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-oncolor-primary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-oncolor-secondary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette))))},default:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-primary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-divider'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette))))}};var d=r.span.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{var r=o.onColored?m.onColored:m.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&"\n & > ".concat(l," {\n box-shadow: none;\n }\n ")),(o=>o.pulse&&n(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],i,'number'==typeof o.pulseIterationCount?o.pulseIterationCount:'infinite')),t);export{l as Foreground,d as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n 75% {\n opacity: 0;\n }\n 100% {\n transform: scale(4);\n }\n`\n\nexport const Foreground = styled.span`\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 1;\n border-radius: inherit;\n background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n\n & > ${Foreground} {\n box-shadow: 0 0 0 1px ${palette.shadowColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n primary: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n shadowColor: props.theme.colors['bg-oncolor-primary'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n shadowColor: props.theme.colors['bg-oncolor-primary'],\n ...props.palette,\n })}\n `,\n black: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-contrast'],\n shadowColor: props.theme.colors['bg-oncolor-primary'],\n ...props.palette,\n })}\n `,\n grey: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n shadowColor: props.theme.colors['bg-oncolor-primary'],\n ...props.palette,\n })}\n `,\n },\n default: {\n primary: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-500'],\n shadowColor: props.theme.colors['bg-onmain-primary'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n shadowColor: props.theme.colors['bg-onmain-primary'],\n ...props.palette,\n })}\n `,\n black: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-contrast'],\n shadowColor: props.theme.colors['bg-onmain-primary'],\n ...props.palette,\n })}\n `,\n grey: css<StyledIndicatorProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-divider'],\n shadowColor: props.theme.colors['bg-onmain-primary'],\n ...props.palette,\n })}\n `,\n },\n}\n\nexport const Root = styled.span\n .withConfig<StyledIndicatorProps>({\n shouldForwardProp: shouldForwardIndicatorProp,\n })\n .attrs<StyledIndicatorProps>(\n (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n width: props.square ? 'min-content' : '1em',\n minWidth: props.square ? '1.6em' : undefined,\n height: props.square ? '1.6em' : '1em',\n borderRadius: props.square ? '0.2em' : '50%',\n }),\n })\n )`\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n cursor: default;\n display: inline-block;\n flex-shrink: 0;\n\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n if (props.grey) return schema.grey\n if (props.black) return schema.black\n if (props.secondary) return schema.secondary\n\n return schema.primary\n }}\n\n ${(props) =>\n !props.frame &&\n `\n & > ${Foreground} {\n box-shadow: none;\n }\n `}\n\n ${(props) =>\n props.pulse &&\n css`\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n background-color: inherit;\n border-radius: inherit;\n animation-name: ${pulseAnimation};\n animation-duration: 3200ms;\n animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n ? props.pulseIterationCount\n : 'infinite'};\n }\n\n &::after {\n animation-delay: 800ms;\n }\n `}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","_objectSpread","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as e,useImperativeHandle as a,useState as n}from'react';import{useTheme as o}from'styled-components';import{withMergedProps as m}from'../../hocs/withMergedProps.js';import{FormInputLabel as s}from'../FormInputLabel/FormInputLabel.js';import{SIZES as g}from'../FormInputLabel/constants.js';import{Icon as l}from'../Icon/Icon.js';import'../Icon/icons.js';import{InputPhone as p}from'../Input.Phone/Input.Phone.js';import{Spacer as u}from'../Spacer/Spacer.js';import{Root as c,Input as d,InputControl as X}from'./style.js';import{jsx as f,jsxs as h,Fragment as S}from'react/jsx-runtime';var L=["size","mask","rounded","color","placeholderColor","width","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef"];var v='Input';var b=Object.assign(m(t(((t,m)=>{var g,p,v,b;var y=o();var{size:z="m",mask:T="",rounded:R=!0,color:w="mineShaft",placeholderColor:B="silver",width:M=y.defaultInputControlsWidth,type:P="text",labelPosition:C="dynamic",textProps:I={},iconProps:x={},controls:F={},preset:j,className:k,style:N,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,success:kr,label:Nr,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,fluid:Wr,disabled:Dr,inline:Hr,inputRef:Zr}=t,_r=i(t,L);var{icon:qr,iconProps:Gr={},buttonProps:Jr={}}=null!==(g=F.additional)&&void 0!==g?g:{};var{icon:Kr,iconProps:Qr={},buttonProps:Yr=[]}=null!==(p=F.number)&&void 0!==p?p:{};var[$r,ri]=Array.isArray(Kr)?Kr:[Kr];var ii=null!==(v=Array.isArray(Yr)?Yr[0]:Yr)&&void 0!==v?v:{};var ti=null!==(b=Array.isArray(Yr)?Yr[1]:{})&&void 0!==b?b:{};var ei=e(null);a(m,(()=>ei.current),[]);var ai='string'==typeof _r.value||'number'==typeof _r.value||'string'==typeof _r.defaultValue||'number'==typeof _r.defaultValue;var[ni,oi]=n(ai);var[mi,si]=n(ai);var[gi,li]=n((()=>{if('number'!==P||void 0===_r.min)return!1;var{value:r=1/0,defaultValue:i=1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.min?_r.min:parseFloat(_r.min);return Math.min(t,e)<=a}));var[pi,ui]=n((()=>{if('number'!==P||void 0===_r.max)return!1;var{value:r=-1/0,defaultValue:i=-1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.max?_r.max:parseFloat(_r.max);return Math.max(t,e)>=a}));return'brand'!==j?f(c,r(r({},_r),{},{inputRef:null!=Zr?Zr:r=>{ei.current=r},className:k,style:N,size:'number'==typeof z?z:void 0,mask:T,rounded:R,color:w,placeholderColor:B,width:M,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,type:P,fluid:Wr,disabled:Dr})):f(s,{className:k,style:N,size:z,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,error:jr,success:kr,label:Nr,labelPosition:C,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,disabled:Dr,inline:Hr,active:ni,textProps:I,iconProps:r({size:24,color:Dr?'content-disabled':'content-onmain-tertiary'},x),onClick:()=>{ei.current&&ei.current.focus()},onFocus:r=>{r.target!==r.currentTarget&&oi(!0)},onBlur:r=>{r.target===r.currentTarget||mi||oi(!1)},input:f(d,r(r({},_r),{},{inputRef:r=>{ei.current=r},mask:T,palette:Br,type:P,label:Nr,labelPosition:C,disabled:Dr,active:ni,onChange:r=>{if(_r.onChange&&_r.onChange(r),'number'===P){var i=parseFloat(r.currentTarget.value);var t=i<=parseFloat(r.currentTarget.min);var e=i>=parseFloat(r.currentTarget.max);li(t),ui(e),(t||e)&&r.currentTarget.focus()}},onBlur:r=>{r.stopPropagation(),_r.onBlur&&_r.onBlur(r),si(Boolean(r.currentTarget.value)),oi(Boolean(r.currentTarget.value))}})),controls:qr||'number'===P?h(S,{children:[qr&&f(X,r(r({},Jr),{},{type:"button",palette:Br,disabled:Dr,onClick:r=>{r.stopPropagation(),Jr.onClick&&Jr.onClick(r)},children:f(l,r({as:"span",size:24,color:"inherit",name:'string'==typeof qr?qr:void 0,icon:'string'!=typeof qr?qr:void 0},Gr))})),'number'===P&&h(u,{display:"flex",marginLeft:4,children:[f(X,r(r({},ii),{},{type:"button",palette:Br,disabled:Dr||gi,onClick:r=>{r.stopPropagation(),ii.onClick&&ii.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepDown(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===$r?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof $r?$r:void 0,icon:'string'!=typeof $r?$r:void 0},Qr))})),f(X,r(r({},ti),{},{type:"button",palette:Br,disabled:Dr||pi,onClick:r=>{r.stopPropagation(),ti.onClick&&ti.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepUp(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===ri?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof ri?ri:void 0,icon:'string'!=typeof ri?ri:void 0},Qr))}))]})]}):void 0})})),{sizes:g,displayName:"Input"}),{Phone:p});export{v as COMPONENT_NAME,b as Input};
|
|
2
|
-
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n withMergedProps<InputProps, HTMLInputElement>(\n forwardRef((props, forwardedRef) => {\n const theme = useTheme()\n\n const {\n size = 'm',\n mask = '',\n rounded = true,\n color = 'mineShaft',\n placeholderColor = 'silver',\n width = theme.defaultInputControlsWidth,\n type = 'text',\n labelPosition = 'dynamic',\n textProps = {},\n iconProps = {},\n controls = {},\n preset,\n className,\n style,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n margin,\n marginXXS,\n marginXS,\n marginS,\n marginM,\n marginL,\n marginXL,\n marginTop,\n marginTopXXS,\n marginTopXS,\n marginTopS,\n marginTopM,\n marginTopL,\n marginTopXL,\n marginRight,\n marginRightXXS,\n marginRightXS,\n marginRightS,\n marginRightM,\n marginRightL,\n marginRightXL,\n marginBottom,\n marginBottomXXS,\n marginBottomXS,\n marginBottomS,\n marginBottomM,\n marginBottomL,\n marginBottomXL,\n marginLeft,\n marginLeftXXS,\n marginLeftXS,\n marginLeftS,\n marginLeftM,\n marginLeftL,\n marginLeftXL,\n marginUnits,\n palette,\n widthXXS,\n widthXS,\n widthS,\n widthM,\n widthL,\n widthXL,\n error,\n success,\n label,\n icon,\n text,\n primary,\n secondary,\n onColored,\n fluid,\n disabled,\n inline,\n inputRef,\n ...inputProps\n } = props\n\n const {\n icon: additionalControlIcon,\n iconProps: additionalControlIconProps = {},\n buttonProps: additionalControlButtonProps = {},\n } = controls.additional ?? {}\n\n const {\n icon: numberControlIcon,\n iconProps: numberControlIconProps = {},\n buttonProps: numberControlButtonProps = [],\n } = controls.number ?? {}\n\n const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n const minusButtonProps =\n (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n const ref = useRef<HTMLInputElement | null>(null)\n useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n const hasInitValue =\n typeof inputProps.value === 'string' ||\n typeof inputProps.value === 'number' ||\n typeof inputProps.defaultValue === 'string' ||\n typeof inputProps.defaultValue === 'number'\n\n const [active, setActive] = useState(hasInitValue)\n const [hasValue, setHasValue] = useState(hasInitValue)\n\n const [minusDisabled, setMinusDisabled] = useState(() => {\n if (type !== 'number' || inputProps.min === undefined) return false\n\n const { value = Infinity, defaultValue = Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n return Math.min(initValue, initDefaultValue) <= minValue\n })\n\n const [plusDisabled, setPlusDisabled] = useState(() => {\n if (type !== 'number' || inputProps.max === undefined) return false\n\n const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n return Math.max(initValue, initDefaultValue) >= maxValue\n })\n\n if (preset !== 'brand') {\n return (\n <Styled.Root\n {...inputProps}\n inputRef={\n inputRef ??\n ((input) => {\n ref.current = input\n })\n }\n className={className}\n style={style}\n size={typeof size === 'number' ? size : undefined}\n mask={mask}\n rounded={rounded}\n color={color}\n placeholderColor={placeholderColor}\n width={width}\n widthXXS={widthXXS}\n widthXS={widthXS}\n widthS={widthS}\n widthM={widthM}\n widthL={widthL}\n widthXL={widthXL}\n error={error}\n type={type}\n fluid={fluid}\n disabled={disabled}\n />\n )\n }\n\n return (\n <FormInputLabel\n className={className}\n style={style}\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizeUnits={sizeUnits}\n sizes={sizes}\n margin={margin}\n marginXXS={marginXXS}\n marginXS={marginXS}\n marginS={marginS}\n marginM={marginM}\n marginL={marginL}\n marginXL={marginXL}\n marginTop={marginTop}\n marginTopXXS={marginTopXXS}\n marginTopXS={marginTopXS}\n marginTopS={marginTopS}\n marginTopM={marginTopM}\n marginTopL={marginTopL}\n marginTopXL={marginTopXL}\n marginRight={marginRight}\n marginRightXXS={marginRightXXS}\n marginRightXS={marginRightXS}\n marginRightS={marginRightS}\n marginRightM={marginRightM}\n marginRightL={marginRightL}\n marginRightXL={marginRightXL}\n marginBottom={marginBottom}\n marginBottomXXS={marginBottomXXS}\n marginBottomXS={marginBottomXS}\n marginBottomS={marginBottomS}\n marginBottomM={marginBottomM}\n marginBottomL={marginBottomL}\n marginBottomXL={marginBottomXL}\n marginLeft={marginLeft}\n marginLeftXXS={marginLeftXXS}\n marginLeftXS={marginLeftXS}\n marginLeftS={marginLeftS}\n marginLeftM={marginLeftM}\n marginLeftL={marginLeftL}\n marginLeftXL={marginLeftXL}\n marginUnits={marginUnits}\n palette={palette}\n error={error}\n success={success}\n label={label}\n labelPosition={labelPosition}\n icon={icon}\n text={text}\n primary={primary}\n secondary={secondary}\n onColored={onColored}\n disabled={disabled}\n inline={inline}\n active={active}\n textProps={textProps}\n iconProps={{\n size: 24,\n color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n ...iconProps,\n }}\n onClick={() => {\n if (ref.current) {\n ref.current.focus()\n }\n }}\n onFocus={(evt) => {\n if (evt.target !== evt.currentTarget) {\n setActive(true)\n }\n }}\n onBlur={(evt) => {\n if (evt.target !== evt.currentTarget && !hasValue) {\n setActive(false)\n }\n }}\n input={\n <Styled.Input\n {...inputProps}\n inputRef={(input) => {\n ref.current = input\n }}\n mask={mask}\n palette={palette}\n type={type}\n label={label}\n labelPosition={labelPosition}\n disabled={disabled}\n active={active}\n onChange={(evt) => {\n if (inputProps.onChange) {\n inputProps.onChange(evt)\n }\n\n if (type === 'number') {\n const currentValue = parseFloat(evt.currentTarget.value)\n\n const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n setMinusDisabled(minValueReached)\n setPlusDisabled(maxValueReached)\n\n if (minValueReached || maxValueReached) {\n evt.currentTarget.focus()\n }\n }\n }}\n onBlur={(evt) => {\n evt.stopPropagation()\n if (inputProps.onBlur) {\n inputProps.onBlur(evt)\n }\n\n setHasValue(Boolean(evt.currentTarget.value))\n setActive(Boolean(evt.currentTarget.value))\n }}\n />\n }\n controls={\n additionalControlIcon || type === 'number' ? (\n <>\n {additionalControlIcon && (\n <Styled.InputControl\n {...additionalControlButtonProps}\n type='button'\n palette={palette}\n disabled={disabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (additionalControlButtonProps.onClick) {\n additionalControlButtonProps.onClick(evt)\n }\n }}\n >\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n {...additionalControlIconProps}\n />\n </Styled.InputControl>\n )}\n {type === 'number' && (\n <Spacer display='flex' marginLeft={4}>\n <Styled.InputControl\n {...minusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled || minusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (minusButtonProps.onClick) {\n minusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepDown()\n\n const decremented = ref.current.value\n if (prev !== decremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n {minus === undefined ? (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name='minus'\n preset='brand'\n {...numberControlIconProps}\n />\n ) : (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof minus === 'string' ? minus : undefined}\n icon={typeof minus !== 'string' ? minus : undefined}\n {...numberControlIconProps}\n />\n )}\n </Styled.InputControl>\n <Styled.InputControl\n {...plusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled || plusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (plusButtonProps.onClick) {\n plusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepUp()\n\n const incremented = ref.current.value\n if (prev !== incremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n {plus === undefined ? (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name='plus'\n preset='brand'\n {...numberControlIconProps}\n />\n ) : (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof plus === 'string' ? plus : undefined}\n icon={typeof plus !== 'string' ? plus : undefined}\n {...numberControlIconProps}\n />\n )}\n </Styled.InputControl>\n </Spacer>\n )}\n </>\n ) : undefined\n }\n />\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n ),\n {\n Phone: InputPhone,\n }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","_controls$additional","_controls$number","_ref","_ref2","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","_excluded","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","undefined","min","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled.Root","input","FormInputLabel","_objectSpread","onClick","focus","onFocus","evt","target","currentTarget","onBlur","Styled.Input","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Styled.InputControl","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && SizeInput[width]) return SizeInput[width]\n\n return 'auto'\n}\n"],"names":["chooseWidthValue","width","SizeInput"],"mappings":"4DAGaA,IAAAA,EAAoBC,GACjB,SAAVA,EAAyB,OACR,iBAAVA,GACU,kBAAVA,EAD2BA,EAGlCA,GAASC,EAAUD,GAAeC,EAAUD,GAEzC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'react-input-mask';import t from'tinycolor2';import{color as l}from'../../mixins/color.js';import{property as a,responsiveNamedProperty as c}from'../../mixins/responsive-property.js';import{chooseWidthValue as i}from'./helpers.js';import{focus as s}from'../../mixins/focus.js';var d=n(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>t(o.theme.colors.pomegranate).setAlpha(.1).toString()));var p=n(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);var u=n(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));var h=n(["border-radius:",";"],(o=>o.theme.borderRadius));var b=o=>n(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?l(o.color):null,o.placeholderColor?l(o.placeholderColor):null,u,o.disabled?p:null,o.rounded?h:null,o.width?a(i(o.width),o.fluid&&'auto'!==o.width?'max-width':'width'):null,c({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&'auto'!==o.width?'max-width':'width',customSizeHandler:i}),o.fluid?n(["width:100%;"]):null,o.error?d:null);var m=r(e).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>b(o)));var g=r(e).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-1"})([""," ",""],(o=>{var r='1';var n='0px';return o.label&&'dynamic'===o.labelPosition&&(r="".concat(o.active?1:0),n='0.8em'),o.label&&'top'===o.labelPosition&&(n='0.8em'),o.label&&'center'===o.labelPosition&&(r="".concat(o.active?1:0)),"\n box-sizing: border-box;\n appearance: textfield;\n border: none;\n padding: 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n background-color: transparent;\n width: 100%;\n align-self: stretch;\n opacity: ".concat(r,";\n padding-top: ").concat(n,";\n cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n &[type=\"number\"]::-webkit-outer-spin-button,\n &[type=\"number\"]::-webkit-inner-spin-button {\n appearance: none;\n margin: 0;\n }\n\n &:focus {\n cursor: text;\n outline: none;\n }\n ")}),(r=>{return n=o({inputColor:r.theme.colors['content-onmain-primary'],inputPlaceholderColor:r.theme.colors['content-onmain-secondary'],inputColorDisabled:r.theme.colors['content-disabled'],inputPlaceholderColorDisabled:r.theme.colors['content-disabled']},r.palette),"\n color: ".concat(n.inputColor,";\n &::placeholder {\n color: ").concat(n.inputPlaceholderColor,";\n }\n &:disabled {\n color: ").concat(n.inputColorDisabled,";\n }\n &:disabled::placeholder {\n color: ").concat(n.inputPlaceholderColorDisabled,";\n }\n");var n}));var f=r.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(r=>{return n=o({controlsColor:r.theme.colors['content-onmain-tertiary'],controlsColorHover:r.theme.colors['content-onmain-primary'],controlsColorActive:r.theme.colors['content-onmain-primary'],controlsColorDisabled:r.theme.colors['content-disabled'],controlsBackgroundColor:r.theme.colors.transparent,controlsBackgroundColorHover:t(r.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:r.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:r.theme.colors.transparent,controlsSeparatorColor:r.theme.colors['border-onmain-default-large']},r.palette),"\n color: ".concat(n.controlsColor,";\n background-color: ").concat(n.controlsBackgroundColor,";\n &:hover {\n color: ").concat(n.controlsColorHover,";\n background-color: ").concat(n.controlsBackgroundColorHover,";\n }\n &:active {\n color: ").concat(n.controlsColorActive,";\n background-color: ").concat(n.controlsBackgroundColorActive,";\n }\n &:disabled {\n color: ").concat(n.controlsColorDisabled,";\n background-color: ").concat(n.controlsBackgroundColorDisabled,";\n }\n &:not(:first-child)::before {\n background-color: ").concat(n.controlsSeparatorColor,";\n }\n");var n}),s);export{g as Input,f as InputControl,m as Root,b as baseInputStyle,p as disabledStyle,d as errorStyle,u as focusStyle,h as roundedStyle};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n palette: Pick<\n InputPalette,\n 'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n >\n) => `\n color: ${palette.inputColor};\n &::placeholder {\n color: ${palette.inputPlaceholderColor};\n }\n &:disabled {\n color: ${palette.inputColorDisabled};\n }\n &:disabled::placeholder {\n color: ${palette.inputPlaceholderColorDisabled};\n }\n`\n\nconst controlsTemplate = (\n palette: Pick<\n InputPalette,\n | 'controlsColor'\n | 'controlsBackgroundColor'\n | 'controlsColorHover'\n | 'controlsBackgroundColorHover'\n | 'controlsColorActive'\n | 'controlsBackgroundColorActive'\n | 'controlsColorDisabled'\n | 'controlsBackgroundColorDisabled'\n | 'controlsSeparatorColor'\n >\n) => `\n color: ${palette.controlsColor};\n background-color: ${palette.controlsBackgroundColor};\n &:hover {\n color: ${palette.controlsColorHover};\n background-color: ${palette.controlsBackgroundColorHover};\n }\n &:active {\n color: ${palette.controlsColorActive};\n background-color: ${palette.controlsBackgroundColorActive};\n }\n &:disabled {\n color: ${palette.controlsColorDisabled};\n background-color: ${palette.controlsBackgroundColorDisabled};\n }\n &:not(:first-child)::before {\n background-color: ${palette.controlsSeparatorColor};\n }\n`\n\nexport const errorStyle = css`\n border: 1px solid ${(props) => props.theme.colors.pomegranate};\n background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n background-color: rgba(0, 0, 0, 0.04);\n border-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.16);\n cursor: not-allowed;\n &:disabled {\n background-color: rgba(0, 0, 0, 0.04);\n border-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.16);\n cursor: not-allowed;\n }\n`\n\nexport const focusStyle = css`\n &:focus {\n border: 1px solid ${(props) => props.theme.colors.accent};\n outline: none;\n }\n`\n\nexport const roundedStyle = css`\n border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n props: StyledProps<\n Pick<\n StyledBaseInputProps,\n | 'color'\n | 'placeholderColor'\n | 'disabled'\n | 'rounded'\n | 'width'\n | 'widthXS'\n | 'widthS'\n | 'widthM'\n | 'widthL'\n | 'widthXL'\n | 'fluid'\n | 'error'\n >\n >\n) => css`\n box-sizing: border-box;\n display: block;\n background-color: ${props.theme.colors.white};\n border: solid 1px ${props.theme.colors.alto};\n width: auto;\n appearance: none;\n font-size: 16px;\n ${props.color ? color(props.color) : null};\n &::placeholder {\n ${props.placeholderColor ? color(props.placeholderColor) : null}\n }\n ${focusStyle}\n ${props.disabled ? disabledStyle : null}\n ${props.rounded ? roundedStyle : null}\n\n ${props.width\n ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n : null}\n ${responsiveNamedProperty({\n sizes: {\n widthXS: props.widthXS,\n widthS: props.widthS,\n widthM: props.widthM,\n widthL: props.widthL,\n widthXL: props.widthXL,\n },\n cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: chooseWidthValue,\n })}\n ${props.fluid\n ? css`\n width: 100%;\n `\n : null}\n ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n shouldForwardProp: (prop) =>\n !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n line-height: 24px;\n padding: 15px 20px 11px;\n ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n ${(props) => {\n let opacity = '1'\n let paddingTop = '0px'\n\n if (props.label && props.labelPosition === 'dynamic') {\n opacity = `${props.active ? 1 : 0}`\n paddingTop = '0.8em'\n }\n\n if (props.label && props.labelPosition === 'top') {\n paddingTop = '0.8em'\n }\n\n if (props.label && props.labelPosition === 'center') {\n opacity = `${props.active ? 1 : 0}`\n }\n\n return `\n box-sizing: border-box;\n appearance: textfield;\n border: none;\n padding: 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n background-color: transparent;\n width: 100%;\n align-self: stretch;\n opacity: ${opacity};\n padding-top: ${paddingTop};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n &[type=\"number\"]::-webkit-outer-spin-button,\n &[type=\"number\"]::-webkit-inner-spin-button {\n appearance: none;\n margin: 0;\n }\n\n &:focus {\n cursor: text;\n outline: none;\n }\n `\n }}\n ${(props) =>\n template({\n inputColor: props.theme.colors['content-onmain-primary'],\n inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n inputColorDisabled: props.theme.colors['content-disabled'],\n inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n ...props.palette,\n })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n box-sizing: border-box;\n appearance: none;\n position: relative;\n padding: 5px;\n margin: 0;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-radius: 8px;\n cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n &:first-child {\n margin-left: 4px;\n }\n &:not(:first-child) {\n margin-left: 9px;\n }\n &:not(:first-child)::before {\n content: '';\n position: absolute;\n width: 1px;\n height: 60%;\n top: 50%;\n left: -5px;\n transform: translateY(-50%);\n }\n ${(props) =>\n controlsTemplate({\n controlsColor: props.theme.colors['content-onmain-tertiary'],\n controlsColorHover: props.theme.colors['content-onmain-primary'],\n controlsColorActive: props.theme.colors['content-onmain-primary'],\n controlsColorDisabled: props.theme.colors['content-disabled'],\n controlsBackgroundColor: props.theme.colors.transparent,\n controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n .lighten(20)\n .toString() as CSSColor,\n controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n controlsBackgroundColorDisabled: props.theme.colors.transparent,\n controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n ...props.palette,\n })}\n\n ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","concat","active","template","palette","_objectSpread","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{PureComponent as a}from'react';import{Input as r}from'../Input/Input.js';import{COUNTRY_DATA as s,DEFAULT_MASK as o,INITIAL_MASK as n,REGEXPS as i,RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH as l}from'./constants.js';import{jsx as u}from'react/jsx-runtime';var p=["countryData","defaultMask","initialMask","stripValue"];var h=function(e){var t=arguments.length>0&&void 0!==e?e:'';return t.replace(i.NOT_NUMBERS,'')};class c extends a{constructor(e){var a;super(e),a=this,this.autocorrectOf8=void 0,this.autocorrectOf9=void 0,this.getUpdates=function(e,t){var r=arguments.length>1&&void 0!==t?t:void 0;var{countryData:o,defaultMask:n,initialMask:u}=a.props;var p=h(e);var c=u;var v=null;var m=!1;var d=!1;if(!p)return{mask:c,numbers:p,startsFrom8:m,startsFrom9:d,regexp:v};var g=!1;for(var f=0;f<o.length;f++)p.startsWith(o[f][1])&&([,,c,v]=o[f],g=0===f||1===f);return m=g&&i.FROM_8.test(p)&&a.autocorrectOf8,d=(!c||p.length===l&&''===r)&&a.autocorrectOf9&&i.FROM_9.test(p),m&&(c=s[0][2],a.autocorrectOf8=!1),d&&(c=s[0][2],a.autocorrectOf9=!1),c||(c=n),{mask:c,numbers:p,startsFrom8:m,startsFrom9:d,regexp:v}},this.change=e=>{var{mask:t}=this.getUpdates(e);this.setState({mask:t})},this.handleChange=e=>{e.persist();var{onChange:t,stripValue:a}=this.props;if(t){var r=e;a&&(r.target.value=h(e.target.value)),t(r)}},this.beforeMaskedValueChange=(e,a)=>{var{mask:r,numbers:s,startsFrom8:o,startsFrom9:n,regexp:l}=this.getUpdates(e.value,a.value);return this.setState({mask:r,regexp:l}),n?{selection:1===s.length?{start:5,end:5}:e.selection,value:e.value.replace(i.FROM_9,'+79$1')}:o?{selection:{start:2,end:2},value:e.value.replace(i.FROM_8,'+7$1')}:i.FILLED.test(a.value)&&1===s.length?{selection:{start:2,end:2},value:e.value}:!i.FILLED.test(a.value)&&i.FILLED.test(e.value)?t(t({},e),{},{selection:e.selection?{start:e.selection.start+1,end:e.selection.end+1}:null}):e},this.autocorrectOf8=!0,this.autocorrectOf9=!0;var{mask:r}=this.getUpdates(e.value||'');this.state={mask:r,regexp:null}}componentDidUpdate(e){var{value:t}=this.props;t!==e.value&&this.change(t)}render(){var a=e(this.props,p);var{mask:s,regexp:o}=this.state;return u(r,t(t({},a),{},{beforeMaskedValueChange:this.beforeMaskedValueChange,mask:s,"data-regexp":o instanceof RegExp?o.toString():void 0,onChange:this.handleChange}))}}c.displayName='Input.Phone',c.defaultProps={countryData:s,defaultMask:o,initialMask:n,placeholder:'+9 (999) 999-99-99',rounded:!0,type:'text',color:'mineShaft',mask:'',placeholderColor:'silver'};export{c as InputPhone};
|
|
2
|
-
//# sourceMappingURL=Input.Phone.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n COUNTRY_DATA,\n DEFAULT_MASK,\n INITIAL_MASK,\n REGEXPS,\n RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n /**\n * Settings for different country codes\n */\n countryData?: string[][]\n /**\n * Default field mask that is set when none of the countryData prop matches\n */\n defaultMask?: string\n /**\n * The default field mask when the phone field is empty is required to enable autocomplete in\n * the browser\n */\n initialMask?: string\n /** If event should return stripped phone value (not for redux forms) */\n stripValue?: boolean\n}\n\ninterface InputPhoneState {\n mask: string\n regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n static displayName = 'Input.Phone'\n static defaultProps = {\n countryData: COUNTRY_DATA,\n defaultMask: DEFAULT_MASK,\n initialMask: INITIAL_MASK,\n placeholder: '+9 (999) 999-99-99',\n rounded: true,\n type: 'text',\n color: 'mineShaft',\n mask: '',\n placeholderColor: 'silver',\n }\n\n autocorrectOf8: boolean\n autocorrectOf9: boolean\n\n constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n super(props)\n\n this.autocorrectOf8 = true\n this.autocorrectOf9 = true\n\n const { mask } = this.getUpdates(props.value || '')\n\n this.state = { mask, regexp: null }\n }\n\n componentDidUpdate(nextProps: InputPhoneProps) {\n const { value } = this.props\n\n if (value !== nextProps.value) {\n this.change(value)\n }\n }\n\n getUpdates = (\n value: InputPhoneProps['value'],\n prevValue: InputPhoneProps['value'] = undefined\n ): {\n mask: string\n numbers: string\n startsFrom8: boolean\n startsFrom9: boolean\n regexp: RegExp | null\n } => {\n const { countryData, defaultMask, initialMask } = this.props\n const numbers = onlyNumbers(value as string)\n\n let mask = initialMask\n let regexp = null\n let startsFrom8 = false\n let startsFrom9 = false\n\n if (!numbers)\n return {\n mask,\n numbers,\n startsFrom8,\n startsFrom9,\n regexp,\n }\n\n let isRussian = false\n\n for (let i = 0; i < countryData.length; i++) {\n if (numbers.startsWith(countryData[i][1])) {\n ;[, , mask, regexp] = countryData[i]\n isRussian = i === 0 || i === 1\n }\n }\n\n startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n startsFrom9 =\n (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n this.autocorrectOf9 &&\n REGEXPS.FROM_9.test(numbers)\n\n if (startsFrom8) {\n // RUSSIAN_MASK\n mask = COUNTRY_DATA[0][2]\n\n this.autocorrectOf8 = false\n }\n\n if (startsFrom9) {\n // RUSSIAN_MASK\n mask = COUNTRY_DATA[0][2]\n\n this.autocorrectOf9 = false\n }\n\n if (!mask) {\n mask = defaultMask\n }\n\n return {\n mask,\n numbers,\n startsFrom8,\n startsFrom9,\n regexp,\n }\n }\n\n change = (phone: InputPhoneProps['value']) => {\n const { mask } = this.getUpdates(phone)\n\n this.setState({ mask })\n }\n\n handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n e.persist()\n\n const { onChange, stripValue } = this.props\n\n if (onChange) {\n const _e = e\n if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n onChange(_e)\n }\n }\n\n beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n this.setState({ mask, regexp })\n\n /**\n * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n * by '+7 (9'\n */\n if (startsFrom9) {\n return {\n selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n }\n }\n\n if (startsFrom8) {\n return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n }\n\n if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n return { selection: { start: 2, end: 2 }, value: newState.value }\n }\n\n if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n return {\n ...newState,\n selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n }\n }\n\n return newState\n }\n\n render() {\n const {\n /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n countryData,\n defaultMask,\n initialMask,\n stripValue,\n /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n ...props\n } = this.props\n const { mask, regexp } = this.state\n\n return (\n <Input\n {...props}\n beforeMaskedValueChange={this.beforeMaskedValueChange}\n mask={mask}\n data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n onChange={this.handleChange}\n />\n )\n }\n}\n"],"names":["onlyNumbers","e","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","constructor","props","_this","super","this","autocorrectOf8","autocorrectOf9","getUpdates","t","prevValue","undefined","countryData","defaultMask","initialMask","numbers","mask","regexp","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","COUNTRY_DATA","change","phone","setState","handleChange","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","_objectSpread","state","componentDidUpdate","nextProps","render","_objectWithoutProperties","_excluded","_jsx","Input","RegExp","toString","displayName","defaultProps","DEFAULT_MASK","INITIAL_MASK","placeholder","rounded","type","color","placeholderColor"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var s='99999999999999999999';var $="+".concat("99999999999999999999");var a=10;var _=[['Россия','7','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Россия','8','+9 (999) 999-99-99',/^(\+?7|8)([0-9()\-\s]{8,20})$/],['Украина','380','+999 (99) 999-99-99',/^(\+?380)([0-9()\-\s]{8,20})$/],['Беларусь','375','+999 (999) 99-99-99',/^(\+?375)([0-9()\-\s]{8,20})$/],['Узбекистан','998','+999 (99) 999-99-99',/^(\+?998)([0-9()\-\s]{8,20})$/],['Молдова','373','+999 (99) 99-99-99',/^(\+?373)([0-9()\-\s]{8,20})$/],['Азербайджан','994','+999 (99) 999-99-99',/^(\+?994)([0-9()\-\s]{8,20})$/],['Киргизия','996','+999 (999) 99-99-99',/^(\+?996)([0-9()\-\s]{8,20})$/],['Болгария','359','+999 (999) 99-99-99',/^(\+?359)([0-9()\-\s]{8,20})$/],['Германия','49','+99 (999) 99999999',/^(\+?49)([0-9()\-\s]{8,20})$/],['США','1','+9 (999) 999-99-99',/^(\+?1)([0-9()\-\s]{8,20})$/],['Армения','374','+999 (99) 99-99-99',/^(\+?374)([0-9()\-\s]{8,20})$/],['Израиль','972','+999 (99) 999-99-99',/^(\+?972)([0-9()\-\s]{8,20})$/],['Испания','34','+99 (999) 99-99-99',/^(\+?34)([0-9()\-\s]{8,20})$/],['Латвия','371','+999 (99) 999-999',/^(\+?371)([0-9()\-\s]{8,20})$/],['Бахрейн','973','+999 (99) 999-999',/^(\+?973)([0-9()\-\s]{8,20})$/],['Турция','90','+99 (999) 999-9999',/^(\+?90)([0-9()\-\s]{8,20})$/],['Литва','370','+999 (999) 99999',/^(\+?370)([0-9()\-\s]{8,20})$/],['Великобритания','44','+99 (99) 9999-9999',/^(\+?44)([0-9()\-\s]{8,20})$/],['Индия','91','+99 (99) 99-999999',/^(\+?91)([0-9()\-\s]{8,20})$/],['Черногория','382','+999 (99) 999-999',/^(\+?382)([0-9()\-\s]{8,20})$/],['Мексика','52','+99 (999) 999-99-99',/^(\+?52)([0-9()\-\s]{8,20})$/],['Польша','48','+99 999999999',/^(\+?48)([0-9()\-\s]{8,20})$/],['Италия','39','+99 (999) 999-99-99',/^(\+?39)([0-9()\-\s]{8,20})$/],['Таиланд','66','+99 999-999-999',/^(\+?66)([0-9()\-\s]{8,20})$/],['Грузия','995','+999 (999) 999-999',/^(\+?995)([0-9()\-\s]{8,20})$/],['Шри-Ланка','94','+99 (99) 9999999',/^(\+?94)([0-9()\-\s]{8,20})$/],['Китай','86','+99 (999) 9999-9999',/^(\+?86)([0-9()\-\s]{8,20})$/],['Кипр','357','+999 (99) 999999',/^(\+?357)([0-9()\-\s]{8,20})$/],['ОАЭ','971','+999 99-999-9999',/^(\+?971)([0-9()\-\s]{8,20})$/],['Франция','33','+33(999)999-999',/^(\+?33)([0-9()\-\s]{8,20})$/],['Германия','49','+99(9999)999-9999',/^(\+?49)([0-9()\-\s]{8,20})$/],['Япония','81','+99 99-9999-9999',/^(\+?81)([0-9()\-\s]{8,20})$/],['Австрия','43','+99(999)999-99999',/^(\+?43)([0-9()\-\s]{8,20})$/],['Южная Корея','82','+99(999)999-9999',/^(\+?82)([0-9()\-\s]{8,20})$/]];var T={FILLED:/^\+\d.*$/,FROM_8:/^\+?8(.*)$/,FROM_9:/^\+?9(.*)$/,NOT_NUMBERS:/\D/gim};export{_ as COUNTRY_DATA,$ as DEFAULT_MASK,s as INITIAL_MASK,T as REGEXPS,a as RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Input.Phone/constants.ts"],"sourcesContent":["export const INITIAL_MASK = '99999999999999999999'\n\nexport const DEFAULT_MASK = `+${INITIAL_MASK}`\n\nexport const RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10\n\nexport const COUNTRY_DATA: [string, string, string, RegExp][] = [\n ['Россия', '7', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n ['Россия', '8', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n ['Украина', '380', '+999 (99) 999-99-99', /^(\\+?380)([0-9()\\-\\s]{8,20})$/],\n ['Беларусь', '375', '+999 (999) 99-99-99', /^(\\+?375)([0-9()\\-\\s]{8,20})$/],\n ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\\+?998)([0-9()\\-\\s]{8,20})$/],\n ['Молдова', '373', '+999 (99) 99-99-99', /^(\\+?373)([0-9()\\-\\s]{8,20})$/],\n ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\\+?994)([0-9()\\-\\s]{8,20})$/],\n ['Киргизия', '996', '+999 (999) 99-99-99', /^(\\+?996)([0-9()\\-\\s]{8,20})$/],\n ['Болгария', '359', '+999 (999) 99-99-99', /^(\\+?359)([0-9()\\-\\s]{8,20})$/],\n ['Германия', '49', '+99 (999) 99999999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n ['США', '1', '+9 (999) 999-99-99', /^(\\+?1)([0-9()\\-\\s]{8,20})$/],\n ['Армения', '374', '+999 (99) 99-99-99', /^(\\+?374)([0-9()\\-\\s]{8,20})$/],\n ['Израиль', '972', '+999 (99) 999-99-99', /^(\\+?972)([0-9()\\-\\s]{8,20})$/],\n ['Испания', '34', '+99 (999) 99-99-99', /^(\\+?34)([0-9()\\-\\s]{8,20})$/],\n ['Латвия', '371', '+999 (99) 999-999', /^(\\+?371)([0-9()\\-\\s]{8,20})$/],\n ['Бахрейн', '973', '+999 (99) 999-999', /^(\\+?973)([0-9()\\-\\s]{8,20})$/],\n ['Турция', '90', '+99 (999) 999-9999', /^(\\+?90)([0-9()\\-\\s]{8,20})$/],\n ['Литва', '370', '+999 (999) 99999', /^(\\+?370)([0-9()\\-\\s]{8,20})$/],\n ['Великобритания', '44', '+99 (99) 9999-9999', /^(\\+?44)([0-9()\\-\\s]{8,20})$/],\n ['Индия', '91', '+99 (99) 99-999999', /^(\\+?91)([0-9()\\-\\s]{8,20})$/],\n ['Черногория', '382', '+999 (99) 999-999', /^(\\+?382)([0-9()\\-\\s]{8,20})$/],\n ['Мексика', '52', '+99 (999) 999-99-99', /^(\\+?52)([0-9()\\-\\s]{8,20})$/],\n ['Польша', '48', '+99 999999999', /^(\\+?48)([0-9()\\-\\s]{8,20})$/],\n ['Италия', '39', '+99 (999) 999-99-99', /^(\\+?39)([0-9()\\-\\s]{8,20})$/],\n ['Таиланд', '66', '+99 999-999-999', /^(\\+?66)([0-9()\\-\\s]{8,20})$/],\n ['Грузия', '995', '+999 (999) 999-999', /^(\\+?995)([0-9()\\-\\s]{8,20})$/],\n ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\\+?94)([0-9()\\-\\s]{8,20})$/],\n ['Китай', '86', '+99 (999) 9999-9999', /^(\\+?86)([0-9()\\-\\s]{8,20})$/],\n ['Кипр', '357', '+999 (99) 999999', /^(\\+?357)([0-9()\\-\\s]{8,20})$/],\n ['ОАЭ', '971', '+999 99-999-9999', /^(\\+?971)([0-9()\\-\\s]{8,20})$/],\n ['Франция', '33', '+33(999)999-999', /^(\\+?33)([0-9()\\-\\s]{8,20})$/],\n ['Германия', '49', '+99(9999)999-9999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n ['Япония', '81', '+99 99-9999-9999', /^(\\+?81)([0-9()\\-\\s]{8,20})$/],\n ['Австрия', '43', '+99(999)999-99999', /^(\\+?43)([0-9()\\-\\s]{8,20})$/],\n ['Южная Корея', '82', '+99(999)999-9999', /^(\\+?82)([0-9()\\-\\s]{8,20})$/],\n]\n\nexport const REGEXPS = {\n FILLED: /^\\+\\d.*$/,\n FROM_8: /^\\+?8(.*)$/,\n FROM_9: /^\\+?9(.*)$/,\n NOT_NUMBERS: /\\D/gim,\n}\n"],"names":["INITIAL_MASK","DEFAULT_MASK","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","COUNTRY_DATA","REGEXPS","FILLED","FROM_8","FROM_9","NOT_NUMBERS"],"mappings":"AAAO,IAAMA,EAAe,uBAEfC,IAAAA,EAAmBD,IAAAA,OAFJ,wBAIrB,IAAME,EAA2C,OAE3CC,EAAmD,CAC9D,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,aAAc,MAAO,sBAAuB,iCAC7C,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,cAAe,MAAO,sBAAuB,iCAC9C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,KAAM,qBAAsB,gCACzC,CAAC,MAAO,IAAK,qBAAsB,+BACnC,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,UAAW,KAAM,qBAAsB,gCACxC,CAAC,SAAU,MAAO,oBAAqB,iCACvC,CAAC,UAAW,MAAO,oBAAqB,iCACxC,CAAC,SAAU,KAAM,qBAAsB,gCACvC,CAAC,QAAS,MAAO,mBAAoB,iCACrC,CAAC,iBAAkB,KAAM,qBAAsB,gCAC/C,CAAC,QAAS,KAAM,qBAAsB,gCACtC,CAAC,aAAc,MAAO,oBAAqB,iCAC3C,CAAC,UAAW,KAAM,sBAAuB,gCACzC,CAAC,SAAU,KAAM,gBAAiB,gCAClC,CAAC,SAAU,KAAM,sBAAuB,gCACxC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,SAAU,MAAO,qBAAsB,iCACxC,CAAC,YAAa,KAAM,mBAAoB,gCACxC,CAAC,QAAS,KAAM,sBAAuB,gCACvC,CAAC,OAAQ,MAAO,mBAAoB,iCACpC,CAAC,MAAO,MAAO,mBAAoB,iCACnC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,WAAY,KAAM,oBAAqB,gCACxC,CAAC,SAAU,KAAM,mBAAoB,gCACrC,CAAC,UAAW,KAAM,oBAAqB,gCACvC,CAAC,cAAe,KAAM,mBAAoB,iCAGrC,IAAMC,EAAU,CACrBC,OAAQ,WACRC,OAAQ,aACRC,OAAQ,aACRC,YAAa"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as a,Input as o,InputMask as n,InputIndeterminate as z,InputChecked as l}from'./style.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var c=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","indeterminate","className","disabled"];var d='InputCheckbox';var u=r(i(((i,r)=>{var{size:t="m",sizeXXS:d,sizeXS:u,sizeS:b,sizeM:h,sizeL:S,sizeXL:X,sizes:f,sizeUnits:I,inline:j,error:x,success:C,onColored:M,palette:N,style:k,indeterminate:y,className:L,disabled:v}=i,P=s(i,c);return m(a,{size:t,sizeXXS:d,sizeXS:u,sizeS:b,sizeM:h,sizeL:S,sizeXL:X,sizes:f,sizeUnits:I,inline:j,error:x,success:C,onColored:M,palette:N,style:k,indeterminate:y,className:L,disabled:v,children:[p(o,e(e({},P),{},{disabled:v,type:"checkbox",ref:r})),p(n,{children:p(!0===y?z:l,{})})]})})),{displayName:"InputCheckbox",sizes:t});export{d as COMPONENT_NAME,u as InputCheckbox};
|
|
2
|
-
//# sourceMappingURL=InputCheckbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputCheckboxProps](https://github.com/foxford/ui/blob/master/src/components/InputCheckbox/types.ts)\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n InputCheckboxProps,\n HTMLInputElement\n>(\n forwardRef(\n (\n {\n size = 'm',\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n inline,\n error,\n success,\n onColored,\n palette,\n style,\n indeterminate,\n className,\n disabled,\n ...inputProps\n },\n ref\n ) => {\n return (\n <Styled.Root\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizes={sizes}\n sizeUnits={sizeUnits}\n inline={inline}\n error={error}\n success={success}\n onColored={onColored}\n palette={palette}\n style={style}\n indeterminate={indeterminate}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n <Styled.InputMask>\n {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n </Styled.InputMask>\n </Styled.Root>\n )\n }\n ),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputCheckbox","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","indeterminate","className","disabled","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","Styled.InputIndeterminate","Styled.InputChecked","displayName","SIZES"],"mappings":"2kBAMMA,IAAAA,EAAiB,gBAcjBC,IAAAA,EAAqEC,EAIzEC,GAAAA,CACEC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,MAeEA,EAfFC,cAgBEA,EAhBFC,UAiBEA,EAjBFC,SAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,OACEC,EAACC,EAAD,CACEtB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAlBZM,SAAA,CAoBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BD,SAAUA,EAAUS,KAAK,WAAW3B,IAAKA,KACvEyB,EAACG,EAAD,CAAAJ,SAC4BC,GAAP,IAAlBT,EAA0Ba,EAAgCC,EAA1D,YAMX,CACEC,YAzEmB,gBA0EnBvB,MAAOwB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var d={xxxl:{width:40,height:40,borderRadius:8},xxl:{width:36,height:36,borderRadius:8},xl:{width:32,height:32,borderRadius:7},l:{width:28,height:28,borderRadius:6},m:{width:24,height:24,borderRadius:5},s:{width:20,height:20,borderRadius:4},xs:{width:18,height:18,borderRadius:4},xxs:{width:16,height:16,borderRadius:4},xxxs:{width:14,height:14,borderRadius:3}};export{d as SIZES};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 40,\n height: 40,\n borderRadius: 8,\n },\n xxl: {\n width: 36,\n height: 36,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: 6,\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: 4,\n },\n xxxs: {\n width: 14,\n height: 14,\n borderRadius: 3,\n },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,aAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{d:"M12.5 4.5 6.312 11 3.5 8.045",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
|
|
2
|
-
//# sourceMappingURL=checked.module.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checked.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/checked.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.5 4.5 6.312 11 3.5 8.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckedmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"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,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA6CC,GAC3BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,+BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{clipRule:"evenodd",d:"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
|
|
2
|
-
//# sourceMappingURL=indeterminate.module.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"indeterminate.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/indeterminate.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path clip-rule=\"evenodd\" d=\"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgIndeterminatemodule","props","React","createElement","viewBox","fill","xmlns","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"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,EAAyDC,GACvCC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,SAAU,UACVC,EAAG,+DACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';import a from'./images/checked.module.svg.js';import s from'./images/indeterminate.module.svg.js';var n=c((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));var d=r.input.withConfig({componentId:"fox-ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var b=r.span.withConfig({componentId:"fox-ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var i=r(a).withConfig({componentId:"fox-ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);var t=r(s).withConfig({componentId:"fox-ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);var g=o=>"\n & > ".concat(b," {\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n color: ").concat(o.color,";\n }\n &:hover > ").concat(b," {\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n color: ").concat(o.colorHover,";\n }\n & > ").concat(d,":checked:not(:disabled) + ").concat(b," {\n background-color: ").concat(o.backgroundColorChecked,";\n border-color: ").concat(o.borderColorChecked,";\n color: ").concat(o.colorChecked,";\n }\n & > ").concat(d,":disabled:not(:checked) + ").concat(b," {\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n color: ").concat(o.colorDisabled,";\n }\n & > ").concat(d,":disabled:checked + ").concat(b," {\n background-color: ").concat(o.backgroundColorDisabledChecked,";\n border-color: ").concat(o.borderColorDisabledChecked,";\n color: ").concat(o.colorDisabledChecked,";\n }\n");var C={default:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-error-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-error-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-success-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-success-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-brand-primary-basic']:e.colors['border-onmain-default-small'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['border-brand-primary'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['bg-brand-primary-basic'],borderColorChecked:e.colors['bg-brand-primary-basic'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))},onColored:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['bg-brand-primary-basic'],backgroundColor:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-oncolor-primary']:e.colors['border-onmain-default-small'],colorHover:e.colors['bg-brand-primary-basic'],backgroundColorHover:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-oncolor-primary']:e.colors['border-brand-primary'],colorChecked:e.colors['bg-brand-primary-basic'],backgroundColorChecked:e.colors['bg-oncolor-primary'],borderColorChecked:e.colors['bg-oncolor-primary'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))}};var m=r.span.withConfig({shouldForwardProp:n}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-3ztnvc-4"})([""," "," ",""],(o=>"\n box-sizing: border-box;\n isolation: isolate;\n position: relative;\n display: ".concat(o.inline?'inline-flex':'flex',";\n flex-shrink: 0;\n cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n & > ").concat(d," {\n cursor: inherit;\n }\n & > ").concat(d,":checked + ").concat(b," > ").concat(i," {\n opacity: 1;\n }\n & > ").concat(d,":focus-visible + ").concat(b," {\n box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n ")),(o=>{var r=o.onColored?C.onColored:C.default;return o.error?r.error:o.success?r.success:r.default}),l);export{d as Input,i as InputChecked,t as InputIndeterminate,b as InputMask,m as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport Checked from './images/checked.module.svg'\nimport Indeterminate from './images/indeterminate.module.svg'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n margin: 0;\n border: none;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n &:focus {\n outline: none;\n }\n`\n\nexport const InputMask = styled.span`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n border: 1px solid transparent;\n transition-property: border-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n`\n\nexport const InputChecked = styled(Checked)`\n box-sizing: border-box;\n width: 90%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n box-sizing: border-box;\n width: 90%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n & > ${InputMask} {\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n color: ${palette.color};\n }\n &:hover > ${InputMask} {\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n color: ${palette.colorHover};\n }\n & > ${Input}:checked:not(:disabled) + ${InputMask} {\n background-color: ${palette.backgroundColorChecked};\n border-color: ${palette.borderColorChecked};\n color: ${palette.colorChecked};\n }\n & > ${Input}:disabled:not(:checked) + ${InputMask} {\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n color: ${palette.colorDisabled};\n }\n & > ${Input}:disabled:checked + ${InputMask} {\n background-color: ${palette.backgroundColorDisabledChecked};\n border-color: ${palette.borderColorDisabledChecked};\n color: ${palette.colorDisabledChecked};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n error: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['content-oncolor-primary'],\n backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n borderColor: theme.colors['alert-bg-error-500'],\n colorHover: theme.colors['content-oncolor-primary'],\n backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n borderColorHover: theme.colors['alert-bg-error-500'],\n colorChecked: theme.colors['content-oncolor-primary'],\n backgroundColorChecked: theme.colors['alert-bg-error-500'],\n borderColorChecked: theme.colors['alert-bg-error-500'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-large'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n success: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['content-oncolor-primary'],\n backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n borderColor: theme.colors['alert-bg-success-500'],\n colorHover: theme.colors['content-oncolor-primary'],\n backgroundColorHover: indeterminate\n ? theme.colors['alert-bg-success-500']\n : theme.colors['bg-onmain-primary'],\n borderColorHover: theme.colors['alert-bg-success-500'],\n colorChecked: theme.colors['content-oncolor-primary'],\n backgroundColorChecked: theme.colors['alert-bg-success-500'],\n borderColorChecked: theme.colors['alert-bg-success-500'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-large'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n default: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['content-oncolor-primary'],\n backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n borderColor: indeterminate\n ? theme.colors['bg-brand-primary-basic']\n : theme.colors['border-onmain-default-small'],\n colorHover: theme.colors['content-oncolor-primary'],\n backgroundColorHover: indeterminate\n ? theme.colors['bg-brand-primary-basic']\n : theme.colors['bg-onmain-primary'],\n borderColorHover: indeterminate\n ? theme.colors['bg-brand-primary-basic']\n : theme.colors['border-brand-primary'],\n colorChecked: theme.colors['content-oncolor-primary'],\n backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n borderColorChecked: theme.colors['bg-brand-primary-basic'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-large'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n },\n onColored: {\n error: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['content-oncolor-primary'],\n backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n colorHover: theme.colors['content-oncolor-primary'],\n backgroundColorHover: indeterminate\n ? theme.colors['alert-bg-error-500']\n : theme.colors['bg-onmain-secondary'],\n borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n colorChecked: theme.colors['content-oncolor-primary'],\n backgroundColorChecked: theme.colors['alert-bg-error-500'],\n borderColorChecked: theme.colors['alert-bg-error-500'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-small'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n success: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['content-oncolor-primary'],\n backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n colorHover: theme.colors['content-oncolor-primary'],\n backgroundColorHover: indeterminate\n ? theme.colors['alert-bg-success-500']\n : theme.colors['bg-onmain-secondary'],\n borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n colorChecked: theme.colors['content-oncolor-primary'],\n backgroundColorChecked: theme.colors['alert-bg-success-500'],\n borderColorChecked: theme.colors['alert-bg-success-500'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-small'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n default: css<StyledInputCheckboxProps>`\n ${({ theme, palette, indeterminate }) =>\n template({\n color: theme.colors['bg-brand-primary-basic'],\n backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n colorHover: theme.colors['bg-brand-primary-basic'],\n backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n colorChecked: theme.colors['bg-brand-primary-basic'],\n backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n borderColorChecked: theme.colors['bg-oncolor-primary'],\n colorDisabled: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: indeterminate\n ? theme.colors['bg-disabled-active']\n : theme.colors['bg-disabled-small'],\n borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n ...palette,\n })}\n `,\n },\n}\n\nexport const Root = styled.span\n .withConfig<StyledInputCheckboxProps>({\n shouldForwardProp: shouldForwardInputCheckboxProp,\n })\n .attrs(<Required<Pick<StyledInputCheckboxProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '1em',\n width: '1em',\n borderRadius: '0.2em',\n }\n },\n })`\n ${(props) => `\n box-sizing: border-box;\n isolation: isolate;\n position: relative;\n display: ${props.inline ? 'inline-flex' : 'flex'};\n flex-shrink: 0;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n & > ${Input} {\n cursor: inherit;\n }\n & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n opacity: 1;\n }\n & > ${Input}:focus-visible + ${InputMask} {\n box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `}\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n if (props.error) return schema.error\n if (props.success) return schema.success\n\n return schema.default\n }}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","concat","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","_ref","theme","indeterminate","_objectSpread","colors","success","_ref2","_ref3","onColored","_ref4","_ref5","_ref6","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","borderRadius","props","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import s from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as o,Input as a,InputMask as z}from'./style.js';import{jsxs as l,jsx as n}from'react/jsx-runtime';var p=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","className","disabled"];var m='InputRadio';var d=r(i(((i,r)=>{var{size:t="m",sizeXXS:m,sizeXS:d,sizeS:c,sizeM:u,sizeL:S,sizeXL:X,sizes:b,sizeUnits:f,inline:j,error:M,success:h,onColored:N,palette:y,style:I,className:L,disabled:R}=i,v=e(i,p);return l(o,{size:t,sizeXXS:m,sizeXS:d,sizeS:c,sizeM:u,sizeL:S,sizeXL:X,sizes:b,sizeUnits:f,inline:j,error:M,success:h,onColored:N,palette:y,style:I,className:L,disabled:R,children:[n(a,s(s({},v),{},{disabled:R,type:"radio",ref:r})),n(z,{})]})})),{displayName:"InputRadio",sizes:t});export{m as COMPONENT_NAME,d as InputRadio};
|
|
2
|
-
//# sourceMappingURL=InputRadio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n forwardRef(\n (\n {\n size = 'm',\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n inline,\n error,\n success,\n onColored,\n palette,\n style,\n className,\n disabled,\n ...inputProps\n },\n ref\n ) => {\n return (\n <Styled.Root\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizes={sizes}\n sizeUnits={sizeUnits}\n inline={inline}\n error={error}\n success={success}\n onColored={onColored}\n palette={palette}\n style={style}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n <Styled.InputMask />\n </Styled.Root>\n )\n }\n ),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","className","disabled","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","displayName","SIZES"],"mappings":"ihBAMMA,IAAAA,EAAiB,aAcjBC,IAAAA,EAA+DC,EACnEC,IACEC,EAqBEC,KACG,IArBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,MAeEA,EAfFC,UAgBEA,EAhBFC,SAiBEA,GAIClB,EAHEmB,EAGFC,EAAApB,EAAAqB,GACH,OACEC,EAACC,EAAD,CACErB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAjBZM,SAAA,CAmBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BD,SAAUA,EAAUS,KAAK,QAAQ1B,IAAKA,KACpEwB,EAACG,EApBH,UAyBN,CACEC,YAlEmB,aAmEnBpB,MAAOqB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var h={xxxl:{width:40,height:40},xxl:{width:36,height:36},xl:{width:32,height:32},l:{width:28,height:28},m:{width:24,height:24},s:{width:20,height:20},xs:{width:18,height:18},xxs:{width:16,height:16},xxxs:{width:14,height:14}};export{h as SIZES};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 40,\n height: 40,\n },\n xxl: {\n width: 36,\n height: 36,\n },\n xl: {\n width: 32,\n height: 32,\n },\n l: {\n width: 28,\n height: 28,\n },\n m: {\n width: 24,\n height: 24,\n },\n s: {\n width: 20,\n height: 20,\n },\n xs: {\n width: 18,\n height: 18,\n },\n xxs: {\n width: 16,\n height: 16,\n },\n xxxs: {\n width: 14,\n height: 14,\n },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=c((o=>!['inline','error','success','onColored','disabled'].includes(o)));var n=r.input.withConfig({componentId:"fox-ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);var t=o=>"\n & > ".concat(d," {\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n }\n & > ").concat(d,"::before {\n background-color: ").concat(o.color,";\n }\n &:hover > ").concat(d," {\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:hover > ").concat(d,"::before {\n background-color: ").concat(o.colorHover,";\n }\n & > ").concat(n,":checked:not(:disabled) + ").concat(d," {\n background-color: ").concat(o.backgroundColorChecked,";\n border-color: ").concat(o.borderColorChecked,";\n }\n & > ").concat(n,":checked:not(:disabled) + ").concat(d,"::before {\n background-color: ").concat(o.colorChecked,";\n }\n & > ").concat(n,":disabled:not(:checked) + ").concat(d," {\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n & > ").concat(n,":disabled:not(:checked) + ").concat(d,"::before {\n background-color: ").concat(o.colorDisabled,";\n }\n & > ").concat(n,":disabled:checked + ").concat(d," {\n background-color: ").concat(o.backgroundColorDisabledChecked,";\n border-color: ").concat(o.borderColorDisabledChecked,";\n }\n & > ").concat(n,":disabled:checked + ").concat(d,"::before {\n background-color: ").concat(o.colorDisabledChecked,";\n }\n");var s={default:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-error-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-success-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['bg-brand-primary-basic'],borderColorChecked:r.theme.colors['bg-brand-primary-basic'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))},onColored:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-error'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-success'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['bg-brand-primary-basic'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['bg-brand-primary-basic'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:r.theme.colors['bg-oncolor-primary'],borderColorChecked:r.theme.colors['bg-oncolor-primary'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))}};var b=r.span.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-rgocm7-2"})([""," "," ",""],(o=>"\n box-sizing: border-box;\n isolation: isolate;\n position: relative;\n display: ".concat(o.inline?'inline-flex':'flex',";\n border-radius: 50%;\n flex-shrink: 0;\n cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n & > ").concat(n," {\n cursor: inherit;\n }\n & > ").concat(n,":checked + ").concat(d,"::before {\n opacity: 1;\n }\n & > ").concat(n,":focus-visible + ").concat(d," {\n box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n ")),(o=>{var r=o.onColored?s.onColored:s.default;return o.error?r.error:o.success?r.success:r.default}),l);export{n as Input,d as InputMask,b as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/InputRadio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledInputRadioProps, InputRadioPalette } from './types'\n\nconst shouldForwardInputRadioProp = createShouldForwardProp(\n (propKey) => !['inline', 'error', 'success', 'onColored', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n margin: 0;\n border: none;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n &:focus {\n outline: none;\n }\n`\n\nexport const InputMask = styled.span`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n border: 1px solid transparent;\n transition-property: border-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n &::before {\n content: '';\n position: absolute;\n width: 40%;\n height: 40%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n opacity: 0;\n }\n`\n\nconst template = (palette: InputRadioPalette) => `\n & > ${InputMask} {\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n }\n & > ${InputMask}::before {\n background-color: ${palette.color};\n }\n &:hover > ${InputMask} {\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:hover > ${InputMask}::before {\n background-color: ${palette.colorHover};\n }\n & > ${Input}:checked:not(:disabled) + ${InputMask} {\n background-color: ${palette.backgroundColorChecked};\n border-color: ${palette.borderColorChecked};\n }\n & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n background-color: ${palette.colorChecked};\n }\n & > ${Input}:disabled:not(:checked) + ${InputMask} {\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n background-color: ${palette.colorDisabled};\n }\n & > ${Input}:disabled:checked + ${InputMask} {\n background-color: ${palette.backgroundColorDisabledChecked};\n border-color: ${palette.borderColorDisabledChecked};\n }\n & > ${Input}:disabled:checked + ${InputMask}::before {\n background-color: ${palette.colorDisabledChecked};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n error: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors['alert-bg-error-500'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n borderColorHover: props.theme.colors['alert-bg-error-500'],\n colorChecked: props.theme.colors['content-oncolor-primary'],\n backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n borderColorChecked: props.theme.colors['alert-bg-error-500'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n success: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors['alert-bg-success-500'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n borderColorHover: props.theme.colors['alert-bg-success-500'],\n colorChecked: props.theme.colors['content-oncolor-primary'],\n backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n borderColorChecked: props.theme.colors['alert-bg-success-500'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors['border-onmain-default-small'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n borderColorHover: props.theme.colors['border-brand-primary'],\n colorChecked: props.theme.colors['content-oncolor-primary'],\n backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n },\n onColored: {\n error: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-secondary'],\n borderColor: props.theme.colors['alert-error'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n borderColorHover: props.theme.colors['alert-error'],\n colorChecked: props.theme.colors['content-oncolor-primary'],\n backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n borderColorChecked: props.theme.colors['alert-bg-error-500'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n success: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['bg-onmain-secondary'],\n borderColor: props.theme.colors['alert-success'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n borderColorHover: props.theme.colors['alert-success'],\n colorChecked: props.theme.colors['content-oncolor-primary'],\n backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n borderColorChecked: props.theme.colors['alert-bg-success-500'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n default: css<StyledInputRadioProps>`\n ${(props) =>\n template({\n color: props.theme.colors['bg-brand-primary-basic'],\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors['border-onmain-default-small'],\n colorHover: props.theme.colors['bg-brand-primary-basic'],\n backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n borderColorHover: props.theme.colors['border-brand-primary'],\n colorChecked: props.theme.colors['bg-brand-primary-basic'],\n backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n colorDisabled: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n ...props.palette,\n })}\n `,\n },\n}\n\nexport const Root = styled.span\n .withConfig<StyledInputRadioProps>({\n shouldForwardProp: shouldForwardInputRadioProp,\n })\n .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '1em',\n width: '1em',\n }\n },\n })`\n ${(props) => `\n box-sizing: border-box;\n isolation: isolate;\n position: relative;\n display: ${props.inline ? 'inline-flex' : 'flex'};\n border-radius: 50%;\n flex-shrink: 0;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n & > ${Input} {\n cursor: inherit;\n }\n & > ${Input}:checked + ${InputMask}::before {\n opacity: 1;\n }\n & > ${Input}:focus-visible + ${InputMask} {\n box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `}\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n if (props.error) return schema.error\n if (props.success) return schema.success\n\n return schema.default\n }}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","template","palette","concat","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","_objectSpread","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o,cloneElement as r,isValidElement as s}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as n}from'../Skeleton/Skeleton.js';import{Text as d}from'../Text/Text.js';import{SIZES as p}from'./constants.js';import{Root as l,Media as c,Content as m,Img as f,Typography as h}from'./style.js';import{jsx as z,Fragment as b,jsxs as y}from'react/jsx-runtime';var u=["size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading"];var v=t(o(((o,t)=>{var{size:p="s",borderRadius:v=0,mediaBorderRadius:P="50%",controlPosition:S="left",captionPosition:j="bottom",ellipsis:g=!0,iconProps:x={},textProps:X={},captionProps:R={},sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C,text:T,children:k,control:B,icon:E,media:F,caption:N,addon:U,onColored:V,disabled:W,loading:Z}=o,q=i(o,u);var D;var G;B&&(D='label'),q.href&&(D='a'),q.as&&(D=q.as),D||(G='button'),q.type&&(G=q.type);var H={size:p,sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C};var J={onColored:V,disabled:W};var K='object'==typeof B&&'object'==typeof B.props&&null!==B.props?B.props:{};var[O,Q]=Array.isArray(E)?E:[E];var Y={appearance:'body',size:'inherit',color:'inherit'};var $={appearance:'body',size:.9,sizeUnits:'em',color:'inherit'};return z(l,e(e(e(e({},H),J),q),{},{as:D,type:G,borderRadius:v,mediaBorderRadius:P,ref:t,children:'function'==typeof k?k({textProps:Y,captionProps:$}):z(b,{children:y(b,Z?{children:[F&&z(c,{children:z(n,{width:"100%",height:"100%",borderRadius:"inherit"})}),z(m,{children:z(n,{width:"100%",borderRadius:4,children:z(d,e(e({},Y),X))})})]}:{children:[B&&'left'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K))),O&&z(a,e({preset:"brand",name:'string'==typeof O?O:void 0,icon:'string'!=typeof O?O:void 0},x)),F&&z(c,{children:s(F)?F:z(f,e({alt:""},F))}),(k||T||N)&&y(m,{children:[N&&'top'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N})),(k||T)&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},Y),X),{},{children:null!=k?k:T})),N&&'bottom'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N}))]}),U,Q&&z(a,e({preset:"brand",name:'string'==typeof Q?Q:void 0,icon:'string'!=typeof Q?Q:void 0},x)),B&&'right'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K)))]})})}))})),{displayName:'ListItem',sizes:p});export{v as ListItem};
|
|
2
|
-
//# sourceMappingURL=ListItem.js.map
|