@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
package/es/index.js
CHANGED
@@ -1,6 +1,3 @@
|
|
1
|
-
export { css } from './engines/index.js';
|
2
|
-
export { composableStyle, cx } from './utils/index.js';
|
3
|
-
export { ButtonBase } from './components/ButtonBase/index.js';
|
4
1
|
export { applyBlur, blurs } from './mixins/applyBlur.js';
|
5
2
|
export { applyEllipsis } from './mixins/applyEllipsis.js';
|
6
3
|
export { applySpacing, spacing, spacingFns } from './mixins/applySpacing.js';
|
@@ -12,7 +9,7 @@ export { body1, body2, body3, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBo
|
|
12
9
|
export { applyRoundness, getRoundness, radiuses } from './mixins/applyRoundness.js';
|
13
10
|
export { applySkeletonGradient, getSkeletonColor } from './mixins/applySkeletonGradient.js';
|
14
11
|
export { applyDisabled } from './mixins/applyDisabled.js';
|
15
|
-
export {
|
12
|
+
export { css } from './engines/index.js';
|
16
13
|
export { useUniqId } from './hooks/useUniqId.js';
|
17
14
|
export { useFocusTrap } from './hooks/useFocusTrap.js';
|
18
15
|
export { usePreviousValue } from './hooks/usePreviousValue.js';
|
@@ -20,15 +17,7 @@ export { useForceUpdate } from './hooks/useForceUpdate.js';
|
|
20
17
|
export { useDidMountEffect } from './hooks/useDidMountEffect.js';
|
21
18
|
export { useOutsideClick } from './hooks/useOutsideClick.js';
|
22
19
|
export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
|
23
|
-
export {
|
24
|
-
export { extractTextFrom } from './utils/extractTextFrom.js';
|
25
|
-
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
26
|
-
export { IS_REACT_18, safeUseId } from './utils/react.js';
|
27
|
-
export { isNumber } from './utils/isNumber.js';
|
28
|
-
export { isEmpty } from './utils/isEmpty.js';
|
29
|
-
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
30
|
-
import * as constants from './utils/constants.js';
|
31
|
-
export { constants };
|
20
|
+
export { composableStyle, cx } from './utils/index.js';
|
32
21
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
33
22
|
export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
|
34
23
|
export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
|
@@ -38,7 +27,9 @@ export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './co
|
|
38
27
|
export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
|
39
28
|
export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
|
40
29
|
export { chipConfig, chipRoot } from './components/Chip/Chip.js';
|
41
|
-
export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
|
30
|
+
export { classes as chipClasses, tokens as chipTokens } from './components/Chip/Chip.tokens.js';
|
31
|
+
export { chipGroupConfig, chipGroupRoot } from './components/ChipGroup/ChipGroup.js';
|
32
|
+
export { classes as chipGroupClasses, tokens as chipGroupTokens } from './components/ChipGroup/ChipGroup.tokens.js';
|
42
33
|
export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
|
43
34
|
export { CellTextboxTitle } from './components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js';
|
44
35
|
export { CellTextboxSubtitle } from './components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js';
|
@@ -61,10 +52,10 @@ export { textFieldConfig, textFieldRoot } from './components/TextField/TextField
|
|
61
52
|
export { classes as textFieldClasses, tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
|
62
53
|
export { textFieldGroupConfig, textFieldGroupRoot } from './components/TextFieldGroup/TextFieldGroup.js';
|
63
54
|
export { classes as textFieldGroupClasses, tokens as textFieldGroupTokens } from './components/TextFieldGroup/TextFieldGroup.tokens.js';
|
55
|
+
export { labelPosition_After as Switch_LabelPosition_After } from './components/Switch/_label-position/after.js';
|
56
|
+
export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
|
64
57
|
export { switchConfig, switchRoot } from './components/Switch/Switch.js';
|
65
58
|
export { tokens as switchTokens } from './components/Switch/Switch.tokens.js';
|
66
|
-
export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
|
67
|
-
export { labelPosition_After as Switch_LabelPosition_After } from './components/Switch/_label-position/after.js';
|
68
59
|
export { tabsConfig, tabsRoot } from './components/Tabs/ui/Tabs/Tabs.js';
|
69
60
|
export { tabItemConfig, tabItemRoot } from './components/Tabs/ui/TabItem/TabItem.js';
|
70
61
|
export { tokens as tabsTokens } from './components/Tabs/tokens.js';
|
@@ -75,7 +66,6 @@ export { withRange } from './components/Calendar/hoc/withRange.js';
|
|
75
66
|
export { calendarBaseConfig, calendarBaseRoot } from './components/Calendar/CalendarBase/CalendarBase.js';
|
76
67
|
export { calendarDoubleConfig, calendarDoubleRoot } from './components/Calendar/CalendarDouble/CalendarDouble.js';
|
77
68
|
export { tokens as calendarBaseTokens, tokens as calendarDoubleTokens } from './components/Calendar/Calendar.tokens.js';
|
78
|
-
export { tokens as typographyTokens } from './components/Typography/tokens.js';
|
79
69
|
export { bodyConfig, bodyRoot } from './components/Typography/Body/Body.js';
|
80
70
|
export { dsplConfig, dsplRoot } from './components/Typography/Dspl/Dspl.js';
|
81
71
|
export { headingConfig, headingRoot } from './components/Typography/Heading/Heading.js';
|
@@ -90,6 +80,7 @@ export { paragraphConfig, paragraphRoot } from './components/Typography/Old/Para
|
|
90
80
|
export { paragraphTextConfig, paragraphTextRoot } from './components/Typography/Old/ParagraphText/ParagraphText.js';
|
91
81
|
export { underlineConfig, underlineRoot } from './components/Typography/Old/Underline/Underline.js';
|
92
82
|
export { subtitleConfig, subtitleRoot } from './components/Typography/Old/Subtitle/Subtitle.js';
|
83
|
+
export { tokens as typographyTokens } from './components/Typography/tokens.js';
|
93
84
|
export { PopupProvider, usePopupContext } from './components/Popup/PopupContext.js';
|
94
85
|
export { popupConfig, popupRoot } from './components/Popup/Popup.js';
|
95
86
|
export { usePopup } from './components/Popup/hooks/usePopup.js';
|
@@ -101,10 +92,10 @@ export { noticationConfig, notificationRoot } from './components/Notification/No
|
|
101
92
|
export { addNotification, closeNotification } from './components/Notification/NotificationsStore.js';
|
102
93
|
export { classes as notificationClasses, tokens as notificationTokens } from './components/Notification/Notification.tokens.js';
|
103
94
|
export { drawerConfig, drawerRoot } from './components/Drawer/Drawer.js';
|
104
|
-
export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
|
105
95
|
export { drawerContentConfig, drawerContentRoot } from './components/Drawer/ui/DrawerContent/DrawerContent.js';
|
106
96
|
export { drawerFooterConfig, drawerFooterRoot } from './components/Drawer/ui/DrawerFooter/DrawerFooter.js';
|
107
97
|
export { drawerHeaderConfig, drawerHeaderRoot } from './components/Drawer/ui/DrawerHeader/DrawerHeader.js';
|
98
|
+
export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
|
108
99
|
export { dropdownConfig, dropdownRoot } from './components/Dropdown/Dropdown.js';
|
109
100
|
export { classes as dropdownClasses, tokens as dropdownTokens } from './components/Dropdown/Dropdown.tokens.js';
|
110
101
|
export { useKeyNavigation as useDropdownKeyNavigation } from './components/Dropdown/hooks/useKeyboardNavigation.js';
|
@@ -119,8 +110,8 @@ export { dropdownOldConfig, dropdownOldRoot } from './components/Dropdown/ui/Dro
|
|
119
110
|
export { tokens as dropdownOldTokens } from './components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js';
|
120
111
|
export { tooltipConfig, tooltipRoot } from './components/Tooltip/Tooltip.js';
|
121
112
|
export { tokens as tooltipTokens } from './components/Tooltip/Tooltip.tokens.js';
|
122
|
-
export { segmentItemConfig, segmentItemRoot } from './components/Segment/ui/SegmentItem/SegmentItem.js';
|
123
113
|
export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.js';
|
114
|
+
export { segmentItemConfig, segmentItemRoot } from './components/Segment/ui/SegmentItem/SegmentItem.js';
|
124
115
|
export { SegmentProvider, useSegment } from './components/Segment/SegmentProvider/SegmentProvider.js';
|
125
116
|
export { classes as segmentClasses, tokens as segmentTokens } from './components/Segment/tokens.js';
|
126
117
|
export { lineSkeletonConfig, lineSkeletonRoot } from './components/Skeleton/LineSkeleton/LineSkeleton.js';
|
@@ -145,22 +136,23 @@ export { classes as toastClasses, tokens as toastTokens } from './components/Toa
|
|
145
136
|
export { Overlay } from './components/Overlay/Overlay.js';
|
146
137
|
export { SSRContext, SSRProvider } from './components/SSRProvider/SSRProvider.js';
|
147
138
|
export { comboboxConfig as comboboxOldConfig, comboboxRoot as comboboxOldRoot } from './components/Combobox/ComboboxOld/Combobox.js';
|
139
|
+
export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
|
148
140
|
export { comboboxDividerConfig, comboboxDividerRoot } from './components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js';
|
149
141
|
export { comboboxFooterConfig, comboboxFooterRoot } from './components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js';
|
150
142
|
export { comboboxGroupConfig, comboboxGroupRoot } from './components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js';
|
151
143
|
export { comboboxHeaderConfig, comboboxHeaderRoot } from './components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js';
|
152
144
|
export { comboboxItemConfig, comboboxItemRoot } from './components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js';
|
153
145
|
export { ComboboxTarget } from './components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js';
|
154
|
-
export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
|
155
|
-
export { tokens as comboboxNewTokens } from './components/Combobox/ComboboxNew/Combobox.tokens.js';
|
156
146
|
export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
|
147
|
+
export { tokens as comboboxNewTokens } from './components/Combobox/ComboboxNew/Combobox.tokens.js';
|
157
148
|
export { indicatorConfig, indicatorRoot } from './components/Indicator/Indicator.js';
|
158
149
|
export { tokens as indicatorTokens } from './components/Indicator/Indicator.tokens.js';
|
150
|
+
export { ButtonBase } from './components/ButtonBase/index.js';
|
159
151
|
export { gridConfig, gridRoot } from './components/Grid/Grid.js';
|
160
152
|
export { tokens as gridTokens } from './components/Grid/Grid.tokens.js';
|
161
|
-
export { getBaseGridView } from './components/Grid/utils/index.js';
|
162
153
|
export { Row } from './components/Grid/ui/Row/Row.js';
|
163
154
|
export { Col } from './components/Grid/ui/Col/Col.js';
|
155
|
+
export { getBaseGridView } from './components/Grid/utils/index.js';
|
164
156
|
export { progressConfig, progressRoot } from './components/Progress/Progress.js';
|
165
157
|
export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
|
166
158
|
export { selectConfig, selectRoot } from './components/Select/Select.js';
|
@@ -174,7 +166,10 @@ export { sheetConfig, sheetRoot } from './components/Sheet/Sheet.js';
|
|
174
166
|
export { classes as sheetClasses, tokens as sheetTokens } from './components/Sheet/Sheet.tokens.js';
|
175
167
|
export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
|
176
168
|
export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
|
169
|
+
import 'react';
|
170
|
+
import 'react-draggable';
|
177
171
|
export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
|
172
|
+
import '@linaria/react';
|
178
173
|
export { rangeConfig, rangeRoot } from './components/Range/Range.js';
|
179
174
|
export { tokens as rangeTokens } from './components/Range/Range.tokens.js';
|
180
175
|
export { accordionConfig, accordionRoot } from './components/Accordion/Accordion.js';
|
@@ -193,4 +188,14 @@ export { tokens as emptyStateTokens } from './components/EmptyState/EmptyState.t
|
|
193
188
|
export { editableConfig, editableRoot } from './components/Editable/Editable.js';
|
194
189
|
export { tokens as editableTokens } from './components/Editable/Editable.tokens.js';
|
195
190
|
export { composeMask } from './components/Mask/Mask.js';
|
191
|
+
export { component, mergeConfig } from './engines/common.js';
|
192
|
+
export { canUseDOM } from './utils/canUseDOM.js';
|
193
|
+
export { extractTextFrom } from './utils/extractTextFrom.js';
|
194
|
+
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
195
|
+
export { IS_REACT_18, safeUseId } from './utils/react.js';
|
196
|
+
export { isNumber } from './utils/isNumber.js';
|
197
|
+
export { isEmpty } from './utils/isEmpty.js';
|
198
|
+
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
199
|
+
import * as constants from './utils/constants.js';
|
200
|
+
export { constants };
|
196
201
|
//# sourceMappingURL=index.js.map
|
package/es/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/es/utils/index.js
CHANGED
package/es/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":"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;;;;"}
|
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;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.151.0-canary.1445.10999600795.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -61,8 +61,7 @@
|
|
61
61
|
"homepage": "https://github.com/salute-developers/plasma#readme",
|
62
62
|
"peerDependencies": {
|
63
63
|
"react": ">=16.13.1",
|
64
|
-
"react-dom": ">=16.13.1"
|
65
|
-
"react-draggable": "4.4.3"
|
64
|
+
"react-dom": ">=16.13.1"
|
66
65
|
},
|
67
66
|
"devDependencies": {
|
68
67
|
"@babel/cli": "7.24.1",
|
@@ -120,9 +119,9 @@
|
|
120
119
|
"dayjs": "1.11.11",
|
121
120
|
"focus-visible": "5.2.0",
|
122
121
|
"lodash.throttle": "4.1.1",
|
122
|
+
"react-draggable": "4.4.3",
|
123
123
|
"react-popper": "2.3.0",
|
124
124
|
"storeon": "3.1.5"
|
125
125
|
},
|
126
|
-
"
|
127
|
-
"gitHead": "5ce8bd50500c1f9f9243fcc1acbe92ed34027d5c"
|
126
|
+
"gitHead": "558a6cd9cf6bb5d709a13e0216cf78ddfb022f9d"
|
128
127
|
}
|
@@ -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 _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _ChipGroup = /*#__PURE__*/require("./ChipGroup.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;&.", "{flex-wrap:wrap;}"], _ChipGroup.classes.wrap);
|
@@ -0,0 +1,93 @@
|
|
1
|
+
---
|
2
|
+
id: chipGroup
|
3
|
+
title: ChipGroup
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# ChipGroup
|
9
|
+
<Description name="ChipGroup" />
|
10
|
+
<PropsTable name="ChipGroup" exclude={['css']} />
|
11
|
+
|
12
|
+
## Использование
|
13
|
+
Компонент `ChipGroup` - это обертка для Chip. Принимает в себя группу элементов.
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { ChipGroup, Chip } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<ChipGroup>
|
22
|
+
{Array(5)
|
23
|
+
.fill(true)
|
24
|
+
.map((_, i) => (
|
25
|
+
<Chip text={`Chip ${i}`} />
|
26
|
+
))}
|
27
|
+
</ChipGroup>
|
28
|
+
);
|
29
|
+
}
|
30
|
+
```
|
31
|
+
|
32
|
+
## Примеры
|
33
|
+
|
34
|
+
### Размер и вид группы Chip
|
35
|
+
Размер и вид группы элементов задается с помощью свойств `size` и `view` соответственно.
|
36
|
+
С помощью свойства `isCommonChipStyles` можно отключить переопределение стилей для всех элементов внутри группы.
|
37
|
+
Тогда каждый элемент будет иметь настраиваемый размер и вид.
|
38
|
+
|
39
|
+
```tsx live
|
40
|
+
import React from 'react';
|
41
|
+
import { ChipGroup, Chip } from '@salutejs/{{ package }}';
|
42
|
+
|
43
|
+
export function App() {
|
44
|
+
return (
|
45
|
+
<div>
|
46
|
+
<ChipGroup size="s" view="secondary">
|
47
|
+
{Array(5)
|
48
|
+
.fill(true)
|
49
|
+
.map((_, i) => (
|
50
|
+
<Chip text={`Chip ${i}`} />
|
51
|
+
))}
|
52
|
+
</ChipGroup>
|
53
|
+
|
54
|
+
<ChipGroup isCommonChipStyles={false}>
|
55
|
+
<Chip size="m" text="Default" />
|
56
|
+
<Chip size="s" text="Secondary" view="secondary" />
|
57
|
+
<Chip size="xs" text="Accent" view="accent" />
|
58
|
+
</ChipGroup>
|
59
|
+
</div>
|
60
|
+
);
|
61
|
+
}
|
62
|
+
```
|
63
|
+
|
64
|
+
### Отступы между Chip
|
65
|
+
|
66
|
+
Группа элементов имеет два вида отступов:
|
67
|
+
|
68
|
+
```tsx live
|
69
|
+
import React from 'react';
|
70
|
+
import { ChipGroup, Chip } from '@salutejs/{{ package }}';
|
71
|
+
|
72
|
+
export function App() {
|
73
|
+
return (
|
74
|
+
<div>
|
75
|
+
<ChipGroup size="xs" gap="dense">
|
76
|
+
{Array(5)
|
77
|
+
.fill(true)
|
78
|
+
.map((_, i) => (
|
79
|
+
<Chip text={`Chip ${i}`} />
|
80
|
+
))}
|
81
|
+
</ChipGroup>
|
82
|
+
|
83
|
+
<ChipGroup size="xs" gap="wide">
|
84
|
+
{Array(5)
|
85
|
+
.fill(true)
|
86
|
+
.map((_, i) => (
|
87
|
+
<Chip text={`Chip ${i}`} />
|
88
|
+
))}
|
89
|
+
</ChipGroup>
|
90
|
+
</div>
|
91
|
+
);
|
92
|
+
}
|
93
|
+
```
|
@@ -0,0 +1,48 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
chipGroupOverrideStyles: 'chip-group-override-styles',
|
9
|
+
dense: 'chip-group-gap-dense',
|
10
|
+
wide: 'chip-group-gap-wide',
|
11
|
+
wrap: 'chip-group-wrap'
|
12
|
+
};
|
13
|
+
var tokens = exports.tokens = {
|
14
|
+
chipBackground: '--plasma-chip-group-items-background',
|
15
|
+
chipColor: '--plasma-chip-group-items-color',
|
16
|
+
chipBackgroundHover: '--plasma-chip-group-items-background-hover',
|
17
|
+
chipColorHover: '--plasma-chip-group-items-color-hover',
|
18
|
+
chipScaleHover: '--plasma-chip-group-items-scale-hover',
|
19
|
+
chipBackgroundActive: '--plasma-chip-group-items-background-active',
|
20
|
+
chipColorActive: '--plasma-chip-group-items-color-active',
|
21
|
+
chipScaleActive: '--plasma-chip-group-items-scale-active',
|
22
|
+
chipFocusColor: '--plasma-chip-group-items-focus-color',
|
23
|
+
chipOutlineSize: '--plasma-chip-group-items-outline-size',
|
24
|
+
chipCloseIconColor: '--plasma-chip-group-items-close-icon-color',
|
25
|
+
chipCloseIconColorHover: '--plasma-chip-group-items-close-icon-color-hover',
|
26
|
+
chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',
|
27
|
+
chipGroupItemsGap: '--plasma-chip-group-items-gap',
|
28
|
+
chipBorderRadius: '--plasma-chip-group-items-border-radius',
|
29
|
+
chipHeight: '--plasma-chip-group-item-height',
|
30
|
+
chipWidth: '--plasma-chip-group-item-width',
|
31
|
+
chipPaddingTop: '--plasma-chip-group-item-padding-top',
|
32
|
+
chipPaddingRight: '--plasma-chip-group-item-padding-right',
|
33
|
+
chipPaddingBottom: '--plasma-chip-group-item-padding-bottom',
|
34
|
+
chipPaddingLeft: '--plasma-chip-group-item-padding-left',
|
35
|
+
chipCloseIconSize: '--plasma-chip-group-item-close-icon-size',
|
36
|
+
chipFontFamily: '--plasma-chip-group-item-font-family',
|
37
|
+
chipFontSize: '--plasma-chip-group-item-font-size',
|
38
|
+
chipFontStyle: '--plasma-chip-group-item-font-style',
|
39
|
+
chipFontWeight: '--plasma-chip-group-item-font-weight',
|
40
|
+
chipLetterSpacing: '--plasma-chip-group-item-letter-spacing',
|
41
|
+
chipLineHeight: '--plasma-chip-group-item-line-height',
|
42
|
+
chipLeftContentMarginLeft: '--plasma-chip-group-item-left-content-margin-left',
|
43
|
+
chipLeftContentMarginRight: '--plasma-chip-group-item-left-content-margin-right',
|
44
|
+
chipRightContentMarginLeft: '--plasma-chip-group-item-right-content-margin-left',
|
45
|
+
chipRightContentMarginRight: '--plasma-chip-group-item-right-content-margin-right',
|
46
|
+
chipClearContentMarginLeft: '--plasma-chip-group-item-clear-content-margin-left',
|
47
|
+
chipClearContentMarginRight: '--plasma-chip-group-item-clear-content-margin-right'
|
48
|
+
};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "chipGroupClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _ChipGroup2.classes;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "chipGroupConfig", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _ChipGroup.chipGroupConfig;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "chipGroupRoot", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _ChipGroup.chipGroupRoot;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "chipGroupTokens", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _ChipGroup2.tokens;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var _ChipGroup = /*#__PURE__*/require("./ChipGroup");
|
31
|
+
var _ChipGroup2 = /*#__PURE__*/require("./ChipGroup.tokens");
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _ChipGroup = /*#__PURE__*/require("../../ChipGroup.tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _ChipGroup.tokens.chipGroupItemsGap);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-chip-group-items-gap"]
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _ChipGroup = /*#__PURE__*/require("../../ChipGroup.tokens");
|
9
|
+
var _Chip = /*#__PURE__*/require("../../../Chip");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ChipGroup.classes.chipGroupOverrideStyles, _Chip.chipClasses.chipItem, _Chip.chipTokens.height, _ChipGroup.tokens.chipHeight, _Chip.chipTokens.width, _ChipGroup.tokens.chipWidth, _Chip.chipTokens.borderRadius, _ChipGroup.tokens.chipBorderRadius, _Chip.chipTokens.paddingTop, _ChipGroup.tokens.chipPaddingTop, _Chip.chipTokens.paddingRight, _ChipGroup.tokens.chipPaddingRight, _Chip.chipTokens.paddingBottom, _ChipGroup.tokens.chipPaddingBottom, _Chip.chipTokens.paddingLeft, _ChipGroup.tokens.chipPaddingLeft, _Chip.chipTokens.closeIconSize, _ChipGroup.tokens.chipCloseIconSize, _Chip.chipTokens.fontFamily, _ChipGroup.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _ChipGroup.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _ChipGroup.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _ChipGroup.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _ChipGroup.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _ChipGroup.tokens.chipLineHeight, _Chip.chipTokens.leftContentMarginLeft, _ChipGroup.tokens.chipLeftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _ChipGroup.tokens.chipLeftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _ChipGroup.tokens.chipRightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _ChipGroup.tokens.chipRightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _ChipGroup.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _ChipGroup.tokens.chipClearContentMarginRight);
|
@@ -0,0 +1,22 @@
|
|
1
|
+
[
|
2
|
+
"--plasma-chip-group-item-height",
|
3
|
+
"--plasma-chip-group-item-width",
|
4
|
+
"--plasma-chip-group-item-border-radius",
|
5
|
+
"--plasma-chip-group-item-padding-top",
|
6
|
+
"--plasma-chip-group-item-padding-right",
|
7
|
+
"--plasma-chip-group-item-padding-bottom",
|
8
|
+
"--plasma-chip-group-item-padding-left",
|
9
|
+
"--plasma-chip-group-item-close-icon-size",
|
10
|
+
"--plasma-chip-group-item-font-family",
|
11
|
+
"--plasma-chip-group-item-font-size",
|
12
|
+
"--plasma-chip-group-item-font-style",
|
13
|
+
"--plasma-chip-group-item-font-weight",
|
14
|
+
"--plasma-chip-group-item-letter-spacing",
|
15
|
+
"--plasma-chip-group-item-line-height",
|
16
|
+
"--plasma-chip-group-item-left-content-margin-left",
|
17
|
+
"--plasma-chip-group-item-left-content-margin-right",
|
18
|
+
"--plasma-chip-group-item-right-content-margin-left",
|
19
|
+
"--plasma-chip-group-item-right-content-margin-right",
|
20
|
+
"--plasma-chip-group-item-clear-content-margin-left",
|
21
|
+
"--plasma-chip-group-item-clear-content-margin-right"
|
22
|
+
]
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _ChipGroup = /*#__PURE__*/require("../../ChipGroup.tokens");
|
9
|
+
var _Chip = /*#__PURE__*/require("../../../Chip");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _ChipGroup.classes.chipGroupOverrideStyles, _Chip.chipClasses.chipItem, _Chip.chipTokens.background, _ChipGroup.tokens.chipBackground, _Chip.chipTokens.color, _ChipGroup.tokens.chipColor, _Chip.chipTokens.backgroundHover, _ChipGroup.tokens.chipBackgroundHover, _Chip.chipTokens.colorHover, _ChipGroup.tokens.chipColorHover, _Chip.chipTokens.scaleHover, _ChipGroup.tokens.chipScaleHover, _Chip.chipTokens.backgroundActive, _ChipGroup.tokens.chipBackgroundActive, _Chip.chipTokens.colorActive, _ChipGroup.tokens.chipColorActive, _Chip.chipTokens.scaleActive, _ChipGroup.tokens.chipScaleActive, _Chip.chipTokens.focusColor, _ChipGroup.tokens.chipFocusColor, _Chip.chipTokens.outlineSize, _ChipGroup.tokens.chipOutlineSize, _Chip.chipTokens.closeIconColor, _ChipGroup.tokens.chipCloseIconColor, _Chip.chipTokens.closeIconColorHover, _ChipGroup.tokens.chipCloseIconColorHover, _Chip.chipTokens.closeIconColorActive, _ChipGroup.tokens.chipCloseIconColorActive);
|
@@ -0,0 +1,15 @@
|
|
1
|
+
[
|
2
|
+
"--plasma-chip-group-items-background",
|
3
|
+
"--plasma-chip-group-items-color",
|
4
|
+
"--plasma-chip-group-items-background-hover",
|
5
|
+
"--plasma-chip-group-items-color-hover",
|
6
|
+
"--plasma-chip-group-items-scale-hover",
|
7
|
+
"--plasma-chip-group-items-background-active",
|
8
|
+
"--plasma-chip-group-items-color-active",
|
9
|
+
"--plasma-chip-group-items-scale-active",
|
10
|
+
"--plasma-chip-group-items-focus-color",
|
11
|
+
"--plasma-chip-group-items-outline-size",
|
12
|
+
"--plasma-chip-group-items-close-icon-color",
|
13
|
+
"--plasma-chip-group-items-close-icon-color-hover",
|
14
|
+
"--plasma-chip-group-items-close-icon-color-active"
|
15
|
+
]
|