@salutejs/sdds-serv 0.330.0-canary.2362.19765218937.0 → 0.330.0-canary.2362.19924292775.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/README.mdx +1 -1
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +1 -1
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +2 -2
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/CodeInput/CodeInput.config.js.map +1 -1
- package/components/CodeInput/CodeInput.js.map +1 -1
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.d.ts +24 -0
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js.map +1 -1
- package/components/Grid/Grid.config.js.map +1 -1
- package/components/Grid/Grid.js +2 -2
- package/components/Grid/Grid.js.map +1 -1
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js.map +1 -1
- package/components/Loader/Loader.config.js.map +1 -1
- package/components/Loader/Loader.js.map +1 -1
- package/components/Mask/Mask.css +43 -21
- package/components/Mask/Mask.d.ts +17 -33
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/Radiobox/Radiobox.js +1 -1
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +2 -2
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +2 -2
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.clear.config.d.ts +47 -0
- package/components/TextField/TextField.clear.config.js +55 -0
- package/components/TextField/TextField.clear.config.js.map +1 -0
- package/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/components/TextField/TextField.config.d.ts +0 -4
- package/components/TextField/TextField.config.js +13 -17
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/components/TextField/TextField.d.ts +970 -7
- package/components/TextField/TextField.js +14 -6
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/TimePicker/TimePicker.config.js.map +1 -1
- package/components/TimePicker/TimePicker.js.map +1 -1
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +1 -1
- package/components/Toast/Toast.js.map +1 -1
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tour/Tour.config.js.map +1 -1
- package/components/Tour/Tour.js.map +1 -1
- package/components/Tree/Tree.config.js +1 -1
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.config_ifudaq.css +5 -0
- package/components/Tree/Tree.css +5 -5
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/emotion/cjs/components/TextField/TextField.config.js +56 -102
- package/emotion/cjs/components/TextField/TextField.js +28 -5
- package/emotion/cjs/components/Tree/Tree.config.js +34 -10
- package/emotion/es/components/TextField/TextField.clear.config.js +821 -0
- package/emotion/es/components/TextField/TextField.config.js +56 -102
- package/emotion/es/components/TextField/TextField.js +15 -5
- package/emotion/es/components/Tree/Tree.config.js +34 -10
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +1 -1
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.config.js.map +1 -1
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js.map +1 -1
- package/es/components/Loader/Loader.config.js.map +1 -1
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Mask/Mask.css +43 -21
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +1 -1
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +9 -9
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.clear.config.js +51 -0
- package/es/components/TextField/TextField.clear.config.js.map +1 -0
- package/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/es/components/TextField/TextField.config.js +13 -17
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/es/components/TextField/TextField.js +14 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/TimePicker/TimePicker.config.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +1 -1
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tour/Tour.config.js.map +1 -1
- package/es/components/Tour/Tour.js.map +1 -1
- package/es/components/Tree/Tree.config.js +1 -1
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.config_ifudaq.css +5 -0
- package/es/components/Tree/Tree.css +5 -5
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +3 -3
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/index.css +50 -28
- package/index.js +58 -58
- package/package.json +8 -17
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/styled-components/cjs/components/TextField/TextField.config.js +56 -102
- package/styled-components/cjs/components/TextField/TextField.js +28 -5
- package/styled-components/cjs/components/Tree/Tree.config.js +34 -10
- package/styled-components/es/components/TextField/TextField.clear.config.js +821 -0
- package/styled-components/es/components/TextField/TextField.config.js +56 -102
- package/styled-components/es/components/TextField/TextField.js +15 -5
- package/styled-components/es/components/Tree/Tree.config.js +34 -10
- package/components/TextField/TextField.config_15il1op.css +0 -23
- package/components/Tree/Tree.config_19lfyoo.css +0 -5
- package/es/components/TextField/TextField.config_15il1op.css +0 -23
- package/es/components/Tree/Tree.config_19lfyoo.css +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.config.js","sources":["../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAoCF,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EASC,SAAA;AACDS,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAGC,UAAA;AACDS,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,UAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Avatar.config.js","sources":["../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAsCA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src-css/components/Avatar/Avatar.ts"],"sourcesContent":["import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Avatar.config';\n\nconst mergedConfig = mergeConfig(avatarConfig, config);\nconst Avatar = component(mergedConfig);\n\nexport { Avatar, mergedConfig };\n"],"names":["mergedConfig","mergeConfig","avatarConfig","config","Avatar","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src-css/components/Avatar/Avatar.ts"],"sourcesContent":["import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Avatar.config';\n\nconst mergedConfig = mergeConfig(avatarConfig, config);\nconst Avatar = component(mergedConfig);\n\nexport { Avatar, mergedConfig };\n"],"names":["mergedConfig","mergeConfig","avatarConfig","config","Avatar","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM;AACrD,IAAMC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.js","sources":["../../../src-css/components/AvatarGroup/AvatarGroup.ts"],"sourcesContent":["import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(avatarGroupConfig);\n\nexport const AvatarGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","avatarGroupConfig","AvatarGroup","component"],"mappings":";;AAEA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,CAAC
|
|
1
|
+
{"version":3,"file":"AvatarGroup.js","sources":["../../../src-css/components/AvatarGroup/AvatarGroup.ts"],"sourcesContent":["import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(avatarGroupConfig);\n\nexport const AvatarGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","avatarGroupConfig","AvatarGroup","component"],"mappings":";;AAEA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,CAAC;IAEtCC,WAAW,gBAAGC,SAAS,CAACJ,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.config.js","sources":["../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.padding}: 0 0.6875rem;\n ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.padding}: 0 0.5625rem;\n ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.padding}: 0 0.4375rem;\n ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n xs: css`\n ${badgeTokens.borderRadius}: 0.25rem;\n ${badgeTokens.height}: 1rem;\n ${badgeTokens.padding}: 0 0.25rem;\n ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n },\n pilled: {\n true: css`\n ${badgeTokens.pilledBorderRadius}: 1.25rem;\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css`\n ${badgeTokens.backgroundClear}: var(--surface-clear);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"Badge.config.js","sources":["../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.padding}: 0 0.6875rem;\n ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.padding}: 0 0.5625rem;\n ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.padding}: 0 0.4375rem;\n ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n xs: css`\n ${badgeTokens.borderRadius}: 0.25rem;\n ${badgeTokens.height}: 1rem;\n ${badgeTokens.padding}: 0 0.25rem;\n ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n },\n pilled: {\n true: css`\n ${badgeTokens.pilledBorderRadius}: 1.25rem;\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css`\n ${badgeTokens.backgroundClear}: var(--surface-clear);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA;KAmBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src-css/components/Badge/Badge.tsx"],"sourcesContent":["import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Badge.config';\n\nconst mergedConfig = mergeConfig(badgeConfig, config);\n\n/**\n * Компонент Badge.\n */\nexport const Badge = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","badgeConfig","config","Badge","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src-css/components/Badge/Badge.tsx"],"sourcesContent":["import { badgeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Badge.config';\n\nconst mergedConfig = mergeConfig(badgeConfig, config);\n\n/**\n * Компонент Badge.\n */\nexport const Badge = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","badgeConfig","config","Badge","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } 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 ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\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
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } 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 ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\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;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src-css/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Breadcrumbs.config';\n\nconst mergedConfig = mergeConfig(breadcrumbsConfig, config);\nconst BreadcrumbsComponent = component(mergedConfig);\n\n/**\n * Breadcrumbs\n */\nexport const Breadcrumbs = BreadcrumbsComponent;\n"],"names":["mergedConfig","mergeConfig","breadcrumbsConfig","config","BreadcrumbsComponent","component","Breadcrumbs"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src-css/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Breadcrumbs.config';\n\nconst mergedConfig = mergeConfig(breadcrumbsConfig, config);\nconst BreadcrumbsComponent = component(mergedConfig);\n\n/**\n * Breadcrumbs\n */\nexport const Breadcrumbs = BreadcrumbsComponent;\n"],"names":["mergedConfig","mergeConfig","breadcrumbsConfig","config","BreadcrumbsComponent","component","Breadcrumbs"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC;AAC3D,IAAMC,oBAAoB,gBAAGC,SAAS,CAACL,YAAY,CAAC;;AAEpD;AACA;AACA;AACO,IAAMM,WAAW,GAAGF;;;;"}
|
|
@@ -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.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\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.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\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","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","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,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,UAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;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.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 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 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\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.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\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","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","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;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA,UASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
|
|
@@ -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\nexport type ButtonProps = typeof ButtonComponent;\n\n/**\n * Кнопка.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC
|
|
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\nexport type ButtonProps = typeof ButtonComponent;\n\n/**\n * Кнопка.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAI/C;AACA;AACA;AACO,IAAMM,MAAM,GAAGF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } 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.buttonTextColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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 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 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 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 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 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","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","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,EAWC,UAAA;AACDC,MAAAA,MAAM,EAWL,SAAA;AACDC,MAAAA,SAAS,EAWR,SAAA;AACDC,MAAAA,KAAK,EAWJ,SAAA;AACDC,MAAAA,OAAO,EAWN,SAAA;AACDC,MAAAA,OAAO,EAWN,UAAA;AACDC,MAAAA,QAAQ,EAWP,UAAA;AACDC,MAAAA,IAAI,EAWH,SAAA;AACDC,MAAAA,KAAK,EAWJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAaD,QAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChBxB,SAAO,EAAA,SAAA;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.config.js","sources":["../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } 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.buttonTextColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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.buttonTextColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonIconColor}: 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 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 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 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 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 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","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","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;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,OAAO,EAAA,SAWN;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,SAaA;AACDC,MAAAA,EAAE,EAAA,QAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,UAAO;MAChBxB,SAAAA,EAAO;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}
|
|
@@ -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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC
|
|
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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC;;AAE3D;AACA;AACA;IACaC,WAAW,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { component, withRange,
|
|
1
|
+
import { boundCalendar, component, withRange, mergeConfig, calendarBaseConfig, calendarDoubleConfig } 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
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sources":["../../../src-css/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport {\n component,\n calendarBaseConfig,\n calendarDoubleConfig,\n withRange,\n mergeConfig,\n boundCalendar,\n CalendarStateType,\n} from '@salutejs/plasma-new-hope';\nimport type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope';\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 as FC<CalendarBaseProps>);\nexport const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble as FC<CalendarDoubleProps>);\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\nexport type { CalendarStateType };\n"],"names":["mergedCalendarBaseConfig","mergeConfig","calendarBaseConfig","baseConfig","mergedCalendarDoubleConfig","calendarDoubleConfig","doubleConfig","CalendarBase","component","CalendarDouble","CalendarBaseRange","withRange","CalendarDoubleRange","Calendar","boundCalendar","base","baseRange","doubleRange"],"mappings":";;;;AAeA,IAAMA,wBAAwB,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAU,CAAC
|
|
1
|
+
{"version":3,"file":"Calendar.js","sources":["../../../src-css/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport {\n component,\n calendarBaseConfig,\n calendarDoubleConfig,\n withRange,\n mergeConfig,\n boundCalendar,\n CalendarStateType,\n} from '@salutejs/plasma-new-hope';\nimport type { CalendarBaseProps, CalendarDoubleProps } from '@salutejs/plasma-new-hope';\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 as FC<CalendarBaseProps>);\nexport const CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble as FC<CalendarDoubleProps>);\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\nexport type { CalendarStateType };\n"],"names":["mergedCalendarBaseConfig","mergeConfig","calendarBaseConfig","baseConfig","mergedCalendarDoubleConfig","calendarDoubleConfig","doubleConfig","CalendarBase","component","CalendarDouble","CalendarBaseRange","withRange","CalendarDoubleRange","Calendar","boundCalendar","base","baseRange","doubleRange"],"mappings":";;;;AAeA,IAAMA,wBAAwB,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAU,CAAC;AAC5E,IAAMC,0BAA0B,gBAAGH,WAAW,CAACI,oBAAoB,EAAEC,QAAY,CAAC;IAErEC,YAAY,gBAAGC,SAAS,CAACR,wBAAwB;IACjDS,cAAc,gBAAGD,SAAS,CAACJ,0BAA0B;IACrDM,iBAAiB,gBAAGC,SAAS,CAAoBJ,YAAqC;IACtFK,mBAAmB,gBAAGD,SAAS,CAAsBF,cAAyC;AAEpG,IAAMI,QAAQ,gBAAGC,aAAa,CAAC;AAClCC,EAAAA,IAAI,EAAER,YAAqC;AAC3CS,EAAAA,SAAS,EAAEN,iBAAiB;AAC5B,EAAA,QAAA,EAAQD,cAAyC;AACjDQ,EAAAA,WAAW,EAAEL;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 tooltipSize: '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 ${calendarBaseTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${calendarBaseTokens.tooltipBoxShadow}: var(--shadow-down-hard-s);\n ${calendarBaseTokens.tooltipColor}: var(--text-primary);\n `,\n },\n size: {\n xl: css`\n ${calendarBaseTokens.calendarContainerWidth}: 28rem;\n ${calendarBaseTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.875rem;\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.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.875rem;\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.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.875rem;\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.875rem;\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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 4rem;\n ${calendarBaseTokens.iconButtonWidth}: 4rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\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.25rem 0 0.25rem;\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.25rem 0 0.25rem;\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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\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}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.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}: 0.5rem;\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.5rem;\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.5rem;\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.5rem;\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 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;\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.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2.5rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n s: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","tooltipSize","variations","default","xl","l","m","s","xs","eventTooltipSize"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,GAAA;GAChB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAkCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAqEL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAwBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAyBL,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 tooltipSize: '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 ${calendarBaseTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${calendarBaseTokens.tooltipBoxShadow}: var(--shadow-down-hard-s);\n ${calendarBaseTokens.tooltipColor}: var(--text-primary);\n `,\n },\n size: {\n xl: css`\n ${calendarBaseTokens.calendarContainerWidth}: 28rem;\n ${calendarBaseTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.875rem;\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.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.875rem;\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.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.875rem;\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.875rem;\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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 4rem;\n ${calendarBaseTokens.iconButtonWidth}: 4rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\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.25rem 0 0.25rem;\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.25rem 0 0.25rem;\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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\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}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 0.25rem 0 0.25rem;\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.375rem 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;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.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}: 0.5rem;\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.5rem;\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.5rem;\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.5rem;\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 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;\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.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2.5rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n s: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","tooltipSize","variations","default","xl","l","m","s","xs","eventTooltipSize"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE;GAChB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAkCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,UAoED;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,EAAE,EAAA;KAqEL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,UAwBA;AACDC,MAAAA,CAAC,EAAA;AAyBL;AACJ;AACJ;;;;"}
|