@salutejs/plasma-new-hope 0.241.1-canary.1701.12826370058.0 → 0.241.1-canary.1707.12862394119.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Accordion/Accordion.js +5 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/Accordion.styles.js +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +14 -10
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
- package/cjs/components/Accordion/variations/_size/base.js +1 -1
- package/cjs/components/Accordion/variations/_view/base.js +1 -1
- package/cjs/components/Attach/Attach.js +11 -7
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +1 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +7 -3
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js +1 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/Attach/utils/getFileicon.js +10 -6
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_view/base.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +11 -7
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +6 -2
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Avatar/Avatar.js +14 -10
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +1 -1
- package/cjs/components/Avatar/variations/_focused/base.js +1 -1
- package/cjs/components/Avatar/variations/_size/base.js +1 -1
- package/cjs/components/AvatarGroup/AvatarGroup.js +5 -1
- package/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/AvatarGroup/AvatarGroup.styles.js +1 -1
- package/cjs/components/Badge/Badge.js +8 -4
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.styles.js +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/cjs/components/Badge/variations/_pilled/base.js +1 -1
- package/cjs/components/Badge/variations/_size/base.js +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/cjs/components/Badge/variations/_view/base.js +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +7 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +6 -2
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +1 -1
- package/cjs/components/Breadcrumbs/utils/getShortItems.js +6 -2
- package/cjs/components/Breadcrumbs/utils/getShortItems.js.map +1 -1
- package/cjs/components/Breadcrumbs/variations/_size/base.js +1 -1
- package/cjs/components/Breadcrumbs/variations/_view/base.js +1 -1
- package/cjs/components/Button/Button.js +8 -4
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +1 -1
- package/cjs/components/Button/variations/_blurred/base.js +1 -1
- package/cjs/components/Button/variations/_disabled/base.js +1 -1
- package/cjs/components/Button/variations/_focused/base.js +1 -1
- package/cjs/components/Button/variations/_size/base.js +1 -1
- package/cjs/components/Button/variations/_stretching/base.js +1 -1
- package/cjs/components/Button/variations/_view/base.js +1 -1
- package/cjs/components/ButtonBase/index.js +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.js +5 -1
- package/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.styles.js +1 -1
- package/cjs/components/ButtonGroup/variations/_gap/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_shape/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_size/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_stretching/base.js +1 -1
- package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
- package/cjs/components/Calendar/Calendar.js +8 -4
- package/cjs/components/Calendar/Calendar.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +11 -7
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/variations/_size/base.js +1 -1
- package/cjs/components/Calendar/CalendarBase/variations/_view/base.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +15 -11
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/variations/_view/base.js +1 -1
- package/cjs/components/Calendar/hoc/withRange.js +5 -1
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +10 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +16 -12
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +7 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +7 -3
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +7 -3
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +8 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +1 -1
- package/cjs/components/Cell/Cell.js +9 -5
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Cell/Cell.styles.js +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +8 -9
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +6 -6
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +1 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +6 -6
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +8 -10
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +1 -1
- package/cjs/components/Cell/variations/_size/base.js +1 -1
- package/cjs/components/Cell/variations/_view/base.js +1 -1
- package/cjs/components/Checkbox/Checkbox.css +7 -7
- package/cjs/components/Checkbox/Checkbox.js +12 -9
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/{Checkbox.styles_16ay1rj.css → Checkbox.styles_dmi26u.css} +2 -2
- package/cjs/components/Checkbox/IconsSvg.js +10 -6
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base.js +1 -1
- package/cjs/components/Checkbox/variations/_focused/base.js +1 -1
- package/cjs/components/Checkbox/variations/_size/base.js +1 -1
- package/cjs/components/Checkbox/variations/_view/base.js +1 -1
- package/cjs/components/Chip/Chip.js +7 -3
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/variations/_disabled/base.js +1 -1
- package/cjs/components/Chip/variations/_focused/base.js +1 -1
- package/cjs/components/Chip/variations/_pilled/base.js +1 -1
- package/cjs/components/Chip/variations/_readonly/base.js +1 -1
- package/cjs/components/Chip/variations/_size/base.js +1 -1
- package/cjs/components/Chip/variations/_view/base.js +1 -1
- package/cjs/components/ChipGroup/ChipGroup.js +5 -1
- package/cjs/components/ChipGroup/ChipGroup.js.map +1 -1
- package/cjs/components/ChipGroup/ChipGroup.styles.js +1 -1
- package/cjs/components/ChipGroup/variations/_gap/base.js +1 -1
- package/cjs/components/ChipGroup/variations/_size/base.js +1 -1
- package/cjs/components/ChipGroup/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +7 -7
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -11
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +7 -3
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +7 -7
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +7 -7
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +12 -8
- 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 +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +6 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +11 -7
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js +5 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +6 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +13 -9
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/utils/index.js +5 -1
- package/cjs/components/Combobox/ComboboxOld/utils/index.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/variations/_size/base.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/variations/_view/base.js +1 -1
- package/cjs/components/Counter/Counter.js +5 -1
- package/cjs/components/Counter/Counter.js.map +1 -1
- package/cjs/components/Counter/Counter.styles.js +1 -1
- package/cjs/components/Counter/variations/_size/base.js +1 -1
- package/cjs/components/Counter/variations/_view/base.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +10 -6
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +8 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +10 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +1 -1
- package/cjs/components/Divider/Divider.js +5 -1
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/variations/_orientation/base.js +1 -1
- package/cjs/components/Divider/variations/_size/base.js +1 -1
- package/cjs/components/Divider/variations/_view/base.js +1 -1
- package/cjs/components/Drawer/Drawer.js +9 -5
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +1 -1
- package/cjs/components/Drawer/variations/_borderRadius/base.js +1 -1
- package/cjs/components/Drawer/variations/_size/base.js +1 -1
- package/cjs/components/Drawer/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/Dropdown.js +9 -5
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +7 -3
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +6 -2
- package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownDivider/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownDivider/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +6 -2
- package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownFooter/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownFooter/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +7 -3
- package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownGroup/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownGroup/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +6 -2
- package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownHeader/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownHeader/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -5
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +9 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +6 -2
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +7 -3
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +1 -1
- package/cjs/components/Dropdown/utils/index.js +7 -3
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Dropdown/variations/_size/base.js +1 -1
- package/cjs/components/Dropdown/variations/_view/base.js +1 -1
- package/cjs/components/Dropzone/Dropzone.js +16 -12
- package/cjs/components/Dropzone/Dropzone.js.map +1 -1
- package/cjs/components/Dropzone/Dropzone.styles.js +1 -1
- package/cjs/components/Dropzone/variations/_disabled/base.js +1 -1
- package/cjs/components/Dropzone/variations/_size/base.js +1 -1
- package/cjs/components/Dropzone/variations/_view/base.js +1 -1
- package/cjs/components/Editable/Editable.js +8 -4
- package/cjs/components/Editable/Editable.js.map +1 -1
- package/cjs/components/Editable/Editable.styles.js +1 -1
- package/cjs/components/Editable/variations/_size/base.js +1 -1
- package/cjs/components/Editable/variations/_view/base.js +1 -1
- package/cjs/components/EmptyState/EmptyState.js +6 -2
- package/cjs/components/EmptyState/EmptyState.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +1 -1
- package/cjs/components/Flow/Flow.js +11 -5
- package/cjs/components/Flow/Flow.js.map +1 -1
- package/cjs/components/Flow/Flow.styles.js +1 -1
- package/cjs/components/Grid/Grid.js +5 -1
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/Grid.styles.js +1 -1
- package/cjs/components/Grid/ui/Col/Col.js +5 -1
- package/cjs/components/Grid/ui/Col/Col.js.map +1 -1
- package/cjs/components/Grid/ui/Col/Col.styles.js +1 -1
- package/cjs/components/Grid/ui/Row/Row.js +5 -1
- package/cjs/components/Grid/ui/Row/Row.js.map +1 -1
- package/cjs/components/Grid/ui/Row/Row.styles.js +1 -1
- package/cjs/components/Grid/variations/_view/base.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/cjs/components/Image/Image.js +7 -3
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Image/Image.styles.js +1 -1
- package/cjs/components/Indicator/Indicator.js +5 -1
- package/cjs/components/Indicator/Indicator.js.map +1 -1
- package/cjs/components/Indicator/Indicator.styles.js +1 -1
- package/cjs/components/Indicator/variations/_size/base.js +1 -1
- package/cjs/components/Indicator/variations/_view/base.js +1 -1
- package/cjs/components/Link/Link.js +6 -2
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/_disabled/base.js +1 -1
- package/cjs/components/Link/_focused/base.js +1 -1
- package/cjs/components/Link/_view/base.js +1 -1
- package/cjs/components/Mask/Mask.js +7 -2
- package/cjs/components/Mask/Mask.js.map +1 -1
- package/cjs/components/Modal/Modal.js +11 -7
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +1 -1
- package/cjs/components/Modal/variations/_view/base.js +1 -1
- package/cjs/components/Note/Note.js +9 -5
- package/cjs/components/Note/Note.js.map +1 -1
- package/cjs/components/Note/Note.styles.js +1 -1
- package/cjs/components/Note/variations/_size/base.js +1 -1
- package/cjs/components/Note/variations/_view/base.js +1 -1
- package/cjs/components/Notification/Notification.js +15 -11
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +9 -5
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.js +6 -2
- package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
- package/cjs/components/Notification/variations/_closeIconType/base.js +1 -1
- package/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/cjs/components/Notification/variations/_size/base.js +1 -1
- package/cjs/components/Notification/variations/_view/base.js +1 -1
- package/cjs/components/NumberInput/NumberInput.js +10 -6
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.styles.js +1 -1
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +5 -1
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +1 -1
- package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +1 -1
- package/cjs/components/NumberInput/ui/Input/Input.js +10 -6
- package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/cjs/components/NumberInput/ui/Input/Input.styles.js +1 -1
- package/cjs/components/NumberInput/variations/_background-type/base.js +1 -1
- package/cjs/components/NumberInput/variations/_disabled/base.js +1 -1
- package/cjs/components/NumberInput/variations/_segmentation/base.js +1 -1
- package/cjs/components/NumberInput/variations/_shape/base.js +1 -1
- package/cjs/components/NumberInput/variations/_size/base.js +1 -1
- package/cjs/components/NumberInput/variations/_view/base.js +1 -1
- package/cjs/components/Overlay/Overlay.js +5 -1
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Overlay/Overlay.styles.js +1 -1
- package/cjs/components/Pagination/Pagination.css +7 -7
- package/cjs/components/Pagination/Pagination.js +14 -10
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js +5 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -7
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +5 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/variations/_size/base.js +1 -1
- package/cjs/components/Pagination/variations/_type/base.js +1 -1
- package/cjs/components/Pagination/variations/_view/base.js +1 -1
- package/cjs/components/Panel/Panel.js +6 -2
- package/cjs/components/Panel/Panel.js.map +1 -1
- package/cjs/components/Panel/Panel.styles.js +1 -1
- package/cjs/components/Panel/ui/PanelContent/PanelContent.js +5 -1
- package/cjs/components/Panel/ui/PanelContent/PanelContent.js.map +1 -1
- package/cjs/components/Panel/ui/PanelContent/variations/_view/base.js +1 -1
- package/cjs/components/Panel/ui/PanelFooter/PanelFooter.js +5 -1
- package/cjs/components/Panel/ui/PanelFooter/PanelFooter.js.map +1 -1
- package/cjs/components/Panel/ui/PanelFooter/variations/_view/base.js +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +8 -4
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -1
- package/cjs/components/Panel/ui/PanelHeader/variations/_view/base.js +1 -1
- package/cjs/components/Panel/variations/_borderRadius/base.js +1 -1
- package/cjs/components/Panel/variations/_size/base.js +1 -1
- package/cjs/components/Panel/variations/_view/base.js +1 -1
- package/cjs/components/Popover/Popover.js +11 -7
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/variations/_view/base.js +1 -1
- package/cjs/components/Popup/Popup.js +11 -7
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +1 -1
- package/cjs/components/Popup/PopupContext.js +8 -4
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Popup/PopupRoot.js +6 -2
- package/cjs/components/Popup/PopupRoot.js.map +1 -1
- package/cjs/components/Portal/Portal.js +6 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Price/Price.js +6 -2
- package/cjs/components/Price/Price.js.map +1 -1
- package/cjs/components/Price/Price.styles.js +1 -1
- package/cjs/components/Price/variations/_view/base.js +1 -1
- package/cjs/components/Progress/Progress.js +7 -3
- package/cjs/components/Progress/Progress.js.map +1 -1
- package/cjs/components/Progress/Progress.styles.js +1 -1
- package/cjs/components/Progress/variations/_size/base.js +1 -1
- package/cjs/components/Progress/variations/_view/base.js +1 -1
- package/cjs/components/Radiobox/RadioGroup.js +6 -2
- package/cjs/components/Radiobox/RadioGroup.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.css +9 -9
- package/cjs/components/Radiobox/Radiobox.js +12 -9
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_vikocp.css → Radiobox.styles_520asv.css} +1 -1
- package/cjs/components/Radiobox/variations/_disabled/base.js +1 -1
- package/cjs/components/Radiobox/variations/_focused/base.js +1 -1
- package/cjs/components/Radiobox/variations/_size/base.js +1 -1
- package/cjs/components/Radiobox/variations/_view/base.js +1 -1
- package/cjs/components/Range/Range.js +13 -9
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/variations/_disabled/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_size/base.js +1 -1
- package/cjs/components/Range/variations/_view/base.js +1 -1
- package/cjs/components/Rating/Rating.js +9 -5
- package/cjs/components/Rating/Rating.js.map +1 -1
- package/cjs/components/Rating/Rating.styles.js +1 -1
- package/cjs/components/Rating/utils/getIcons.js +20 -16
- package/cjs/components/Rating/utils/getIcons.js.map +1 -1
- package/cjs/components/Rating/variations/_size/base.js +1 -1
- package/cjs/components/Rating/variations/_view/base.js +1 -1
- package/cjs/components/SSRProvider/SSRProvider.js +5 -1
- package/cjs/components/SSRProvider/SSRProvider.js.map +1 -1
- package/cjs/components/Segment/SegmentProvider/SegmentProvider.js +5 -1
- package/cjs/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +13 -9
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_disabled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_stretch/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_view/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +6 -2
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_disabled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/cjs/components/Select/FloatingPopover.js +7 -3
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +7 -7
- package/cjs/components/Select/Select.js +12 -8
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +7 -7
- package/cjs/components/Select/ui/Inner/Inner.js +9 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +7 -7
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +13 -9
- 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 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.js +6 -2
- package/cjs/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
- package/cjs/components/Select/ui/Target/Target.js +7 -3
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +7 -3
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/cjs/components/Sheet/Sheet.js +11 -7
- package/cjs/components/Sheet/Sheet.js.map +1 -1
- package/cjs/components/Sheet/Sheet.styles.js +1 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js +5 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js.map +1 -1
- package/cjs/components/Sheet/variations/_view/base.js +1 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +6 -2
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +1 -1
- package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +5 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.styles.js +1 -1
- package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +6 -2
- package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.styles.js +1 -1
- package/cjs/components/Skeleton/hoc/withSkeleton.js +6 -2
- package/cjs/components/Skeleton/hoc/withSkeleton.js.map +1 -1
- package/cjs/components/Slider/Slider.js +8 -4
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +11 -7
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +6 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.js +11 -7
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +7 -3
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.js +9 -4
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +5 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/Slider/variations/_disabled/base.js +1 -1
- package/cjs/components/Slider/variations/_size/base.js +1 -1
- package/cjs/components/Slider/variations/_view/base.js +1 -1
- package/cjs/components/Spinner/Spinner.js +7 -3
- package/cjs/components/Spinner/Spinner.js.map +1 -1
- package/cjs/components/Spinner/Spinner.styles.js +1 -1
- package/cjs/components/Spinner/SpinnerSvg.js +17 -13
- package/cjs/components/Spinner/SpinnerSvg.js.map +1 -1
- package/cjs/components/Spinner/variations/_size/base.js +1 -1
- package/cjs/components/Spinner/variations/_view/base.js +1 -1
- package/cjs/components/Steps/Steps.js +8 -3
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.js +31 -26
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/variations/_size/base.js +1 -1
- package/cjs/components/Steps/variations/_view/base.js +1 -1
- package/cjs/components/Switch/Switch.js +10 -6
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +1 -1
- package/cjs/components/Switch/_disabled/base.js +1 -1
- package/cjs/components/Switch/_focused/base.js +1 -1
- package/cjs/components/Switch/_size/base.js +1 -1
- package/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Tabs/createTabsController.js +6 -2
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +8 -4
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +12 -8
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +8 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +12 -8
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/TextArea.js +21 -17
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.js +7 -3
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_disabled/base.js +1 -1
- package/cjs/components/TextArea/variations/_hint-size/base.js +1 -1
- package/cjs/components/TextArea/variations/_hint-view/base.js +1 -1
- package/cjs/components/TextArea/variations/_size/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextField/TextField.js +25 -21
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.js +7 -3
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -3
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextFieldGroup/TextFieldGroup.js +5 -1
- package/cjs/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/cjs/components/TextFieldGroup/TextFieldGroup.styles.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_gap/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_orientation/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_size/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_stretching/base.js +1 -1
- package/cjs/components/Toast/Toast.js +8 -4
- package/cjs/components/Toast/Toast.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +1 -1
- package/cjs/components/Toast/ToastController.js +7 -3
- package/cjs/components/Toast/ToastController.js.map +1 -1
- package/cjs/components/Toast/ToastProvider/ToastProvider.js +6 -2
- package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/cjs/components/Toast/variations/_closeIconType/base.js +1 -1
- package/cjs/components/Toast/variations/_pilled/base.js +1 -1
- package/cjs/components/Toast/variations/_size/base.js +1 -1
- package/cjs/components/Toast/variations/_view/base.js +1 -1
- package/cjs/components/Toolbar/Toolbar.js +5 -1
- package/cjs/components/Toolbar/Toolbar.js.map +1 -1
- package/cjs/components/Toolbar/Toolbar.styles.js +1 -1
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js +1 -1
- package/cjs/components/Toolbar/variations/_size/base.js +1 -1
- package/cjs/components/Toolbar/variations/_view/base.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js +9 -5
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +1 -1
- package/cjs/components/Tooltip/variations/_size/base.js +1 -1
- package/cjs/components/Tooltip/variations/_view/base.js +1 -1
- package/cjs/components/Tree/Tree.js +9 -4
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +1 -1
- package/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js +5 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js +1 -1
- package/cjs/components/Typography/Old/TypographyOld.js +5 -1
- package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
- package/cjs/components/Typography/Old/TypographyOld.styles.js +1 -1
- package/cjs/components/Typography/Old/Underline/Underline.styles.js +1 -1
- package/cjs/components/Typography/Typography.js +5 -1
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/variations/_size/base.js +1 -1
- package/cjs/components/ViewContainer/ViewContainer.js +6 -2
- package/cjs/components/ViewContainer/ViewContainer.js.map +1 -1
- package/cjs/components/ViewContainer/_view/base.js +1 -1
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +6 -2
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +9 -5
- package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +9 -5
- package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +7 -3
- package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +9 -5
- package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +9 -5
- package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/ChevronDown.js +6 -2
- package/cjs/components/_Icon/Icon.assets/ChevronDown.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Close.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Close.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Cross.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Cross.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/CrossThin.js +6 -2
- package/cjs/components/_Icon/Icon.assets/CrossThin.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +8 -4
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +8 -4
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +6 -2
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Done.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Done.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Folder.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Folder.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +6 -2
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Minus.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Minus.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/Plus.js +6 -2
- package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -1
- package/cjs/components/_Icon/IconRoot.js +7 -3
- package/cjs/components/_Icon/IconRoot.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarHalfFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarOutline.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.16/IconStarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarHalfFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarOutline.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.24/IconStarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarHalfFill.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarHalfFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarOutline.js +5 -1
- package/cjs/components/_Icon/Icons/Icon.36/IconStarOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js +5 -1
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconChevronDown.js +5 -1
- package/cjs/components/_Icon/Icons/IconChevronDown.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js +5 -1
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconClose.js +5 -1
- package/cjs/components/_Icon/Icons/IconClose.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconCross.js +5 -1
- package/cjs/components/_Icon/Icons/IconCross.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconCrossThin.js +5 -1
- package/cjs/components/_Icon/Icons/IconCrossThin.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +5 -1
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDone.js +5 -1
- package/cjs/components/_Icon/Icons/IconDone.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconFolder.js +5 -1
- package/cjs/components/_Icon/Icons/IconFolder.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +5 -1
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconMinus.js +5 -1
- package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconPlus.js +5 -1
- package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -1
- package/cjs/engines/common.js +6 -2
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/linaria.js +5 -1
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +9 -9
- package/cjs/utils/datejs.js +11 -4
- package/cjs/utils/datejs.js.map +1 -1
- package/cjs/utils/fixedForwardRef.js +5 -1
- package/cjs/utils/fixedForwardRef.js.map +1 -1
- package/cjs/utils/react.js +7 -2
- package/cjs/utils/react.js.map +1 -1
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -11
- package/emotion/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -7
- package/emotion/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -7
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -12
- package/emotion/cjs/components/Checkbox/Checkbox.js +1 -2
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +15 -7
- package/emotion/cjs/components/Radiobox/Radiobox.js +1 -2
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +8 -23
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -23
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -11
- package/emotion/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -7
- package/emotion/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -7
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -12
- package/emotion/es/components/Checkbox/Checkbox.js +1 -2
- package/emotion/es/components/Checkbox/Checkbox.styles.js +15 -7
- package/emotion/es/components/Radiobox/Radiobox.js +1 -2
- package/emotion/es/components/Radiobox/Radiobox.styles.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +8 -23
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -23
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -9
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -6
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -6
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -10
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Checkbox/Checkbox.css +7 -7
- package/es/components/Checkbox/Checkbox.js +1 -2
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +1 -1
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/es/components/Checkbox/{Checkbox.styles_16ay1rj.css → Checkbox.styles_dmi26u.css} +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +7 -7
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +7 -7
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +7 -7
- package/es/components/Pagination/Pagination.css +7 -7
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -7
- package/es/components/Radiobox/Radiobox.css +9 -9
- package/es/components/Radiobox/Radiobox.js +1 -2
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_vikocp.css → Radiobox.styles_520asv.css} +1 -1
- package/es/components/Select/Select.css +7 -7
- package/es/components/Select/ui/Inner/Inner.css +7 -7
- package/es/components/Select/ui/Inner/ui/Item/Item.css +7 -7
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -11
- package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -7
- package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -7
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -12
- package/styled-components/cjs/components/Checkbox/Checkbox.js +1 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.js +1 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +8 -23
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -23
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -11
- package/styled-components/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -7
- package/styled-components/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -7
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -12
- package/styled-components/es/components/Checkbox/Checkbox.js +1 -2
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +2 -2
- package/styled-components/es/components/Radiobox/Radiobox.js +1 -2
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +8 -23
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -23
- package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -1
@@ -15,6 +15,10 @@ var IconArrowBarDown = require('../_Icon/Icons/IconArrowBarDown.js');
|
|
15
15
|
var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
|
16
16
|
var canUseDOM = require('../../utils/canUseDOM.js');
|
17
17
|
|
18
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
19
|
+
|
20
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
21
|
+
|
18
22
|
var _IconArrowBarDown;
|
19
23
|
var _excluded = ["className", "style", "accept", "multiple", "title", "description", "icon", "iconPlacement", "size", "view", "disabled", "stretch", "width", "height", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "validator", "onClick", "onChange", "onChoseFiles"];
|
20
24
|
var dropzoneRoot = function dropzoneRoot(Root) {
|
@@ -249,40 +253,40 @@ var dropzoneRoot = function dropzoneRoot(Root) {
|
|
249
253
|
React.useEffect(function () {
|
250
254
|
truncateContent();
|
251
255
|
}, [title, description, iconPlacement]);
|
252
|
-
return /*#__PURE__*/
|
256
|
+
return /*#__PURE__*/React__default.default.createElement(Root, {
|
253
257
|
className: index.cx(className, isDropzoneActive && Dropzone_tokens.classes.active, stretch && Dropzone_tokens.classes.stretch, disabled && Dropzone_tokens.classes.disabled),
|
254
258
|
view: view,
|
255
259
|
size: size,
|
256
260
|
disabled: disabled,
|
257
261
|
tabIndex: 0,
|
258
262
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Dropzone_tokens.privateTokens.width, innerWidth), Dropzone_tokens.privateTokens.height, innerHeight))
|
259
|
-
}, /*#__PURE__*/
|
263
|
+
}, /*#__PURE__*/React__default.default.createElement(Dropzone_styles.DropzoneHandlerOverlay, {
|
260
264
|
onDragEnter: handleDragEnter,
|
261
265
|
onDragLeave: handleDragLeave,
|
262
266
|
onDragOver: handleDragOver,
|
263
267
|
onDrop: handleDrop,
|
264
268
|
onClick: handleClick
|
265
|
-
}), /*#__PURE__*/
|
269
|
+
}), /*#__PURE__*/React__default.default.createElement(Dropzone_styles.Content, {
|
266
270
|
ref: contentRef
|
267
|
-
}, /*#__PURE__*/
|
271
|
+
}, /*#__PURE__*/React__default.default.createElement(Dropzone_styles.IconWrapper, {
|
268
272
|
ref: iconWrapperRef,
|
269
273
|
className: index.cx(iconPlacement === 'top' && Dropzone_tokens.classes.verticalContentPlacing)
|
270
|
-
}, /*#__PURE__*/
|
274
|
+
}, /*#__PURE__*/React__default.default.createElement(Dropzone_styles.StyledIcon, {
|
271
275
|
ref: iconRef
|
272
|
-
}, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/
|
276
|
+
}, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/React__default.default.createElement(IconArrowBarDown.IconArrowBarDown, {
|
273
277
|
color: "inherit",
|
274
278
|
size: "s"
|
275
|
-
}))), /*#__PURE__*/
|
279
|
+
}))), /*#__PURE__*/React__default.default.createElement(Dropzone_styles.ContentWrapper, {
|
276
280
|
ref: contentWrapperRef
|
277
|
-
}, title && /*#__PURE__*/
|
281
|
+
}, title && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Dropzone_styles.Title, {
|
278
282
|
ref: titleRef
|
279
|
-
}, innerTitle), /*#__PURE__*/
|
283
|
+
}, innerTitle), /*#__PURE__*/React__default.default.createElement(Dropzone_styles.TitleHelper, {
|
280
284
|
ref: titleHelperRef
|
281
|
-
}, "C")), description && /*#__PURE__*/
|
285
|
+
}, "C")), description && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Dropzone_styles.Description, {
|
282
286
|
ref: descriptionRef
|
283
|
-
}, innerDescription), /*#__PURE__*/
|
287
|
+
}, innerDescription), /*#__PURE__*/React__default.default.createElement(Dropzone_styles.DescriptionHelper, {
|
284
288
|
ref: descriptionHelperRef
|
285
|
-
}, "C"))))), /*#__PURE__*/
|
289
|
+
}, "C"))))), /*#__PURE__*/React__default.default.createElement(Dropzone_styles.HiddenInput, _rollupPluginBabelHelpers.extends({
|
286
290
|
ref: forkInputRef,
|
287
291
|
type: "file",
|
288
292
|
accept: accept,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, CSSProperties, DragEvent, MouseEvent } from 'react';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport { IconArrowBarDown } from '../../components/_Icon';\nimport type { RootProps } from '../../engines';\n\nimport type { DropzoneProps, DropzoneRootProps, FileArgs, FileProcessHandler } from './Dropzone.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n base,\n Content,\n Description,\n DescriptionHelper,\n DropzoneHandlerOverlay,\n HiddenInput,\n StyledIcon,\n Title,\n TitleHelper,\n ContentWrapper,\n IconWrapper,\n} from './Dropzone.styles';\nimport { classes, privateTokens } from './Dropzone.tokens';\n\nexport const dropzoneRoot = (Root: RootProps<HTMLDivElement, DropzoneRootProps>) =>\n forwardRef<HTMLInputElement, DropzoneProps>(\n (\n {\n className,\n style,\n accept,\n multiple,\n title,\n description,\n icon,\n iconPlacement = 'left',\n size,\n view,\n disabled,\n stretch,\n width,\n height,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n validator,\n onClick,\n onChange,\n onChoseFiles,\n ...rest\n },\n outerRef,\n ) => {\n const [isDropzoneActive, setIsDropzoneActive] = useState(false);\n const [innerTitle, setInnerTitle] = useState(title);\n const [innerDescription, setInnerDescription] = useState(description);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const forkInputRef = useForkRef(outerRef, inputRef);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const iconWrapperRef = useRef<HTMLDivElement>(null);\n const iconRef = useRef<HTMLDivElement>(null);\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const titleRef = useRef<HTMLDivElement>(null);\n const titleHelperRef = useRef<HTMLDivElement>(null);\n const descriptionRef = useRef<HTMLDivElement>(null);\n const descriptionHelperRef = useRef<HTMLDivElement>(null);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const processFiles = async (\n rawFiles: FileList | null,\n callback?: FileProcessHandler,\n afterAction?: () => void,\n ) => {\n if (!rawFiles?.length) {\n return;\n }\n\n const files = [...rawFiles];\n let res: FileArgs = {\n acceptedFiles: files,\n };\n\n if (validator) {\n res = await validator?.(files);\n }\n\n if (callback) {\n await callback(res);\n }\n\n if (afterAction) {\n afterAction();\n }\n };\n\n const handleDragEnter = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (onDragEnter) {\n onDragEnter(event);\n }\n\n setIsDropzoneActive(true);\n };\n\n const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragLeave) {\n onDragLeave(event);\n }\n\n setIsDropzoneActive(false);\n };\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragOver) {\n onDragOver(event);\n }\n\n const { files: rawFiles } = event.dataTransfer;\n\n if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {\n setIsDropzoneActive(true);\n }\n };\n\n const handleDrop = async (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.persist();\n\n const { files: rawFiles } = event.dataTransfer;\n const afterAction = () => {\n event.dataTransfer.clearData();\n setIsDropzoneActive(false);\n };\n\n await processFiles(rawFiles, onDrop, afterAction);\n };\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n if (!inputRef.current || disabled) {\n return;\n }\n\n inputRef.current.click();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (onChange) {\n onChange(event);\n }\n\n const { files: rawFiles } = event.target;\n\n await processFiles(rawFiles, onChoseFiles);\n };\n\n const truncateContent = () => {\n if (\n !canUseDOM ||\n !descriptionRef?.current ||\n !contentWrapperRef?.current ||\n !titleRef?.current ||\n !titleHelperRef?.current ||\n !iconRef?.current ||\n !iconWrapperRef?.current ||\n !contentRef?.current ||\n !descriptionHelperRef?.current ||\n (!width && !height)\n ) {\n return;\n }\n\n const contentHeight = contentRef.current.offsetHeight;\n const iconHeight = iconRef.current.offsetHeight;\n const iconWidth = iconPlacement === 'top' ? 0 : iconRef.current.offsetWidth;\n const titleHeight = titleRef.current.offsetHeight;\n\n const iconContentGap =\n iconPlacement === 'top'\n ? Number(window.getComputedStyle(iconWrapperRef.current).rowGap.replace('px', ''))\n : 0;\n\n const availableWidth = contentRef.current.offsetWidth - iconWidth - iconContentGap;\n\n const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n const titleFontWidth = Math.floor(titleHelperRef.current.offsetWidth);\n const titleFontHeight = Math.floor(titleHelperRef.current.offsetHeight);\n\n const descriptionFontWidth = Math.floor(descriptionHelperRef.current.offsetWidth);\n const descriptionFontHeight = Math.floor(descriptionHelperRef.current.offsetHeight);\n\n const titleAvailableHeight =\n contentHeight - iconHeight - iconContentGap - descriptionFontHeight - contentGap;\n\n const titleMaxChars = Math.floor(\n (availableWidth / titleFontWidth) * (titleAvailableHeight / titleFontHeight),\n );\n\n let resTitleLength = 0;\n\n if (title) {\n const newTitle = title.length <= titleMaxChars ? title : `${title.slice(0, titleMaxChars - 3)}...`;\n resTitleLength = newTitle.length;\n setInnerTitle(newTitle);\n }\n\n const resultTitleHeight = Math.floor(\n (titleFontHeight * titleFontWidth * resTitleLength) / availableWidth,\n );\n\n const descriptionAvailableHeight =\n titleAvailableHeight >= titleHeight + 2 * descriptionFontHeight\n ? contentHeight - resultTitleHeight - iconContentGap - contentGap\n : descriptionFontHeight;\n\n const descriptionMaxChars = Math.floor(\n (availableWidth / descriptionFontWidth) * (descriptionAvailableHeight / descriptionFontHeight),\n );\n\n if (description) {\n const newDescription =\n description.length <= descriptionMaxChars\n ? description\n : `${description.slice(0, descriptionMaxChars - 3)}...`;\n setInnerDescription(newDescription);\n }\n };\n\n useResizeObserver(contentRef, truncateContent);\n\n useEffect(() => {\n truncateContent();\n }, [title, description, iconPlacement]);\n\n return (\n <Root\n className={cx(\n className,\n isDropzoneActive && classes.active,\n stretch && classes.stretch,\n disabled && classes.disabled,\n )}\n view={view}\n size={size}\n disabled={disabled}\n tabIndex={0}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n } as CSSProperties\n }\n >\n <DropzoneHandlerOverlay\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n onClick={handleClick}\n />\n <Content ref={contentRef}>\n <IconWrapper\n ref={iconWrapperRef}\n className={cx(iconPlacement === 'top' && classes.verticalContentPlacing)}\n >\n <StyledIcon ref={iconRef}>\n {icon || <IconArrowBarDown color=\"inherit\" size=\"s\" />}\n </StyledIcon>\n <ContentWrapper ref={contentWrapperRef}>\n {title && (\n <>\n <Title ref={titleRef}>{innerTitle}</Title>\n <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n </>\n )}\n {description && (\n <>\n <Description ref={descriptionRef}>{innerDescription}</Description>\n <DescriptionHelper ref={descriptionHelperRef}>C</DescriptionHelper>\n </>\n )}\n </ContentWrapper>\n </IconWrapper>\n </Content>\n <HiddenInput\n ref={forkInputRef}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n tabIndex={-1}\n onChange={handleChange}\n {...rest}\n />\n </Root>\n );\n },\n );\n\nexport const dropzoneConfig = {\n name: 'Dropzone',\n tag: 'div',\n layout: dropzoneRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropzoneRoot","Root","forwardRef","_ref","outerRef","className","style","accept","multiple","title","description","icon","_ref$iconPlacement","iconPlacement","size","view","disabled","stretch","width","height","onDragEnter","onDragLeave","onDragOver","onDrop","validator","onClick","onChange","onChoseFiles","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isDropzoneActive","setIsDropzoneActive","_useState3","_useState4","innerTitle","setInnerTitle","_useState5","_useState6","innerDescription","setInnerDescription","inputRef","useRef","forkInputRef","useForkRef","contentRef","iconWrapperRef","iconRef","contentWrapperRef","titleRef","titleHelperRef","descriptionRef","descriptionHelperRef","innerWidth","getSizeValueFromProp","innerHeight","processFiles","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","rawFiles","callback","afterAction","files","res","wrap","_callee$","_context","prev","next","length","abrupt","_toConsumableArray","acceptedFiles","sent","stop","_x","_x2","_x3","apply","arguments","handleDragEnter","event","preventDefault","stopPropagation","handleDragLeave","handleDragOver","dataTransfer","handleDrop","_ref3","_callee2","_callee2$","_context2","persist","clearData","_x4","handleClick","current","click","handleChange","_ref4","_callee3","_callee3$","_context3","target","_x5","truncateContent","canUseDOM","contentHeight","offsetHeight","iconHeight","iconWidth","offsetWidth","titleHeight","iconContentGap","Number","window","getComputedStyle","rowGap","replace","availableWidth","contentGap","titleFontWidth","Math","floor","titleFontHeight","descriptionFontWidth","descriptionFontHeight","titleAvailableHeight","titleMaxChars","resTitleLength","newTitle","concat","slice","resultTitleHeight","descriptionAvailableHeight","descriptionMaxChars","newDescription","useResizeObserver","useEffect","React","createElement","cx","classes","active","tabIndex","_objectSpread","_defineProperty","privateTokens","DropzoneHandlerOverlay","Content","ref","IconWrapper","verticalContentPlacing","StyledIcon","_IconArrowBarDown","IconArrowBarDown","color","ContentWrapper","Fragment","Title","TitleHelper","Description","DescriptionHelper","HiddenInput","_extends","type","dropzoneConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, CSSProperties, DragEvent, MouseEvent } from 'react';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport { IconArrowBarDown } from '../../components/_Icon';\nimport type { RootProps } from '../../engines';\n\nimport type { DropzoneProps, DropzoneRootProps, FileArgs, FileProcessHandler } from './Dropzone.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n base,\n Content,\n Description,\n DescriptionHelper,\n DropzoneHandlerOverlay,\n HiddenInput,\n StyledIcon,\n Title,\n TitleHelper,\n ContentWrapper,\n IconWrapper,\n} from './Dropzone.styles';\nimport { classes, privateTokens } from './Dropzone.tokens';\n\nexport const dropzoneRoot = (Root: RootProps<HTMLDivElement, DropzoneRootProps>) =>\n forwardRef<HTMLInputElement, DropzoneProps>(\n (\n {\n className,\n style,\n accept,\n multiple,\n title,\n description,\n icon,\n iconPlacement = 'left',\n size,\n view,\n disabled,\n stretch,\n width,\n height,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n validator,\n onClick,\n onChange,\n onChoseFiles,\n ...rest\n },\n outerRef,\n ) => {\n const [isDropzoneActive, setIsDropzoneActive] = useState(false);\n const [innerTitle, setInnerTitle] = useState(title);\n const [innerDescription, setInnerDescription] = useState(description);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const forkInputRef = useForkRef(outerRef, inputRef);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const iconWrapperRef = useRef<HTMLDivElement>(null);\n const iconRef = useRef<HTMLDivElement>(null);\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const titleRef = useRef<HTMLDivElement>(null);\n const titleHelperRef = useRef<HTMLDivElement>(null);\n const descriptionRef = useRef<HTMLDivElement>(null);\n const descriptionHelperRef = useRef<HTMLDivElement>(null);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const processFiles = async (\n rawFiles: FileList | null,\n callback?: FileProcessHandler,\n afterAction?: () => void,\n ) => {\n if (!rawFiles?.length) {\n return;\n }\n\n const files = [...rawFiles];\n let res: FileArgs = {\n acceptedFiles: files,\n };\n\n if (validator) {\n res = await validator?.(files);\n }\n\n if (callback) {\n await callback(res);\n }\n\n if (afterAction) {\n afterAction();\n }\n };\n\n const handleDragEnter = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (onDragEnter) {\n onDragEnter(event);\n }\n\n setIsDropzoneActive(true);\n };\n\n const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragLeave) {\n onDragLeave(event);\n }\n\n setIsDropzoneActive(false);\n };\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragOver) {\n onDragOver(event);\n }\n\n const { files: rawFiles } = event.dataTransfer;\n\n if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {\n setIsDropzoneActive(true);\n }\n };\n\n const handleDrop = async (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.persist();\n\n const { files: rawFiles } = event.dataTransfer;\n const afterAction = () => {\n event.dataTransfer.clearData();\n setIsDropzoneActive(false);\n };\n\n await processFiles(rawFiles, onDrop, afterAction);\n };\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n if (!inputRef.current || disabled) {\n return;\n }\n\n inputRef.current.click();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (onChange) {\n onChange(event);\n }\n\n const { files: rawFiles } = event.target;\n\n await processFiles(rawFiles, onChoseFiles);\n };\n\n const truncateContent = () => {\n if (\n !canUseDOM ||\n !descriptionRef?.current ||\n !contentWrapperRef?.current ||\n !titleRef?.current ||\n !titleHelperRef?.current ||\n !iconRef?.current ||\n !iconWrapperRef?.current ||\n !contentRef?.current ||\n !descriptionHelperRef?.current ||\n (!width && !height)\n ) {\n return;\n }\n\n const contentHeight = contentRef.current.offsetHeight;\n const iconHeight = iconRef.current.offsetHeight;\n const iconWidth = iconPlacement === 'top' ? 0 : iconRef.current.offsetWidth;\n const titleHeight = titleRef.current.offsetHeight;\n\n const iconContentGap =\n iconPlacement === 'top'\n ? Number(window.getComputedStyle(iconWrapperRef.current).rowGap.replace('px', ''))\n : 0;\n\n const availableWidth = contentRef.current.offsetWidth - iconWidth - iconContentGap;\n\n const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n const titleFontWidth = Math.floor(titleHelperRef.current.offsetWidth);\n const titleFontHeight = Math.floor(titleHelperRef.current.offsetHeight);\n\n const descriptionFontWidth = Math.floor(descriptionHelperRef.current.offsetWidth);\n const descriptionFontHeight = Math.floor(descriptionHelperRef.current.offsetHeight);\n\n const titleAvailableHeight =\n contentHeight - iconHeight - iconContentGap - descriptionFontHeight - contentGap;\n\n const titleMaxChars = Math.floor(\n (availableWidth / titleFontWidth) * (titleAvailableHeight / titleFontHeight),\n );\n\n let resTitleLength = 0;\n\n if (title) {\n const newTitle = title.length <= titleMaxChars ? title : `${title.slice(0, titleMaxChars - 3)}...`;\n resTitleLength = newTitle.length;\n setInnerTitle(newTitle);\n }\n\n const resultTitleHeight = Math.floor(\n (titleFontHeight * titleFontWidth * resTitleLength) / availableWidth,\n );\n\n const descriptionAvailableHeight =\n titleAvailableHeight >= titleHeight + 2 * descriptionFontHeight\n ? contentHeight - resultTitleHeight - iconContentGap - contentGap\n : descriptionFontHeight;\n\n const descriptionMaxChars = Math.floor(\n (availableWidth / descriptionFontWidth) * (descriptionAvailableHeight / descriptionFontHeight),\n );\n\n if (description) {\n const newDescription =\n description.length <= descriptionMaxChars\n ? description\n : `${description.slice(0, descriptionMaxChars - 3)}...`;\n setInnerDescription(newDescription);\n }\n };\n\n useResizeObserver(contentRef, truncateContent);\n\n useEffect(() => {\n truncateContent();\n }, [title, description, iconPlacement]);\n\n return (\n <Root\n className={cx(\n className,\n isDropzoneActive && classes.active,\n stretch && classes.stretch,\n disabled && classes.disabled,\n )}\n view={view}\n size={size}\n disabled={disabled}\n tabIndex={0}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n } as CSSProperties\n }\n >\n <DropzoneHandlerOverlay\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n onClick={handleClick}\n />\n <Content ref={contentRef}>\n <IconWrapper\n ref={iconWrapperRef}\n className={cx(iconPlacement === 'top' && classes.verticalContentPlacing)}\n >\n <StyledIcon ref={iconRef}>\n {icon || <IconArrowBarDown color=\"inherit\" size=\"s\" />}\n </StyledIcon>\n <ContentWrapper ref={contentWrapperRef}>\n {title && (\n <>\n <Title ref={titleRef}>{innerTitle}</Title>\n <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n </>\n )}\n {description && (\n <>\n <Description ref={descriptionRef}>{innerDescription}</Description>\n <DescriptionHelper ref={descriptionHelperRef}>C</DescriptionHelper>\n </>\n )}\n </ContentWrapper>\n </IconWrapper>\n </Content>\n <HiddenInput\n ref={forkInputRef}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n tabIndex={-1}\n onChange={handleChange}\n {...rest}\n />\n </Root>\n );\n },\n );\n\nexport const dropzoneConfig = {\n name: 'Dropzone',\n tag: 'div',\n layout: dropzoneRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropzoneRoot","Root","forwardRef","_ref","outerRef","className","style","accept","multiple","title","description","icon","_ref$iconPlacement","iconPlacement","size","view","disabled","stretch","width","height","onDragEnter","onDragLeave","onDragOver","onDrop","validator","onClick","onChange","onChoseFiles","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isDropzoneActive","setIsDropzoneActive","_useState3","_useState4","innerTitle","setInnerTitle","_useState5","_useState6","innerDescription","setInnerDescription","inputRef","useRef","forkInputRef","useForkRef","contentRef","iconWrapperRef","iconRef","contentWrapperRef","titleRef","titleHelperRef","descriptionRef","descriptionHelperRef","innerWidth","getSizeValueFromProp","innerHeight","processFiles","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","rawFiles","callback","afterAction","files","res","wrap","_callee$","_context","prev","next","length","abrupt","_toConsumableArray","acceptedFiles","sent","stop","_x","_x2","_x3","apply","arguments","handleDragEnter","event","preventDefault","stopPropagation","handleDragLeave","handleDragOver","dataTransfer","handleDrop","_ref3","_callee2","_callee2$","_context2","persist","clearData","_x4","handleClick","current","click","handleChange","_ref4","_callee3","_callee3$","_context3","target","_x5","truncateContent","canUseDOM","contentHeight","offsetHeight","iconHeight","iconWidth","offsetWidth","titleHeight","iconContentGap","Number","window","getComputedStyle","rowGap","replace","availableWidth","contentGap","titleFontWidth","Math","floor","titleFontHeight","descriptionFontWidth","descriptionFontHeight","titleAvailableHeight","titleMaxChars","resTitleLength","newTitle","concat","slice","resultTitleHeight","descriptionAvailableHeight","descriptionMaxChars","newDescription","useResizeObserver","useEffect","React","createElement","cx","classes","active","tabIndex","_objectSpread","_defineProperty","privateTokens","DropzoneHandlerOverlay","Content","ref","IconWrapper","verticalContentPlacing","StyledIcon","_IconArrowBarDown","IconArrowBarDown","color","ContentWrapper","Fragment","Title","TitleHelper","Description","DescriptionHelper","HiddenInput","_extends","type","dropzoneConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
@@ -13,6 +13,10 @@ var clearSelection = require('./utils/clearSelection.js');
|
|
13
13
|
var selectText = require('./utils/selectText.js');
|
14
14
|
var constants = require('../../utils/constants.js');
|
15
15
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
17
|
+
|
18
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
19
|
+
|
16
20
|
var _excluded = ["textComponent", "value", "icon", "maxLength", "spellCheck", "placeholder", "name", "onChange", "onBlur", "onPaste"];
|
17
21
|
var editableRoot = function editableRoot(typographyVariants) {
|
18
22
|
return function (Root) {
|
@@ -103,7 +107,7 @@ var editableRoot = function editableRoot(typographyVariants) {
|
|
103
107
|
}
|
104
108
|
inputRef.current.textContent = value;
|
105
109
|
}, [value, textComponent]);
|
106
|
-
return /*#__PURE__*/
|
110
|
+
return /*#__PURE__*/React__default.default.createElement(Root, props, /*#__PURE__*/React__default.default.createElement(Component, {
|
107
111
|
ref: innerRef,
|
108
112
|
className: Editable_tokens.classes.editableTextBox,
|
109
113
|
role: "textbox",
|
@@ -115,13 +119,13 @@ var editableRoot = function editableRoot(typographyVariants) {
|
|
115
119
|
onFocus: handleFocus,
|
116
120
|
onKeyDown: handleKeyDown,
|
117
121
|
"aria-label": placeholder
|
118
|
-
}), ((_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current.length) === 0 && !isEditing && /*#__PURE__*/
|
122
|
+
}), ((_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current.length) === 0 && !isEditing && /*#__PURE__*/React__default.default.createElement(Component, null, /*#__PURE__*/React__default.default.createElement(Editable_styles.StyledPlacehpolder, {
|
119
123
|
onClick: handleEditClick
|
120
|
-
}, placeholder)), /*#__PURE__*/
|
124
|
+
}, placeholder)), /*#__PURE__*/React__default.default.createElement(Editable_styles.StyledInput, {
|
121
125
|
type: "hidden",
|
122
126
|
value: prevValueRef.current,
|
123
127
|
name: name
|
124
|
-
}), /*#__PURE__*/
|
128
|
+
}), /*#__PURE__*/React__default.default.createElement(Editable_styles.EditButton, {
|
125
129
|
onClick: handleEditClick,
|
126
130
|
isHidden: isEditing
|
127
131
|
}, icon));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\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":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n ChangeEvent,\n ClipboardEvent,\n FocusEvent,\n ClipboardEventHandler,\n FocusEventHandler,\n FormEventHandler,\n KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n (\n {\n textComponent,\n value,\n icon,\n maxLength,\n spellCheck = 'false',\n placeholder,\n name,\n onChange,\n onBlur,\n onPaste,\n ...props\n },\n outerRef,\n ) => {\n const Component = textComponent;\n\n const [isEditing, setIsEditing] = useState(false);\n\n const inputRef = useRef<HTMLDivElement>(null);\n const innerRef = useForkRef(inputRef, outerRef);\n\n const prevValueRef = useRef(value || '');\n\n const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n e.preventDefault();\n\n const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n if (document.queryCommandSupported('insertText')) {\n document.execCommand('insertText', false, text);\n } else {\n try {\n navigator.clipboard.writeText(text);\n } catch {\n inputRef.current.textContent = text;\n }\n }\n\n if (onPaste) {\n onPaste(e as ClipboardEvent<HTMLInputElement>);\n }\n };\n\n const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n setIsEditing(false);\n\n clearSelection();\n\n // NOTE: Remove <br> tag inserted by Safari\n const editableElement = inputRef.current;\n if (editableElement && editableElement.innerHTML === '<br>') {\n editableElement.innerHTML = '';\n }\n\n if (onBlur) {\n onBlur(e as FocusEvent<HTMLInputElement>);\n }\n };\n\n const handleFocus: FocusEventHandler = () => {\n setIsEditing(true);\n\n inputRef.current && selectText(inputRef.current);\n };\n\n const handleEditClick = () => {\n inputRef.current?.focus();\n };\n\n const handleKeyDown: KeyboardEventHandler = (e) => {\n if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n inputRef.current?.blur();\n }\n };\n\n const handleChange: FormEventHandler = (e) => {\n if (!inputRef.current) {\n return;\n }\n\n const contentLength = inputRef.current.textContent?.length || 0;\n\n if (!maxLength || contentLength <= maxLength) {\n prevValueRef.current = inputRef.current.textContent || '';\n\n onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n } else {\n inputRef.current.textContent = prevValueRef.current;\n }\n };\n\n useEffect(() => {\n if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n return;\n }\n\n inputRef.current.textContent = value;\n }, [value, textComponent]);\n\n return (\n <Root {...props}>\n <Component\n ref={innerRef}\n className={classes.editableTextBox}\n role=\"textbox\"\n spellCheck={spellCheck}\n contentEditable\n onPaste={handlePaste}\n onInput={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n aria-label={placeholder}\n />\n {prevValueRef.current?.length === 0 && !isEditing && (\n <Component>\n <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n </Component>\n )}\n <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n <EditButton onClick={handleEditClick} isHidden={isEditing}>\n {icon}\n </EditButton>\n </Root>\n );\n },\n );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n name: 'Editable',\n tag: 'span',\n layout: editableRoot(typographyVariants),\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":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
|
@@ -6,6 +6,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
6
6
|
var React = require('react');
|
7
7
|
var EmptyState_styles = require('./EmptyState.styles.js');
|
8
8
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
10
|
+
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
12
|
+
|
9
13
|
/**
|
10
14
|
* Компонент для альтернативного показа содержимого выпадающего списка.
|
11
15
|
*/
|
@@ -15,9 +19,9 @@ var emptyStateRoot = function emptyStateRoot(Root) {
|
|
15
19
|
description = props.description,
|
16
20
|
buttonText = props.buttonText,
|
17
21
|
buttonAction = props.buttonAction;
|
18
|
-
return /*#__PURE__*/
|
22
|
+
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({}, props, {
|
19
23
|
ref: ref
|
20
|
-
}), icon && /*#__PURE__*/
|
24
|
+
}), icon && /*#__PURE__*/React__default.default.createElement(EmptyState_styles.IconWrapper, null, icon), /*#__PURE__*/React__default.default.createElement(EmptyState_styles.Description, null, description), buttonText && /*#__PURE__*/React__default.default.createElement(EmptyState_styles.StyledButton, {
|
21
25
|
stretching: "filled",
|
22
26
|
onClick: buttonAction
|
23
27
|
}, buttonText));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { base, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base,\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":"
|
1
|
+
{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { base, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base,\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;;;;;;;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,sBAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,iCAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;KACjBC,CAAAA,EAAAA,IAAI,iBAAII,sBAAA,CAAAC,aAAA,CAACE,6BAAW,EAAEP,IAAAA,EAAAA,IAAkB,CAAC,eAE1CI,sBAAA,CAAAC,aAAA,CAACG,6BAAW,EAAEP,IAAAA,EAAAA,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,sBAAA,CAAAC,aAAA,CAACI,8BAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAER,YAAAA;KACtCD,EAAAA,UACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,cAAc;AACtBqB,EAAAA,IAAI,EAAJA,sBAAI;AACJC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;;"}
|
@@ -8,6 +8,12 @@ var cls = require('classnames');
|
|
8
8
|
var chunk = require('lodash.chunk');
|
9
9
|
var Flow_styles = require('./Flow.styles.js');
|
10
10
|
|
11
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
12
|
+
|
13
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
14
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
15
|
+
var chunk__default = /*#__PURE__*/_interopDefault(chunk);
|
16
|
+
|
11
17
|
var _excluded = ["children", "className", "style", "orientation", "arrangement", "alignment", "mainAxisGap", "crossAxisGap", "minColWidth", "itemsPerLine"];
|
12
18
|
var flowRoot = function flowRoot(Root) {
|
13
19
|
return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
@@ -35,13 +41,13 @@ var flowRoot = function flowRoot(Root) {
|
|
35
41
|
innerMainAxisGap = '0';
|
36
42
|
}
|
37
43
|
var hasChunks = Number(itemsPerLine) > 0;
|
38
|
-
var chunks = hasChunks ?
|
44
|
+
var chunks = hasChunks ? chunk__default.default(React__default.default.Children.toArray(children), itemsPerLine) : [];
|
39
45
|
var gap = isVertical ? "".concat(innerMainAxisGap, " ").concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " ").concat(innerMainAxisGap);
|
40
46
|
var wrapperGap = isVertical ? "0 ".concat(innerCrossAxisGap) : "".concat(innerCrossAxisGap, " 0");
|
41
47
|
var lineGap = isVertical ? "".concat(innerMainAxisGap, " 0") : "0 ".concat(innerMainAxisGap);
|
42
|
-
return /*#__PURE__*/
|
48
|
+
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
43
49
|
ref: ref,
|
44
|
-
className:
|
50
|
+
className: cls__default.default(className, {
|
45
51
|
vertical: isVertical,
|
46
52
|
grid: hasMinWidth,
|
47
53
|
elastic: hasMinWidth,
|
@@ -55,8 +61,8 @@ var flowRoot = function flowRoot(Root) {
|
|
55
61
|
"data-arrangement": arrangement,
|
56
62
|
"data-alignment": alignment
|
57
63
|
}, rest), hasChunks && chunks.map(function (chunkNode) {
|
58
|
-
return /*#__PURE__*/
|
59
|
-
className:
|
64
|
+
return /*#__PURE__*/React__default.default.createElement(Flow_styles.Line, {
|
65
|
+
className: cls__default.default({
|
60
66
|
vertical: isVertical,
|
61
67
|
grid: needGrid,
|
62
68
|
elastic: hasMinWidth
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /**\n * Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' || !Number.isNaN(+mainAxisGap) ? `${mainAxisGap || 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' || !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap || 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' || arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":"
|
1
|
+
{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\nimport chunk from 'lodash.chunk';\n\nimport { RootProps } from '../../engines';\n\nimport { base, Line } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\ntype TempFlowTypes = FlowProps & {\n /**\n * Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов\n * через `repeat(auto-fill, minmax(${minColWidth}, auto))`\n */\n minColWidth?: string;\n};\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, TempFlowTypes>) =>\n forwardRef<HTMLDivElement, TempFlowTypes>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const isVertical = orientation === 'vertical';\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);\n\n let innerMainAxisGap =\n typeof mainAxisGap === 'number' || !Number.isNaN(+mainAxisGap) ? `${mainAxisGap || 0}px` : mainAxisGap;\n const innerCrossAxisGap =\n typeof crossAxisGap === 'number' || !Number.isNaN(+crossAxisGap)\n ? `${crossAxisGap || 0}px`\n : crossAxisGap;\n\n if (arrangement === 'spaceBetween' || arrangement === 'spaceAround') {\n innerMainAxisGap = '0';\n }\n\n const hasChunks = Number(itemsPerLine) > 0;\n const chunks: React.ReactNode[] = hasChunks ? chunk(React.Children.toArray(children), itemsPerLine) : [];\n\n const gap = isVertical\n ? `${innerMainAxisGap} ${innerCrossAxisGap}`\n : `${innerCrossAxisGap} ${innerMainAxisGap}`;\n\n const wrapperGap = isVertical ? `0 ${innerCrossAxisGap}` : `${innerCrossAxisGap} 0`;\n const lineGap = isVertical ? `${innerMainAxisGap} 0` : `0 ${innerMainAxisGap}`;\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: isVertical,\n grid: hasMinWidth,\n elastic: hasMinWidth,\n hasChunks,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': hasChunks ? wrapperGap : gap,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {hasChunks &&\n chunks.map((chunkNode) => (\n <Line\n className={cls({\n vertical: isVertical,\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n '--plasma-private-gap': lineGap,\n } as CSSProperties & {\n '--plasma-private-gap': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n >\n {chunkNode}\n </Line>\n ))}\n {!hasChunks && children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","isVertical","hasMinWidth","Boolean","needGrid","Number","innerMainAxisGap","isNaN","concat","innerCrossAxisGap","hasChunks","chunks","chunk","React","Children","toArray","gap","wrapperGap","lineGap","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","String","map","chunkNode","Line","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":"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"}
|
@@ -9,6 +9,10 @@ var Grid_styles = require('./Grid.styles.js');
|
|
9
9
|
var base = require('./variations/_view/base.js');
|
10
10
|
var index$1 = require('./utils/index.js');
|
11
11
|
|
12
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
13
|
+
|
14
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
15
|
+
|
12
16
|
var _excluded = ["children", "view", "className", "style", "maxWidth"];
|
13
17
|
var gridRoot = function gridRoot(Root) {
|
14
18
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
@@ -23,7 +27,7 @@ var gridRoot = function gridRoot(Root) {
|
|
23
27
|
var maxWidthToken = maxWidthValue || maxWidth ? {
|
24
28
|
'--plasma_private-grid-max-width': maxWidth || maxWidthValue
|
25
29
|
} : {};
|
26
|
-
return /*#__PURE__*/
|
30
|
+
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
27
31
|
ref: ref,
|
28
32
|
view: view,
|
29
33
|
className: index.cx(viewClass, className),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view || 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue || maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth || maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { GridProps } from './Grid.types';\nimport { base } from './Grid.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getGridViewClass } from './utils';\n\nexport const gridRoot = (Root: RootProps<HTMLDivElement, GridProps>) =>\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n const { children, view, className, style, maxWidth, ...rest } = props;\n\n const viewClass = getGridViewClass(view || 'default');\n const maxWidthValue = view === 'legacy' ? '90rem' : null;\n const maxWidthToken =\n maxWidthValue || maxWidth\n ? {\n '--plasma_private-grid-max-width': maxWidth || maxWidthValue,\n }\n : {};\n\n return (\n <Root\n ref={ref}\n view={view}\n className={cx(viewClass, className)}\n style={{\n ...maxWidthToken,\n ...style,\n }}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const gridConfig = {\n name: 'Grid',\n tag: 'div',\n layout: gridRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["gridRoot","Root","forwardRef","props","ref","children","view","className","style","maxWidth","rest","_objectWithoutProperties","_excluded","viewClass","getGridViewClass","maxWidthValue","maxWidthToken","React","createElement","_extends","cx","_objectSpread","gridConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAUaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,IAAA,IAAQC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;MAAEC,IAAI,GAA0CH,KAAK,CAAnDG,IAAI;MAAEC,SAAS,GAA+BJ,KAAK,CAA7CI,SAAS;MAAEC,KAAK,GAAwBL,KAAK,CAAlCK,KAAK;MAAEC,QAAQ,GAAcN,KAAK,CAA3BM,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErE,IAAA,IAAMC,SAAS,GAAGC,wBAAgB,CAACR,IAAI,IAAI,SAAS,CAAC,CAAA;IACrD,IAAMS,aAAa,GAAGT,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AACxD,IAAA,IAAMU,aAAa,GACfD,aAAa,IAAIN,QAAQ,GACnB;MACI,iCAAiC,EAAEA,QAAQ,IAAIM,aAAAA;KAClD,GACD,EAAE,CAAA;AAEZ,IAAA,oBACIE,sBAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,iCAAA,CAAA;AACDf,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,SAAS,EAAEa,QAAE,CAACP,SAAS,EAAEN,SAAS,CAAE;AACpCC,MAAAA,KAAK,EAAAa,uCAAA,CAAAA,uCAAA,CACEL,EAAAA,EAAAA,aAAa,GACbR,KAAK,CAAA;KAERE,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,QAAQ;AAChB0B,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACRrB,IAAAA,IAAI,EAAE;AACFsB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxB,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -9,6 +9,10 @@ var index = require('../../utils/index.js');
|
|
9
9
|
var Grid_tokens = require('../../Grid.tokens.js');
|
10
10
|
var Col_styles = require('./Col.styles.js');
|
11
11
|
|
12
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
13
|
+
|
14
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
15
|
+
|
12
16
|
var _excluded = ["className", "style", "size", "offset"];
|
13
17
|
|
14
18
|
/**
|
@@ -26,7 +30,7 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
26
30
|
'--plasma_private-grid-col-default-size': size,
|
27
31
|
'--plasma_private-grid-col-default-offset': offset
|
28
32
|
};
|
29
|
-
return /*#__PURE__*/
|
33
|
+
return /*#__PURE__*/React__default.default.createElement(Col_styles.StyledCol, _rollupPluginBabelHelpers.extends({
|
30
34
|
ref: ref,
|
31
35
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultTokens), index.getColTokens(rest)), style),
|
32
36
|
className: index$1.cx(Grid_tokens.classes.col, className)
|