@salutejs/plasma-new-hope 0.150.1-canary.1448.10995617090.0 → 0.151.0-canary.1445.10999600795.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +3 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +6 -5
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +3 -2
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +2 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +3 -2
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +1 -1
- package/cjs/components/Button/Button.styles.js +3 -0
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/cjs/components/Calendar/hooks/useDays.js +2 -2
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +2 -2
- package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
- package/cjs/components/Calendar/hooks/useYears.js +2 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +6 -5
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -0
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/cjs/components/Chip/Chip.js +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.tokens.js +2 -1
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/ChipGroup/ChipGroup.css +7 -0
- package/cjs/components/ChipGroup/ChipGroup.js +63 -0
- package/cjs/components/ChipGroup/ChipGroup.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js +50 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_gap/base.js +9 -0
- package/cjs/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/cjs/components/ChipGroup/variations/_size/base.js +9 -0
- package/cjs/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/cjs/components/ChipGroup/variations/_view/base.js +9 -0
- package/cjs/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -11
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +4 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -0
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +6 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +4 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +10 -4
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +1 -0
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +2 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +10 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +10 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +10 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +10 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +2 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +2 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +7 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +11 -5
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +4 -2
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +4 -0
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +7 -0
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +7 -0
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +3 -0
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +10 -3
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +3 -2
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +2 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +1 -0
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/cjs/components/Editable/Editable.js +4 -3
- package/cjs/components/Editable/Editable.js.map +1 -1
- package/cjs/components/Editable/utils/clearSelection.js +2 -0
- package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
- package/cjs/components/Editable/utils/selectText.js +2 -0
- package/cjs/components/Editable/utils/selectText.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +2 -1
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js +8 -0
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +8 -6
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/hooks/useModal.js +4 -0
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +3 -2
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +4 -3
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +2 -1
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +2 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +2 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +2 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/Popup/Popup.js +2 -2
- package/cjs/components/Range/Range.styles.js +1 -0
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +3 -2
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Select/Select.js +13 -12
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +5 -2
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -0
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +2 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +5 -4
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -0
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +2 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +2 -0
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Sheet/Sheet.js +3 -3
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +4 -2
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +4 -2
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +2 -1
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +1 -0
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.js +2 -1
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +1 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +3 -2
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +1 -1
- package/cjs/components/Toast/ToastController.js +1 -1
- package/cjs/components/Toast/utils.js +2 -1
- package/cjs/components/Toast/utils.js.map +1 -1
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js +3 -2
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/engines/index.js +2 -0
- package/cjs/engines/index.js.map +1 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/cjs/index.css +8 -0
- package/cjs/index.js +57 -47
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +5 -0
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Chip/Chip.js +1 -1
- package/emotion/cjs/components/Chip/Chip.tokens.js +2 -1
- package/emotion/cjs/components/Chip/index.js +6 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.js +65 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.types.js +5 -0
- package/emotion/cjs/components/ChipGroup/index.js +31 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Chip/Chip.js +1 -1
- package/emotion/es/components/Chip/Chip.tokens.js +2 -1
- package/emotion/es/components/Chip/index.js +1 -1
- package/emotion/es/components/ChipGroup/ChipGroup.js +56 -0
- package/emotion/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/emotion/es/components/ChipGroup/ChipGroup.types.js +1 -0
- package/emotion/es/components/ChipGroup/index.js +2 -0
- package/emotion/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +3 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +6 -5
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +3 -2
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +2 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Avatar/Avatar.js +3 -2
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +1 -1
- package/es/components/Button/Button.styles.js +3 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/es/components/Calendar/hooks/useDays.js +2 -2
- package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/es/components/Calendar/hooks/useMonths.js +2 -2
- package/es/components/Calendar/hooks/useQuarters.js +2 -2
- package/es/components/Calendar/hooks/useYears.js +2 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +6 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -0
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/es/components/Chip/Chip.js +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +2 -1
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.css +7 -0
- package/es/components/ChipGroup/ChipGroup.js +58 -0
- package/es/components/ChipGroup/ChipGroup.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles.js +5 -0
- package/es/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js +45 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/es/components/ChipGroup/variations/_gap/base.js +5 -0
- package/es/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/es/components/ChipGroup/variations/_size/base.js +5 -0
- package/es/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/es/components/ChipGroup/variations/_view/base.js +5 -0
- package/es/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +12 -11
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -2
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -0
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +2 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +6 -5
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +4 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js +10 -4
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +1 -0
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +2 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +10 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +10 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +10 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +10 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +2 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +2 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +7 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.js +11 -5
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/Drawer.styles.js +4 -2
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +4 -0
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +7 -0
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +7 -0
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +3 -0
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +10 -3
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +3 -2
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +2 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +1 -0
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/es/components/Editable/Editable.js +4 -3
- package/es/components/Editable/Editable.js.map +1 -1
- package/es/components/Editable/utils/clearSelection.js +2 -0
- package/es/components/Editable/utils/clearSelection.js.map +1 -1
- package/es/components/Editable/utils/selectText.js +2 -0
- package/es/components/Editable/utils/selectText.js.map +1 -1
- package/es/components/EmptyState/EmptyState.styles.js +2 -1
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.js +1 -1
- package/es/components/IconButton/IconButton.styles.js +8 -0
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Modal/Modal.js +8 -6
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/hooks/useModal.js +4 -0
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +3 -2
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +4 -3
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +2 -1
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +2 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js +2 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +2 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/es/components/Popover/Popover.js +1 -1
- package/es/components/Popup/Popup.js +2 -2
- package/es/components/Range/Range.styles.js +1 -0
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +3 -2
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Select/Select.js +13 -12
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +5 -2
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -0
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +2 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js +5 -4
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -0
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +4 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +2 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +2 -0
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Sheet/Sheet.js +3 -3
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +4 -2
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +4 -2
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +2 -1
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +1 -0
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +2 -1
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js +1 -1
- package/es/components/Tabs/ui/Tabs/Tabs.js +3 -2
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +2 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/Toast/Toast.styles.js +1 -1
- package/es/components/Toast/ToastController.js +1 -1
- package/es/components/Toast/utils.js +2 -1
- package/es/components/Toast/utils.js.map +1 -1
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/es/components/Tooltip/Tooltip.js +3 -2
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/engines/index.js +2 -0
- package/es/engines/index.js.map +1 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/es/index.css +8 -0
- package/es/index.js +27 -22
- package/es/index.js.map +1 -1
- package/es/utils/index.js +3 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +4 -5
- package/styled-components/cjs/components/Chip/Chip.js +1 -1
- package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/cjs/components/Chip/index.js +6 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.js +65 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.types.js +5 -0
- package/styled-components/cjs/components/ChipGroup/index.js +31 -0
- package/styled-components/cjs/components/ChipGroup/variations/_gap/base.js +9 -0
- package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Chip/Chip.js +1 -1
- package/styled-components/es/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/es/components/Chip/index.js +1 -1
- package/styled-components/es/components/ChipGroup/ChipGroup.js +56 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.types.js +1 -0
- package/styled-components/es/components/ChipGroup/index.js +2 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Chip/Chip.tokens.d.ts +1 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/index.d.ts +1 -1
- package/types/components/Chip/index.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.d.ts +27 -0
- package/types/components/ChipGroup/ChipGroup.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts +2 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts +43 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts +42 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts.map +1 -0
- package/types/components/ChipGroup/index.d.ts +3 -0
- package/types/components/ChipGroup/index.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_gap/base.d.ts +2 -0
- package/types/components/ChipGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_size/base.d.ts +2 -0
- package/types/components/ChipGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_view/base.d.ts +2 -0
- package/types/components/ChipGroup/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts +24 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n &.${classes.animated} .${popoverClasses.root} {\n transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text?.length);\n\n const animatedClass = animated ? classes.animated : undefined;\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n return (\n <StyledPopover\n opened={showTooltip}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n className={cx(ref?.classList.toString(), animatedClass)}\n {...rest}\n >\n <Root view={view} size={size} ref={setRef} className={className} style={style}>\n <TooltipRoot\n ref={outerRef}\n id={id}\n className={cx(withContentLeft)}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n &.${classes.animated} .${popoverClasses.root} {\n transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text?.length);\n\n const animatedClass = animated ? classes.animated : undefined;\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n return (\n <StyledPopover\n opened={showTooltip}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n className={cx(ref?.classList.toString(), animatedClass)}\n {...rest}\n >\n <Root view={view} size={size} ref={setRef} className={className} style={style}>\n <TooltipRoot\n ref={outerRef}\n id={id}\n className={cx(withContentLeft)}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
package/cjs/engines/index.js
CHANGED
package/cjs/engines/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS, RootPropsOmitOnChange } from './types';\n"],"names":["css","cssLibrary"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS, RootPropsOmitOnChange } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":"
|
1
|
+
{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;;;;;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,mBAAS,GAAGC,qBAAe,GAAGC;;;;"}
|
package/cjs/index.css
CHANGED
@@ -57,6 +57,14 @@
|
|
57
57
|
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
58
58
|
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
59
59
|
|
60
|
+
.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601.ChipGroup_styles_1l3nd6v_chipGroupWrap__3638f601{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
61
|
+
|
62
|
+
.base_122089q_brey5rj__0d881afa.base_122089q_chipGroupOverrideStyles__0d881afa .base_122089q_chipItem__0d881afa{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
|
63
|
+
|
64
|
+
.base_eu60ye_b8we6fx__49af8456.base_eu60ye_chipGroupOverrideStyles__49af8456 .base_eu60ye_chipItem__49af8456{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
|
65
|
+
|
66
|
+
.base_vhoe9f_b5zwimg__1f583b8c{gap:var(--plasma-chip-group-items-gap);}
|
67
|
+
|
60
68
|
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
61
69
|
|
62
70
|
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
package/cjs/index.js
CHANGED
@@ -2,9 +2,6 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
-
var index = require('./engines/index.js');
|
6
|
-
var index$1 = require('./utils/index.js');
|
7
|
-
var index$2 = require('./components/ButtonBase/index.js');
|
8
5
|
var applyBlur = require('./mixins/applyBlur.js');
|
9
6
|
var applyEllipsis = require('./mixins/applyEllipsis.js');
|
10
7
|
var applySpacing = require('./mixins/applySpacing.js');
|
@@ -16,7 +13,7 @@ var typography = require('./mixins/typography.js');
|
|
16
13
|
var applyRoundness = require('./mixins/applyRoundness.js');
|
17
14
|
var applySkeletonGradient = require('./mixins/applySkeletonGradient.js');
|
18
15
|
var applyDisabled = require('./mixins/applyDisabled.js');
|
19
|
-
var
|
16
|
+
var index = require('./engines/index.js');
|
20
17
|
var useUniqId = require('./hooks/useUniqId.js');
|
21
18
|
var useFocusTrap = require('./hooks/useFocusTrap.js');
|
22
19
|
var usePreviousValue = require('./hooks/usePreviousValue.js');
|
@@ -24,14 +21,7 @@ var useForceUpdate = require('./hooks/useForceUpdate.js');
|
|
24
21
|
var useDidMountEffect = require('./hooks/useDidMountEffect.js');
|
25
22
|
var useOutsideClick = require('./hooks/useOutsideClick.js');
|
26
23
|
var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
|
27
|
-
var
|
28
|
-
var extractTextFrom = require('./utils/extractTextFrom.js');
|
29
|
-
var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
|
30
|
-
var react = require('./utils/react.js');
|
31
|
-
var isNumber = require('./utils/isNumber.js');
|
32
|
-
var isEmpty = require('./utils/isEmpty.js');
|
33
|
-
var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
|
34
|
-
var constants = require('./utils/constants.js');
|
24
|
+
var index$1 = require('./utils/index.js');
|
35
25
|
var Button = require('./components/Button/Button.js');
|
36
26
|
var Button_tokens = require('./components/Button/Button.tokens.js');
|
37
27
|
var IconButton = require('./components/IconButton/IconButton.js');
|
@@ -42,6 +32,8 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
|
42
32
|
var Breadcrumbs_tokens = require('./components/Breadcrumbs/Breadcrumbs.tokens.js');
|
43
33
|
var Chip = require('./components/Chip/Chip.js');
|
44
34
|
var Chip_tokens = require('./components/Chip/Chip.tokens.js');
|
35
|
+
var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
|
36
|
+
var ChipGroup_tokens = require('./components/ChipGroup/ChipGroup.tokens.js');
|
45
37
|
var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
|
46
38
|
var CellTextboxTitle = require('./components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js');
|
47
39
|
var CellTextboxSubtitle = require('./components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js');
|
@@ -64,10 +56,10 @@ var TextField = require('./components/TextField/TextField.js');
|
|
64
56
|
var TextField_tokens = require('./components/TextField/TextField.tokens.js');
|
65
57
|
var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
|
66
58
|
var TextFieldGroup_tokens = require('./components/TextFieldGroup/TextFieldGroup.tokens.js');
|
59
|
+
var after = require('./components/Switch/_label-position/after.js');
|
60
|
+
var before = require('./components/Switch/_label-position/before.js');
|
67
61
|
var Switch = require('./components/Switch/Switch.js');
|
68
62
|
var Switch_tokens = require('./components/Switch/Switch.tokens.js');
|
69
|
-
var before = require('./components/Switch/_label-position/before.js');
|
70
|
-
var after = require('./components/Switch/_label-position/after.js');
|
71
63
|
var Tabs = require('./components/Tabs/ui/Tabs/Tabs.js');
|
72
64
|
var TabItem = require('./components/Tabs/ui/TabItem/TabItem.js');
|
73
65
|
var tokens = require('./components/Tabs/tokens.js');
|
@@ -78,7 +70,6 @@ var withRange = require('./components/Calendar/hoc/withRange.js');
|
|
78
70
|
var CalendarBase = require('./components/Calendar/CalendarBase/CalendarBase.js');
|
79
71
|
var CalendarDouble = require('./components/Calendar/CalendarDouble/CalendarDouble.js');
|
80
72
|
var Calendar_tokens = require('./components/Calendar/Calendar.tokens.js');
|
81
|
-
var tokens$1 = require('./components/Typography/tokens.js');
|
82
73
|
var Body = require('./components/Typography/Body/Body.js');
|
83
74
|
var Dspl = require('./components/Typography/Dspl/Dspl.js');
|
84
75
|
var Heading = require('./components/Typography/Heading/Heading.js');
|
@@ -93,6 +84,7 @@ var Paragraph = require('./components/Typography/Old/Paragraph/Paragraph.js');
|
|
93
84
|
var ParagraphText = require('./components/Typography/Old/ParagraphText/ParagraphText.js');
|
94
85
|
var Underline = require('./components/Typography/Old/Underline/Underline.js');
|
95
86
|
var Subtitle = require('./components/Typography/Old/Subtitle/Subtitle.js');
|
87
|
+
var tokens$1 = require('./components/Typography/tokens.js');
|
96
88
|
var PopupContext = require('./components/Popup/PopupContext.js');
|
97
89
|
var Popup = require('./components/Popup/Popup.js');
|
98
90
|
var usePopup = require('./components/Popup/hooks/usePopup.js');
|
@@ -104,10 +96,10 @@ var Notification = require('./components/Notification/Notification.js');
|
|
104
96
|
var NotificationsStore = require('./components/Notification/NotificationsStore.js');
|
105
97
|
var Notification_tokens = require('./components/Notification/Notification.tokens.js');
|
106
98
|
var Drawer = require('./components/Drawer/Drawer.js');
|
107
|
-
var Drawer_tokens = require('./components/Drawer/Drawer.tokens.js');
|
108
99
|
var DrawerContent = require('./components/Drawer/ui/DrawerContent/DrawerContent.js');
|
109
100
|
var DrawerFooter = require('./components/Drawer/ui/DrawerFooter/DrawerFooter.js');
|
110
101
|
var DrawerHeader = require('./components/Drawer/ui/DrawerHeader/DrawerHeader.js');
|
102
|
+
var Drawer_tokens = require('./components/Drawer/Drawer.tokens.js');
|
111
103
|
var Dropdown = require('./components/Dropdown/Dropdown.js');
|
112
104
|
var Dropdown_tokens = require('./components/Dropdown/Dropdown.tokens.js');
|
113
105
|
var useKeyboardNavigation = require('./components/Dropdown/hooks/useKeyboardNavigation.js');
|
@@ -122,8 +114,8 @@ var DropdownOld = require('./components/Dropdown/ui/DropdownOld/DropdownOld.js')
|
|
122
114
|
var DropdownOld_tokens = require('./components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js');
|
123
115
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
124
116
|
var Tooltip_tokens = require('./components/Tooltip/Tooltip.tokens.js');
|
125
|
-
var SegmentItem = require('./components/Segment/ui/SegmentItem/SegmentItem.js');
|
126
117
|
var SegmentGroup = require('./components/Segment/ui/SegmentGroup/SegmentGroup.js');
|
118
|
+
var SegmentItem = require('./components/Segment/ui/SegmentItem/SegmentItem.js');
|
127
119
|
var SegmentProvider = require('./components/Segment/SegmentProvider/SegmentProvider.js');
|
128
120
|
var tokens$2 = require('./components/Segment/tokens.js');
|
129
121
|
var LineSkeleton = require('./components/Skeleton/LineSkeleton/LineSkeleton.js');
|
@@ -148,22 +140,23 @@ var Toast_tokens = require('./components/Toast/Toast.tokens.js');
|
|
148
140
|
var Overlay = require('./components/Overlay/Overlay.js');
|
149
141
|
var SSRProvider = require('./components/SSRProvider/SSRProvider.js');
|
150
142
|
var Combobox = require('./components/Combobox/ComboboxOld/Combobox.js');
|
143
|
+
var Combobox_tokens = require('./components/Combobox/ComboboxOld/Combobox.tokens.js');
|
151
144
|
var ComboboxDivider = require('./components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js');
|
152
145
|
var ComboboxFooter = require('./components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js');
|
153
146
|
var ComboboxGroup = require('./components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js');
|
154
147
|
var ComboboxHeader = require('./components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js');
|
155
148
|
var ComboboxItem = require('./components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js');
|
156
149
|
var ComboboxTarget = require('./components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js');
|
157
|
-
var Combobox_tokens = require('./components/Combobox/ComboboxOld/Combobox.tokens.js');
|
158
|
-
var Combobox_tokens$1 = require('./components/Combobox/ComboboxNew/Combobox.tokens.js');
|
159
150
|
var Combobox$1 = require('./components/Combobox/ComboboxNew/Combobox.js');
|
151
|
+
var Combobox_tokens$1 = require('./components/Combobox/ComboboxNew/Combobox.tokens.js');
|
160
152
|
var Indicator = require('./components/Indicator/Indicator.js');
|
161
153
|
var Indicator_tokens = require('./components/Indicator/Indicator.tokens.js');
|
154
|
+
var index$2 = require('./components/ButtonBase/index.js');
|
162
155
|
var Grid = require('./components/Grid/Grid.js');
|
163
156
|
var Grid_tokens = require('./components/Grid/Grid.tokens.js');
|
164
|
-
var index$3 = require('./components/Grid/utils/index.js');
|
165
157
|
var Row = require('./components/Grid/ui/Row/Row.js');
|
166
158
|
var Col = require('./components/Grid/ui/Col/Col.js');
|
159
|
+
var index$3 = require('./components/Grid/utils/index.js');
|
167
160
|
var Progress = require('./components/Progress/Progress.js');
|
168
161
|
var Progress_tokens = require('./components/Progress/Progress.tokens.js');
|
169
162
|
var Select = require('./components/Select/Select.js');
|
@@ -177,7 +170,10 @@ var Sheet = require('./components/Sheet/Sheet.js');
|
|
177
170
|
var Sheet_tokens = require('./components/Sheet/Sheet.tokens.js');
|
178
171
|
var Slider = require('./components/Slider/Slider.js');
|
179
172
|
var Slider_tokens = require('./components/Slider/Slider.tokens.js');
|
173
|
+
require('react');
|
174
|
+
require('react-draggable');
|
180
175
|
var Thumb_styles = require('./components/Slider/ui/Thumb/Thumb.styles.js');
|
176
|
+
require('@linaria/react');
|
181
177
|
var Range = require('./components/Range/Range.js');
|
182
178
|
var Range_tokens = require('./components/Range/Range.tokens.js');
|
183
179
|
var Accordion = require('./components/Accordion/Accordion.js');
|
@@ -196,13 +192,18 @@ var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
|
|
196
192
|
var Editable = require('./components/Editable/Editable.js');
|
197
193
|
var Editable_tokens = require('./components/Editable/Editable.tokens.js');
|
198
194
|
var Mask = require('./components/Mask/Mask.js');
|
195
|
+
var common = require('./engines/common.js');
|
196
|
+
var canUseDOM = require('./utils/canUseDOM.js');
|
197
|
+
var extractTextFrom = require('./utils/extractTextFrom.js');
|
198
|
+
var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
|
199
|
+
var react = require('./utils/react.js');
|
200
|
+
var isNumber = require('./utils/isNumber.js');
|
201
|
+
var isEmpty = require('./utils/isEmpty.js');
|
202
|
+
var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
|
203
|
+
var constants = require('./utils/constants.js');
|
199
204
|
|
200
205
|
|
201
206
|
|
202
|
-
exports.css = index.css;
|
203
|
-
exports.composableStyle = index$1.composableStyle;
|
204
|
-
exports.cx = index$1.cx;
|
205
|
-
exports.ButtonBase = index$2.ButtonBase;
|
206
207
|
exports.applyBlur = applyBlur.applyBlur;
|
207
208
|
exports.blurs = applyBlur.blurs;
|
208
209
|
exports.applyEllipsis = applyEllipsis.applyEllipsis;
|
@@ -277,8 +278,7 @@ exports.radiuses = applyRoundness.radiuses;
|
|
277
278
|
exports.applySkeletonGradient = applySkeletonGradient.applySkeletonGradient;
|
278
279
|
exports.getSkeletonColor = applySkeletonGradient.getSkeletonColor;
|
279
280
|
exports.applyDisabled = applyDisabled.applyDisabled;
|
280
|
-
exports.
|
281
|
-
exports.mergeConfig = common.mergeConfig;
|
281
|
+
exports.css = index.css;
|
282
282
|
exports.useUniqId = useUniqId.useUniqId;
|
283
283
|
exports.useFocusTrap = useFocusTrap.useFocusTrap;
|
284
284
|
exports.usePreviousValue = usePreviousValue.usePreviousValue;
|
@@ -286,16 +286,8 @@ exports.useForceUpdate = useForceUpdate.useForceUpdate;
|
|
286
286
|
exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
|
287
287
|
exports.useOutsideClick = useOutsideClick.useOutsideClick;
|
288
288
|
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
|
289
|
-
exports.
|
290
|
-
exports.
|
291
|
-
exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
|
292
|
-
exports.IS_REACT_18 = react.IS_REACT_18;
|
293
|
-
exports.safeUseId = react.safeUseId;
|
294
|
-
exports.isNumber = isNumber.isNumber;
|
295
|
-
exports.isEmpty = isEmpty.isEmpty;
|
296
|
-
exports.getPlacement = getPopoverPlacement.getPlacement;
|
297
|
-
exports.getPlacements = getPopoverPlacement.getPlacements;
|
298
|
-
exports.constants = constants;
|
289
|
+
exports.composableStyle = index$1.composableStyle;
|
290
|
+
exports.cx = index$1.cx;
|
299
291
|
exports.buttonConfig = Button.buttonConfig;
|
300
292
|
exports.buttonRoot = Button.buttonRoot;
|
301
293
|
exports.buttonClasses = Button_tokens.classes;
|
@@ -313,7 +305,12 @@ exports.breadcrumbsClasses = Breadcrumbs_tokens.classes;
|
|
313
305
|
exports.breadcrumbsTokens = Breadcrumbs_tokens.tokens;
|
314
306
|
exports.chipConfig = Chip.chipConfig;
|
315
307
|
exports.chipRoot = Chip.chipRoot;
|
308
|
+
exports.chipClasses = Chip_tokens.classes;
|
316
309
|
exports.chipTokens = Chip_tokens.tokens;
|
310
|
+
exports.chipGroupConfig = ChipGroup.chipGroupConfig;
|
311
|
+
exports.chipGroupRoot = ChipGroup.chipGroupRoot;
|
312
|
+
exports.chipGroupClasses = ChipGroup_tokens.classes;
|
313
|
+
exports.chipGroupTokens = ChipGroup_tokens.tokens;
|
317
314
|
exports.CellTextboxLabel = CellTextboxLabel.CellTextboxLabel;
|
318
315
|
exports.CellTextboxTitle = CellTextboxTitle.CellTextboxTitle;
|
319
316
|
exports.CellTextboxSubtitle = CellTextboxSubtitle.CellTextboxSubtitle;
|
@@ -349,11 +346,11 @@ exports.textFieldGroupConfig = TextFieldGroup.textFieldGroupConfig;
|
|
349
346
|
exports.textFieldGroupRoot = TextFieldGroup.textFieldGroupRoot;
|
350
347
|
exports.textFieldGroupClasses = TextFieldGroup_tokens.classes;
|
351
348
|
exports.textFieldGroupTokens = TextFieldGroup_tokens.tokens;
|
349
|
+
exports.Switch_LabelPosition_After = after.labelPosition_After;
|
350
|
+
exports.Switch_LabelPosition_Before = before.labelPosition_Before;
|
352
351
|
exports.switchConfig = Switch.switchConfig;
|
353
352
|
exports.switchRoot = Switch.switchRoot;
|
354
353
|
exports.switchTokens = Switch_tokens.tokens;
|
355
|
-
exports.Switch_LabelPosition_Before = before.labelPosition_Before;
|
356
|
-
exports.Switch_LabelPosition_After = after.labelPosition_After;
|
357
354
|
exports.tabsConfig = Tabs.tabsConfig;
|
358
355
|
exports.tabsRoot = Tabs.tabsRoot;
|
359
356
|
exports.tabItemConfig = TabItem.tabItemConfig;
|
@@ -370,7 +367,6 @@ exports.calendarDoubleConfig = CalendarDouble.calendarDoubleConfig;
|
|
370
367
|
exports.calendarDoubleRoot = CalendarDouble.calendarDoubleRoot;
|
371
368
|
exports.calendarBaseTokens = Calendar_tokens.tokens;
|
372
369
|
exports.calendarDoubleTokens = Calendar_tokens.tokens;
|
373
|
-
exports.typographyTokens = tokens$1.tokens;
|
374
370
|
exports.bodyConfig = Body.bodyConfig;
|
375
371
|
exports.bodyRoot = Body.bodyRoot;
|
376
372
|
exports.dsplConfig = Dspl.dsplConfig;
|
@@ -399,6 +395,7 @@ exports.underlineConfig = Underline.underlineConfig;
|
|
399
395
|
exports.underlineRoot = Underline.underlineRoot;
|
400
396
|
exports.subtitleConfig = Subtitle.subtitleConfig;
|
401
397
|
exports.subtitleRoot = Subtitle.subtitleRoot;
|
398
|
+
exports.typographyTokens = tokens$1.tokens;
|
402
399
|
exports.PopupProvider = PopupContext.PopupProvider;
|
403
400
|
exports.usePopupContext = PopupContext.usePopupContext;
|
404
401
|
exports.popupConfig = Popup.popupConfig;
|
@@ -418,14 +415,14 @@ exports.notificationClasses = Notification_tokens.classes;
|
|
418
415
|
exports.notificationTokens = Notification_tokens.tokens;
|
419
416
|
exports.drawerConfig = Drawer.drawerConfig;
|
420
417
|
exports.drawerRoot = Drawer.drawerRoot;
|
421
|
-
exports.drawerClasses = Drawer_tokens.classes;
|
422
|
-
exports.drawerTokens = Drawer_tokens.tokens;
|
423
418
|
exports.drawerContentConfig = DrawerContent.drawerContentConfig;
|
424
419
|
exports.drawerContentRoot = DrawerContent.drawerContentRoot;
|
425
420
|
exports.drawerFooterConfig = DrawerFooter.drawerFooterConfig;
|
426
421
|
exports.drawerFooterRoot = DrawerFooter.drawerFooterRoot;
|
427
422
|
exports.drawerHeaderConfig = DrawerHeader.drawerHeaderConfig;
|
428
423
|
exports.drawerHeaderRoot = DrawerHeader.drawerHeaderRoot;
|
424
|
+
exports.drawerClasses = Drawer_tokens.classes;
|
425
|
+
exports.drawerTokens = Drawer_tokens.tokens;
|
429
426
|
exports.dropdownConfig = Dropdown.dropdownConfig;
|
430
427
|
exports.dropdownRoot = Dropdown.dropdownRoot;
|
431
428
|
exports.dropdownClasses = Dropdown_tokens.classes;
|
@@ -449,10 +446,10 @@ exports.dropdownOldTokens = DropdownOld_tokens.tokens;
|
|
449
446
|
exports.tooltipConfig = Tooltip.tooltipConfig;
|
450
447
|
exports.tooltipRoot = Tooltip.tooltipRoot;
|
451
448
|
exports.tooltipTokens = Tooltip_tokens.tokens;
|
452
|
-
exports.segmentItemConfig = SegmentItem.segmentItemConfig;
|
453
|
-
exports.segmentItemRoot = SegmentItem.segmentItemRoot;
|
454
449
|
exports.segmentGroupConfig = SegmentGroup.segmentGroupConfig;
|
455
450
|
exports.segmentGroupRoot = SegmentGroup.segmentGroupRoot;
|
451
|
+
exports.segmentItemConfig = SegmentItem.segmentItemConfig;
|
452
|
+
exports.segmentItemRoot = SegmentItem.segmentItemRoot;
|
456
453
|
exports.SegmentProvider = SegmentProvider.SegmentProvider;
|
457
454
|
exports.useSegment = SegmentProvider.useSegment;
|
458
455
|
exports.segmentClasses = tokens$2.classes;
|
@@ -494,6 +491,8 @@ exports.SSRContext = SSRProvider.SSRContext;
|
|
494
491
|
exports.SSRProvider = SSRProvider.SSRProvider;
|
495
492
|
exports.comboboxOldConfig = Combobox.comboboxConfig;
|
496
493
|
exports.comboboxOldRoot = Combobox.comboboxRoot;
|
494
|
+
exports.comboboxOldClasses = Combobox_tokens.classes;
|
495
|
+
exports.comboboxOldTokens = Combobox_tokens.tokens;
|
497
496
|
exports.comboboxDividerConfig = ComboboxDivider.comboboxDividerConfig;
|
498
497
|
exports.comboboxDividerRoot = ComboboxDivider.comboboxDividerRoot;
|
499
498
|
exports.comboboxFooterConfig = ComboboxFooter.comboboxFooterConfig;
|
@@ -505,20 +504,19 @@ exports.comboboxHeaderRoot = ComboboxHeader.comboboxHeaderRoot;
|
|
505
504
|
exports.comboboxItemConfig = ComboboxItem.comboboxItemConfig;
|
506
505
|
exports.comboboxItemRoot = ComboboxItem.comboboxItemRoot;
|
507
506
|
exports.ComboboxTarget = ComboboxTarget.ComboboxTarget;
|
508
|
-
exports.comboboxOldClasses = Combobox_tokens.classes;
|
509
|
-
exports.comboboxOldTokens = Combobox_tokens.tokens;
|
510
|
-
exports.comboboxNewTokens = Combobox_tokens$1.tokens;
|
511
507
|
exports.comboboxNewConfig = Combobox$1.comboboxConfig;
|
512
508
|
exports.comboboxNewRoot = Combobox$1.comboboxRoot;
|
509
|
+
exports.comboboxNewTokens = Combobox_tokens$1.tokens;
|
513
510
|
exports.indicatorConfig = Indicator.indicatorConfig;
|
514
511
|
exports.indicatorRoot = Indicator.indicatorRoot;
|
515
512
|
exports.indicatorTokens = Indicator_tokens.tokens;
|
513
|
+
exports.ButtonBase = index$2.ButtonBase;
|
516
514
|
exports.gridConfig = Grid.gridConfig;
|
517
515
|
exports.gridRoot = Grid.gridRoot;
|
518
516
|
exports.gridTokens = Grid_tokens.tokens;
|
519
|
-
exports.getBaseGridView = index$3.getBaseGridView;
|
520
517
|
exports.Row = Row.Row;
|
521
518
|
exports.Col = Col.Col;
|
519
|
+
exports.getBaseGridView = index$3.getBaseGridView;
|
522
520
|
exports.progressConfig = Progress.progressConfig;
|
523
521
|
exports.progressRoot = Progress.progressRoot;
|
524
522
|
exports.progressTokens = Progress_tokens.tokens;
|
@@ -570,4 +568,16 @@ exports.editableConfig = Editable.editableConfig;
|
|
570
568
|
exports.editableRoot = Editable.editableRoot;
|
571
569
|
exports.editableTokens = Editable_tokens.tokens;
|
572
570
|
exports.composeMask = Mask.composeMask;
|
571
|
+
exports.component = common.component;
|
572
|
+
exports.mergeConfig = common.mergeConfig;
|
573
|
+
exports.canUseDOM = canUseDOM.canUseDOM;
|
574
|
+
exports.extractTextFrom = extractTextFrom.extractTextFrom;
|
575
|
+
exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
|
576
|
+
exports.IS_REACT_18 = react.IS_REACT_18;
|
577
|
+
exports.safeUseId = react.safeUseId;
|
578
|
+
exports.isNumber = isNumber.isNumber;
|
579
|
+
exports.isEmpty = isEmpty.isEmpty;
|
580
|
+
exports.getPlacement = getPopoverPlacement.getPlacement;
|
581
|
+
exports.getPlacements = getPopoverPlacement.getPlacements;
|
582
|
+
exports.constants = constants;
|
573
583
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/utils/index.js
CHANGED
@@ -2,6 +2,9 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
+
require('react');
|
6
|
+
var react = require('./react.js');
|
7
|
+
|
5
8
|
var cx = function cx() {
|
6
9
|
for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
|
7
10
|
classes[_key] = arguments[_key];
|
@@ -20,6 +23,8 @@ var composableStyle = function composableStyle(s) {
|
|
20
23
|
return res;
|
21
24
|
};
|
22
25
|
|
26
|
+
exports.IS_REACT_18 = react.IS_REACT_18;
|
27
|
+
exports.safeUseId = react.safeUseId;
|
23
28
|
exports.composableStyle = composableStyle;
|
24
29
|
exports.cx = cx;
|
25
30
|
//# sourceMappingURL=index.js.map
|
package/cjs/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;AAWaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;;;"}
|
@@ -60,7 +60,7 @@ var chipRoot = exports.chipRoot = function chipRoot(Root) {
|
|
60
60
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
61
61
|
type: "button",
|
62
62
|
ref: ref,
|
63
|
-
className: (0, _utils.cx)(pilledClass, className),
|
63
|
+
className: (0, _utils.cx)(pilledClass, _Chip2.classes.chipItem, className),
|
64
64
|
tabIndex: readOnly ? -1 : 0,
|
65
65
|
onClick: handleClick,
|
66
66
|
disabled: disabled,
|
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.tokens = exports.classes = void 0;
|
7
7
|
var classes = exports.classes = {
|
8
|
-
pilled: 'chip-pilled'
|
8
|
+
pilled: 'chip-pilled',
|
9
|
+
chipItem: 'chip-item'
|
9
10
|
};
|
10
11
|
var tokens = exports.tokens = {
|
11
12
|
background: '--plasma-chip-background',
|
@@ -3,6 +3,12 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
+
Object.defineProperty(exports, "chipClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Chip2.classes;
|
10
|
+
}
|
11
|
+
});
|
6
12
|
Object.defineProperty(exports, "chipConfig", {
|
7
13
|
enumerable: true,
|
8
14
|
get: function get() {
|
@@ -0,0 +1,65 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.chipGroupRoot = exports.chipGroupConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _ChipGroup = /*#__PURE__*/require("./ChipGroup.styles");
|
11
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
12
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
13
|
+
var _base3 = /*#__PURE__*/require("./variations/_gap/base");
|
14
|
+
var _ChipGroup2 = /*#__PURE__*/require("./ChipGroup.tokens");
|
15
|
+
var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
19
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
21
|
+
var chipGroupRoot = exports.chipGroupRoot = function chipGroupRoot(Root) {
|
22
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
23
|
+
var children = props.children,
|
24
|
+
view = props.view,
|
25
|
+
size = props.size,
|
26
|
+
className = props.className,
|
27
|
+
isWrapped = props.isWrapped,
|
28
|
+
_props$gap = props.gap,
|
29
|
+
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
30
|
+
_props$isCommonChipSt = props.isCommonChipStyles,
|
31
|
+
isCommonChipStyles = _props$isCommonChipSt === void 0 ? true : _props$isCommonChipSt,
|
32
|
+
rest = _objectWithoutProperties(props, _excluded);
|
33
|
+
var overrideStylesClass = isCommonChipStyles ? _ChipGroup2.classes.chipGroupOverrideStyles : undefined;
|
34
|
+
var wrappedClass = isWrapped ? _ChipGroup2.classes.wrap : undefined;
|
35
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
36
|
+
ref: ref,
|
37
|
+
view: view,
|
38
|
+
size: size,
|
39
|
+
gap: gap,
|
40
|
+
className: (0, _utils.cx)(overrideStylesClass, wrappedClass, className)
|
41
|
+
}, rest), children);
|
42
|
+
});
|
43
|
+
};
|
44
|
+
var chipGroupConfig = exports.chipGroupConfig = {
|
45
|
+
name: 'ChipGroup',
|
46
|
+
tag: 'div',
|
47
|
+
layout: chipGroupRoot,
|
48
|
+
base: _ChipGroup.base,
|
49
|
+
variations: {
|
50
|
+
view: {
|
51
|
+
css: _base.base
|
52
|
+
},
|
53
|
+
size: {
|
54
|
+
css: _base2.base
|
55
|
+
},
|
56
|
+
gap: {
|
57
|
+
css: _base3.base
|
58
|
+
}
|
59
|
+
},
|
60
|
+
defaults: {
|
61
|
+
view: 'primary',
|
62
|
+
size: 'm',
|
63
|
+
gap: 'dense'
|
64
|
+
}
|
65
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
+
var _ChipGroup = /*#__PURE__*/require("./ChipGroup.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("display:inline-flex;&.", _ChipGroup.classes.wrap, "{flex-wrap:wrap;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2hpcEdyb3VwL0NoaXBHcm91cC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2hpcEdyb3VwL0NoaXBHcm91cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0NoaXBHcm91cC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgICYuJHtjbGFzc2VzLndyYXB9IHtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgIH1cbmA7XG4iXX0= */"));
|