@salutejs/plasma-new-hope 0.343.0-canary.2367.19851506127.0 → 0.343.0-canary.2367.19924445223.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/Autocomplete/Autocomplete.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/cjs/components/DateTimePicker/DateTimePicker.css +26 -28
- package/cjs/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/cjs/components/Pagination/Pagination.css +35 -37
- package/cjs/components/Pagination/Pagination.styles.js +7 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_qhyqps.css → Pagination.styles_wrarr1.css} +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/cjs/components/Range/Range.css +26 -28
- package/cjs/components/Select/Select.css +26 -28
- package/cjs/components/Select/ui/Target/Target.css +26 -28
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/cjs/components/Slider/Slider.css +26 -28
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/cjs/components/Table/Table.css +26 -28
- package/cjs/components/Table/ui/Cell/Cell.css +26 -28
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/cjs/components/TextField/TextField.js +16 -23
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +8 -18
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -21
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/{base_1s0mlhj.css → base_o4xjq1.css} +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_2lss3j.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +30 -32
- package/cjs/components/TimePicker/TimePicker.js +3 -2
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_1qm4hou.css} +2 -2
- package/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/index.css +39 -41
- package/cjs/utils/createConditionalComponent.js +8 -4
- package/cjs/utils/createConditionalComponent.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/cjs/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/cjs/components/TextField/TextField.js +17 -24
- package/emotion/cjs/components/TextField/TextField.styles.js +46 -49
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/TimePicker/TimePicker.js +4 -2
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +9 -12
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/TextField/TextField.clear.config.js +59 -0
- package/emotion/cjs/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/cjs/examples/components/TextField/TextField.js +29 -5
- package/emotion/cjs/examples/components/Tokens/Colors/Colors.styles.js +152 -55
- package/emotion/cjs/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
- package/emotion/cjs/examples/components/Tokens/Typography/Typography.styles.js +200 -75
- package/emotion/cjs/utils/createConditionalComponent.js +76 -8
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/es/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/es/components/TextField/TextField.js +5 -12
- package/emotion/es/components/TextField/TextField.styles.js +46 -49
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/TimePicker/TimePicker.js +4 -2
- package/emotion/es/components/TimePicker/TimePicker.styles.js +9 -12
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/TextField/TextField.clear.config.js +49 -0
- package/emotion/es/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/es/examples/components/TextField/TextField.js +15 -2
- package/emotion/es/examples/components/Tokens/Colors/Colors.styles.js +152 -55
- package/emotion/es/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
- package/emotion/es/examples/components/Tokens/Typography/Typography.styles.js +200 -75
- package/emotion/es/utils/createConditionalComponent.js +37 -5
- package/es/components/Autocomplete/Autocomplete.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/es/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/es/components/DateTimePicker/DateTimePicker.css +26 -28
- package/es/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/es/components/Pagination/Pagination.css +35 -37
- package/es/components/Pagination/Pagination.styles.js +7 -7
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_qhyqps.css → Pagination.styles_wrarr1.css} +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/es/components/Range/Range.css +26 -28
- package/es/components/Select/Select.css +26 -28
- package/es/components/Select/ui/Target/Target.css +26 -28
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/es/components/Slider/Slider.css +26 -28
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/es/components/Table/Table.css +26 -28
- package/es/components/Table/ui/Cell/Cell.css +26 -28
- package/es/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/es/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/es/components/TextField/TextField.js +16 -23
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -18
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +21 -21
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/{base_1s0mlhj.css → base_o4xjq1.css} +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_2lss3j.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +30 -32
- package/es/components/TimePicker/TimePicker.js +3 -2
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +1 -1
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_1qm4hou.css} +2 -2
- package/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/index.css +39 -41
- package/es/utils/createConditionalComponent.js +10 -6
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/package.json +6 -16
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +13 -14
- package/styled-components/cjs/components/TextField/TextField.js +16 -23
- package/styled-components/cjs/components/TextField/TextField.styles.js +31 -32
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +6 -4
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/cjs/components/TextField/variations/_view/base.js +13 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +4 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +10 -12
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js +670 -0
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/cjs/examples/components/TextField/TextField.js +29 -5
- package/styled-components/cjs/utils/createConditionalComponent.js +76 -8
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/es/components/Pagination/Pagination.styles.js +13 -14
- package/styled-components/es/components/TextField/TextField.js +4 -11
- package/styled-components/es/components/TextField/TextField.styles.js +31 -32
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +7 -5
- package/styled-components/es/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/es/components/TextField/variations/_view/base.js +14 -3
- package/styled-components/es/components/TimePicker/TimePicker.js +4 -2
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +10 -12
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/examples/components/TextField/TextField.clear.config.js +660 -0
- package/styled-components/es/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/es/examples/components/TextField/TextField.js +15 -2
- package/styled-components/es/utils/createConditionalComponent.js +37 -5
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +2 -2
- package/types/components/Attach/ui/Button/Button.styles.d.ts +1 -1
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts +1 -1
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +1 -1
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +2 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +9 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Avatar/Avatar.styles.d.ts +2 -2
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
- package/types/components/Button/Button.styles.d.ts +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +4 -4
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +9 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -1
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +14 -6
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +9 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts +1 -1
- package/types/components/Drawer/ui/DrawerHeader/DrawerHeader.d.ts +2 -2
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -2
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +1 -1
- package/types/components/InformationWrapper/InformationWrapper.styles.d.ts +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +1 -1
- package/types/components/List/ui/ListItem.styles.d.ts +1 -1
- package/types/components/Loader/Loader.styles.d.ts +2 -2
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts +2 -2
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts +1 -1
- package/types/components/Note/Note.styles.d.ts +1 -1
- package/types/components/Notification/Notification.styles.d.ts +3 -3
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +1 -1
- package/types/components/NumberInput/ui/Input/Input.styles.d.ts +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +7 -7
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +1 -1
- package/types/components/PaginationDots/PaginationDots.d.ts +1 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -1
- package/types/components/Popup/Popup.styles.d.ts +1 -1
- package/types/components/Range/Range.styles.d.ts +9 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +4 -4
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +9 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +4 -4
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
- package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts +2 -2
- package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +9 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +1 -1
- package/types/components/Table/Table.styles.d.ts +5 -5
- package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts +2 -2
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +4 -4
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +2 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +2 -2
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +2 -5
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +15 -7
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/ToastNew/ToastNew.styles.d.ts +1 -1
- package/types/components/Tree/Tree.styles.d.ts +2 -2
- package/types/components/_Resizable/Resizable.styles.d.ts +1 -1
- package/types/examples/_helpers.d.ts +1 -1
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Avatar/Avatar.d.ts +1 -1
- package/types/examples/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/types/examples/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/components/Carousel/Carousel.d.ts +3 -3
- package/types/examples/components/Carousel/Carousel.d.ts.map +1 -1
- package/types/examples/components/Checkbox/Checkbox.d.ts +2 -2
- package/types/examples/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +4 -4
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +36 -12
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +1 -1
- package/types/examples/components/Divider/Divider.d.ts +1 -1
- package/types/examples/components/Divider/Divider.d.ts.map +1 -1
- package/types/examples/components/Drawer/Drawer.d.ts +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +5 -5
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/components/EmptyState/EmptyState.d.ts +1 -1
- package/types/examples/components/Flow/Flow.d.ts +1 -1
- package/types/examples/components/Grid/Grid.d.ts +1 -1
- package/types/examples/components/Grid/Grid.d.ts.map +1 -1
- package/types/examples/components/Image/Image.d.ts +1 -1
- package/types/examples/components/Indicator/Indicator.d.ts +1 -1
- package/types/examples/components/Mask/Mask.d.ts +17 -33
- package/types/examples/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/components/Modal/Modal.d.ts +2 -2
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +25 -41
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/examples/components/Panel/Panel.d.ts +1 -1
- package/types/examples/components/Popup/Popup.d.ts +1 -1
- package/types/examples/components/Popup/Popup.d.ts.map +1 -1
- package/types/examples/components/Progress/Progress.d.ts +1 -1
- package/types/examples/components/Progress/Progress.d.ts.map +1 -1
- package/types/examples/components/Radiobox/Radiobox.d.ts +49 -8
- package/types/examples/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +3 -3
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/types/examples/components/Segment/Segment.d.ts +1 -1
- package/types/examples/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +2 -2
- package/types/examples/components/Sheet/Sheet.d.ts +1 -1
- package/types/examples/components/Sheet/Sheet.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.d.ts +2 -2
- package/types/examples/components/Steps/Steps.d.ts +1 -1
- package/types/examples/components/Switch/Switch.d.ts +2 -2
- package/types/examples/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/components/Tabs/Tabs.d.ts +2 -2
- package/types/examples/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/components/Tabs/TabsController.d.ts +1 -1
- package/types/examples/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.clear.config.d.ts +48 -0
- package/types/examples/components/TextField/TextField.clear.config.d.ts.map +1 -0
- package/types/examples/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts +970 -4
- package/types/examples/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +16 -16
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +6 -8
- package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +20 -20
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts.map +1 -1
- package/types/utils/createConditionalComponent.d.ts +1 -1
- package/types/utils/createConditionalComponent.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +0 -9
- package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -14
- package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
- package/es/components/TextField/variations/_clear/base.js +0 -5
- package/es/components/TextField/variations/_clear/base.js.map +0 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/es/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -52
- package/styled-components/es/components/TextField/variations/_clear/base.js +0 -42
- package/types/components/TextField/variations/_clear/base.d.ts +0 -2
- package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
|
@@ -21,9 +21,6 @@ var config = {
|
|
|
21
21
|
default: (0, _styledcomponents.css)([
|
|
22
22
|
"",
|
|
23
23
|
":var(--text-primary);",
|
|
24
|
-
":var(--text-primary);",
|
|
25
|
-
":var(--text-secondary);",
|
|
26
|
-
":var(--text-tertiary);",
|
|
27
24
|
":var(--text-secondary);",
|
|
28
25
|
":var(--text-tertiary);",
|
|
29
26
|
":var(--surface-transparent-primary);",
|
|
@@ -45,15 +42,12 @@ var config = {
|
|
|
45
42
|
":var(--text-accent);",
|
|
46
43
|
":var(--surface-negative);",
|
|
47
44
|
":var(--text-tertiary);"
|
|
48
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
45
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
49
46
|
positive: (0, _styledcomponents.css)([
|
|
50
47
|
"",
|
|
51
48
|
":var(--text-primary);",
|
|
52
|
-
":var(--text-positive);",
|
|
53
49
|
":var(--text-secondary);",
|
|
54
50
|
":var(--text-tertiary);",
|
|
55
|
-
":var(--text-positive);",
|
|
56
|
-
":var(--text-positive);",
|
|
57
51
|
":var(--surface-transparent-positive);",
|
|
58
52
|
":var(--surface-transparent-positive-hover);",
|
|
59
53
|
":var(--surface-transparent-positive-active);",
|
|
@@ -73,15 +67,12 @@ var config = {
|
|
|
73
67
|
":var(--text-accent);",
|
|
74
68
|
":var(--surface-negative);",
|
|
75
69
|
":var(--text-tertiary);"
|
|
76
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
70
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
77
71
|
warning: (0, _styledcomponents.css)([
|
|
78
72
|
"",
|
|
79
73
|
":var(--text-primary);",
|
|
80
|
-
":var(--text-warning);",
|
|
81
74
|
":var(--text-secondary);",
|
|
82
75
|
":var(--text-tertiary);",
|
|
83
|
-
":var(--text-warning);",
|
|
84
|
-
":var(--text-warning);",
|
|
85
76
|
":var(--surface-transparent-warning);",
|
|
86
77
|
":var(--surface-transparent-warning-hover);",
|
|
87
78
|
":var(--surface-transparent-warning-active);",
|
|
@@ -101,15 +92,12 @@ var config = {
|
|
|
101
92
|
":var(--text-accent);",
|
|
102
93
|
":var(--surface-negative);",
|
|
103
94
|
":var(--text-tertiary);"
|
|
104
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
95
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
105
96
|
negative: (0, _styledcomponents.css)([
|
|
106
97
|
"",
|
|
107
98
|
":var(--text-primary);",
|
|
108
|
-
":var(--text-negative);",
|
|
109
99
|
":var(--text-secondary);",
|
|
110
100
|
":var(--text-tertiary);",
|
|
111
|
-
":var(--text-negative);",
|
|
112
|
-
":var(--text-negative);",
|
|
113
101
|
":var(--surface-transparent-negative);",
|
|
114
102
|
":var(--surface-transparent-negative-hover);",
|
|
115
103
|
":var(--surface-transparent-negative-active);",
|
|
@@ -129,7 +117,7 @@ var config = {
|
|
|
129
117
|
":var(--text-accent);",
|
|
130
118
|
":var(--surface-negative);",
|
|
131
119
|
":var(--text-tertiary);"
|
|
132
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
120
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
|
|
133
121
|
},
|
|
134
122
|
size: {
|
|
135
123
|
xl: (0, _styledcomponents.css)([
|
|
@@ -147,7 +135,6 @@ var config = {
|
|
|
147
135
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
148
136
|
":var(--plasma-typo-body-l-line-height);",
|
|
149
137
|
":0.75rem;",
|
|
150
|
-
":0.25rem;",
|
|
151
138
|
":var(--plasma-typo-body-l-font-family);",
|
|
152
139
|
":var(--plasma-typo-body-l-font-size);",
|
|
153
140
|
":var(--plasma-typo-body-l-font-style);",
|
|
@@ -157,7 +144,6 @@ var config = {
|
|
|
157
144
|
":-0.688rem -0.5rem;",
|
|
158
145
|
":2.375rem;",
|
|
159
146
|
":0.82rem -2.938rem auto auto;",
|
|
160
|
-
":0.82rem -2.063rem auto auto;",
|
|
161
147
|
":0.25rem;",
|
|
162
148
|
":var(--plasma-typo-body-xs-font-family);",
|
|
163
149
|
":var(--plasma-typo-body-xs-font-size);",
|
|
@@ -202,11 +188,8 @@ var config = {
|
|
|
202
188
|
":0 0 0 0;",
|
|
203
189
|
":0.5rem auto auto -0.75rem;",
|
|
204
190
|
":0 0 auto auto;",
|
|
205
|
-
":0.25rem -0.625rem auto auto;"
|
|
206
|
-
|
|
207
|
-
":1.75rem -0.875rem auto auto;",
|
|
208
|
-
":1.75rem -2.488rem auto auto;"
|
|
209
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.clearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipMarginRight, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
|
|
191
|
+
":0.25rem -0.625rem auto auto;"
|
|
192
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipMarginRight, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight),
|
|
210
193
|
l: (0, _styledcomponents.css)([
|
|
211
194
|
"",
|
|
212
195
|
":3.5rem;",
|
|
@@ -226,7 +209,6 @@ var config = {
|
|
|
226
209
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
227
210
|
":var(--plasma-typo-body-l-line-height);",
|
|
228
211
|
":0.75rem;",
|
|
229
|
-
":0.25rem;",
|
|
230
212
|
":var(--plasma-typo-body-l-font-family);",
|
|
231
213
|
":var(--plasma-typo-body-l-font-size);",
|
|
232
214
|
":var(--plasma-typo-body-l-font-style);",
|
|
@@ -273,12 +255,9 @@ var config = {
|
|
|
273
255
|
":0.5rem auto auto -0.75rem;",
|
|
274
256
|
":0 0 auto auto;",
|
|
275
257
|
":0.25rem -0.625rem auto auto;",
|
|
276
|
-
":1.5rem auto auto -0.875rem;",
|
|
277
|
-
":1.5rem -0.875rem auto auto;",
|
|
278
|
-
":1.5rem -2.488rem auto auto;",
|
|
279
258
|
":0 0.25rem 0 0;",
|
|
280
259
|
":0 0 0 0.25rem;"
|
|
281
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
260
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
282
261
|
m: (0, _styledcomponents.css)([
|
|
283
262
|
"",
|
|
284
263
|
":3rem;",
|
|
@@ -298,7 +277,6 @@ var config = {
|
|
|
298
277
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
299
278
|
":var(--plasma-typo-body-m-line-height);",
|
|
300
279
|
":0.625rem;",
|
|
301
|
-
":0.25rem;",
|
|
302
280
|
":var(--plasma-typo-body-m-font-family);",
|
|
303
281
|
":var(--plasma-typo-body-m-font-size);",
|
|
304
282
|
":var(--plasma-typo-body-m-font-style);",
|
|
@@ -345,12 +323,9 @@ var config = {
|
|
|
345
323
|
":0.375rem auto auto -0.75rem;",
|
|
346
324
|
":0 0 auto auto;",
|
|
347
325
|
":0.25rem -0.6875rem auto auto;",
|
|
348
|
-
":1.25rem auto auto -0.875rem;",
|
|
349
|
-
":1.25rem -0.875rem auto auto;",
|
|
350
|
-
":1.25rem -2.488rem auto auto;",
|
|
351
326
|
":0 0.25rem 0 0;",
|
|
352
327
|
":0 0 0 0.25rem;"
|
|
353
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
328
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
354
329
|
s: (0, _styledcomponents.css)([
|
|
355
330
|
"",
|
|
356
331
|
":2.5rem;",
|
|
@@ -370,7 +345,6 @@ var config = {
|
|
|
370
345
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
371
346
|
":var(--plasma-typo-body-s-line-height);",
|
|
372
347
|
":0.5rem;",
|
|
373
|
-
":0.25rem;",
|
|
374
348
|
":var(--plasma-typo-body-s-font-family);",
|
|
375
349
|
":var(--plasma-typo-body-s-font-size);",
|
|
376
350
|
":var(--plasma-typo-body-s-font-style);",
|
|
@@ -417,12 +391,9 @@ var config = {
|
|
|
417
391
|
":0.3125rem auto auto -0.6875rem;",
|
|
418
392
|
":0 0 auto auto;",
|
|
419
393
|
":0.25rem -0.625rem auto auto;",
|
|
420
|
-
":1.063rem auto auto -0.75rem;",
|
|
421
|
-
":1.063rem -0.75rem auto auto;",
|
|
422
|
-
":1.063rem -2.238rem auto auto;",
|
|
423
394
|
":0 0.25rem 0 0;",
|
|
424
395
|
":0 0 0 0.25rem;"
|
|
425
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
396
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
426
397
|
xs: (0, _styledcomponents.css)([
|
|
427
398
|
"",
|
|
428
399
|
":2rem;",
|
|
@@ -442,7 +413,6 @@ var config = {
|
|
|
442
413
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
443
414
|
":var(--plasma-typo-body-xs-line-height);",
|
|
444
415
|
":0.375rem;",
|
|
445
|
-
":0.25rem;",
|
|
446
416
|
":var(--plasma-typo-body-xs-font-family);",
|
|
447
417
|
":var(--plasma-typo-body-xs-font-size);",
|
|
448
418
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -489,12 +459,9 @@ var config = {
|
|
|
489
459
|
":0.25rem auto auto -0.625rem;",
|
|
490
460
|
":0 0 auto auto;",
|
|
491
461
|
":0.125rem -0.6875rem auto auto;",
|
|
492
|
-
":0.813rem auto auto -0.625rem;",
|
|
493
|
-
":0.813rem -0.625rem auto auto;",
|
|
494
|
-
":0.813rem -1.988rem auto auto;",
|
|
495
462
|
":0 0.25rem 0 0;",
|
|
496
463
|
":0 0 0 0.25rem;"
|
|
497
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
464
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin)
|
|
498
465
|
},
|
|
499
466
|
labelPlacement: {
|
|
500
467
|
inner: (0, _styledcomponents.css)([
|
|
@@ -511,11 +478,6 @@ var config = {
|
|
|
511
478
|
""
|
|
512
479
|
])
|
|
513
480
|
},
|
|
514
|
-
clear: {
|
|
515
|
-
true: (0, _styledcomponents.css)([
|
|
516
|
-
""
|
|
517
|
-
])
|
|
518
|
-
},
|
|
519
481
|
chipView: {
|
|
520
482
|
default: (0, _styledcomponents.css)([
|
|
521
483
|
"",
|
|
@@ -2,14 +2,38 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get TextField () {
|
|
8
13
|
return TextField;
|
|
14
|
+
},
|
|
15
|
+
get TextFieldClear () {
|
|
16
|
+
return TextFieldClear;
|
|
17
|
+
},
|
|
18
|
+
get TextFieldDefault () {
|
|
19
|
+
return TextFieldDefault;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
22
|
+
var _utils = require("../../../utils");
|
|
11
23
|
var _engines = require("../../../engines");
|
|
12
24
|
var _TextField = require("../../../components/TextField");
|
|
13
25
|
var _TextFieldconfig = require("./TextField.config");
|
|
14
|
-
var
|
|
15
|
-
var
|
|
26
|
+
var _TextFieldclearconfig = require("./TextField.clear.config");
|
|
27
|
+
var mergedConfigDefault = (0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextFieldconfig.config);
|
|
28
|
+
var TextFieldDefault = (0, _engines.component)(mergedConfigDefault);
|
|
29
|
+
var mergedConfigClear = (0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextFieldclearconfig.config);
|
|
30
|
+
var TextFieldClear = (0, _engines.component)(mergedConfigClear);
|
|
31
|
+
var TextField = (0, _utils.createConditionalComponent)(TextFieldDefault, [
|
|
32
|
+
{
|
|
33
|
+
conditions: {
|
|
34
|
+
prop: 'appearance',
|
|
35
|
+
value: 'clear'
|
|
36
|
+
},
|
|
37
|
+
component: TextFieldClear
|
|
38
|
+
}
|
|
39
|
+
]);
|
|
@@ -8,14 +8,78 @@ Object.defineProperty(exports, "createConditionalComponent", {
|
|
|
8
8
|
return createConditionalComponent;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var _react = /*#__PURE__*/
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
12
|
+
function _define_property(obj, key, value) {
|
|
13
|
+
if (key in obj) {
|
|
14
|
+
Object.defineProperty(obj, key, {
|
|
15
|
+
value: value,
|
|
16
|
+
enumerable: true,
|
|
17
|
+
configurable: true,
|
|
18
|
+
writable: true
|
|
19
|
+
});
|
|
20
|
+
} else {
|
|
21
|
+
obj[key] = value;
|
|
22
|
+
}
|
|
23
|
+
return obj;
|
|
24
|
+
}
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
26
|
+
if (typeof WeakMap !== "function") return null;
|
|
27
|
+
var cacheBabelInterop = new WeakMap();
|
|
28
|
+
var cacheNodeInterop = new WeakMap();
|
|
29
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
30
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
31
|
+
})(nodeInterop);
|
|
32
|
+
}
|
|
33
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
34
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
35
|
+
return obj;
|
|
36
|
+
}
|
|
37
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
38
|
+
return {
|
|
39
|
+
default: obj
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
43
|
+
if (cache && cache.has(obj)) {
|
|
44
|
+
return cache.get(obj);
|
|
45
|
+
}
|
|
46
|
+
var newObj = {
|
|
47
|
+
__proto__: null
|
|
15
48
|
};
|
|
49
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
50
|
+
for(var key in obj){
|
|
51
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
52
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
53
|
+
if (desc && (desc.get || desc.set)) {
|
|
54
|
+
Object.defineProperty(newObj, key, desc);
|
|
55
|
+
} else {
|
|
56
|
+
newObj[key] = obj[key];
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
newObj.default = obj;
|
|
61
|
+
if (cache) {
|
|
62
|
+
cache.set(obj, newObj);
|
|
63
|
+
}
|
|
64
|
+
return newObj;
|
|
65
|
+
}
|
|
66
|
+
function _object_spread(target) {
|
|
67
|
+
for(var i = 1; i < arguments.length; i++){
|
|
68
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
69
|
+
var ownKeys = Object.keys(source);
|
|
70
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
71
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
72
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
73
|
+
}));
|
|
74
|
+
}
|
|
75
|
+
ownKeys.forEach(function(key) {
|
|
76
|
+
_define_property(target, key, source[key]);
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
16
80
|
}
|
|
17
81
|
function createConditionalComponent(defaultComponent, mappings) {
|
|
18
|
-
return function(props) {
|
|
82
|
+
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
19
83
|
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
|
|
20
84
|
try {
|
|
21
85
|
for(var _iterator = mappings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
|
|
@@ -30,7 +94,9 @@ function createConditionalComponent(defaultComponent, mappings) {
|
|
|
30
94
|
});
|
|
31
95
|
if (allConditionsMatch) {
|
|
32
96
|
var Component = component;
|
|
33
|
-
return /*#__PURE__*/ _react.default.createElement(Component,
|
|
97
|
+
return /*#__PURE__*/ _react.default.createElement(Component, _object_spread({
|
|
98
|
+
ref: ref
|
|
99
|
+
}, props));
|
|
34
100
|
}
|
|
35
101
|
}
|
|
36
102
|
} catch (err) {
|
|
@@ -48,6 +114,8 @@ function createConditionalComponent(defaultComponent, mappings) {
|
|
|
48
114
|
}
|
|
49
115
|
}
|
|
50
116
|
var DefaultComponent = defaultComponent;
|
|
51
|
-
return /*#__PURE__*/ _react.default.createElement(DefaultComponent,
|
|
52
|
-
|
|
117
|
+
return /*#__PURE__*/ _react.default.createElement(DefaultComponent, _object_spread({
|
|
118
|
+
ref: ref
|
|
119
|
+
}, props));
|
|
120
|
+
});
|
|
53
121
|
}
|
|
@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
|
|
|
149
149
|
*/ export var comboboxRoot = function(Root) {
|
|
150
150
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
151
151
|
var _getItemByFocused;
|
|
152
|
-
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
152
|
+
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, filterValue = props.filterValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
153
153
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
154
154
|
"name",
|
|
155
155
|
"multiple",
|
|
@@ -193,6 +193,7 @@ import { Context } from "./Combobox.context";
|
|
|
193
193
|
"hintSize",
|
|
194
194
|
"emptyStateDescription",
|
|
195
195
|
"onChangeValue",
|
|
196
|
+
"filterValue",
|
|
196
197
|
"onScroll",
|
|
197
198
|
"onToggle",
|
|
198
199
|
"mode",
|
|
@@ -289,16 +290,15 @@ import { Context } from "./Combobox.context";
|
|
|
289
290
|
};
|
|
290
291
|
// Обработчик изменения значения в инпуте
|
|
291
292
|
var handleTextValueChange = function(e) {
|
|
292
|
-
|
|
293
|
+
if (!filterValue || filterValue(e.target.value)) {
|
|
294
|
+
setTextValue(e.target.value);
|
|
295
|
+
}
|
|
293
296
|
dispatchPath({
|
|
294
297
|
type: 'opened_first_level'
|
|
295
298
|
});
|
|
296
299
|
dispatchFocusedPath({
|
|
297
300
|
type: 'reset'
|
|
298
301
|
});
|
|
299
|
-
if (onChangeValue) {
|
|
300
|
-
onChangeValue(e.target.value);
|
|
301
|
-
}
|
|
302
302
|
};
|
|
303
303
|
// Обработчик чипов
|
|
304
304
|
var handleChipClick = function(chip) {
|
|
@@ -655,6 +655,7 @@ import { Context } from "./Combobox.context";
|
|
|
655
655
|
contentLeft: contentLeft,
|
|
656
656
|
contentRight: /*#__PURE__*/ React.createElement(IconArrowWrapper, {
|
|
657
657
|
disabled: disabled,
|
|
658
|
+
readOnly: readOnly,
|
|
658
659
|
onClick: handleClickArrow,
|
|
659
660
|
className: classes.comboboxTargetArrow
|
|
660
661
|
}, /*#__PURE__*/ React.createElement(StyledArrow, {
|
|
@@ -8,7 +8,7 @@ var mergedConfig = mergeConfig(emptyStateConfig);
|
|
|
8
8
|
var EmptyState = component(mergedConfig);
|
|
9
9
|
export var ListWrapper = styled.div.withConfig({
|
|
10
10
|
displayName: "Combobox.styles__ListWrapper",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-48cd29fe-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:",
|
|
14
14
|
";padding:calc(var(",
|
|
@@ -25,7 +25,7 @@ export var ListWrapper = styled.div.withConfig({
|
|
|
25
25
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
|
26
26
|
export var Ul = styled.ul.withConfig({
|
|
27
27
|
displayName: "Combobox.styles__Ul",
|
|
28
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-48cd29fe-1"
|
|
29
29
|
})([
|
|
30
30
|
"max-height:",
|
|
31
31
|
";overflow-x:hidden;overflow-y:",
|
|
@@ -42,7 +42,7 @@ export var Ul = styled.ul.withConfig({
|
|
|
42
42
|
}, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
|
|
43
43
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
44
44
|
displayName: "Combobox.styles__IconArrowWrapper",
|
|
45
|
-
componentId: "sc-
|
|
45
|
+
componentId: "sc-48cd29fe-2"
|
|
46
46
|
})([
|
|
47
47
|
"line-height:0;color:var(",
|
|
48
48
|
");cursor:",
|
|
@@ -50,11 +50,11 @@ export var IconArrowWrapper = styled.div.withConfig({
|
|
|
50
50
|
"{transform:rotate(-180deg);}&:hover,&:active{color:",
|
|
51
51
|
";}"
|
|
52
52
|
], tokens.disclosureIconColor, function(param) {
|
|
53
|
-
var disabled = param.disabled;
|
|
54
|
-
return disabled ? 'inherit' : 'pointer';
|
|
53
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
54
|
+
return disabled || readOnly ? 'inherit' : 'pointer';
|
|
55
55
|
}, classes.arrowInverse, function(param) {
|
|
56
|
-
var disabled = param.disabled;
|
|
57
|
-
return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
56
|
+
var disabled = param.disabled, readOnly = param.readOnly;
|
|
57
|
+
return disabled || readOnly ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
58
58
|
});
|
|
59
59
|
// TODO: Удалить после поддержки JS переменных в конфиге компонент
|
|
60
60
|
export var sizeMap = {
|
|
@@ -63,7 +63,7 @@ export var sizeMap = {
|
|
|
63
63
|
};
|
|
64
64
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
65
65
|
displayName: "Combobox.styles__StyledArrow",
|
|
66
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-48cd29fe-3"
|
|
67
67
|
})([
|
|
68
68
|
"width:",
|
|
69
69
|
";height:",
|
|
@@ -80,7 +80,7 @@ export var base = css([
|
|
|
80
80
|
]);
|
|
81
81
|
export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
82
82
|
displayName: "Combobox.styles__StyledEmptyState",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-48cd29fe-4"
|
|
84
84
|
})([
|
|
85
85
|
"",
|
|
86
86
|
":var(",
|
|
@@ -102,7 +102,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
|
102
102
|
], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
|
103
103
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
104
104
|
displayName: "Combobox.styles__StyledLeftHelper",
|
|
105
|
-
componentId: "sc-
|
|
105
|
+
componentId: "sc-48cd29fe-5"
|
|
106
106
|
})([
|
|
107
107
|
"margin:0;padding:0;"
|
|
108
108
|
]);
|
|
@@ -10,7 +10,7 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
|
|
|
10
10
|
var ButtonGroup = component(mergedButtonGroupConfig);
|
|
11
11
|
export var PaginationRoot = styled.div.withConfig({
|
|
12
12
|
displayName: "Pagination.styles__PaginationRoot",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-1be87a14-0"
|
|
14
14
|
})([
|
|
15
15
|
"display:flex;color:var(",
|
|
16
16
|
");&.",
|
|
@@ -19,30 +19,29 @@ export var PaginationRoot = styled.div.withConfig({
|
|
|
19
19
|
], tokens.paginationColor, classes.compactType, classes.defaultType);
|
|
20
20
|
export var PaginationPages = styled.div.withConfig({
|
|
21
21
|
displayName: "Pagination.styles__PaginationPages",
|
|
22
|
-
componentId: "sc-
|
|
22
|
+
componentId: "sc-1be87a14-1"
|
|
23
23
|
})([
|
|
24
24
|
"display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
|
|
25
25
|
]);
|
|
26
26
|
export var PaginationActions = styled.div.withConfig({
|
|
27
27
|
displayName: "Pagination.styles__PaginationActions",
|
|
28
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-1be87a14-2"
|
|
29
29
|
})([
|
|
30
30
|
"display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
|
|
31
|
-
");flex-shrink:1;&.",
|
|
32
|
-
"{
|
|
33
|
-
"{flex-direction:row;}&.",
|
|
31
|
+
");flex-shrink:1;flex-direction:row;&.",
|
|
32
|
+
"{width:100%;flex-wrap:wrap;&.",
|
|
34
33
|
"{flex-direction:row-reverse;}&.",
|
|
35
|
-
"{flex-direction:row;}"
|
|
36
|
-
], tokens.paginationHelperTextGap, classes.compactType, classes.
|
|
34
|
+
"{flex-direction:row;}}"
|
|
35
|
+
], tokens.paginationHelperTextGap, classes.compactType, classes.withHasPerPageSelect, classes.withHasQuickJump);
|
|
37
36
|
export var PaginationSection = styled.div.withConfig({
|
|
38
37
|
displayName: "Pagination.styles__PaginationSection",
|
|
39
|
-
componentId: "sc-
|
|
38
|
+
componentId: "sc-1be87a14-3"
|
|
40
39
|
})([
|
|
41
40
|
"display:flex;gap:0.125rem;"
|
|
42
41
|
]);
|
|
43
42
|
export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
|
44
43
|
displayName: "Pagination.styles__PaginationButtonGroup",
|
|
45
|
-
componentId: "sc-
|
|
44
|
+
componentId: "sc-1be87a14-4"
|
|
46
45
|
})([
|
|
47
46
|
"",
|
|
48
47
|
":var(",
|
|
@@ -84,7 +83,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
|
|
|
84
83
|
], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
|
|
85
84
|
export var PaginationButton = styled(Button).withConfig({
|
|
86
85
|
displayName: "Pagination.styles__PaginationButton",
|
|
87
|
-
componentId: "sc-
|
|
86
|
+
componentId: "sc-1be87a14-5"
|
|
88
87
|
})([
|
|
89
88
|
"",
|
|
90
89
|
":var(",
|
|
@@ -150,7 +149,7 @@ export var PaginationButton = styled(Button).withConfig({
|
|
|
150
149
|
}));
|
|
151
150
|
export var PaginationShorter = styled(PaginationButton).withConfig({
|
|
152
151
|
displayName: "Pagination.styles__PaginationShorter",
|
|
153
|
-
componentId: "sc-
|
|
152
|
+
componentId: "sc-1be87a14-6"
|
|
154
153
|
})([
|
|
155
154
|
"",
|
|
156
155
|
":var(",
|
|
@@ -159,7 +158,7 @@ export var PaginationShorter = styled(PaginationButton).withConfig({
|
|
|
159
158
|
], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
|
|
160
159
|
export var PaginationActionsLeft = styled.div.withConfig({
|
|
161
160
|
displayName: "Pagination.styles__PaginationActionsLeft",
|
|
162
|
-
componentId: "sc-
|
|
161
|
+
componentId: "sc-1be87a14-7"
|
|
163
162
|
})([
|
|
164
163
|
"display:flex;align-items:center;flex-wrap:wrap;gap:var(",
|
|
165
164
|
");.",
|
|
@@ -167,7 +166,7 @@ export var PaginationActionsLeft = styled.div.withConfig({
|
|
|
167
166
|
], tokens.paginationHelperTextGap, classes.defaultType);
|
|
168
167
|
export var PaginationHelperText = styled.div.withConfig({
|
|
169
168
|
displayName: "Pagination.styles__PaginationHelperText",
|
|
170
|
-
componentId: "sc-
|
|
169
|
+
componentId: "sc-1be87a14-8"
|
|
171
170
|
})([
|
|
172
171
|
"color:var(",
|
|
173
172
|
");&.",
|