@salutejs/sdds-serv 0.313.1-canary.2043.15852251108.0 → 0.314.0-canary.1741.15743877104.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/components/Accordion/Accordion.config.js +2 -2
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +2 -2
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js +3 -3
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js +2 -2
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js +5 -5
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js +2 -2
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js +5 -5
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js +2 -2
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js +2 -2
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js +5 -5
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js +2 -2
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js +3 -3
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js +2 -2
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js +8 -8
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js +2 -2
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js +2 -2
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js +2 -2
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +3 -3
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js +3 -3
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/components/Carousel/Carousel.css +2 -2
- package/components/Carousel/Carousel.js +2 -2
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js +2 -2
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js +3 -3
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js +3 -3
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js +5 -5
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js +3 -3
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js +2 -2
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js +2 -2
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js +4 -4
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/CodeField.js +2 -2
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/Combobox/Combobox.config.js +5 -5
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Combobox/Combobox.js +4 -4
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js +2 -2
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js +2 -2
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js +4 -4
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js +4 -4
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/Divider/Divider.config.js +2 -2
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js +2 -2
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js +3 -3
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js +8 -8
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js +2 -2
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js +4 -4
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js +3 -3
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js +2 -2
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js +2 -2
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js +2 -2
- package/components/Flow/Flow.js.map +1 -1
- package/components/Grid/Grid.config.js +2 -2
- package/components/Grid/Grid.config.js.map +1 -1
- package/components/Grid/Grid.js +2 -2
- package/components/Grid/Grid.js.map +1 -1
- package/components/IconButton/IconButton.config.js +4 -4
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.js +3 -3
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js +3 -3
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js +2 -2
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js +2 -2
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js +3 -3
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js +3 -3
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js +2 -2
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js +3 -3
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js +3 -3
- package/components/List/List.js.map +1 -1
- package/components/Mask/Mask.js +1 -1
- package/components/Mask/Mask.js.map +1 -1
- package/components/Modal/Modal.config.js +2 -2
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js +3 -3
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js +2 -2
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js +2 -2
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js +3 -3
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js +9 -9
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberFormat/NumberFormat.js +1 -1
- package/components/NumberFormat/NumberFormat.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js +4 -4
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js +2 -2
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js +4 -4
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js +3 -3
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js +2 -2
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js +2 -2
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js +2 -2
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js +3 -3
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js +2 -2
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js +3 -3
- package/components/Progress/Progress.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.d.ts +46 -2
- package/components/Radiobox/Radiobox.js +3 -3
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js +4 -4
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js +2 -2
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js +2 -2
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js +2 -2
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +4 -4
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js +5 -5
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js +4 -4
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js +6 -6
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.d.ts +6 -6
- package/components/Select/Select.js +4 -4
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js +2 -2
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js +3 -3
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +3 -3
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js +3 -3
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js +3 -3
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js +2 -2
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js +3 -3
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js +3 -3
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js +3 -3
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js +4 -4
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js +3 -3
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js +2 -2
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js +3 -3
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js +5 -5
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js +5 -5
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js +5 -5
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js +5 -5
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js +3 -3
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.config.js +7 -7
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.js +2 -2
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/Toast/Toast.config.js +4 -4
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +4 -4
- package/components/Toast/Toast.js.map +1 -1
- package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/components/Toolbar/Toolbar.config.js +2 -2
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js +4 -4
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js +2 -2
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js +2 -2
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tree/Tree.config.js +2 -2
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.js +2 -2
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js +5 -5
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js +3 -3
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js +5 -5
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js +4 -4
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js +51 -51
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js +2 -2
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/emotion/cjs/components/Carousel/Carousel.config.js +4 -11
- package/emotion/es/components/Carousel/Carousel.config.js +4 -11
- package/es/components/Accordion/Accordion.config.js +2 -2
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js +3 -3
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js +3 -3
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js +3 -3
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js +5 -5
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js +3 -3
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +3 -3
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js +5 -5
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js +3 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js +4 -4
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +9 -9
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js +2 -2
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js +2 -2
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js +2 -2
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js +4 -4
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js +3 -3
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/es/components/Carousel/Carousel.css +2 -2
- package/es/components/Carousel/Carousel.js +3 -3
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js +2 -2
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js +4 -4
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +4 -4
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js +5 -5
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js +4 -4
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js +2 -2
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js +3 -3
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js +4 -4
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/CodeField.js +3 -3
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/Combobox/Combobox.config.js +5 -5
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js +5 -5
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js +2 -2
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js +3 -3
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js +4 -4
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js +5 -5
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js +2 -2
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js +3 -3
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js +3 -3
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +9 -9
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js +2 -2
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +5 -5
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js +3 -3
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js +3 -3
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js +3 -3
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js +3 -3
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js +2 -2
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js +3 -3
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js +4 -4
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js +4 -4
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js +4 -4
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js +2 -2
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js +3 -3
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js +4 -4
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js +3 -3
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js +3 -3
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js +3 -3
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js +4 -4
- package/es/components/List/List.js.map +1 -1
- package/es/components/Mask/Mask.js +1 -1
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Modal/Modal.config.js +2 -2
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js +4 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js +2 -2
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js +3 -3
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js +3 -3
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +10 -10
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +1 -1
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js +4 -4
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js +3 -3
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js +4 -4
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js +4 -4
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js +2 -2
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js +3 -3
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +3 -3
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js +4 -4
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js +2 -2
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js +4 -4
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +4 -4
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js +4 -4
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js +3 -3
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js +2 -2
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js +3 -3
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js +5 -5
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js +5 -5
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js +4 -4
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js +6 -6
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js +5 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js +2 -2
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js +4 -4
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js +4 -4
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js +3 -3
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js +4 -4
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js +2 -2
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js +4 -4
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js +3 -3
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js +4 -4
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js +4 -4
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js +4 -4
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js +2 -2
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js +4 -4
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +6 -6
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js +6 -6
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js +5 -5
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js +4 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.config.js +7 -7
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js +3 -3
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/Toast/Toast.config.js +4 -4
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +5 -5
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js +2 -2
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js +5 -5
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js +2 -2
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +3 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tree/Tree.config.js +2 -2
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.js +3 -3
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js +5 -5
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js +3 -3
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js +5 -5
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js +4 -4
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +52 -52
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +3 -3
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/index.css +2 -2
- package/package.json +8 -8
- package/styled-components/cjs/components/Carousel/Carousel.config.js +4 -11
- package/styled-components/es/components/Carousel/Carousel.config.js +4 -11
- package/components/Carousel/Carousel.config_uusoxc.css +0 -2
- package/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.config.js","sources":["../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n size: {\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 1.5rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersPaddingTop}: 0.5rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0.625rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.563rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1rem;\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.188rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0.875rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 0.875rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 1.063rem;\n ${textAreaTokens.inputPaddingRight}: 1.125rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1.125rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 1.063rem;\n ${textAreaTokens.rightContentRight}: 1rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.563rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.562rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xl: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 1rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 1rem 1rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 1.313rem;\n ${textAreaTokens.inputPaddingRight}: 1.25rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.5rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.5rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1.25rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1.25rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 1.25rem;\n ${textAreaTokens.rightContentRight}: 1.25rem;\n ${textAreaTokens.rightContentHeight}: 1.5rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.813rem;\n ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.25rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.751rem -2.188rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n positive: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-positive);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-positive);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-positive);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-positive);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-positive);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-positive);\n ${textAreaTokens.leftHelperColor}: var(--text-positive);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-positive);\n ${textAreaTokens.dividerColorHover}: var(--surface-positive);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n /**\n * @deprecated\n * Использовать `default`\n */\n primary: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n warning: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-warning);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-warning);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-warning);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-warning);\n ${textAreaTokens.leftHelperColor}: var(--text-warning);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-warning);\n ${textAreaTokens.dividerColorHover}: var(--surface-warning);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${textAreaTokens.tooltipColor}: var(--text-primary);\n ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","xl","default","positive","primary","warning","negative","hintView","hintSize","clear","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,CAAC,EAsEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAuEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,SAAAA,EAkCC,UAAA;AACDC,MAAAA,QAAQ,EAkCP,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAkCN,UAAA;AACDC,MAAAA,OAAO,EAkCN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAO,EAAA,SAAA;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAwBA,SAAA;AACDD,MAAAA,CAAC,EAAA,SAAA;KAyBJ;AACDW,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"TextArea.config.js","sources":["../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n size: {\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 1.5rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersPaddingTop}: 0.5rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0.625rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.563rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1rem;\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.188rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 0.875rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 0.875rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 1.063rem;\n ${textAreaTokens.inputPaddingRight}: 1.125rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1.125rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1.125rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 1.063rem;\n ${textAreaTokens.rightContentRight}: 1rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.563rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.562rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xl: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 6.812rem;\n ${textAreaTokens.inputMinHeight}: 1.625rem;\n ${textAreaTokens.borderRadius}: 1rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 1rem 1rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 1.313rem;\n ${textAreaTokens.inputPaddingRight}: 1.25rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.5rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.5rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1.25rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1.25rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 1.25rem;\n ${textAreaTokens.rightContentRight}: 1.25rem;\n ${textAreaTokens.rightContentHeight}: 1.5rem;\n ${textAreaTokens.labelMarginBottom}: 0.75rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.813rem;\n ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.25rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.751rem -2.188rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n positive: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-positive);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-positive);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-positive);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-positive);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-positive);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-positive);\n ${textAreaTokens.leftHelperColor}: var(--text-positive);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-positive);\n ${textAreaTokens.dividerColorHover}: var(--surface-positive);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n /**\n * @deprecated\n * Использовать `default`\n */\n primary: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n warning: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-warning);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-warning);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-warning);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-warning);\n ${textAreaTokens.leftHelperColor}: var(--text-warning);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-warning);\n ${textAreaTokens.dividerColorHover}: var(--surface-warning);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${textAreaTokens.tooltipColor}: var(--text-primary);\n ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","xl","default","positive","primary","warning","negative","hintView","hintSize","clear","true","disabled"],"mappings":";;;;AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,CAAC,EAsEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAuEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,OAAO,EAkCN,UAAA;AACDC,MAAAA,QAAQ,EAkCP,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAkCN,UAAA;AACDC,MAAAA,OAAO,EAkCN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;AACNL,MAAAA,OAAO,EAAA,SAAA;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAwBA,SAAA;AACDD,MAAAA,CAAC,EAAA,SAAA;KAyBJ;AACDW,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
6
|
var TextArea_config = require('./TextArea.config.js');
|
7
7
|
|
8
|
-
|
9
|
-
|
8
|
+
const mergedConfig = plasmaNewHope.mergeConfig(plasmaNewHope.textAreaConfig, TextArea_config.config);
|
9
|
+
const TextAreaComponent = plasmaNewHope.component(mergedConfig);
|
10
10
|
|
11
11
|
/**
|
12
12
|
* Поле ввода многострочного текста.
|
13
13
|
*/
|
14
|
-
|
14
|
+
const TextArea = TextAreaComponent;
|
15
15
|
|
16
16
|
exports.TextArea = TextArea;
|
17
17
|
//# sourceMappingURL=TextArea.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.js","sources":["../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextArea.config';\n\nconst mergedConfig = mergeConfig(textAreaConfig, config);\nconst TextAreaComponent = component(mergedConfig);\n\n/**\n * Поле ввода многострочного текста.\n */\nexport const TextArea = TextAreaComponent;\n"],"names":["mergedConfig","mergeConfig","textAreaConfig","config","TextAreaComponent","component","TextArea"],"mappings":";;;;;;;AAIA,
|
1
|
+
{"version":3,"file":"TextArea.js","sources":["../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextArea.config';\n\nconst mergedConfig = mergeConfig(textAreaConfig, config);\nconst TextAreaComponent = component(mergedConfig);\n\n/**\n * Поле ввода многострочного текста.\n */\nexport const TextArea = TextAreaComponent;\n"],"names":["mergedConfig","mergeConfig","textAreaConfig","config","TextAreaComponent","component","TextArea"],"mappings":";;;;;;;AAIA,MAAMA,YAAY,GAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC,CAAA;AACxD,MAAMC,iBAAiB,GAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;;AAEjD;AACA;AACA;AACO,MAAMM,QAAQ,GAAGF;;;;"}
|
@@ -3,7 +3,7 @@ require('./TextField.config_qklg09.css');
|
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
|
-
|
6
|
+
const config = {
|
7
7
|
defaults: {
|
8
8
|
view: 'default',
|
9
9
|
size: 'm',
|
@@ -12,7 +12,7 @@ var config = {
|
|
12
12
|
},
|
13
13
|
variations: {
|
14
14
|
view: {
|
15
|
-
|
15
|
+
default: "dtkroq0",
|
16
16
|
positive: "pfhkds4",
|
17
17
|
warning: "w1ocoxlz",
|
18
18
|
negative: "nlfdoc8"
|
@@ -29,10 +29,10 @@ var config = {
|
|
29
29
|
outer: "ouyq38l"
|
30
30
|
},
|
31
31
|
clear: {
|
32
|
-
|
32
|
+
true: "tx53wwr"
|
33
33
|
},
|
34
34
|
chipView: {
|
35
|
-
|
35
|
+
default: "daletrs",
|
36
36
|
secondary: "s1t7mzsz",
|
37
37
|
accent: "ab550dj",
|
38
38
|
positive: "pkng3yc",
|
@@ -40,17 +40,17 @@ var config = {
|
|
40
40
|
negative: "n8ra9ji"
|
41
41
|
},
|
42
42
|
hintView: {
|
43
|
-
|
43
|
+
default: "d13sqnyj"
|
44
44
|
},
|
45
45
|
hintSize: {
|
46
46
|
m: "m1nb8qre",
|
47
47
|
s: "sah4t5d"
|
48
48
|
},
|
49
49
|
disabled: {
|
50
|
-
|
50
|
+
true: "t1459kih"
|
51
51
|
},
|
52
52
|
readOnly: {
|
53
|
-
|
53
|
+
true: "t1qp68cw"
|
54
54
|
}
|
55
55
|
}
|
56
56
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.config.js","sources":["../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'secondary',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n xl: css`\n ${tokens.height}: 4rem;\n ${tokens.padding}: 1.3125rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.125rem;\n ${tokens.chipMarginRight}: 1rem;\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3.25rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n `,\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.25rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n chipView: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n positive: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-positive);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n warning: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-warning);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n negative: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-negative);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.colorReadOnly}: var(--text-primary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","clear","true","secondary","accent","hintView","hintSize","disabled","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,WAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA+BC,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAmFD,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAkFL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,SAAA;KACP;AACDd,IAAAA,QAAQ,EAAE;AACNE,MAAAA,SAAAA,EAcC,SAAA;AACDa,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDb,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDY,IAAAA,QAAQ,EAAE;MACNf,SAAO,EAAA,UAAA;KAMV;AACDgB,IAAAA,QAAQ,EAAE;AACNV,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDU,IAAAA,QAAQ,EAAE;MACNL,MAAI,EAAA,UAAA;KAGP;AACDM,IAAAA,QAAQ,EAAE;MACNN,MAAI,EAAA,UAAA;AAUR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"TextField.config.js","sources":["../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'secondary',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n xl: css`\n ${tokens.height}: 4rem;\n ${tokens.padding}: 1.3125rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.125rem;\n ${tokens.chipMarginRight}: 1rem;\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3.25rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n `,\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.25rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n chipView: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n positive: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-positive);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n warning: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-warning);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n negative: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-negative);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.colorReadOnly}: var(--text-primary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","clear","true","secondary","accent","hintView","hintSize","disabled","readOnly"],"mappings":";;;;AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,WAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,OAAO,EA+BN,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAmFD,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAkFL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAA,SAAA;KACP;AACDd,IAAAA,QAAQ,EAAE;AACNE,MAAAA,OAAO,EAcN,SAAA;AACDa,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDb,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDY,IAAAA,QAAQ,EAAE;AACNf,MAAAA,OAAO,EAAA,UAAA;KAMV;AACDgB,IAAAA,QAAQ,EAAE;AACNV,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDU,IAAAA,QAAQ,EAAE;AACNL,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDM,IAAAA,QAAQ,EAAE;AACNN,MAAAA,IAAI,EAAA,UAAA;AAUR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
6
|
var TextField_config = require('./TextField.config.js');
|
7
7
|
|
8
|
-
|
8
|
+
const mergedConfig = plasmaNewHope.mergeConfig(plasmaNewHope.textFieldConfig, TextField_config.config);
|
9
9
|
|
10
10
|
/**
|
11
11
|
* Поле ввода текста.
|
12
12
|
*/
|
13
|
-
|
13
|
+
const TextField = plasmaNewHope.component(mergedConfig);
|
14
14
|
|
15
15
|
exports.TextField = TextField;
|
16
16
|
//# sourceMappingURL=TextField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextField","component"],"mappings":";;;;;;;AAIA,
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextField","component"],"mappings":";;;;;;;AAIA,MAAMA,YAAY,GAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;;AAEzD;AACA;AACA;MACaC,SAAS,GAAGC,uBAAS,CAACL,YAAY;;;;"}
|
@@ -3,7 +3,7 @@ require('./TextFieldGroup.config_1gikqtw.css');
|
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
|
-
|
6
|
+
const config = {
|
7
7
|
defaults: {
|
8
8
|
size: 'm'
|
9
9
|
},
|
@@ -25,7 +25,7 @@ var config = {
|
|
25
25
|
},
|
26
26
|
shape: {
|
27
27
|
segmented: "sigv1bi",
|
28
|
-
|
28
|
+
default: "d1je8efc"
|
29
29
|
},
|
30
30
|
stretching: {
|
31
31
|
auto: "a13eelzg",
|