@salutejs/plasma-web 1.584.1-canary.2043.15852251108.0 → 1.585.0-canary.1741.15775036215.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/.babelrc +6 -0
- package/components/Carousel/Carousel.config.js +4 -11
- package/components/Carousel/Carousel.js +1 -1
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Combobox/Legacy/Combobox.d.ts +2 -2
- package/components/Radiobox/Radiobox.d.ts +48 -2
- package/components/Select/Select.d.ts +6 -6
- package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/css/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -82
- package/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/css/cjs/components/Accordion/Accordion.config.js +2 -2
- package/css/cjs/components/Accordion/Accordion.config.js.map +1 -1
- package/css/cjs/components/Accordion/Accordion.js +3 -3
- package/css/cjs/components/Accordion/Accordion.js.map +1 -1
- package/css/cjs/components/Attach/Attach.config.js +3 -3
- package/css/cjs/components/Attach/Attach.config.js.map +1 -1
- package/css/cjs/components/Attach/Attach.js +2 -2
- package/css/cjs/components/Attach/Attach.js.map +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.config.js +5 -5
- package/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/css/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/css/cjs/components/Avatar/Avatar.config.js +5 -5
- package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/css/cjs/components/Avatar/Avatar.js +2 -2
- package/css/cjs/components/Avatar/Avatar.js.map +1 -1
- package/css/cjs/components/AvatarGroup/AvatarGroup.js +2 -2
- package/css/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/css/cjs/components/Badge/Badge.config.js +5 -5
- package/css/cjs/components/Badge/Badge.config.js.map +1 -1
- package/css/cjs/components/Badge/Badge.js +2 -2
- package/css/cjs/components/Badge/Badge.js.map +1 -1
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/css/cjs/components/Button/Button.config.js +4 -4
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/Button.js +3 -3
- package/css/cjs/components/Button/Button.js.map +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.js +2 -2
- package/css/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/css/cjs/components/Calendar/Calendar.js +8 -8
- package/css/cjs/components/Calendar/Calendar.js.map +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config.js +2 -2
- package/css/cjs/components/Calendar/CalendarBase.config.js.map +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config.js +2 -2
- package/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/css/cjs/components/Carousel/Carousel.config.js +3 -3
- package/css/cjs/components/Carousel/Carousel.config.js.map +1 -1
- package/css/cjs/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/css/cjs/components/Carousel/Carousel.css +2 -2
- package/css/cjs/components/Carousel/Carousel.js +5 -5
- package/css/cjs/components/Carousel/Carousel.js.map +1 -1
- package/css/cjs/components/Carousel/Legacy/Carousel.js +3 -3
- package/css/cjs/components/Carousel/Legacy/Carousel.js.map +1 -1
- package/css/cjs/components/Cell/Cell.config.js +2 -2
- package/css/cjs/components/Cell/Cell.config.js.map +1 -1
- package/css/cjs/components/Cell/Cell.js +3 -3
- package/css/cjs/components/Cell/Cell.js.map +1 -1
- package/css/cjs/components/Checkbox/Checkbox.config.js +4 -4
- package/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
- package/css/cjs/components/Checkbox/Checkbox.js +3 -3
- package/css/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/css/cjs/components/Chip/Chip.config.js +5 -5
- package/css/cjs/components/Chip/Chip.config.js.map +1 -1
- package/css/cjs/components/Chip/Chip.js +3 -3
- package/css/cjs/components/Chip/Chip.js.map +1 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +2 -2
- package/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/css/cjs/components/ChipGroup/ChipGroup.js +2 -2
- package/css/cjs/components/ChipGroup/ChipGroup.js.map +1 -1
- package/css/cjs/components/CodeField/CodeField.config.js +4 -4
- package/css/cjs/components/CodeField/CodeField.config.js.map +1 -1
- package/css/cjs/components/CodeField/CodeField.js +2 -2
- package/css/cjs/components/CodeField/CodeField.js.map +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +5 -5
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/Combobox.js +4 -4
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/Combobox/Legacy/Combobox.config.js +2 -2
- package/css/cjs/components/Combobox/Legacy/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/Legacy/Combobox.js +12 -12
- package/css/cjs/components/Combobox/Legacy/Combobox.js.map +1 -1
- package/css/cjs/components/Counter/Counter.config.js +2 -2
- package/css/cjs/components/Counter/Counter.config.js.map +1 -1
- package/css/cjs/components/Counter/Counter.js +2 -2
- package/css/cjs/components/Counter/Counter.js.map +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js +4 -4
- package/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/cjs/components/DatePicker/DatePicker.js +4 -4
- package/css/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/css/cjs/components/Divider/Divider.config.js +2 -2
- package/css/cjs/components/Divider/Divider.config.js.map +1 -1
- package/css/cjs/components/Divider/Divider.js +2 -2
- package/css/cjs/components/Divider/Divider.js.map +1 -1
- package/css/cjs/components/Drawer/Drawer.config.js +3 -3
- package/css/cjs/components/Drawer/Drawer.config.js.map +1 -1
- package/css/cjs/components/Drawer/Drawer.js +8 -8
- package/css/cjs/components/Drawer/Drawer.js.map +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js +2 -2
- package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/cjs/components/Dropdown/Dropdown.js +4 -4
- package/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownItem.js +36 -31
- package/css/cjs/components/Dropdown/components/DropdownItem.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownList.js +4 -3
- package/css/cjs/components/Dropdown/components/DropdownList.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +2 -2
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +15 -14
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/components/Dropzone/Dropzone.config.js +3 -3
- package/css/cjs/components/Dropzone/Dropzone.config.js.map +1 -1
- package/css/cjs/components/Dropzone/Dropzone.js +2 -2
- package/css/cjs/components/Dropzone/Dropzone.js.map +1 -1
- package/css/cjs/components/Editable/Editable.config.js +2 -2
- package/css/cjs/components/Editable/Editable.config.js.map +1 -1
- package/css/cjs/components/Editable/Editable.js +4 -4
- package/css/cjs/components/Editable/Editable.js.map +1 -1
- package/css/cjs/components/EmptyState/EmptyState.config.js +1 -1
- package/css/cjs/components/EmptyState/EmptyState.config.js.map +1 -1
- package/css/cjs/components/EmptyState/EmptyState.js +2 -2
- package/css/cjs/components/EmptyState/EmptyState.js.map +1 -1
- package/css/cjs/components/Flow/Flow.js +2 -2
- package/css/cjs/components/Flow/Flow.js.map +1 -1
- package/css/cjs/components/Grid/Grid.config.js +2 -2
- package/css/cjs/components/Grid/Grid.config.js.map +1 -1
- package/css/cjs/components/Grid/Grid.js +2 -2
- package/css/cjs/components/Grid/Grid.js.map +1 -1
- package/css/cjs/components/IconButton/IconButton.config.js +4 -4
- package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/css/cjs/components/IconButton/IconButton.js +3 -3
- package/css/cjs/components/IconButton/IconButton.js.map +1 -1
- package/css/cjs/components/Image/Image.js +3 -3
- package/css/cjs/components/Image/Image.js.map +1 -1
- package/css/cjs/components/Indicator/Indicator.config.js +2 -2
- package/css/cjs/components/Indicator/Indicator.config.js.map +1 -1
- package/css/cjs/components/Indicator/Indicator.js +2 -2
- package/css/cjs/components/Indicator/Indicator.js.map +1 -1
- package/css/cjs/components/Link/Link.config.js +4 -4
- package/css/cjs/components/Link/Link.config.js.map +1 -1
- package/css/cjs/components/Link/Link.js +3 -3
- package/css/cjs/components/Link/Link.js.map +1 -1
- package/css/cjs/components/LinkButton/LinkButton.config.js +3 -3
- package/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/cjs/components/LinkButton/LinkButton.js +2 -2
- package/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/css/cjs/components/List/List.config.js +3 -3
- package/css/cjs/components/List/List.config.js.map +1 -1
- package/css/cjs/components/List/List.js +3 -3
- package/css/cjs/components/List/List.js.map +1 -1
- package/css/cjs/components/Mask/Mask.js +1 -1
- package/css/cjs/components/Mask/Mask.js.map +1 -1
- package/css/cjs/components/ModalBase/Modal.config.js +2 -2
- package/css/cjs/components/ModalBase/Modal.config.js.map +1 -1
- package/css/cjs/components/ModalBase/ModalBase.js +3 -3
- package/css/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/css/cjs/components/Note/Note.config.js +2 -2
- package/css/cjs/components/Note/Note.config.js.map +1 -1
- package/css/cjs/components/Note/Note.js +2 -2
- package/css/cjs/components/Note/Note.js.map +1 -1
- package/css/cjs/components/Notification/Notification.config.js +3 -3
- package/css/cjs/components/Notification/Notification.config.js.map +1 -1
- package/css/cjs/components/Notification/Notification.js +9 -9
- package/css/cjs/components/Notification/Notification.js.map +1 -1
- package/css/cjs/components/NumberFormat/NumberFormat.js +1 -1
- package/css/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
- package/css/cjs/components/NumberInput/NumberInput.config.js +4 -4
- package/css/cjs/components/NumberInput/NumberInput.config.js.map +1 -1
- package/css/cjs/components/NumberInput/NumberInput.js +2 -2
- package/css/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/css/cjs/components/Pagination/Pagination.config.js +4 -4
- package/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
- package/css/cjs/components/Pagination/Pagination.js +3 -3
- package/css/cjs/components/Pagination/Pagination.js.map +1 -1
- package/css/cjs/components/Popover/Popover.config.js +2 -2
- package/css/cjs/components/Popover/Popover.config.js.map +1 -1
- package/css/cjs/components/Popover/Popover.js +2 -2
- package/css/cjs/components/Popover/Popover.js.map +1 -1
- package/css/cjs/components/PopupBase/PopupBase.js +2 -2
- package/css/cjs/components/PopupBase/PopupBase.js.map +1 -1
- package/css/cjs/components/Price/Price.config.js +1 -1
- package/css/cjs/components/Price/Price.config.js.map +1 -1
- package/css/cjs/components/Price/Price.js +3 -3
- package/css/cjs/components/Price/Price.js.map +1 -1
- package/css/cjs/components/Progress/Progress.config.js +2 -2
- package/css/cjs/components/Progress/Progress.config.js.map +1 -1
- package/css/cjs/components/Progress/Progress.js +3 -3
- package/css/cjs/components/Progress/Progress.js.map +1 -1
- package/css/cjs/components/Radiobox/Radiobox.config.js +4 -4
- package/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
- package/css/cjs/components/Radiobox/Radiobox.js +3 -3
- package/css/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/css/cjs/components/Range/Range.config.js +4 -4
- package/css/cjs/components/Range/Range.config.js.map +1 -1
- package/css/cjs/components/Range/Range.js +2 -2
- package/css/cjs/components/Range/Range.js.map +1 -1
- package/css/cjs/components/Rating/Rating.config.js +2 -2
- package/css/cjs/components/Rating/Rating.config.js.map +1 -1
- package/css/cjs/components/Rating/Rating.js +2 -2
- package/css/cjs/components/Rating/Rating.js.map +1 -1
- package/css/cjs/components/Segment/Segment.js +4 -4
- package/css/cjs/components/Segment/Segment.js.map +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config.js +5 -5
- package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentItem.config.js +4 -4
- package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/cjs/components/Select/Select.config.js +6 -6
- package/css/cjs/components/Select/Select.config.js.map +1 -1
- package/css/cjs/components/Select/Select.js +4 -4
- package/css/cjs/components/Select/Select.js.map +1 -1
- package/css/cjs/components/Sheet/Sheet.config.js +2 -2
- package/css/cjs/components/Sheet/Sheet.config.js.map +1 -1
- package/css/cjs/components/Sheet/Sheet.js +3 -3
- package/css/cjs/components/Sheet/Sheet.js.map +1 -1
- package/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
- package/css/cjs/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/css/cjs/components/Skeleton/Skeleton.js +4 -4
- package/css/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/css/cjs/components/Slider/Slider.config.js +3 -3
- package/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/css/cjs/components/Slider/Slider.js +3 -3
- package/css/cjs/components/Slider/Slider.js.map +1 -1
- package/css/cjs/components/Spinner/Spinner.config.js +2 -2
- package/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
- package/css/cjs/components/Spinner/Spinner.js +3 -3
- package/css/cjs/components/Spinner/Spinner.js.map +1 -1
- package/css/cjs/components/Steps/Steps.config.js +3 -3
- package/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/css/cjs/components/Steps/Steps.js +3 -3
- package/css/cjs/components/Steps/Steps.js.map +1 -1
- package/css/cjs/components/Switch/Switch.config.js +4 -4
- package/css/cjs/components/Switch/Switch.config.js.map +1 -1
- package/css/cjs/components/Switch/Switch.js +3 -3
- package/css/cjs/components/Switch/Switch.js.map +1 -1
- package/css/cjs/components/Table/Table.config.js +2 -2
- package/css/cjs/components/Table/Table.config.js.map +1 -1
- package/css/cjs/components/Table/Table.js +3 -3
- package/css/cjs/components/Table/Table.js.map +1 -1
- package/css/cjs/components/Tabs/TabItem.js +5 -5
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.js +5 -5
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/TabsController.js +5 -5
- package/css/cjs/components/Tabs/TabsController.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +5 -5
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/TextArea.js +3 -3
- package/css/cjs/components/TextArea/TextArea.js.map +1 -1
- package/css/cjs/components/TextField/TextField.config.js +7 -7
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/TextField.js +28 -28
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/css/cjs/components/Toast/Toast.config.js +4 -4
- package/css/cjs/components/Toast/Toast.config.js.map +1 -1
- package/css/cjs/components/Toast/Toast.js +4 -4
- package/css/cjs/components/Toast/Toast.js.map +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js +2 -2
- package/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/cjs/components/Toolbar/Toolbar.js +4 -4
- package/css/cjs/components/Toolbar/Toolbar.js.map +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js +2 -2
- package/css/cjs/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/cjs/components/Tooltip/Tooltip.js +2 -2
- package/css/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/css/cjs/components/Tree/Tree.config.js +2 -2
- package/css/cjs/components/Tree/Tree.config.js.map +1 -1
- package/css/cjs/components/Tree/Tree.js +2 -2
- package/css/cjs/components/Tree/Tree.js.map +1 -1
- package/css/cjs/components/Typography/Body.config.js +5 -5
- package/css/cjs/components/Typography/Body.config.js.map +1 -1
- package/css/cjs/components/Typography/Dspl.config.js +3 -3
- package/css/cjs/components/Typography/Dspl.config.js.map +1 -1
- package/css/cjs/components/Typography/Heading.config.js +5 -5
- package/css/cjs/components/Typography/Heading.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Body.config.js +13 -2
- package/css/cjs/components/Typography/Old/Body.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Button.config.js +2 -2
- package/css/cjs/components/Typography/Old/Button.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Caption.config.js +1 -1
- package/css/cjs/components/Typography/Old/Caption.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Display.config.js +40 -0
- package/css/cjs/components/Typography/Old/Display.config.js.map +1 -0
- package/css/cjs/components/Typography/Old/Display.config_1x1kr2u.css +3 -0
- package/css/cjs/components/Typography/Old/Footnote.config.js +2 -2
- package/css/cjs/components/Typography/Old/Footnote.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Headline.config.js +5 -5
- package/css/cjs/components/Typography/Old/Headline.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Paragraph.config.js +2 -2
- package/css/cjs/components/Typography/Old/Paragraph.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/ParagraphText.config.js +2 -2
- package/css/cjs/components/Typography/Old/ParagraphText.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Subtitle.config.js +1 -1
- package/css/cjs/components/Typography/Old/Subtitle.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/Underline.config.js +1 -1
- package/css/cjs/components/Typography/Old/Underline.config.js.map +1 -1
- package/css/cjs/components/Typography/Old/index.js +63 -54
- package/css/cjs/components/Typography/Old/index.js.map +1 -1
- package/css/cjs/components/Typography/Text.config.js +4 -4
- package/css/cjs/components/Typography/Text.config.js.map +1 -1
- package/css/cjs/components/Typography/Typography.js +51 -51
- package/css/cjs/components/Typography/Typography.js.map +1 -1
- package/css/cjs/index.css +2 -2
- package/css/es/_virtual/_rollupPluginBabelHelpers.js +1 -77
- package/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/css/es/components/Accordion/Accordion.config.js +2 -2
- package/css/es/components/Accordion/Accordion.config.js.map +1 -1
- package/css/es/components/Accordion/Accordion.js +4 -4
- package/css/es/components/Accordion/Accordion.js.map +1 -1
- package/css/es/components/Attach/Attach.config.js +3 -3
- package/css/es/components/Attach/Attach.config.js.map +1 -1
- package/css/es/components/Attach/Attach.js +3 -3
- package/css/es/components/Attach/Attach.js.map +1 -1
- package/css/es/components/Autocomplete/Autocomplete.config.js +5 -5
- package/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/css/es/components/Autocomplete/Autocomplete.js +3 -3
- package/css/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/css/es/components/Avatar/Avatar.config.js +5 -5
- package/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/css/es/components/Avatar/Avatar.js +3 -3
- package/css/es/components/Avatar/Avatar.js.map +1 -1
- package/css/es/components/AvatarGroup/AvatarGroup.js +3 -3
- package/css/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/css/es/components/Badge/Badge.config.js +5 -5
- package/css/es/components/Badge/Badge.config.js.map +1 -1
- package/css/es/components/Badge/Badge.js +3 -3
- package/css/es/components/Badge/Badge.js.map +1 -1
- package/css/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/css/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/css/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/css/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/css/es/components/Button/Button.config.js +4 -4
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/Button.js +4 -4
- package/css/es/components/Button/Button.js.map +1 -1
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/es/components/ButtonGroup/ButtonGroup.js +3 -3
- package/css/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/css/es/components/Calendar/Calendar.js +9 -9
- package/css/es/components/Calendar/Calendar.js.map +1 -1
- package/css/es/components/Calendar/CalendarBase.config.js +2 -2
- package/css/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/css/es/components/Calendar/CalendarDouble.config.js +2 -2
- package/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/css/es/components/Carousel/Carousel.config.js +3 -3
- package/css/es/components/Carousel/Carousel.config.js.map +1 -1
- package/css/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/css/es/components/Carousel/Carousel.css +2 -2
- package/css/es/components/Carousel/Carousel.js +6 -6
- package/css/es/components/Carousel/Carousel.js.map +1 -1
- package/css/es/components/Carousel/Legacy/Carousel.js +4 -4
- package/css/es/components/Carousel/Legacy/Carousel.js.map +1 -1
- package/css/es/components/Cell/Cell.config.js +2 -2
- package/css/es/components/Cell/Cell.config.js.map +1 -1
- package/css/es/components/Cell/Cell.js +4 -4
- package/css/es/components/Cell/Cell.js.map +1 -1
- package/css/es/components/Checkbox/Checkbox.config.js +4 -4
- package/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/css/es/components/Checkbox/Checkbox.js +4 -4
- package/css/es/components/Checkbox/Checkbox.js.map +1 -1
- package/css/es/components/Chip/Chip.config.js +5 -5
- package/css/es/components/Chip/Chip.config.js.map +1 -1
- package/css/es/components/Chip/Chip.js +4 -4
- package/css/es/components/Chip/Chip.js.map +1 -1
- package/css/es/components/ChipGroup/ChipGroup.config.js +2 -2
- package/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/css/es/components/ChipGroup/ChipGroup.js +3 -3
- package/css/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/css/es/components/CodeField/CodeField.config.js +4 -4
- package/css/es/components/CodeField/CodeField.config.js.map +1 -1
- package/css/es/components/CodeField/CodeField.js +3 -3
- package/css/es/components/CodeField/CodeField.js.map +1 -1
- package/css/es/components/Combobox/Combobox.config.js +5 -5
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/Combobox.js +5 -5
- package/css/es/components/Combobox/Combobox.js.map +1 -1
- package/css/es/components/Combobox/Legacy/Combobox.config.js +2 -2
- package/css/es/components/Combobox/Legacy/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/Legacy/Combobox.js +13 -13
- package/css/es/components/Combobox/Legacy/Combobox.js.map +1 -1
- package/css/es/components/Counter/Counter.config.js +2 -2
- package/css/es/components/Counter/Counter.config.js.map +1 -1
- package/css/es/components/Counter/Counter.js +3 -3
- package/css/es/components/Counter/Counter.js.map +1 -1
- package/css/es/components/DatePicker/DatePicker.config.js +4 -4
- package/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/es/components/DatePicker/DatePicker.js +5 -5
- package/css/es/components/DatePicker/DatePicker.js.map +1 -1
- package/css/es/components/Divider/Divider.config.js +2 -2
- package/css/es/components/Divider/Divider.config.js.map +1 -1
- package/css/es/components/Divider/Divider.js +3 -3
- package/css/es/components/Divider/Divider.js.map +1 -1
- package/css/es/components/Drawer/Drawer.config.js +3 -3
- package/css/es/components/Drawer/Drawer.config.js.map +1 -1
- package/css/es/components/Drawer/Drawer.js +9 -9
- package/css/es/components/Drawer/Drawer.js.map +1 -1
- package/css/es/components/Dropdown/Dropdown.config.js +2 -2
- package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/es/components/Dropdown/Dropdown.js +5 -5
- package/css/es/components/Dropdown/Dropdown.js.map +1 -1
- package/css/es/components/Dropdown/components/DropdownItem.js +38 -33
- package/css/es/components/Dropdown/components/DropdownItem.js.map +1 -1
- package/css/es/components/Dropdown/components/DropdownList.js +4 -3
- package/css/es/components/Dropdown/components/DropdownList.js.map +1 -1
- package/css/es/components/Dropdown/components/DropdownOld.config.js +2 -2
- package/css/es/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/es/components/Dropdown/components/DropdownPopup.js +17 -16
- package/css/es/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/es/components/Dropzone/Dropzone.config.js +3 -3
- package/css/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/css/es/components/Dropzone/Dropzone.js +3 -3
- package/css/es/components/Dropzone/Dropzone.js.map +1 -1
- package/css/es/components/Editable/Editable.config.js +2 -2
- package/css/es/components/Editable/Editable.config.js.map +1 -1
- package/css/es/components/Editable/Editable.js +5 -5
- package/css/es/components/Editable/Editable.js.map +1 -1
- package/css/es/components/EmptyState/EmptyState.config.js +1 -1
- package/css/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/css/es/components/EmptyState/EmptyState.js +3 -3
- package/css/es/components/EmptyState/EmptyState.js.map +1 -1
- package/css/es/components/Flow/Flow.js +3 -3
- package/css/es/components/Flow/Flow.js.map +1 -1
- package/css/es/components/Grid/Grid.config.js +2 -2
- package/css/es/components/Grid/Grid.config.js.map +1 -1
- package/css/es/components/Grid/Grid.js +3 -3
- package/css/es/components/Grid/Grid.js.map +1 -1
- package/css/es/components/IconButton/IconButton.config.js +4 -4
- package/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/css/es/components/IconButton/IconButton.js +4 -4
- package/css/es/components/IconButton/IconButton.js.map +1 -1
- package/css/es/components/Image/Image.js +4 -4
- package/css/es/components/Image/Image.js.map +1 -1
- package/css/es/components/Indicator/Indicator.config.js +2 -2
- package/css/es/components/Indicator/Indicator.config.js.map +1 -1
- package/css/es/components/Indicator/Indicator.js +3 -3
- package/css/es/components/Indicator/Indicator.js.map +1 -1
- package/css/es/components/Link/Link.config.js +4 -4
- package/css/es/components/Link/Link.config.js.map +1 -1
- package/css/es/components/Link/Link.js +4 -4
- package/css/es/components/Link/Link.js.map +1 -1
- package/css/es/components/LinkButton/LinkButton.config.js +3 -3
- package/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/es/components/LinkButton/LinkButton.js +3 -3
- package/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/css/es/components/List/List.config.js +3 -3
- package/css/es/components/List/List.config.js.map +1 -1
- package/css/es/components/List/List.js +4 -4
- package/css/es/components/List/List.js.map +1 -1
- package/css/es/components/Mask/Mask.js +1 -1
- package/css/es/components/Mask/Mask.js.map +1 -1
- package/css/es/components/ModalBase/Modal.config.js +2 -2
- package/css/es/components/ModalBase/Modal.config.js.map +1 -1
- package/css/es/components/ModalBase/ModalBase.js +4 -4
- package/css/es/components/ModalBase/ModalBase.js.map +1 -1
- package/css/es/components/Note/Note.config.js +2 -2
- package/css/es/components/Note/Note.config.js.map +1 -1
- package/css/es/components/Note/Note.js +3 -3
- package/css/es/components/Note/Note.js.map +1 -1
- package/css/es/components/Notification/Notification.config.js +3 -3
- package/css/es/components/Notification/Notification.config.js.map +1 -1
- package/css/es/components/Notification/Notification.js +10 -10
- package/css/es/components/Notification/Notification.js.map +1 -1
- package/css/es/components/NumberFormat/NumberFormat.js +1 -1
- package/css/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/css/es/components/NumberInput/NumberInput.config.js +4 -4
- package/css/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/css/es/components/NumberInput/NumberInput.js +3 -3
- package/css/es/components/NumberInput/NumberInput.js.map +1 -1
- package/css/es/components/Pagination/Pagination.config.js +4 -4
- package/css/es/components/Pagination/Pagination.config.js.map +1 -1
- package/css/es/components/Pagination/Pagination.js +4 -4
- package/css/es/components/Pagination/Pagination.js.map +1 -1
- package/css/es/components/Popover/Popover.config.js +2 -2
- package/css/es/components/Popover/Popover.config.js.map +1 -1
- package/css/es/components/Popover/Popover.js +3 -3
- package/css/es/components/Popover/Popover.js.map +1 -1
- package/css/es/components/PopupBase/PopupBase.js +3 -3
- package/css/es/components/PopupBase/PopupBase.js.map +1 -1
- package/css/es/components/Price/Price.config.js +1 -1
- package/css/es/components/Price/Price.config.js.map +1 -1
- package/css/es/components/Price/Price.js +4 -4
- package/css/es/components/Price/Price.js.map +1 -1
- package/css/es/components/Progress/Progress.config.js +2 -2
- package/css/es/components/Progress/Progress.config.js.map +1 -1
- package/css/es/components/Progress/Progress.js +4 -4
- package/css/es/components/Progress/Progress.js.map +1 -1
- package/css/es/components/Radiobox/Radiobox.config.js +4 -4
- package/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/css/es/components/Radiobox/Radiobox.js +4 -4
- package/css/es/components/Radiobox/Radiobox.js.map +1 -1
- package/css/es/components/Range/Range.config.js +4 -4
- package/css/es/components/Range/Range.config.js.map +1 -1
- package/css/es/components/Range/Range.js +3 -3
- package/css/es/components/Range/Range.js.map +1 -1
- package/css/es/components/Rating/Rating.config.js +2 -2
- package/css/es/components/Rating/Rating.config.js.map +1 -1
- package/css/es/components/Rating/Rating.js +3 -3
- package/css/es/components/Rating/Rating.js.map +1 -1
- package/css/es/components/Segment/Segment.js +5 -5
- package/css/es/components/Segment/Segment.js.map +1 -1
- package/css/es/components/Segment/SegmentGroup.config.js +5 -5
- package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/es/components/Segment/SegmentItem.config.js +4 -4
- package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/es/components/Select/Select.config.js +6 -6
- package/css/es/components/Select/Select.config.js.map +1 -1
- package/css/es/components/Select/Select.js +5 -5
- package/css/es/components/Select/Select.js.map +1 -1
- package/css/es/components/Sheet/Sheet.config.js +2 -2
- package/css/es/components/Sheet/Sheet.config.js.map +1 -1
- package/css/es/components/Sheet/Sheet.js +4 -4
- package/css/es/components/Sheet/Sheet.js.map +1 -1
- package/css/es/components/Skeleton/LineSkeleton.config.js +1 -1
- package/css/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/css/es/components/Skeleton/Skeleton.js +5 -5
- package/css/es/components/Skeleton/Skeleton.js.map +1 -1
- package/css/es/components/Slider/Slider.config.js +3 -3
- package/css/es/components/Slider/Slider.config.js.map +1 -1
- package/css/es/components/Slider/Slider.js +4 -4
- package/css/es/components/Slider/Slider.js.map +1 -1
- package/css/es/components/Spinner/Spinner.config.js +2 -2
- package/css/es/components/Spinner/Spinner.config.js.map +1 -1
- package/css/es/components/Spinner/Spinner.js +4 -4
- package/css/es/components/Spinner/Spinner.js.map +1 -1
- package/css/es/components/Steps/Steps.config.js +3 -3
- package/css/es/components/Steps/Steps.config.js.map +1 -1
- package/css/es/components/Steps/Steps.js +4 -4
- package/css/es/components/Steps/Steps.js.map +1 -1
- package/css/es/components/Switch/Switch.config.js +4 -4
- package/css/es/components/Switch/Switch.config.js.map +1 -1
- package/css/es/components/Switch/Switch.js +4 -4
- package/css/es/components/Switch/Switch.js.map +1 -1
- package/css/es/components/Table/Table.config.js +2 -2
- package/css/es/components/Table/Table.config.js.map +1 -1
- package/css/es/components/Table/Table.js +4 -4
- package/css/es/components/Table/Table.js.map +1 -1
- package/css/es/components/Tabs/TabItem.js +6 -6
- package/css/es/components/Tabs/TabItem.js.map +1 -1
- package/css/es/components/Tabs/Tabs.js +6 -6
- package/css/es/components/Tabs/Tabs.js.map +1 -1
- package/css/es/components/Tabs/TabsController.js +6 -6
- package/css/es/components/Tabs/TabsController.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/css/es/components/TextArea/TextArea.config.js +5 -5
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/TextArea.js +4 -4
- package/css/es/components/TextArea/TextArea.js.map +1 -1
- package/css/es/components/TextField/TextField.config.js +7 -7
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/TextField.js +30 -30
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/css/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/css/es/components/TextFieldGroup/TextFieldGroup.js +3 -3
- package/css/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/css/es/components/Toast/Toast.config.js +4 -4
- package/css/es/components/Toast/Toast.config.js.map +1 -1
- package/css/es/components/Toast/Toast.js +5 -5
- package/css/es/components/Toast/Toast.js.map +1 -1
- package/css/es/components/Toolbar/Toolbar.config.js +2 -2
- package/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/es/components/Toolbar/Toolbar.js +5 -5
- package/css/es/components/Toolbar/Toolbar.js.map +1 -1
- package/css/es/components/Tooltip/Tooltip.config.js +2 -2
- package/css/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/es/components/Tooltip/Tooltip.js +3 -3
- package/css/es/components/Tooltip/Tooltip.js.map +1 -1
- package/css/es/components/Tree/Tree.config.js +2 -2
- package/css/es/components/Tree/Tree.config.js.map +1 -1
- package/css/es/components/Tree/Tree.js +3 -3
- package/css/es/components/Tree/Tree.js.map +1 -1
- package/css/es/components/Typography/Body.config.js +5 -5
- package/css/es/components/Typography/Body.config.js.map +1 -1
- package/css/es/components/Typography/Dspl.config.js +3 -3
- package/css/es/components/Typography/Dspl.config.js.map +1 -1
- package/css/es/components/Typography/Heading.config.js +5 -5
- package/css/es/components/Typography/Heading.config.js.map +1 -1
- package/css/es/components/Typography/Old/Body.config.js +13 -3
- package/css/es/components/Typography/Old/Body.config.js.map +1 -1
- package/css/es/components/Typography/Old/Button.config.js +2 -2
- package/css/es/components/Typography/Old/Button.config.js.map +1 -1
- package/css/es/components/Typography/Old/Caption.config.js +1 -1
- package/css/es/components/Typography/Old/Caption.config.js.map +1 -1
- package/css/es/components/Typography/Old/Display.config.js +34 -0
- package/css/es/components/Typography/Old/Display.config.js.map +1 -0
- package/css/es/components/Typography/Old/Display.config_1x1kr2u.css +3 -0
- package/css/es/components/Typography/Old/Footnote.config.js +2 -2
- package/css/es/components/Typography/Old/Footnote.config.js.map +1 -1
- package/css/es/components/Typography/Old/Headline.config.js +5 -5
- package/css/es/components/Typography/Old/Headline.config.js.map +1 -1
- package/css/es/components/Typography/Old/Paragraph.config.js +2 -2
- package/css/es/components/Typography/Old/Paragraph.config.js.map +1 -1
- package/css/es/components/Typography/Old/ParagraphText.config.js +2 -2
- package/css/es/components/Typography/Old/ParagraphText.config.js.map +1 -1
- package/css/es/components/Typography/Old/Subtitle.config.js +1 -1
- package/css/es/components/Typography/Old/Subtitle.config.js.map +1 -1
- package/css/es/components/Typography/Old/Underline.config.js +1 -1
- package/css/es/components/Typography/Old/Underline.config.js.map +1 -1
- package/css/es/components/Typography/Old/index.js +65 -56
- package/css/es/components/Typography/Old/index.js.map +1 -1
- package/css/es/components/Typography/Text.config.js +4 -4
- package/css/es/components/Typography/Text.config.js.map +1 -1
- package/css/es/components/Typography/Typography.js +52 -52
- package/css/es/components/Typography/Typography.js.map +1 -1
- package/css/es/index.css +2 -2
- package/es/components/Carousel/Carousel.config.js +4 -11
- package/es/components/Carousel/Carousel.js +1 -1
- package/package.json +8 -8
- package/css/cjs/components/Carousel/Carousel.config_uusoxc.css +0 -2
- package/css/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.config.js","sources":["../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-clear);\n ${tokens.borderColor}: var(--surface-transparent-tertiary);\n ${tokens.borderColorError}: var(--surface-negative);\n ${tokens.borderColorSuccess}: var(--surface-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldBorderColorHover}: var(--text-secondary);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n ${tokens.textFieldBorderColorError}: var(--surface-negative);\n ${tokens.textFieldBorderColorErrorHover}: var(--surface-negative-hover);\n ${tokens.textFieldBorderColorErrorFocus}: var(--surface-accent);\n ${tokens.textFieldBorderColorSuccess}: var(--surface-positive);\n ${tokens.textFieldBorderColorSuccessHover}: var(--surface-positive-hover);\n ${tokens.textFieldBorderColorSuccessFocus}: var(--surface-accent);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\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.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\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.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\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.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\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.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-clear);\n ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAiCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAcR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Range.config.js","sources":["../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-clear);\n ${tokens.borderColor}: var(--surface-transparent-tertiary);\n ${tokens.borderColorError}: var(--surface-negative);\n ${tokens.borderColorSuccess}: var(--surface-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldBorderColorHover}: var(--text-secondary);\n ${tokens.textFieldBorderColorFocus}: var(--surface-accent);\n ${tokens.textFieldBorderColorError}: var(--surface-negative);\n ${tokens.textFieldBorderColorErrorHover}: var(--surface-negative-hover);\n ${tokens.textFieldBorderColorErrorFocus}: var(--surface-accent);\n ${tokens.textFieldBorderColorSuccess}: var(--surface-positive);\n ${tokens.textFieldBorderColorSuccessHover}: var(--surface-positive-hover);\n ${tokens.textFieldBorderColorSuccessFocus}: var(--surface-accent);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\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.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\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.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\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.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\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.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldBorderWidth}: 0.0625rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\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.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-clear);\n ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAiCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuDL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;AAcR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, rangeConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Range.config.js';
|
3
3
|
|
4
|
-
|
4
|
+
const mergedConfig = mergeConfig(rangeConfig, config);
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Компонент Range.
|
8
8
|
*/
|
9
|
-
|
9
|
+
const Range = component(mergedConfig);
|
10
10
|
|
11
11
|
export { Range };
|
12
12
|
//# sourceMappingURL=Range.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.js","sources":["../../../../src-css/components/Range/Range.ts"],"sourcesContent":["import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Range.config';\n\nconst mergedConfig = mergeConfig(rangeConfig, config);\n\n/**\n * Компонент Range.\n */\nexport const Range = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","rangeConfig","config","Range","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"Range.js","sources":["../../../../src-css/components/Range/Range.ts"],"sourcesContent":["import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Range.config';\n\nconst mergedConfig = mergeConfig(rangeConfig, config);\n\n/**\n * Компонент Range.\n */\nexport const Range = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","rangeConfig","config","Range","component"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;;AAErD;AACA;AACA;MACaC,KAAK,GAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Rating.config.js","sources":["../../../../src-css/components/Rating/Rating.config.ts"],"sourcesContent":["import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n ${tokens.iconColor}: var(--text-primary);\n ${tokens.outlineIconColor}: var(--text-primary);\n `,\n accent: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n // TODO: change with token data-yellow, when it will be added to theme\n ${tokens.iconColor}: #F3A912;\n ${tokens.outlineIconColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n m: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n s: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1rem;\n `,\n xs: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n xxs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n h1: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h1-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentGap}: 1rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 3rem;\n ${tokens.singleIconSizeMedium}: 3rem;\n ${tokens.singleIconSizeSmall}: 2.25rem;\n `,\n h2: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentGap}: 0.875rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.75rem;\n ${tokens.iconSizeSmall}: 1.5rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 2rem;\n ${tokens.singleIconSizeMedium}: 1.75rem;\n ${tokens.singleIconSizeSmall}: 1.5rem;\n `,\n h3: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.75rem;\n ${tokens.singleIconContentGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.75rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.75rem;\n ${tokens.singleIconSizeMedium}: 1.5rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h4: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.5rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.5rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h5: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.25rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.25rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1rem;\n `,\n displayL: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.625rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 4rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 7.5rem;\n ${tokens.singleIconSizeMedium}: 7rem;\n ${tokens.singleIconSizeSmall}: 5.5rem;\n `,\n displayM: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 2.25rem;\n ${tokens.iconSizeSmall}: 1.75rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 5.25rem;\n ${tokens.singleIconSizeMedium}: 4.5rem;\n ${tokens.singleIconSizeSmall}: 4rem;\n `,\n displayS: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.313rem;\n ${tokens.singleIconSizeLarge}: 4rem;\n ${tokens.singleIconSizeMedium}: 3.5rem;\n ${tokens.singleIconSizeSmall}: 2.75rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","l","m","s","xs","xxs","h1","h2","h3","h4","h5","displayL","displayM","displayS"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAKC,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAOT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAsBA,UAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,EAAE,EA0BD,SAAA;AACDC,MAAAA,GAAG,EAwBF,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,QAAQ,EA8BP,SAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;AA+BZ,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Rating.config.js","sources":["../../../../src-css/components/Rating/Rating.config.ts"],"sourcesContent":["import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n ${tokens.iconColor}: var(--text-primary);\n ${tokens.outlineIconColor}: var(--text-primary);\n `,\n accent: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n // TODO: change with token data-yellow, when it will be added to theme\n ${tokens.iconColor}: #F3A912;\n ${tokens.outlineIconColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n m: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n s: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1rem;\n `,\n xs: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n xxs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n h1: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h1-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentGap}: 1rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 3rem;\n ${tokens.singleIconSizeMedium}: 3rem;\n ${tokens.singleIconSizeSmall}: 2.25rem;\n `,\n h2: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentGap}: 0.875rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.75rem;\n ${tokens.iconSizeSmall}: 1.5rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 2rem;\n ${tokens.singleIconSizeMedium}: 1.75rem;\n ${tokens.singleIconSizeSmall}: 1.5rem;\n `,\n h3: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.75rem;\n ${tokens.singleIconContentGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.75rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.75rem;\n ${tokens.singleIconSizeMedium}: 1.5rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h4: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.5rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.5rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h5: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.25rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.25rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1rem;\n `,\n displayL: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.625rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 4rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 7.5rem;\n ${tokens.singleIconSizeMedium}: 7rem;\n ${tokens.singleIconSizeSmall}: 5.5rem;\n `,\n displayM: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 2.25rem;\n ${tokens.iconSizeSmall}: 1.75rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 5.25rem;\n ${tokens.singleIconSizeMedium}: 4.5rem;\n ${tokens.singleIconSizeSmall}: 4rem;\n `,\n displayS: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.313rem;\n ${tokens.singleIconSizeLarge}: 4rem;\n ${tokens.singleIconSizeMedium}: 3.5rem;\n ${tokens.singleIconSizeSmall}: 2.75rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","l","m","s","xs","xxs","h1","h2","h3","h4","h5","displayL","displayM","displayS"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAKN,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAOT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAsBA,UAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,EAAE,EA0BD,SAAA;AACDC,MAAAA,GAAG,EAwBF,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,QAAQ,EA8BP,SAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;AA+BZ,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, ratingConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Rating.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(ratingConfig, config);
|
5
|
+
const Rating = component(mergedConfig);
|
6
6
|
|
7
7
|
export { Rating };
|
8
8
|
//# sourceMappingURL=Rating.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Rating.js","sources":["../../../../src-css/components/Rating/Rating.ts"],"sourcesContent":["import { ratingConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Rating.config';\n\nconst mergedConfig = mergeConfig(ratingConfig, config);\n\nexport const Rating = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","ratingConfig","config","Rating","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"Rating.js","sources":["../../../../src-css/components/Rating/Rating.ts"],"sourcesContent":["import { ratingConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Rating.config';\n\nconst mergedConfig = mergeConfig(ratingConfig, config);\n\nexport const Rating = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","ratingConfig","config","Rating","component"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;MAEzCC,MAAM,GAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,19 +1,19 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, segmentItemConfig, segmentGroupConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope';
|
3
3
|
import { config } from './SegmentItem.config.js';
|
4
4
|
import { config as config$1 } from './SegmentGroup.config.js';
|
5
5
|
|
6
|
-
|
7
|
-
|
6
|
+
const mergedSegmentItemConfig = mergeConfig(segmentItemConfig, config);
|
7
|
+
const mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, config$1);
|
8
8
|
|
9
9
|
/**
|
10
10
|
* Компонент группы сегментов.
|
11
11
|
*/
|
12
|
-
|
12
|
+
const SegmentGroup = component(mergedSegmentGroupConfig);
|
13
13
|
/**
|
14
14
|
* Компонент сегмента.
|
15
15
|
*/
|
16
|
-
|
16
|
+
const SegmentItem = component(mergedSegmentItemConfig);
|
17
17
|
|
18
18
|
export { SegmentGroup, SegmentItem };
|
19
19
|
//# sourceMappingURL=Segment.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Segment.js","sources":["../../../../src-css/components/Segment/Segment.ts"],"sourcesContent":["import {\n segmentItemConfig,\n segmentGroupConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as configSegmentItem } from './SegmentItem.config';\nimport { config as configSegmentGroup } from './SegmentGroup.config';\n\n/**\n * Провайдер контекста для группы сегментов и хук для доступа к контексту.\n */\nexport { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope';\n\nconst mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);\nconst mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);\n\n/**\n * Компонент группы сегментов.\n */\nexport const SegmentGroup = component(mergedSegmentGroupConfig);\n/**\n * Компонент сегмента.\n */\nexport const SegmentItem = component(mergedSegmentItemConfig);\n"],"names":["mergedSegmentItemConfig","mergeConfig","segmentItemConfig","configSegmentItem","mergedSegmentGroupConfig","segmentGroupConfig","configSegmentGroup","SegmentGroup","component","SegmentItem"],"mappings":";;;;;AAeA,
|
1
|
+
{"version":3,"file":"Segment.js","sources":["../../../../src-css/components/Segment/Segment.ts"],"sourcesContent":["import {\n segmentItemConfig,\n segmentGroupConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as configSegmentItem } from './SegmentItem.config';\nimport { config as configSegmentGroup } from './SegmentGroup.config';\n\n/**\n * Провайдер контекста для группы сегментов и хук для доступа к контексту.\n */\nexport { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope';\n\nconst mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);\nconst mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);\n\n/**\n * Компонент группы сегментов.\n */\nexport const SegmentGroup = component(mergedSegmentGroupConfig);\n/**\n * Компонент сегмента.\n */\nexport const SegmentItem = component(mergedSegmentItemConfig);\n"],"names":["mergedSegmentItemConfig","mergeConfig","segmentItemConfig","configSegmentItem","mergedSegmentGroupConfig","segmentGroupConfig","configSegmentGroup","SegmentGroup","component","SegmentItem"],"mappings":";;;;;AAeA,MAAMA,uBAAuB,GAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAiB,CAAC,CAAA;AACjF,MAAMC,wBAAwB,GAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAkB,CAAC,CAAA;;AAEpF;AACA;AACA;MACaC,YAAY,GAAGC,SAAS,CAACJ,wBAAwB,EAAC;AAC/D;AACA;AACA;MACaK,WAAW,GAAGD,SAAS,CAACR,uBAAuB;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './SegmentGroup.config_17cq5ob.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'clear',
|
5
5
|
size: 'xs'
|
@@ -17,16 +17,16 @@ var config = {
|
|
17
17
|
xl: "x1832286"
|
18
18
|
},
|
19
19
|
disabled: {
|
20
|
-
|
20
|
+
true: "tho2yw5"
|
21
21
|
},
|
22
22
|
pilled: {
|
23
|
-
|
23
|
+
true: "t1q8y2w0"
|
24
24
|
},
|
25
25
|
stretch: {
|
26
|
-
|
26
|
+
true: "tjfuhig"
|
27
27
|
},
|
28
28
|
filledBackground: {
|
29
|
-
|
29
|
+
true: "t1d6v4b9"
|
30
30
|
},
|
31
31
|
orientation: {
|
32
32
|
vertical: "v2donwi"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n xl: css`\n ${segmentTokens.groupBorderRadius}: 1.125rem;\n // NOTE: change on token when added\n ${segmentTokens.groupPilledBorderRadius}: 1000px;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1.25rem 1.5rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.5rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-secondary);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","xl","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n xl: css`\n ${segmentTokens.groupBorderRadius}: 1.125rem;\n // NOTE: change on token when added\n ${segmentTokens.groupPilledBorderRadius}: 1000px;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1.25rem 1.5rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.5rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-secondary);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","xl","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAIJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAKT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAOD,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAOA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KASL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;AACJD,MAAAA,IAAI,EAAA,UAAA;KACP;AACDE,IAAAA,OAAO,EAAE;AACLF,MAAAA,IAAI,EAAA,SAAA;KACP;AACDG,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDI,IAAAA,WAAW,EAAE;AACTC,MAAAA,QAAQ,EAAA,SAAA;AACZ,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './SegmentItem.config_6l9vt6.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'clear',
|
5
5
|
size: 'xs'
|
@@ -8,7 +8,7 @@ var config = {
|
|
8
8
|
view: {
|
9
9
|
clear: "cw5l9ny",
|
10
10
|
secondary: "s1xvuorj",
|
11
|
-
|
11
|
+
default: "d1f4sf91",
|
12
12
|
accent: "a12jn5jz"
|
13
13
|
},
|
14
14
|
size: {
|
@@ -19,10 +19,10 @@ var config = {
|
|
19
19
|
xl: "x1aaurja"
|
20
20
|
},
|
21
21
|
disabled: {
|
22
|
-
|
22
|
+
true: "t12kygsn"
|
23
23
|
},
|
24
24
|
pilled: {
|
25
|
-
|
25
|
+
true: "t14piq1i"
|
26
26
|
}
|
27
27
|
}
|
28
28
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SegmentItem.config.js","sources":["../../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--text-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-tertiary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n accent: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--on-dark-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-accent);\n ${segmentTokens.itemSelectedColorHover}: var(--on-dark-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-accent);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0.5rem 0.75rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0.5rem 1rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0.75rem 1.25rem;\n ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;\n ${segmentTokens.itemContentPadding}: 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.25rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.875rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3.5rem;\n ${segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */\n ${segmentTokens.itemPilledPadding}: 1rem 1rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${segmentTokens.itemBorderRadius}: 1rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 4rem;\n ${segmentTokens.itemPadding}: 1.25rem 1.75rem;\n ${segmentTokens.itemPilledPadding}: 1.25rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n // NOTE: change on token when added\n ${segmentTokens.itemPilledBorderRadius}: 1000px;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","default","accent","xs","s","m","l","xl","disabled","true","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAeJ,SAAA;AACDC,MAAAA,SAAS,EAeR,UAAA;AACDC,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAgBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAIR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"SegmentItem.config.js","sources":["../../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--text-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-tertiary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--text-accent);\n `,\n accent: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--on-dark-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-accent);\n ${segmentTokens.itemSelectedColorHover}: var(--on-dark-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-accent);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0.5rem 0.75rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0.5rem 1rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0.75rem 1.25rem;\n ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;\n ${segmentTokens.itemContentPadding}: 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.25rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.875rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3.5rem;\n ${segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */\n ${segmentTokens.itemPilledPadding}: 1rem 1rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${segmentTokens.itemBorderRadius}: 1rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 4rem;\n ${segmentTokens.itemPadding}: 1.25rem 1.75rem;\n ${segmentTokens.itemPilledPadding}: 1.25rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n // NOTE: change on token when added\n ${segmentTokens.itemPilledBorderRadius}: 1000px;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","default","accent","xs","s","m","l","xl","disabled","true","pilled"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAeJ,SAAA;AACDC,MAAAA,SAAS,EAeR,UAAA;AACDC,MAAAA,OAAO,EAeN,UAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAgBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;AACJD,MAAAA,IAAI,EAAA,UAAA;AAIR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './Select.config_14aqv25.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'm',
|
@@ -8,7 +8,7 @@ var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
|
11
|
+
default: "d12monx2",
|
12
12
|
positive: "p12mt93w",
|
13
13
|
warning: "wblrfmp",
|
14
14
|
negative: "n18rkx8m",
|
@@ -30,22 +30,22 @@ var config = {
|
|
30
30
|
outer: "o14mgo3m"
|
31
31
|
},
|
32
32
|
chipView: {
|
33
|
-
|
33
|
+
default: "dkffuw3",
|
34
34
|
secondary: "s1aimt43",
|
35
35
|
accent: "a19rep3t"
|
36
36
|
},
|
37
37
|
hintView: {
|
38
|
-
|
38
|
+
default: "d6s8e0z"
|
39
39
|
},
|
40
40
|
hintSize: {
|
41
41
|
m: "m1xyfvj1",
|
42
42
|
s: "sbj2yma"
|
43
43
|
},
|
44
44
|
disabled: {
|
45
|
-
|
45
|
+
true: "tbdl439"
|
46
46
|
},
|
47
47
|
readOnly: {
|
48
|
-
|
48
|
+
true: "ty4glaq"
|
49
49
|
}
|
50
50
|
}
|
51
51
|
};
|