@foxford/ui 2.36.0 → 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 +22 -53
- 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/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 -4209
- 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,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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n borderRadius = 0,\n mediaBorderRadius = '50%',\n controlPosition = 'left',\n captionPosition = 'bottom',\n ellipsis = true,\n iconProps = {},\n textProps = {},\n captionProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n text,\n children,\n control,\n icon,\n media,\n caption,\n addon,\n onColored,\n disabled,\n loading,\n ...restProps\n } = props\n\n let rootNode: ListItemProps['as']\n\n if (control) rootNode = 'label'\n if (restProps.href) rootNode = 'a'\n if (restProps.as) rootNode = restProps.as\n\n let rootType: ListItemProps['type']\n\n if (!rootNode) rootType = 'button'\n if (restProps.type) rootType = restProps.type\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const stateProps = {\n onColored,\n disabled,\n }\n\n const controlProps =\n typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n return (\n <Styled.Root\n {...sizeProps}\n {...stateProps}\n {...restProps}\n as={rootNode}\n type={rootType}\n borderRadius={borderRadius}\n mediaBorderRadius={mediaBorderRadius}\n ref={ref}\n >\n {typeof children === 'function' ? (\n children({\n textProps: textBaseProps,\n captionProps: captionBaseProps,\n })\n ) : (\n <>\n {loading ? (\n <>\n {media && (\n <Styled.Media>\n <Skeleton width='100%' height='100%' borderRadius='inherit' />\n </Styled.Media>\n )}\n <Styled.Content>\n <Skeleton width='100%' borderRadius={4}>\n <Text {...textBaseProps} {...textProps} />\n </Skeleton>\n </Styled.Content>\n </>\n ) : (\n <>\n {control &&\n controlPosition === 'left' &&\n (typeof control === 'function'\n ? control({ ...sizeProps, ...stateProps })\n : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n {before && (\n <Icon\n preset='brand'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconProps}\n />\n )}\n {media && (\n <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n )}\n {(children || text || caption) && (\n <Styled.Content>\n {caption && captionPosition === 'top' && (\n <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n {caption}\n </Styled.Typography>\n )}\n {(children || text) && (\n <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n {children ?? text}\n </Styled.Typography>\n )}\n {caption && captionPosition === 'bottom' && (\n <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n {caption}\n </Styled.Typography>\n )}\n </Styled.Content>\n )}\n {addon}\n {after && (\n <Icon\n preset='brand'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconProps}\n />\n )}\n {control &&\n controlPosition === 'right' &&\n (typeof control === 'function'\n ? control({ ...sizeProps, ...stateProps })\n : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n </>\n )}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","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","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","undefined","isValidElement","Styled.Img","alt","Styled.Typography","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var d={xxxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},l:{fontSize:18,paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16},m:{fontSize:16,paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12},s:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10}};export{d as SIZES};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xxl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n xl: {\n fontSize: 20,\n paddingTop: 16,\n paddingRight: 20,\n paddingBottom: 16,\n paddingLeft: 20,\n },\n l: {\n fontSize: 18,\n paddingTop: 10,\n paddingRight: 16,\n paddingBottom: 10,\n paddingLeft: 16,\n },\n m: {\n fontSize: 16,\n paddingTop: 8,\n paddingRight: 12,\n paddingBottom: 8,\n paddingLeft: 12,\n },\n s: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n xxxs: {\n fontSize: 14,\n paddingTop: 6,\n paddingRight: 10,\n paddingBottom: 6,\n paddingLeft: 10,\n },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as n}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{Text as l}from'../Text/Text.js';var s=c((o=>!['danger','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));var d=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);var i=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n }\n\n & ").concat(d," img {\n background-color: ").concat(o.mediaPlaceholderColor,";\n }\n");var m={onColored:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))}},default:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}}};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em 0.8em'})}).withConfig({componentId:"fox-ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>"\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n border-radius: ").concat('string'==typeof o.borderRadius?o.borderRadius:"".concat(o.borderRadius,"px"),";\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ").concat(d," {\n border-radius: ").concat('string'==typeof o.mediaBorderRadius?o.mediaBorderRadius:"".concat(o.mediaBorderRadius,"px"),";\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n ")),(o=>{var r=o.onColored?m.onColored:m.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default}),a,t,n);var b=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);var p=r.img.withConfig({componentId:"fox-ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);var g=r(l).withConfig({shouldForwardProp:o=>'ellipsis'!==o}).withConfig({componentId:"fox-ui__sc-1a62xqm-4"})(["",""],(o=>o.ellipsis&&"\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 100%;\n width: 5ch;\n "));export{b as Content,p as Img,d as Media,h as Root,g as Typography};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n (propKey) => !['danger', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n box-sizing: border-box;\n flex-shrink: 0;\n width: 2.2em;\n height: 2.2em;\n\n & > * {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n`\n\nconst template = (palette: ListItemPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n }\n\n & ${Media} img {\n background-color: ${palette.mediaPlaceholderColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['alert-error'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['alert-error'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n default: {\n danger: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors['alert-error'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['alert-error'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n secondary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n primary: {\n disabled: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-disabled'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-disabled'],\n backgroundColorHover: props.theme.colors.transparent,\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n active: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n colorHover: props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledListItemProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Root = styled.button\n .withConfig<StyledListItemProps>({\n shouldForwardProp: shouldForwardListItemProp,\n })\n .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => ({\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n padding: '0.4em 0.8em',\n }),\n })`\n ${(props) => `\n box-sizing: border-box;\n display: flex;\n align-items: center;\n isolation: isolate;\n position: relative;\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n border: none;\n text-decoration: none;\n appearance: none;\n text-align: start;\n width: 100%;\n min-width: min-content;\n transition-property: background-color;\n transition-duration: 150ms;\n transition-timing-function: ease-in;\n\n & ${Media} {\n border-radius: ${\n typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n };\n }\n\n & > *:not(:last-child) {\n margin-right: 12px;\n }\n `}\n\n ${(props) => {\n const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.danger) schemaVariant = schema.danger\n\n if (props.disabled) return schemaVariant.disabled\n if (props.active) return schemaVariant.active\n\n return schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n`\n\nexport const Img = styled.img`\n box-sizing: border-box;\n border-radius: inherit;\n object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n ${(props) =>\n props.ellipsis &&\n `\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 100%;\n width: 5ch;\n `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","_objectSpread","theme","colors","transparent","active","default","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}
|
package/components/Menu/Menu.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as s}from'react';import{mergeDeepLeft as o}from'ramda';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{focusFirstFocusable as a}from'../../shared/utils/dom.js';import{Tooltip as n}from'../Tooltip/Tooltip.js';import{MenuComponent as p}from'../MenuComponent/MenuComponent.js';import{MenuList as m}from'../MenuList/MenuList.js';import{MenuContainer as l}from'../MenuContainer/MenuContainer.js';import{MenuDivider as u}from'../MenuDivider/MenuDivider.js';import{jsx as c}from'react/jsx-runtime';import{SIZES as f}from'../MenuComponent/constants.js';var d=["size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight"];var b=Object.assign(i(t(((t,i)=>{var{size:m="m",disableFlip:l=!0,offset:u=8,placement:f="bottom-start",styles:b={},sizes:M,sizeUnits:j,render:h,primary:F,secondary:g,palette:y,autoFocus:z,disableAutoFocus:C,maxHeight:v}=t,L=r(t,d);var w=s(null);return c(n,e(e({},L),{},{ref:i,preset:"brand",size:m,hideArrow:!0,getPopper:(e,r)=>{e.state.elements.reference instanceof HTMLElement&&(w.current=e.state.elements.reference),L.getPopper&&L.getPopper(e,r)},callback:(e,r)=>{'close'===e&&w.current instanceof HTMLElement&&a(w.current),L.callback&&L.callback(e,r)},disableFlip:l,offset:u,placement:f,styles:o(b,g?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:c(p,{sizes:M,sizeUnits:j,autoFocus:z,disableAutoFocus:C,primary:F,secondary:g,palette:y,maxHeight:v,children:h})}))})),{displayName:'Menu',sizes:f}),{Component:p,List:m,Container:l,Divider:u});export{b as Menu};
|
|
2
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n Component: typeof MenuComponent\n List: typeof MenuList\n Container: typeof MenuContainer\n Divider: typeof MenuDivider\n} = Object.assign(\n withMergedProps<MenuProps, HTMLDivElement>(\n forwardRef((props, ref) => {\n const {\n size = 'm',\n disableFlip = true,\n offset = 8,\n placement = 'bottom-start',\n styles = {},\n sizes,\n sizeUnits,\n render,\n primary,\n secondary,\n palette,\n autoFocus,\n disableAutoFocus,\n maxHeight,\n ...restProps\n } = props\n\n const trigger = useRef<HTMLElement | null>(null)\n\n return (\n <Tooltip\n {...restProps}\n ref={ref}\n preset='brand'\n size={size}\n hideArrow\n getPopper={(popper, origin) => {\n if (popper.state.elements.reference instanceof HTMLElement) {\n trigger.current = popper.state.elements.reference\n }\n\n if (restProps.getPopper) {\n restProps.getPopper(popper, origin)\n }\n }}\n callback={(action, tooltipProps) => {\n if (action === 'close' && trigger.current instanceof HTMLElement) {\n focusFirstFocusable(trigger.current)\n }\n\n if (restProps.callback) {\n restProps.callback(action, tooltipProps)\n }\n }}\n disableFlip={disableFlip}\n offset={offset}\n placement={placement}\n styles={mergeDeepLeft(\n styles,\n secondary\n ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n : { wrapper: { cursor: 'pointer' } }\n )}\n component={\n <MenuComponent\n sizes={sizes}\n sizeUnits={sizeUnits}\n autoFocus={autoFocus}\n disableAutoFocus={disableAutoFocus}\n primary={primary}\n secondary={secondary}\n palette={palette}\n maxHeight={maxHeight}\n >\n {render}\n </MenuComponent>\n }\n />\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n ),\n {\n Component: MenuComponent,\n List: MenuList,\n Container: MenuContainer,\n Divider: MenuDivider,\n }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","_excluded","trigger","useRef","_jsx","Tooltip","_objectSpread","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"22BAuBA,IAAMA,EAKFC,OAAOC,OACTC,EACEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,YAEJA,KAFIC,OAGJA,EAAS,EAHLC,UAIJA,EAAY,eAJRC,OAKJA,EAAS,GALLC,MAMJA,EANIC,UAOJA,EAPIC,OAQJA,EARIC,QASJA,EATIC,UAUJA,EAVIC,QAWJA,EAXIC,UAYJA,EAZIC,iBAaJA,EAbIC,UAcJA,GAEEf,EADCgB,IACDhB,EAhBJiB,GAkBA,IAAMC,EAAUC,EAA2B,MAE3C,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMN,GADN,GAAA,CAEEf,IAAKA,EACLsB,OAAO,QACPrB,KAAMA,EACNsB,WAAAA,EACAC,UAAW,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7Cb,EAAQc,QAAUN,EAAOE,MAAMC,SAASC,WAGtCd,EAAUS,WACZT,EAAUS,UAAUC,EAAQC,IAGhCM,SAAU,CAACC,EAAQC,KACF,UAAXD,GAAsBhB,EAAQc,mBAAmBD,aACnDK,EAAoBlB,EAAQc,SAG1BhB,EAAUiB,UACZjB,EAAUiB,SAASC,EAAQC,IAG/BhC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ+B,EACN/B,EACAK,EACI,CAAE2B,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACEtB,EAACuB,EAAD,CACEpC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EARb6B,SAUGnC,UAMX,CACEoC,YA5FiB,OA6FjBtC,MAAOuC,IAGX,CACEC,UAAWJ,EACXK,KAAMC,EACNC,UAAWC,EACXC,QAASC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o,useRef as r,useImperativeHandle as t,useEffect as i,isValidElement as a,cloneElement as n}from'react';import{withMergedProps as u}from'../../hocs/withMergedProps.js';import{focusFirstFocusable as m}from'../../shared/utils/dom.js';import{SIZES as l}from'./constants.js';export{SIZES}from'./constants.js';import{Root as p}from'./style.js';import{jsx as c}from'react/jsx-runtime';var z=["size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount"];var f=()=>{};var h=u(o(((o,u)=>{var{size:l="m",maxHeight:h=240,closeFn:d=f,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:j,sizeL:v,sizeXL:F,children:x,autoFocus:M,disableAutoFocus:w,showCloseButton:B,closeButtonProps:L,onUnmount:P}=o,g=s(o,z);var C=r(null);t(u,(()=>C.current)),i((()=>()=>{P&&P()}),[]),i((()=>{var e=setTimeout((()=>{!w&&C.current&&m(C.current)}),0);return()=>{clearTimeout(e)}}),[M,w]);var E={size:l,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:j,sizeL:v,sizeXL:F};var H={showCloseButton:B,closeButtonProps:L,closeFn:d};var y=a(x)&&'object'==typeof x.props&&null!==x.props?x.props:{};return c(p,e(e(e({},g),E),{},{maxHeight:h,ref:C,children:a(x)?n(x,e(e(e({},E),H),y)):x(e(e({},E),H))}))})),{displayName:'MenuComponent',sizes:l});export{h as MenuComponent};
|
|
2
|
-
//# sourceMappingURL=MenuComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n MenuComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, forwardedRef) => {\n const {\n size = 'm',\n maxHeight = 240,\n closeFn = noop,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n children,\n autoFocus,\n disableAutoFocus,\n showCloseButton,\n closeButtonProps,\n onUnmount,\n ...restProps\n } = props\n\n const ref = useRef<HTMLDivElement>(null)\n\n useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n useEffect(() => {\n return () => {\n if (onUnmount) onUnmount()\n }\n }, [])\n\n useEffect(() => {\n const timerId = setTimeout(() => {\n if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n }, 0)\n\n return () => {\n clearTimeout(timerId)\n }\n }, [autoFocus, disableAutoFocus])\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const forwardProps = {\n showCloseButton,\n closeButtonProps,\n closeFn,\n }\n\n const elementProps =\n isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n return (\n <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n {isValidElement(children)\n ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n : children({ ...sizeProps, ...forwardProps })}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","_excluded","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled.Root","cloneElement","_objectSpread","displayName","sizes","SIZES"],"mappings":"srBASA,IAAMA,EAAO,OAYPC,IAAAA,EAAqEC,EAIzEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,IAFRC,QAGJA,EAAUR,EAHNS,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,SAUJA,EAVIC,UAWJA,EAXIC,iBAYJA,EAZIC,gBAaJA,EAbIC,iBAcJA,EAdIC,UAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,IAAMC,EAAMC,EAAuB,MAEnCC,EAAkEpB,GAAc,IAAMkB,EAAIG,UAE1FC,GAAU,IACD,KACDP,GAAWA,MAEhB,IAEHO,GAAU,KACR,IAAMC,EAAUC,YAAAA,MACTZ,GAAoBM,EAAIG,SAASI,EAAoBP,EAAIG,WAC7D,GAEH,MAAO,KACLK,aAAaH,MAEd,CAACZ,EAAWC,IAEf,IAAMe,EAAY,CAChB1B,KAAAA,EACAG,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMmB,EAAe,CACnBf,gBAAAA,EACAC,iBAAAA,EACAX,QAAAA,GAGF,IAAM0B,EACJC,EAAepB,IAAuC,iBAAnBA,EAASX,OAAyC,OAAnBW,EAASX,MAAiBW,EAASX,MAAQ,GAE/G,OACEgC,EAACC,EAAgBhB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeW,GAAhC,GAAA,CAA2CzB,UAAWA,EAAWgB,IAAKA,EAAtER,SACGoB,EAAepB,GACZuB,EAAavB,EAADwB,EAAAA,EAAAA,EAAA,GAAgBP,GAAcC,GAAiBC,IAC3DnB,EAAQwB,EAAAA,EAAA,GAAMP,GAAcC,UAItC,CACEO,YAtFmB,gBAuFnBC,MAAOC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n maxWidth: 560,\n },\n xxl: {\n maxWidth: 560,\n },\n xl: {\n maxWidth: 560,\n },\n l: {\n maxWidth: 560,\n },\n m: {\n maxWidth: 480,\n },\n s: {\n maxWidth: 280,\n },\n xs: {\n maxWidth: 280,\n },\n xxs: {\n maxWidth: 280,\n },\n xxxs: {\n maxWidth: 280,\n },\n}\n"],"names":["SIZES","xxxl","maxWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,KAEZC,IAAK,CACHD,SAAU,KAEZE,GAAI,CACFF,SAAU,KAEZG,EAAG,CACDH,SAAU,KAEZI,EAAG,CACDJ,SAAU,KAEZK,EAAG,CACDL,SAAU,KAEZM,GAAI,CACFN,SAAU,KAEZO,IAAK,CACHP,SAAU,KAEZQ,KAAM,CACJR,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{responsiveSize as n}from'../../mixins/responsive-size.js';var t=a((o=>!['black','elevated','maxHeight'].includes(o)));var s=o=>"\n background-color: ".concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n");var i={primary:e(["",""],(r=>s(o({backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors.transparent,shadowColor:r.elevated?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],shadowColor:r.elevated?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette))))};var l=r.div.withConfig({shouldForwardProp:t}).withConfig({componentId:"fox-ui__sc-10iu45v-0"})([""," "," ",""],(o=>"\n box-sizing: border-box;\n isolation: isolate;\n border-radius: 12px;\n border: 1px solid transparent;\n overflow-x: hidden;\n overflow-y: auto;\n scrollbar-width: thin;\n min-width: min-content;\n max-height: ".concat('string'==typeof o.maxHeight?o.maxHeight:"".concat(o.maxHeight,"px"),";\n ")),(o=>o.secondary?i.secondary:i.primary),n);export{i as COLOR_SCHEMA,l as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nexport const COLOR_SCHEMA = {\n primary: css<StyledMenuComponentProps>`\n ${(props) =>\n template({\n backgroundColor: props.theme.colors['bg-onmain-primary'],\n borderColor: props.theme.colors.transparent,\n shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n secondary: css<StyledMenuComponentProps>`\n ${(props) =>\n template({\n backgroundColor: props.theme.colors['bg-onmain-secondary'],\n borderColor: props.theme.colors['border-onmain-default-large'],\n shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n}\n\nexport const Root = styled.div.withConfig<StyledMenuComponentProps>({\n shouldForwardProp: shouldForwardMenuComponentProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n isolation: isolate;\n border-radius: 12px;\n border: 1px solid transparent;\n overflow-x: hidden;\n overflow-y: auto;\n scrollbar-width: thin;\n min-width: min-content;\n max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n `}\n\n ${(props) => {\n return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n }}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","concat","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","componentId","maxHeight","responsiveSize"],"mappings":"sOAKA,IAAMA,EAAiCC,GACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,IAAME,EAAYC,GAAD,yBAAAC,OACKD,EAAQE,gBACZF,uBAAAA,OAAAA,EAAQG,YAFT,wCAAAF,OAGkBD,EAAQI,YAH3C,QAMO,IAAMC,EAAe,CAC1BC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,qBACpCR,YAAaK,EAAME,MAAMC,OAAOC,YAChCR,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,YAGfc,UAAWP,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,uBACpCR,YAAaK,EAAME,MAAMC,OAAO,+BAChCP,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,aAKV,IAAMe,EAAOC,EAAOC,IAAIC,WAAqC,CAClEC,kBAAmBxB,IADJuB,WAAA,CAAAE,YAAA,wBAAGJ,CAGfR,CAAAA,GAAAA,IAAAA,IAAAA,KAAAA,4PASwC,iBAApBA,EAAMa,UAAyBb,EAAMa,UAA5C,GAAApB,OAA2DO,EAAMa,gBAZlE,WAeZb,GACMA,EAAMM,UAAYT,EAAaS,UAAYT,EAAaC,SAG/DgB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{Root as e,CloseButton as s}from'./style.js';import{jsxs as t,jsx as n}from'react/jsx-runtime';var a=r(((r,a)=>{var{closeButtonProps:i={},children:l,showCloseButton:c,closeFn:m}=r;return t(e,{ref:a,children:[c&&n(s,o(o({square:!0,size:"m",icon:"close"},i),{},{onClick:o=>{m&&m(),i.onClick&&i.onClick(o)}})),l]})}));export{a as MenuContainer};
|
|
2
|
-
//# sourceMappingURL=MenuContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n HTMLDivElement,\n MenuContainerProps\n>((props, ref) => {\n const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n return (\n <Styled.Root ref={ref}>\n {showCloseButton && (\n <Styled.CloseButton\n square\n size='m'\n icon='close'\n {...closeButtonProps}\n onClick={(evt) => {\n if (closeFn) closeFn()\n if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n }}\n />\n )}\n {children}\n </Styled.Root>\n )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled.Root","_jsx","Styled.CloseButton","_objectSpread","square","size","icon","onClick","evt"],"mappings":"4LAYMA,IAAAA,EAAqEC,GAGzE,CAACC,EAAOC,KACR,IAAMC,iBAAEA,EAAmB,GAArBC,SAAyBA,EAAzBC,gBAAmCA,EAAnCC,QAAoDA,GAAYL,EAEtE,OACEM,EAACC,EAAD,CAAaN,IAAKA,EAAlBE,SAAA,CACGC,GACCI,EAACC,EAADC,EAAAA,EAAA,CACEC,QADF,EAEEC,KAAK,IACLC,KAAK,SACDX,GAJN,GAAA,CAKEY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,OAI5DZ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'styled-components';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{IconButton as i}from'../IconButton/IconButton.js';var n=t();var r=o.div.withConfig({shouldForwardProp:n}).withConfig({componentId:"fox-ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;min-width:min-content;"]);var s=o(i).withConfig({componentId:"fox-ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);export{s as CloseButton,r as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n box-sizing: border-box;\n position: relative;\n padding: 8px;\n border-radius: inherit;\n min-width: min-content;\n`\n\nexport const CloseButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","componentId","CloseButton","IconButton"],"mappings":"gKAKA,IAAMA,EAAiCC,IAEhC,IAAMC,EAAOC,EAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,IADJK,WAAA,CAAAE,YAAA,wBAAGJ,CAAb,CAAA,yGAUMK,EAAcL,EAAOM,GAAVJ,WAAA,CAAAE,YAAA,wBAAGJ,CAApB,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{useMergedPalette as o}from'../../hooks/useMergedPalette.js';import{Text as a}from'../Text/Text.js';import{Root as s,HorizontalLine as i}from'./style.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var l=["textProps","children","text"];var n=t(((t,n)=>{var{textProps:x={},children:c,text:d}=t,f=r(t,l);var h=o(f);return m(s,e(e({},f),{},{palette:h,ref:n,children:[(c||d)&&p(a,e(e({appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4},x),{},{children:null!=c?c:d})),p(i,{})]}))}));export{n as MenuDivider};
|
|
2
|
-
//# sourceMappingURL=MenuDivider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n (props, ref) => {\n const { textProps = {}, children, text, ...restProps } = props\n\n const palette = useMergedPalette(restProps)\n\n return (\n <Styled.Root {...restProps} palette={palette} ref={ref}>\n {(children || text) && (\n <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n {children ?? text}\n </Text>\n )}\n <Styled.HorizontalLine />\n </Styled.Root>\n )\n }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","_excluded","palette","useMergedPalette","_jsxs","Styled.Root","_jsx","Text","_objectSpread","appearance","size","color","marginTop","marginBottom","Styled.HorizontalLine"],"mappings":"6YAcMA,IAAAA,EAAiEC,GACrE,CAACC,EAAOC,KACN,IAAMC,UAAEA,EAAY,GAAdC,SAAkBA,EAAlBC,KAA4BA,GAAuBJ,EAAdK,IAAcL,EAAzDM,GAEA,IAAMC,EAAUC,EAAiBH,GAEjC,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAA4BE,QAASA,EAASN,IAAKA,EAAnDE,SAAA,EACIA,GAAYC,IACZO,EAACC,EAADC,EAAAA,EAAA,CAAMC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,GAAOhB,GAArF,GAAA,CAAAC,SACGA,MAAAA,EAAAA,EAAYC,KAGjBO,EAACQ,EANH"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import r from'styled-components';import{createShouldForwardProp as n}from'../../shared/utils/style.js';var t=n();var e=r.div.withConfig({componentId:"fox-ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);var i=r.div.withConfig({shouldForwardProp:t}).withConfig({componentId:"fox-ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(r=>{return n=o({color:r.theme.colors['content-onmain-tertiary'],lineColor:r.theme.colors['border-onmain-default-large']},r.palette),"\n color: ".concat(n.color,";\n\n & > ").concat(e," {\n background-color: ").concat(n.lineColor,";\n }\n");var n}));export{e as HorizontalLine,i as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n box-sizing: border-box;\n height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n color: ${palette.color};\n\n & > ${HorizontalLine} {\n background-color: ${palette.lineColor};\n }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n box-sizing: border-box;\n width: 100%;\n min-width: min-content;\n padding: 4px 16px;\n\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-tertiary'],\n lineColor: props.theme.colors['border-onmain-default-large'],\n ...props.palette,\n })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","componentId","Root","shouldForwardProp","props","template","palette","_objectSpread","color","theme","colors","lineColor","concat"],"mappings":"2JAIA,IAAMA,EAA+BC,IAExBC,IAAAA,EAAiBC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,sCAaA,IAAMI,EAAOJ,EAAOC,IAAIC,WAAmC,CAChEG,kBAAmBR,IADJK,WAAA,CAAAC,YAAA,uBAAGH,CAQfM,CAAAA,2EAAAA,KAAAA,IACDC,OAjBcC,EAiBNC,EAAA,CACNC,MAAOJ,EAAMK,MAAMC,OAAO,2BAC1BC,UAAWP,EAAMK,MAAMC,OAAO,gCAC3BN,EAAME,SApBE,cAAAM,OACNN,EAAQE,MADF,eAAAI,OAGTf,EAHS,8BAAAe,OAION,EAAQK,UAJhC,YAAkBL,IAAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,useRef as i,useImperativeHandle as t,isValidElement as o,Fragment as n,Children as a,cloneElement as l}from'react';import{useKeyboardListener as p}from'../../hooks/useKeyboardListener.js';import{focusFirstFocusable as c}from'../../shared/utils/dom.js';import{Root as z}from'./style.js';import{jsx as m}from'react/jsx-runtime';var d=["role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes"];var u=['ArrowUp','ArrowDown'];var f=s(((s,f)=>{var{role:h="list",gap:v=4,size:b,sizeXXS:X,sizeXS:L,sizeS:S,sizeM:j,sizeL:y,sizeXL:w,sizeUnits:g,sizes:M}=s,U=r(s,d);var k=i(null);t(f,(()=>k.current)),p('keydown',u,(e=>{if(k.current){var r=[...k.current.children];var s=r.findIndex((e=>e.contains(document.activeElement)));if(-1!==s)for(e.preventDefault();s>=0&&s<r.length;){var i=r[s='ArrowUp'===e.key?--s:++s];if(i instanceof HTMLElement&&c(i))break}}}));var x={size:b,sizeXXS:X,sizeXS:L,sizeS:S,sizeM:j,sizeL:y,sizeXL:w,sizeUnits:g,sizes:M};var E=o(U.children)&&U.children.type===n&&'object'==typeof U.children.props&&null!==U.children.props?U.children.props.children:U.children;return m(z,e(e({},U),{},{role:h,gap:v,ref:k,children:a.map(E,((r,s)=>{if(o(r)){var i='object'==typeof r.props&&null!==r.props?r.props:{};return m("li",{children:l(r,e(e({},x),i))},s)}return m("li",{children:r},s)}))}))}));export{f as MenuList};
|
|
2
|
-
//# sourceMappingURL=MenuList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst ARROW_KEYS = ['ArrowUp', 'ArrowDown']\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n (props, forwardedRef) => {\n const {\n role = 'list',\n gap = 4,\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n ...restProps\n } = props\n\n const ref = useRef<HTMLUListElement>(null)\n\n useImperativeHandle<HTMLUListElement | null, HTMLUListElement | null>(forwardedRef, () => ref.current)\n\n useKeyboardListener('keydown', ARROW_KEYS, (evt) => {\n if (!ref.current) return\n\n const menuItems = [...ref.current.children]\n\n let itemIdx = menuItems.findIndex((item) => item.contains(document.activeElement))\n\n if (itemIdx === -1) return\n\n evt.preventDefault()\n\n while (itemIdx >= 0 && itemIdx < menuItems.length) {\n itemIdx = evt.key === 'ArrowUp' ? --itemIdx : ++itemIdx\n\n const nextItem = menuItems[itemIdx]\n\n if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n break\n }\n }\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n }\n\n const children =\n isValidElement(restProps.children) &&\n restProps.children.type === Fragment &&\n typeof restProps.children.props === 'object' &&\n restProps.children.props !== null\n ? restProps.children.props.children\n : restProps.children\n\n return (\n <Styled.Root {...restProps} role={role} gap={gap} ref={ref}>\n {Children.map(children, (child, idx) => {\n if (isValidElement(child)) {\n const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n }\n\n return <li key={idx}>{child}</li>\n })}\n </Styled.Root>\n )\n }\n)\n\nexport { MenuList }\n"],"names":["ARROW_KEYS","MenuList","forwardRef","props","forwardedRef","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","_excluded","ref","useRef","useImperativeHandle","current","useKeyboardListener","evt","menuItems","children","itemIdx","findIndex","item","contains","document","activeElement","preventDefault","length","nextItem","key","HTMLElement","focusFirstFocusable","sizeProps","isValidElement","type","Fragment","_jsx","Styled.Root","Children","map","child","idx","childProps","cloneElement"],"mappings":"mjBAMA,IAAMA,EAAa,CAAC,UAAW,aAYzBC,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,KACJA,EAAO,OADHC,IAEJA,EAAM,EAFFC,KAGJA,EAHIC,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAMC,EAAMC,EAAyB,MAErCC,EAAsEhB,GAAAA,IAAoBc,EAAIG,UAE9FC,EAAoB,UAAWtB,GAAauB,IAC1C,GAAKL,EAAIG,QAAT,CAEA,IAAMG,EAAY,IAAIN,EAAIG,QAAQI,UAElC,IAAIC,EAAUF,EAAUG,WAAWC,GAASA,EAAKC,SAASC,SAASC,iBAEnE,IAAiB,IAAbL,EAIJ,IAFAH,EAAIS,iBAEGN,GAAW,GAAKA,EAAUF,EAAUS,QAAQ,CAGjD,IAAMC,EAAWV,EAFjBE,EAAsB,YAAZH,EAAIY,MAAsBT,IAAYA,GAIhD,GAAIQ,aAAoBE,aAAeC,EAAoBH,GACzD,WAKN,IAAMI,EAAY,CAChB/B,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,MAAAA,GAGF,IAAMU,EACJc,EAAevB,EAAUS,WACzBT,EAAUS,SAASe,OAASC,GACQ,iBAA7BzB,EAAUS,SAAStB,OACG,OAA7Ba,EAAUS,SAAStB,MACfa,EAAUS,SAAStB,MAAMsB,SACzBT,EAAUS,SAEhB,OACEiB,EAACC,SAAgB3B,GAAjB,GAAA,CAA4BX,KAAMA,EAAMC,IAAKA,EAAKY,IAAKA,EAAvDO,SACGmB,EAASC,IAAIpB,GAAU,CAACqB,EAAOC,KAC9B,GAAIR,EAAeO,GAAQ,CACzB,IAAME,EAAoC,iBAAhBF,EAAM3C,OAAsC,OAAhB2C,EAAM3C,MAAiB2C,EAAM3C,MAAQ,GAE3F,OAAOuC,EAAA,KAAA,CAAAjB,SAAewB,EAAaH,EAAYR,EAAAA,EAAAA,GAAAA,GAAcU,KAA7CD,GAGlB,OAAOL,EAAA,KAAA,CAAAjB,SAAeqB,GAANC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import n from'styled-components';var o=n.ul.withConfig({shouldForwardProp:n=>!['showCloseButton','closeButtonProps','closeFn','gap'].includes(n)}).withConfig({componentId:"fox-ui__sc-afqmnb-0"})(["",""],(n=>"\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n min-width: min-content;\n\n & > li:not(:last-child) {\n margin-bottom: ".concat('string'==typeof n.gap?n.gap:"".concat(n.gap,"px"),";\n } \n ")));export{o as Root};
|
|
2
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n ${(props) => `\n box-sizing: border-box;\n appearance: none;\n list-style-type: none;\n margin: 0;\n padding: 8px;\n border-radius: inherit;\n min-width: min-content;\n\n & > li:not(:last-child) {\n margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n } \n `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","componentId","props","concat","gap"],"mappings":"iCAGO,IAAMA,EAAOC,EAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KADrFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KAGZO,GAUkB,wOAAAC,OAAqB,iBAAdD,EAAME,IAAmBF,EAAME,IAASF,GAAAA,OAAAA,EAAME,IAArD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{Icon as o}from'../Icon/Icon.js';import'../Icon/icons.js';import{ModalClose as s}from'./style.js';import{jsx as r}from'react/jsx-runtime';function n(n){var{className:a,onClick:c}=n;return r(s,{className:a,onClick:c,children:r(o,{name:"tinyCross",color:"#D9D9D9"})})}export{n as ModalClose};
|
|
2
|
-
//# sourceMappingURL=Close.js.map
|