@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":"Button.config.js","sources":["../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xlr: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,MAAM,EAOL,SAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,IAAI,EAOH,UAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACD1B,IAAAA,OAAO,EAAE;MACL0B,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAO,UAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Button.config.js","sources":["../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xlr: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,OAAO,EAON,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,MAAM,EAOL,SAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,IAAI,EAOH,UAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACD1B,IAAAA,OAAO,EAAE;AACL0B,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAO,UAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, buttonConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Button.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(buttonConfig, config);
|
5
|
+
const ButtonComponent = component(mergedConfig);
|
6
6
|
|
7
7
|
/**
|
8
8
|
* Компонент Button.
|
9
9
|
*/
|
10
|
-
|
10
|
+
const Button = ButtonComponent;
|
11
11
|
|
12
12
|
export { Button };
|
13
13
|
//# sourceMappingURL=Button.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src-css/components/Button/Button.tsx"],"sourcesContent":["import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Button.config';\n\nconst mergedConfig = mergeConfig(buttonConfig, config);\nconst ButtonComponent = component(mergedConfig);\n\n/**\n * Компонент Button.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src-css/components/Button/Button.tsx"],"sourcesContent":["import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Button.config';\n\nconst mergedConfig = mergeConfig(buttonConfig, config);\nconst ButtonComponent = component(mergedConfig);\n\n/**\n * Компонент Button.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,MAAMC,eAAe,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE/C;AACA;AACA;AACO,MAAMM,MAAM,GAAGF;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import './ButtonGroup.config_nvojq8.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'm'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
|
-
|
9
|
+
default: "d1n1yjnm",
|
10
10
|
/**
|
11
11
|
* @deprecated
|
12
12
|
* использовать `default`
|
@@ -46,7 +46,7 @@ var config = {
|
|
46
46
|
},
|
47
47
|
shape: {
|
48
48
|
segmented: "s192v9cb",
|
49
|
-
|
49
|
+
default: "dxjkdyx"
|
50
50
|
},
|
51
51
|
stretching: {
|
52
52
|
auto: "a14e86kn",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xlr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"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,EASC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,QAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChB9B,SAAO,EAAA,SAAA;KACV;AACD+B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,SAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n /**\n * @deprecated\n * использовать `default`\n */\n primary: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xlr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"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,EASN,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,QAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;AAChB9B,MAAAA,OAAO,EAAA,SAAA;KACV;AACD+B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,SAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, buttonGroupConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './ButtonGroup.config.js';
|
3
3
|
|
4
|
-
|
4
|
+
const mergedConfig = mergeConfig(buttonGroupConfig, config);
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Группа кнопок.
|
8
8
|
*/
|
9
|
-
|
9
|
+
const ButtonGroup = component(mergedConfig);
|
10
10
|
|
11
11
|
export { ButtonGroup };
|
12
12
|
//# sourceMappingURL=ButtonGroup.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { buttonGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ButtonGroup.config';\n\nconst mergedConfig = mergeConfig(buttonGroupConfig, config);\n\n/**\n * Группа кнопок.\n */\nexport const ButtonGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","buttonGroupConfig","config","ButtonGroup","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sources":["../../../../src-css/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { buttonGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ButtonGroup.config';\n\nconst mergedConfig = mergeConfig(buttonGroupConfig, config);\n\n/**\n * Группа кнопок.\n */\nexport const ButtonGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","buttonGroupConfig","config","ButtonGroup","component"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;;AAE3D;AACA;AACA;MACaC,WAAW,GAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, calendarBaseConfig, calendarDoubleConfig, component, withRange, boundCalendar } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './CalendarBase.config.js';
|
3
3
|
import { config as config$1 } from './CalendarDouble.config.js';
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
5
|
+
const mergedCalendarBaseConfig = mergeConfig(calendarBaseConfig, config);
|
6
|
+
const mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig, config$1);
|
7
|
+
const CalendarBase = component(mergedCalendarBaseConfig);
|
8
|
+
const CalendarDouble = component(mergedCalendarDoubleConfig);
|
9
|
+
const CalendarBaseRange = withRange(CalendarBase);
|
10
|
+
const CalendarDoubleRange = withRange(CalendarDouble);
|
11
|
+
const Calendar = boundCalendar({
|
12
12
|
base: CalendarBase,
|
13
13
|
baseRange: CalendarBaseRange,
|
14
|
-
|
14
|
+
double: CalendarDouble,
|
15
15
|
doubleRange: CalendarDoubleRange
|
16
16
|
});
|
17
17
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Calendar.js","sources":["../../../../src-css/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n boundCalendar,\n withRange,\n calendarBaseConfig,\n calendarDoubleConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope';\nimport type { FC } from 'react';\n\nimport { config as baseConfig } from './CalendarBase.config';\nimport { config as doubleConfig } from './CalendarDouble.config';\n\nconst mergedCalendarBaseConfig = mergeConfig(calendarBaseConfig, baseConfig);\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig, doubleConfig);\n\nexport const CalendarBase = component(mergedCalendarBaseConfig);\nexport const CalendarDouble = component(mergedCalendarDoubleConfig);\nexport const CalendarBaseRange = withRange<CalendarBaseProps>(CalendarBase);\nexport const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\n\nexport const Calendar = boundCalendar({\n base: CalendarBase as FC<CalendarBaseProps>,\n baseRange: CalendarBaseRange,\n double: CalendarDouble as FC<CalendarDoubleProps>,\n doubleRange: CalendarDoubleRange,\n});\n"],"names":["mergedCalendarBaseConfig","mergeConfig","calendarBaseConfig","baseConfig","mergedCalendarDoubleConfig","calendarDoubleConfig","doubleConfig","CalendarBase","component","CalendarDouble","CalendarBaseRange","withRange","CalendarDoubleRange","Calendar","boundCalendar","base","baseRange","doubleRange"],"mappings":";;;;AAcA,
|
1
|
+
{"version":3,"file":"Calendar.js","sources":["../../../../src-css/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n boundCalendar,\n withRange,\n calendarBaseConfig,\n calendarDoubleConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope';\nimport type { FC } from 'react';\n\nimport { config as baseConfig } from './CalendarBase.config';\nimport { config as doubleConfig } from './CalendarDouble.config';\n\nconst mergedCalendarBaseConfig = mergeConfig(calendarBaseConfig, baseConfig);\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig, doubleConfig);\n\nexport const CalendarBase = component(mergedCalendarBaseConfig);\nexport const CalendarDouble = component(mergedCalendarDoubleConfig);\nexport const CalendarBaseRange = withRange<CalendarBaseProps>(CalendarBase);\nexport const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\n\nexport const Calendar = boundCalendar({\n base: CalendarBase as FC<CalendarBaseProps>,\n baseRange: CalendarBaseRange,\n double: CalendarDouble as FC<CalendarDoubleProps>,\n doubleRange: CalendarDoubleRange,\n});\n"],"names":["mergedCalendarBaseConfig","mergeConfig","calendarBaseConfig","baseConfig","mergedCalendarDoubleConfig","calendarDoubleConfig","doubleConfig","CalendarBase","component","CalendarDouble","CalendarBaseRange","withRange","CalendarDoubleRange","Calendar","boundCalendar","base","baseRange","double","doubleRange"],"mappings":";;;;AAcA,MAAMA,wBAAwB,GAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAU,CAAC,CAAA;AAC5E,MAAMC,0BAA0B,GAAGH,WAAW,CAACI,oBAAoB,EAAEC,QAAY,CAAC,CAAA;MAErEC,YAAY,GAAGC,SAAS,CAACR,wBAAwB,EAAC;MAClDS,cAAc,GAAGD,SAAS,CAACJ,0BAA0B,EAAC;MACtDM,iBAAiB,GAAGC,SAAS,CAAoBJ,YAAY,EAAC;MAC9DK,mBAAmB,GAAGD,SAAS,CAAsBF,cAAc,EAAC;AAEpEI,MAAAA,QAAQ,GAAGC,aAAa,CAAC;AAClCC,EAAAA,IAAI,EAAER,YAAqC;AAC3CS,EAAAA,SAAS,EAAEN,iBAAiB;AAC5BO,EAAAA,MAAM,EAAER,cAAyC;AACjDS,EAAAA,WAAW,EAAEN,mBAAAA;AACjB,CAAC;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarBase.config.js","sources":["../../../../src-css/components/Calendar/CalendarBase.config.ts"],"sourcesContent":["import { css, calendarBaseTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};\n ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarBaseTokens.iconButtonColor}: var(--text-primary);\n ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 2.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2rem;\n ${calendarBaseTokens.iconButtonWidth}: 2rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"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;KA8BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoEN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"CalendarBase.config.js","sources":["../../../../src-css/components/Calendar/CalendarBase.config.ts"],"sourcesContent":["import { css, calendarBaseTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarBaseTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};\n ${calendarBaseTokens.calendarDayOfWeekColor}: var(--text-secondary);\n ${calendarBaseTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarBaseTokens.iconButtonColor}: var(--text-primary);\n ${calendarBaseTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarBaseTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.375rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 2.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.375rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2rem;\n ${calendarBaseTokens.iconButtonWidth}: 2rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"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;KA8BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoEN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarDouble.config.js","sources":["../../../../src-css/components/Calendar/CalendarDouble.config.ts"],"sourcesContent":["import { css, calendarDoubleTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarBackgroundColor}: transparent;\n ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};\n ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarDoubleTokens.iconButtonColor}: var(--text-primary);\n ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 51.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 25rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 44.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 21rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.25rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 17rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.75rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"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,SAAA;KA+BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAmEA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoEN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"CalendarDouble.config.js","sources":["../../../../src-css/components/Calendar/CalendarDouble.config.ts"],"sourcesContent":["import { css, calendarDoubleTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarBackgroundColor}: transparent;\n ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};\n ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarDoubleTokens.iconButtonColor}: var(--text-primary);\n ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 51.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 25rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 44.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 21rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.375rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.25rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 17rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.5rem 0 0.5rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.375rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.75rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"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,SAAA;KA+BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAmEA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoEN,KAAA;AACJ,GAAA;AACJ;;;;"}
|