@salutejs/sdds-serv 0.330.0-canary.2362.19851604298.0 → 0.330.0-canary.2362.19926309852.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.map +1 -1
- 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/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/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.map +1 -1
- 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 +45 -23
- 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/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/components/TextField/TextField.config_15il1op.css +0 -23
- package/es/components/TextField/TextField.config_15il1op.css +0 -23
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDouble.config.js","sources":["../../src-css/components/Calendar/CalendarDouble.config.ts"],"sourcesContent":["import { css, calendarDoubleTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n tooltipSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarBackgroundColor}: transparent;\n ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};\n ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarDoubleTokens.iconButtonColor}: var(--text-primary);\n ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${calendarDoubleTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${calendarDoubleTokens.tooltipBoxShadow}: var(--shadow-down-hard-s);\n ${calendarDoubleTokens.tooltipColor}: var(--text-primary);\n `,\n },\n size: {\n xl: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 58.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 4rem;\n ${calendarDoubleTokens.iconButtonWidth}: 4rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.25rem;\n ${calendarDoubleTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 51.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 25rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 44.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 21rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.75rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 17rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarDoubleTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarDoubleTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarDoubleTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarDoubleTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarDoubleTokens.tooltipMinHeight}: 2.5rem;\n ${calendarDoubleTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${calendarDoubleTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarDoubleTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarDoubleTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarDoubleTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarDoubleTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarDoubleTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarDoubleTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n s: css`\n ${calendarDoubleTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarDoubleTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarDoubleTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarDoubleTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarDoubleTokens.tooltipMinHeight}: 2rem;\n ${calendarDoubleTokens.tooltipBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarDoubleTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarDoubleTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarDoubleTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarDoubleTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarDoubleTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarDoubleTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarDoubleTokens.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,SAAA;KAmCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqEL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAwBA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;AAyBL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"CalendarDouble.config.js","sources":["../../src-css/components/Calendar/CalendarDouble.config.ts"],"sourcesContent":["import { css, calendarDoubleTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n tooltipSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarBackgroundColor}: transparent;\n ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary);\n ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary);\n ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent);\n ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);\n ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary);\n ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);\n ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);\n ${calendarDoubleTokens.calendarHeaderArrowColor}: ${calendarDoubleTokens.calendarContentPrimaryColor};\n ${calendarDoubleTokens.calendarContentSecondaryColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: var(--text-secondary);\n ${calendarDoubleTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarDoubleTokens.iconButtonColor}: var(--text-primary);\n ${calendarDoubleTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonColorActive}: var(--text-primary-hover);\n ${calendarDoubleTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n ${calendarDoubleTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${calendarDoubleTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${calendarDoubleTokens.tooltipBoxShadow}: var(--shadow-down-hard-s);\n ${calendarDoubleTokens.tooltipColor}: var(--text-primary);\n `,\n },\n size: {\n xl: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 58.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.875rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 4rem;\n ${calendarDoubleTokens.iconButtonWidth}: 4rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1.25rem;\n ${calendarDoubleTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 51.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 25rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-l-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-l-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-l-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-l-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h3-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h3-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h3-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h3-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h3-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 1rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 44.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 21rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-m-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-m-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-m-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-m-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 3rem;\n ${calendarDoubleTokens.iconButtonWidth}: 3rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.75rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 17rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-s-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h4-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h4-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h4-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h4-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h4-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2.5rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2.5rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarDoubleTokens.calendarContainerWidth}: 37.063rem;\n ${calendarDoubleTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarDoubleTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarDoubleTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarDoubleTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${calendarDoubleTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarDoubleTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;\n ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;\n\n ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarDoubleTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n ${calendarDoubleTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n ${calendarDoubleTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n ${calendarDoubleTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${calendarDoubleTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n ${calendarDoubleTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n ${calendarDoubleTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarDoubleTokens.iconButtonHeight}: 2rem;\n ${calendarDoubleTokens.iconButtonWidth}: 2rem;\n ${calendarDoubleTokens.iconButtonPadding}: 0.5rem;\n ${calendarDoubleTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarDoubleTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarDoubleTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarDoubleTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarDoubleTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarDoubleTokens.tooltipMinHeight}: 2.5rem;\n ${calendarDoubleTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarDoubleTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${calendarDoubleTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${calendarDoubleTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${calendarDoubleTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${calendarDoubleTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${calendarDoubleTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${calendarDoubleTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarDoubleTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarDoubleTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarDoubleTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarDoubleTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarDoubleTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarDoubleTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n s: css`\n ${calendarDoubleTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarDoubleTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarDoubleTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarDoubleTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarDoubleTokens.tooltipMinHeight}: 2rem;\n ${calendarDoubleTokens.tooltipBorderRadius}: 0.5rem;\n\n ${calendarDoubleTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${calendarDoubleTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${calendarDoubleTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${calendarDoubleTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${calendarDoubleTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${calendarDoubleTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarDoubleTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarDoubleTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarDoubleTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarDoubleTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarDoubleTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarDoubleTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarDoubleTokens.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;KAmCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,UAoED;AACDC,MAAAA,CAAC,EAAA,SAoEA;AACDC,MAAAA,CAAC,EAAA,SAoEA;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,EAAE,EAAA;KAqEL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,SAwBA;AACDC,MAAAA,CAAC,EAAA;AAyBL;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.config.js","sources":["../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } 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 ${tokens.solidBackground}: var(--surface-solid-card);\n `,\n },\n size: {\n l: css`\n ${tokens.outlineWidth}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.contentBorderRadius}: 0.5rem;\n `,\n m: css`\n ${tokens.outlineWidth}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n s: css`\n ${tokens.outlineWidth}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"Card.config.js","sources":["../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } 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 ${tokens.solidBackground}: var(--surface-solid-card);\n `,\n },\n size: {\n l: css`\n ${tokens.outlineWidth}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.contentBorderRadius}: 0.5rem;\n `,\n m: css`\n ${tokens.outlineWidth}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n s: css`\n ${tokens.outlineWidth}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"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;KAGV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAKA;AACDC,MAAAA,CAAC,EAAA,UAKA;AACDC,MAAAA,CAAC,EAAA;AAML;AACJ;AACJ;;;;"}
|
package/components/Card/Card.js
CHANGED
|
@@ -13,11 +13,11 @@ var CardComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
|
|
13
13
|
*/
|
|
14
14
|
var Card = CardComponent;
|
|
15
15
|
|
|
16
|
-
Object.defineProperty(exports,
|
|
16
|
+
Object.defineProperty(exports, "CardContent", {
|
|
17
17
|
enumerable: true,
|
|
18
18
|
get: function () { return plasmaNewHope.CardContent; }
|
|
19
19
|
});
|
|
20
|
-
Object.defineProperty(exports,
|
|
20
|
+
Object.defineProperty(exports, "CardInnerContent", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function () { return plasmaNewHope.CardInnerContent; }
|
|
23
23
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../src-css/components/Card/Card.ts"],"sourcesContent":["import {\n cardConfig,\n CardContent,\n CardInnerContent,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Card.config';\n\nconst mergedConfig = mergeConfig(cardConfig, config);\nconst CardComponent = component(mergedConfig);\n\n/**\n * Компонент Card.\n */\nexport const Card = CardComponent;\n\nexport { CardContent, CardInnerContent };\n"],"names":["mergedConfig","mergeConfig","cardConfig","config","CardComponent","component","Card"],"mappings":";;;;;;;AAUA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../src-css/components/Card/Card.ts"],"sourcesContent":["import {\n cardConfig,\n CardContent,\n CardInnerContent,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Card.config';\n\nconst mergedConfig = mergeConfig(cardConfig, config);\nconst CardComponent = component(mergedConfig);\n\n/**\n * Компонент Card.\n */\nexport const Card = CardComponent;\n\nexport { CardContent, CardInnerContent };\n"],"names":["mergedConfig","mergeConfig","cardConfig","config","CardComponent","component","Card"],"mappings":";;;;;;;AAUA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC;AACpD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n ${tokens.controlIconButtonColor}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.controlIconButtonColorHover}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.controlIconButtonColorActive}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n },\n size: {\n s: css`\n ${tokens.controlIconButtonRadius}: 100%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n ${tokens.controlIconButtonColor}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.controlIconButtonColorHover}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.controlIconButtonColorActive}: var(--text-primary);\n ${tokens.controlIconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n },\n size: {\n s: css`\n ${tokens.controlIconButtonRadius}: 100%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"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;KAUV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAGL;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Carousel.config';\n\nconst mergedConfig = mergeConfig(carouselNewConfig, config);\nconst Carousel = component(mergedConfig);\n\nexport { Carousel };\n"],"names":["mergedConfig","mergeConfig","carouselNewConfig","config","Carousel","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Carousel.config';\n\nconst mergedConfig = mergeConfig(carouselNewConfig, config);\nconst Carousel = component(mergedConfig);\n\nexport { Carousel };\n"],"names":["mergedConfig","mergeConfig","carouselNewConfig","config","Carousel","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC;AAC3D,IAAMC,QAAQ,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.config.js","sources":["../../src-css/components/Cell/Cell.config.ts"],"sourcesContent":["import { css, cellTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n variations: {\n view: {\n default: css`\n ${cellTokens.cellColor}: var(--text-primary);\n ${cellTokens.cellLabelColor}: var(--text-secondary);\n ${cellTokens.cellTitleColor}: var(--text-primary);\n ${cellTokens.cellSubtitleColor}: var(--text-secondary);\n ${cellTokens.cellBackgroundColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n m: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.5rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n s: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xs: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","variations","view","default","size","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;MACFC,
|
|
1
|
+
{"version":3,"file":"Cell.config.js","sources":["../../src-css/components/Cell/Cell.config.ts"],"sourcesContent":["import { css, cellTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n variations: {\n view: {\n default: css`\n ${cellTokens.cellColor}: var(--text-primary);\n ${cellTokens.cellLabelColor}: var(--text-secondary);\n ${cellTokens.cellTitleColor}: var(--text-primary);\n ${cellTokens.cellSubtitleColor}: var(--text-secondary);\n ${cellTokens.cellBackgroundColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n m: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.5rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n s: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xs: css`\n ${cellTokens.cellWidth}: 15rem;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0.125rem;\n ${cellTokens.cellGap}: 0.375rem;\n\n ${cellTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${cellTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${cellTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${cellTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${cellTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${cellTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${cellTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","variations","view","default","size","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;MACFC,SAAAA,EAAO;KAOV;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,SA+BA;AACDC,MAAAA,CAAC,EAAA,UA+BA;AACDC,MAAAA,CAAC,EAAA,UA+BA;AACDC,MAAAA,EAAE,EAAA;AAgCN;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","sources":["../../src-css/components/Cell/Cell.ts"],"sourcesContent":["import { cellConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Cell.config';\n\nconst mergedConfig = mergeConfig(cellConfig, config);\nconst CellComponent = component(mergedConfig);\n\n/**\n * Кнопка.\n */\nexport const Cell = CellComponent;\n"],"names":["mergedConfig","mergeConfig","cellConfig","config","CellComponent","component","Cell"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Cell.js","sources":["../../src-css/components/Cell/Cell.ts"],"sourcesContent":["import { cellConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Cell.config';\n\nconst mergedConfig = mergeConfig(cellConfig, config);\nconst CellComponent = component(mergedConfig);\n\n/**\n * Кнопка.\n */\nexport const Cell = CellComponent;\n"],"names":["mergedConfig","mergeConfig","cellConfig","config","CellComponent","component","Cell"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC;AACpD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.config.js","sources":["../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerBorderRadius}: 0.25rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0;\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.125rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n view: {\n accent: css`\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n default: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n secondary: css`\n ${checkboxTokens.fillColor}: var(--text-secondary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n tertiary: css`\n ${checkboxTokens.fillColor}: var(--text-tertiary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n paragraph: css`\n ${checkboxTokens.fillColor}: var(--text-paragraph);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n positive: css`\n ${checkboxTokens.fillColor}: var(--text-positive);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n warning: css`\n ${checkboxTokens.fillColor}: var(--text-warning);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n negative: css`\n ${checkboxTokens.fillColor}: var(--text-negative);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n },\n disabled: {\n true: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","s","m","l","accent","default","secondary","tertiary","paragraph","positive","warning","negative","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAsBJ;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,MAAM,EAQL,SAAA;AACD;AACAC,MAAAA,SAAAA,EAOC,SAAA;AACD;AACAC,MAAAA,SAAS,EAOR,UAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACAC,MAAAA,SAAS,EAOR,UAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,SAAA;AACD;AACAC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDd,IAAAA,OAAO,EAAE;MACLc,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Checkbox.config.js","sources":["../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerBorderRadius}: 0.25rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0;\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.125rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n view: {\n accent: css`\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n default: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n secondary: css`\n ${checkboxTokens.fillColor}: var(--text-secondary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n tertiary: css`\n ${checkboxTokens.fillColor}: var(--text-tertiary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n paragraph: css`\n ${checkboxTokens.fillColor}: var(--text-paragraph);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n positive: css`\n ${checkboxTokens.fillColor}: var(--text-positive);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n warning: css`\n ${checkboxTokens.fillColor}: var(--text-warning);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n negative: css`\n ${checkboxTokens.fillColor}: var(--text-negative);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n },\n disabled: {\n true: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","s","m","l","accent","default","secondary","tertiary","paragraph","positive","warning","negative","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA;KAsBJ;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,MAAM,EAAA,SAQL;AACD;AACAC,MAAAA,SAAAA,EAAO,SAON;AACD;AACAC,MAAAA,SAAS,EAAA,UAOR;AACD;AACAC,MAAAA,QAAQ,EAAA,UAOP;AACD;AACAC,MAAAA,SAAS,EAAA,UAOR;AACD;AACAC,MAAAA,QAAQ,EAAA,SAOP;AACD;AACAC,MAAAA,OAAO,EAAA,UAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDd,IAAAA,OAAO,EAAE;MACLc,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = CheckboxComponent;\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","Checkbox"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = CheckboxComponent;\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","Checkbox"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,YAAY,CAAC;AAIjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.config.js","sources":["../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } 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 ${chipTokens.color}: var(--inverse-text-primary);\n ${chipTokens.background}: var(--surface-solid-default);\n ${chipTokens.colorHover}: var(--inverse-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-solid-default-hover);\n ${chipTokens.colorActive}: var(--inverse-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-solid-default-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-solid-default);\n ${chipTokens.colorReadOnly}: var(--inverse-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-default);\n ${chipTokens.colorReadOnlyHover}: var(--inverse-text-primary);\n ${chipTokens.closeIconColor}: var(--inverse-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--inverse-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--inverse-text-primary);\n `,\n secondary: css`\n ${chipTokens.color}: var(--text-primary);\n ${chipTokens.background}: var(--surface-transparent-secondary);\n ${chipTokens.colorHover}: var(--text-primary);\n ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover);\n ${chipTokens.colorActive}: var(--text-primary);\n ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnly}: var(--text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnlyHover}: var(--text-primary);\n ${chipTokens.closeIconColor}: var(--text-secondary);\n ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--text-primary);\n `,\n accent: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-accent);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-accent-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-accent-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-accent);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n positive: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-positive);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-positive-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-positive-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-positive);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n warning: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-warning);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-warning-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-warning-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-warning);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n negative: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-negative);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-negative-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-negative-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-negative);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${chipTokens.borderRadius}: 0.75rem;\n ${chipTokens.pilledBorderRadius}: 1.5rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 3rem;\n ${chipTokens.padding}: 0 1rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.5rem;\n ${chipTokens.rightContentMarginLeft}: 0.5rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.625rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.5rem;\n `,\n m: css`\n ${chipTokens.borderRadius}: 0.625rem;\n ${chipTokens.pilledBorderRadius}: 1.25rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2.5rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.375rem;\n ${chipTokens.rightContentMarginLeft}: 0.375rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.5rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.25rem;\n `,\n s: css`\n ${chipTokens.borderRadius}: 0.5rem;\n ${chipTokens.pilledBorderRadius}: 1rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.375rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1rem;\n `,\n xs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.75rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.5rem;\n ${chipTokens.padding}: 0 0.625rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n xxs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.625rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.25rem;\n ${chipTokens.padding}: 0 0.5rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.125rem;\n ${chipTokens.rightContentMarginLeft}: 0.125rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${chipTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${chipTokens.focusColor}: var(--text-accent);\n `,\n },\n pilled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","secondary","accent","positive","warning","negative","l","m","s","xs","xxs","disabled","true","pilled"],"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,EAcC,UAAA;AACDC,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDC,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,EAAE,EAqBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAsBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Chip.config.js","sources":["../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } 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 ${chipTokens.color}: var(--inverse-text-primary);\n ${chipTokens.background}: var(--surface-solid-default);\n ${chipTokens.colorHover}: var(--inverse-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-solid-default-hover);\n ${chipTokens.colorActive}: var(--inverse-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-solid-default-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-solid-default);\n ${chipTokens.colorReadOnly}: var(--inverse-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-default);\n ${chipTokens.colorReadOnlyHover}: var(--inverse-text-primary);\n ${chipTokens.closeIconColor}: var(--inverse-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--inverse-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--inverse-text-primary);\n `,\n secondary: css`\n ${chipTokens.color}: var(--text-primary);\n ${chipTokens.background}: var(--surface-transparent-secondary);\n ${chipTokens.colorHover}: var(--text-primary);\n ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover);\n ${chipTokens.colorActive}: var(--text-primary);\n ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnly}: var(--text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${chipTokens.colorReadOnlyHover}: var(--text-primary);\n ${chipTokens.closeIconColor}: var(--text-secondary);\n ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--text-primary);\n `,\n accent: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-accent);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-accent-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-accent-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-accent);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-accent);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n positive: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-positive);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-positive-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-positive-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-positive);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-positive);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n warning: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-warning);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-warning-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-warning-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-warning);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-warning);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n negative: css`\n ${chipTokens.color}: var(--on-dark-text-primary);\n ${chipTokens.background}: var(--surface-negative);\n ${chipTokens.colorHover}: var(--on-dark-text-primary);\n ${chipTokens.backgroundHover}: var(--surface-negative-hover);\n ${chipTokens.colorActive}: var(--on-dark-text-primary);\n ${chipTokens.backgroundActive}: var(--surface-negative-active);\n ${chipTokens.backgroundReadOnly}: var(--surface-negative);\n ${chipTokens.colorReadOnly}: var(--on-dark-text-primary);\n ${chipTokens.backgroundReadOnlyHover}: var(--surface-negative);\n ${chipTokens.colorReadOnlyHover}: var(--on-dark-text-primary);\n ${chipTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${chipTokens.closeIconColorHover}: var(--on-dark-text-secondary-hover);\n ${chipTokens.leftContentColor}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${chipTokens.borderRadius}: 0.75rem;\n ${chipTokens.pilledBorderRadius}: 1.5rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 3rem;\n ${chipTokens.padding}: 0 1rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.5rem;\n ${chipTokens.rightContentMarginLeft}: 0.5rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.625rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.5rem;\n `,\n m: css`\n ${chipTokens.borderRadius}: 0.625rem;\n ${chipTokens.pilledBorderRadius}: 1.25rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2.5rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.375rem;\n ${chipTokens.rightContentMarginLeft}: 0.375rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.5rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1.25rem;\n `,\n s: css`\n ${chipTokens.borderRadius}: 0.5rem;\n ${chipTokens.pilledBorderRadius}: 1rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 2rem;\n ${chipTokens.padding}: 0 0.875rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.375rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 1rem;\n `,\n xs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.75rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.5rem;\n ${chipTokens.padding}: 0 0.625rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.25rem;\n ${chipTokens.rightContentMarginLeft}: 0.25rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n xxs: css`\n ${chipTokens.borderRadius}: 0.375rem;\n ${chipTokens.pilledBorderRadius}: 0.625rem;\n ${chipTokens.width}: auto;\n ${chipTokens.height}: 1.25rem;\n ${chipTokens.padding}: 0 0.5rem;\n\n ${chipTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${chipTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${chipTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${chipTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${chipTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${chipTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${chipTokens.leftContentMarginLeft}: -0.125rem;\n ${chipTokens.leftContentMarginRight}: 0.125rem;\n ${chipTokens.rightContentMarginLeft}: 0.125rem;\n ${chipTokens.rightContentMarginRight}: -0.125rem;\n ${chipTokens.clearContentMarginLeft}: 0.25rem;\n ${chipTokens.clearContentMarginRight}: -0.25rem;\n ${chipTokens.closeIconSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${chipTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${chipTokens.focusColor}: var(--text-accent);\n `,\n },\n pilled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","secondary","accent","positive","warning","negative","l","m","s","xs","xxs","disabled","true","pilled"],"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,UAcN;AACDC,MAAAA,SAAS,EAAA,UAcR;AACDC,MAAAA,MAAM,EAAA,SAcL;AACDC,MAAAA,QAAQ,EAAA,SAcP;AACDC,MAAAA,OAAO,EAAA,UAcN;AACDC,MAAAA,QAAQ,EAAA;KAeX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,EAAE,EAAA,UAqBD;AACDC,MAAAA,GAAG,EAAA;KAsBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../src-css/components/Chip/Chip.tsx"],"sourcesContent":["import { chipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Chip.config';\n\nconst mergedConfig = mergeConfig(chipConfig, config);\nconst ChipComponent = component(mergedConfig);\n\n/**\n * Компонент chip.\n */\nexport const Chip = ChipComponent;\n"],"names":["mergedConfig","mergeConfig","chipConfig","config","ChipComponent","component","Chip"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../src-css/components/Chip/Chip.tsx"],"sourcesContent":["import { chipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Chip.config';\n\nconst mergedConfig = mergeConfig(chipConfig, config);\nconst ChipComponent = component(mergedConfig);\n\n/**\n * Компонент chip.\n */\nexport const Chip = ChipComponent;\n"],"names":["mergedConfig","mergeConfig","chipConfig","config","ChipComponent","component","Chip"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC;AACpD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipGroup.config.js","sources":["../../src-css/components/ChipGroup/ChipGroup.config.ts"],"sourcesContent":["import { css, chipGroupTokens as tokens } 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 ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n size: {\n l: css`\n ${tokens.chipBorderRadius}: 0.75rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3rem;\n ${tokens.chipPadding}: 0 1rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.5rem;\n ${tokens.chipRightContentMarginLeft}: 0.5rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n `,\n m: css`\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.5rem;\n ${tokens.chipPadding}: 0 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.375rem;\n ${tokens.chipRightContentMarginLeft}: 0.375rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n s: css`\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2rem;\n ${tokens.chipPadding}: 0 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipRightContentMarginLeft}: 0.25rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n xs: css`\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.5rem;\n ${tokens.chipPadding}: 0 0.625rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipRightContentMarginLeft}: 0.25rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n },\n gap: {\n dense: css`\n ${tokens.chipGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.chipGroupItemsGap}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","l","m","s","xs","gap","dense","wide"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"ChipGroup.config.js","sources":["../../src-css/components/ChipGroup/ChipGroup.config.ts"],"sourcesContent":["import { css, chipGroupTokens as tokens } 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 ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n size: {\n l: css`\n ${tokens.chipBorderRadius}: 0.75rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3rem;\n ${tokens.chipPadding}: 0 1rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.5rem;\n ${tokens.chipRightContentMarginLeft}: 0.5rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n `,\n m: css`\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.5rem;\n ${tokens.chipPadding}: 0 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.375rem;\n ${tokens.chipRightContentMarginLeft}: 0.375rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n s: css`\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2rem;\n ${tokens.chipPadding}: 0 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipRightContentMarginLeft}: 0.25rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n xs: css`\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.5rem;\n ${tokens.chipPadding}: 0 0.625rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipRightContentMarginLeft}: 0.25rem;\n ${tokens.chipRightContentMarginRight}: -0.125rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n },\n gap: {\n dense: css`\n ${tokens.chipGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.chipGroupItemsGap}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","l","m","s","xs","gap","dense","wide"],"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,UAON;AACDC,MAAAA,SAAS,EAAA,SAOR;AACDC,MAAAA,MAAM,EAAA;KAQT;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,EAAE,EAAA;KAqBL;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipGroup.js","sources":["../../src-css/components/ChipGroup/ChipGroup.ts"],"sourcesContent":["import { chipGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ChipGroup.config';\n\nconst mergedConfig = mergeConfig(chipGroupConfig, config);\n\nexport const ChipGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","chipGroupConfig","config","ChipGroup","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"ChipGroup.js","sources":["../../src-css/components/ChipGroup/ChipGroup.ts"],"sourcesContent":["import { chipGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ChipGroup.config';\n\nconst mergedConfig = mergeConfig(chipGroupConfig, config);\n\nexport const ChipGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","chipGroupConfig","config","ChipGroup","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC;IAE5CC,SAAS,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeField.config.js","sources":["../../src-css/components/CodeField/CodeField.config.ts"],"sourcesContent":["import { css, codeFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--surface-accent);\n\n ${tokens.captionColor}: var(--text-secondary);\n ${tokens.captionColorError}: var(--text-negative);\n\n ${tokens.codeColor}: var(--text-primary);\n ${tokens.codeColorError}: var(--text-negative);\n ${tokens.borderColorFocus}: var(--outline-accent);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n `,\n },\n size: {\n l: css`\n ${tokens.captionGap}: 0.875rem;\n ${tokens.codeItemsGap}: 0.125rem;\n\n ${tokens.separatorWidth}: 0.25rem;\n\n ${tokens.codeItemWidth}: 2.75rem;\n ${tokens.codeItemHeight}: 3.5rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.captionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderRadiusSegmented}: 0.375rem;\n ${tokens.segmentedSideBorderRadius}: 0.875rem;\n `,\n m: css`\n ${tokens.captionGap}: 0.75rem;\n ${tokens.codeItemsGap}: 0.125rem;\n\n ${tokens.separatorWidth}: 0.25rem;\n\n ${tokens.codeItemWidth}: 2.375rem;\n ${tokens.codeItemHeight}: 3rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.captionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusSegmented}: 0.25rem;\n ${tokens.segmentedSideBorderRadius}: 0.75rem;\n `,\n },\n shape: {\n default: css``,\n segmented: css``,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","l","m","segmented","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"CodeField.config.js","sources":["../../src-css/components/CodeField/CodeField.config.ts"],"sourcesContent":["import { css, codeFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--surface-accent);\n\n ${tokens.captionColor}: var(--text-secondary);\n ${tokens.captionColorError}: var(--text-negative);\n\n ${tokens.codeColor}: var(--text-primary);\n ${tokens.codeColorError}: var(--text-negative);\n ${tokens.borderColorFocus}: var(--outline-accent);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n `,\n },\n size: {\n l: css`\n ${tokens.captionGap}: 0.875rem;\n ${tokens.codeItemsGap}: 0.125rem;\n\n ${tokens.separatorWidth}: 0.25rem;\n\n ${tokens.codeItemWidth}: 2.75rem;\n ${tokens.codeItemHeight}: 3.5rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.captionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderRadiusSegmented}: 0.375rem;\n ${tokens.segmentedSideBorderRadius}: 0.875rem;\n `,\n m: css`\n ${tokens.captionGap}: 0.75rem;\n ${tokens.codeItemsGap}: 0.125rem;\n\n ${tokens.separatorWidth}: 0.25rem;\n\n ${tokens.codeItemWidth}: 2.375rem;\n ${tokens.codeItemHeight}: 3rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.captionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusSegmented}: 0.25rem;\n ${tokens.segmentedSideBorderRadius}: 0.75rem;\n `,\n },\n shape: {\n default: css``,\n segmented: css``,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","l","m","segmented","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAeV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SA0BA;AACDC,MAAAA,CAAC,EAAA;KA2BJ;AACDJ,IAAAA,KAAK,EAAE;AACHE,MAAAA,SAAAA,EAAO,UAAO;AACdG,MAAAA,SAAS,EAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeField.js","sources":["../../src-css/components/CodeField/CodeField.ts"],"sourcesContent":["import { codeFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeField.config';\n\nconst mergedConfig = mergeConfig(codeFieldConfig, config);\n\nexport const CodeField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","codeFieldConfig","config","CodeField","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"CodeField.js","sources":["../../src-css/components/CodeField/CodeField.ts"],"sourcesContent":["import { codeFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeField.config';\n\nconst mergedConfig = mergeConfig(codeFieldConfig, config);\n\nexport const CodeField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","codeFieldConfig","config","CodeField","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC;IAE5CC,SAAS,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeInput.config.js","sources":["../../src-css/components/CodeInput/CodeInput.config.tsx"],"sourcesContent":["import { css, codeInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.captionColor}: var(--text-secondary);\n ${tokens.captionColorError}: var(--text-negative);\n\n ${tokens.codeColor}: var(--text-primary);\n ${tokens.codeColorError}: var(--text-negative);\n ${tokens.borderColorFocus}: var(--outline-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.captionGap}: 2.5rem;\n ${tokens.codeItemsGap}: 0.75rem;\n\n ${tokens.separatorWidth}: 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n\n ${tokens.largeFontSize}: 8rem;\n ${tokens.largeLineHeight}: 8rem;\n\n ${tokens.mediumFontSize}: 7rem;\n ${tokens.mediumLineHeight}: 7rem;\n\n ${tokens.smallFontSize}: 5.5rem;\n ${tokens.smallLineHeight}: 5.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.largeCodeItemWidth}: 5rem;\n ${tokens.largeCodeItemHeight}: 8rem;\n\n ${tokens.mediumCodeItemWidth}: 4.5rem;\n ${tokens.mediumCodeItemHeight}: 7rem;\n\n ${tokens.smallCodeItemWidth}: 3.5rem;\n ${tokens.smallCodeItemHeight}: 5.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.125rem;\n ${tokens.codeItemCircleSize}: 1.5rem;\n `,\n m: css`\n ${tokens.captionGap}: 1.75rem;\n ${tokens.codeItemsGap}: 0.5rem;\n\n ${tokens.separatorWidth}: 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n\n ${tokens.largeFontSize}: 5.5rem;\n ${tokens.largeLineHeight}: 5.75rem;\n\n ${tokens.mediumFontSize}: 4.5rem;\n ${tokens.mediumLineHeight}: 4.75rem;\n\n ${tokens.smallFontSize}: 3.5rem;\n ${tokens.smallLineHeight}: 3.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h4-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.largeCodeItemWidth}: 3.5rem;\n ${tokens.largeCodeItemHeight}: 5.75rem;\n\n ${tokens.mediumCodeItemWidth}: 3rem;\n ${tokens.mediumCodeItemHeight}: 4.75rem;\n\n ${tokens.smallCodeItemWidth}: 2.25rem;\n ${tokens.smallCodeItemHeight}: 3.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.094rem;\n ${tokens.codeItemCircleSize}: 1rem;\n `,\n s: css`\n ${tokens.captionGap}: 1.5rem;\n ${tokens.codeItemsGap}: 0.25rem;\n\n ${tokens.separatorWidth}: 0.5rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n\n ${tokens.largeFontSize}: 4rem;\n ${tokens.largeLineHeight}: 4.25rem;\n\n ${tokens.mediumFontSize}: 3rem;\n ${tokens.mediumLineHeight}: 3.25rem;\n\n ${tokens.smallFontSize}: 2.5rem;\n ${tokens.smallLineHeight}: 2.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h5-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.largeCodeItemWidth}: 2.5rem;\n ${tokens.largeCodeItemHeight}: 4.25rem;\n\n ${tokens.mediumCodeItemWidth}: 2rem;\n ${tokens.mediumCodeItemHeight}: 3.25rem;\n\n ${tokens.smallCodeItemWidth}: 1.625rem;\n ${tokens.smallCodeItemHeight}: 2.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.063rem;\n ${tokens.codeItemCircleSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"CodeInput.config.js","sources":["../../src-css/components/CodeInput/CodeInput.config.tsx"],"sourcesContent":["import { css, codeInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.captionColor}: var(--text-secondary);\n ${tokens.captionColorError}: var(--text-negative);\n\n ${tokens.codeColor}: var(--text-primary);\n ${tokens.codeColorError}: var(--text-negative);\n ${tokens.borderColorFocus}: var(--outline-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.captionGap}: 2.5rem;\n ${tokens.codeItemsGap}: 0.75rem;\n\n ${tokens.separatorWidth}: 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n\n ${tokens.largeFontSize}: 8rem;\n ${tokens.largeLineHeight}: 8rem;\n\n ${tokens.mediumFontSize}: 7rem;\n ${tokens.mediumLineHeight}: 7rem;\n\n ${tokens.smallFontSize}: 5.5rem;\n ${tokens.smallLineHeight}: 5.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.largeCodeItemWidth}: 5rem;\n ${tokens.largeCodeItemHeight}: 8rem;\n\n ${tokens.mediumCodeItemWidth}: 4.5rem;\n ${tokens.mediumCodeItemHeight}: 7rem;\n\n ${tokens.smallCodeItemWidth}: 3.5rem;\n ${tokens.smallCodeItemHeight}: 5.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.125rem;\n ${tokens.codeItemCircleSize}: 1.5rem;\n `,\n m: css`\n ${tokens.captionGap}: 1.75rem;\n ${tokens.codeItemsGap}: 0.5rem;\n\n ${tokens.separatorWidth}: 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n\n ${tokens.largeFontSize}: 5.5rem;\n ${tokens.largeLineHeight}: 5.75rem;\n\n ${tokens.mediumFontSize}: 4.5rem;\n ${tokens.mediumLineHeight}: 4.75rem;\n\n ${tokens.smallFontSize}: 3.5rem;\n ${tokens.smallLineHeight}: 3.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h4-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.largeCodeItemWidth}: 3.5rem;\n ${tokens.largeCodeItemHeight}: 5.75rem;\n\n ${tokens.mediumCodeItemWidth}: 3rem;\n ${tokens.mediumCodeItemHeight}: 4.75rem;\n\n ${tokens.smallCodeItemWidth}: 2.25rem;\n ${tokens.smallCodeItemHeight}: 3.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.094rem;\n ${tokens.codeItemCircleSize}: 1rem;\n `,\n s: css`\n ${tokens.captionGap}: 1.5rem;\n ${tokens.codeItemsGap}: 0.25rem;\n\n ${tokens.separatorWidth}: 0.5rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n\n ${tokens.largeFontSize}: 4rem;\n ${tokens.largeLineHeight}: 4.25rem;\n\n ${tokens.mediumFontSize}: 3rem;\n ${tokens.mediumLineHeight}: 3.25rem;\n\n ${tokens.smallFontSize}: 2.5rem;\n ${tokens.smallLineHeight}: 2.75rem;\n\n ${tokens.captionFontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.captionFontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.captionFontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.captionFontWeight}: var(--plasma-typo-h5-font-weight);\n ${tokens.captionLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.captionLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.largeCodeItemWidth}: 2.5rem;\n ${tokens.largeCodeItemHeight}: 4.25rem;\n\n ${tokens.mediumCodeItemWidth}: 2rem;\n ${tokens.mediumCodeItemHeight}: 3.25rem;\n\n ${tokens.smallCodeItemWidth}: 1.625rem;\n ${tokens.smallCodeItemHeight}: 2.75rem;\n\n ${tokens.codeItemCircleBorderWidth}: 0.063rem;\n ${tokens.codeItemCircleSize}: 0.75rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","disabled","true"],"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;KAQV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA;KAuCJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeInput.js","sources":["../../src-css/components/CodeInput/CodeInput.tsx"],"sourcesContent":["import { codeInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeInput.config';\n\nconst mergedConfig = mergeConfig(codeInputConfig, config);\nconst CodeInputComponent = component(mergedConfig);\n\n/**\n * CodeInput\n */\nexport const CodeInput = CodeInputComponent;\n"],"names":["mergedConfig","mergeConfig","codeInputConfig","config","CodeInputComponent","component","CodeInput"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC
|
|
1
|
+
{"version":3,"file":"CodeInput.js","sources":["../../src-css/components/CodeInput/CodeInput.tsx"],"sourcesContent":["import { codeInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeInput.config';\n\nconst mergedConfig = mergeConfig(codeInputConfig, config);\nconst CodeInputComponent = component(mergedConfig);\n\n/**\n * CodeInput\n */\nexport const CodeInput = CodeInputComponent;\n"],"names":["mergedConfig","mergeConfig","codeInputConfig","config","CodeInputComponent","component","CodeInput"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC;AACzD,IAAMC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAElD;AACA;AACA;AACO,IAAMM,SAAS,GAAGF;;;;"}
|