@salutejs/sdds-serv 0.330.0-canary.2370.19885960439.0 → 0.330.0-canary.2373.19930666491.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.css +16 -14
- package/components/Calendar/Calendar.d.ts +2 -0
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.d.ts +1 -0
- package/components/Calendar/CalendarBase.config.js +8 -7
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
- package/components/Calendar/CalendarDouble.config.d.ts +1 -0
- package/components/Calendar/CalendarDouble.config.js +8 -7
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config_udv863.css +8 -0
- 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.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/Calendar/CalendarBase.config.js +111 -47
- package/emotion/cjs/components/Calendar/CalendarDouble.config.js +113 -50
- 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/Calendar/CalendarBase.config.js +111 -47
- package/emotion/es/components/Calendar/CalendarDouble.config.js +113 -50
- 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.css +16 -14
- package/es/components/Calendar/Calendar.js +1 -1
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js +8 -7
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config_1iuj91.css +8 -0
- package/es/components/Calendar/CalendarDouble.config.js +8 -7
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config_udv863.css +8 -0
- 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 +62 -38
- package/index.js +58 -58
- package/package.json +8 -17
- package/styled-components/cjs/components/Calendar/CalendarBase.config.js +111 -47
- package/styled-components/cjs/components/Calendar/CalendarDouble.config.js +113 -50
- 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/Calendar/CalendarBase.config.js +111 -47
- package/styled-components/es/components/Calendar/CalendarDouble.config.js +113 -50
- 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/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
- package/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
- package/components/TextField/TextField.config_15il1op.css +0 -23
- package/es/components/Calendar/CalendarBase.config_1jcmqiq.css +0 -7
- package/es/components/Calendar/CalendarDouble.config_nsgnzv.css +0 -7
- package/es/components/TextField/TextField.config_15il1op.css +0 -23
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.config.js","sources":["../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: var(--text-primary);\n ${switchTokens.descriptionColor}: var(--text-secondary);\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE
|
|
1
|
+
{"version":3,"file":"Switch.config.js","sources":["../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: var(--text-primary);\n ${switchTokens.descriptionColor}: var(--text-secondary);\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,SAeA;AACDC,MAAAA,CAAC,EAAA,UAeA;AACDC,MAAAA,CAAC,EAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EAAA,UASA;AACDF,MAAAA,CAAC,EAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,SAAAA,EAAO;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAExC,IAAMM,MAAM,GAAGF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.config.js","sources":["../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens 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.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAEC,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAoEL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Table.config.js","sources":["../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens 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.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","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;AACFG,MAAAA,SAAAA,EAAO,SAEN;AACDC,MAAAA,KAAK,EAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA;AAoEL;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/**\n * Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/**\n * Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fixedForwardRef, component, mergeConfig,
|
|
4
|
-
import { config } from './horizontal/HorizontalTabItem.config.js';
|
|
5
|
-
import { config as config$
|
|
6
|
-
import { config
|
|
7
|
-
import { config as config$
|
|
3
|
+
import { fixedForwardRef, component, mergeConfig, verticalTabItemConfig, horizontalTabItemConfig, verticalIconTabItemConfig, horizontalIconTabItemConfig } from '@salutejs/plasma-new-hope';
|
|
4
|
+
import { config as config$1 } from './horizontal/HorizontalTabItem.config.js';
|
|
5
|
+
import { config as config$3 } from './horizontal/HorizontalIconTabItem.config.js';
|
|
6
|
+
import { config } from './vertical/VerticalTabItem.config.js';
|
|
7
|
+
import { config as config$2 } from './vertical/VerticalIconTabItem.config.js';
|
|
8
8
|
|
|
9
|
-
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config);
|
|
9
|
+
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$1);
|
|
10
10
|
var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
|
|
11
|
-
var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$
|
|
11
|
+
var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$3);
|
|
12
12
|
var HorizontalIconTabItem = /*#__PURE__*/component(mergedHorizontalIconTabItemConfig);
|
|
13
|
-
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config
|
|
13
|
+
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config);
|
|
14
14
|
var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
|
|
15
|
-
var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config$
|
|
15
|
+
var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config$2);
|
|
16
16
|
var VerticalIconTabItem = /*#__PURE__*/component(mergedVerticalIconTabItemConfig);
|
|
17
17
|
/**
|
|
18
18
|
* Элемент списка, недопустимо использовать вне компонента Tabs.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sources":["../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabItemConfig,\n horizontalIconTabItemConfig,\n verticalTabItemConfig,\n verticalIconTabItemConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\nimport { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);\nconst HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\nconst mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);\nconst VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);\n\nexport type HorizontalTabItemProps = ComponentProps<typeof HorizontalTabItem>;\nexport type VerticalTabItemProps = ComponentProps<typeof VerticalTabItem>;\n\nexport type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = fixedForwardRef<HTMLButtonElement, TabItemProps>((props: TabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem ref={ref} {...(props as VerticalTabItemProps)} />;\n }\n\n return <HorizontalTabItem ref={ref} {...(props as HorizontalTabItemProps)} />;\n});\n\nexport type HorizontalIconTabItemProps = ComponentProps<typeof HorizontalIconTabItem>;\nexport type VerticalIconTabItemProps = ComponentProps<typeof VerticalIconTabItem>;\n\nexport type IconTabItemProps = HorizontalIconTabItemProps | VerticalIconTabItemProps;\n\nexport const IconTabItem = fixedForwardRef<HTMLButtonElement, IconTabItemProps>((props: IconTabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalIconTabItem ref={ref} {...(props as VerticalIconTabItemProps)} />;\n }\n\n return <HorizontalIconTabItem ref={ref} {...(props as HorizontalIconTabItemProps)} />;\n});\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedHorizontalIconTabItemConfig","horizontalIconTabItemConfig","horizontalIconConfig","HorizontalIconTabItem","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","mergedVerticalIconTabItemConfig","verticalIconTabItemConfig","verticalIconConfig","VerticalIconTabItem","TabItem","fixedForwardRef","props","ref","orientation","React","createElement","_extends","IconTabItem"],"mappings":";;;;;;;;AAgBA,IAAMA,6BAA6B,gBAAGC,WAAW,CAACC,uBAAuB,EAAEC,
|
|
1
|
+
{"version":3,"file":"TabItem.js","sources":["../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabItemConfig,\n horizontalIconTabItemConfig,\n verticalTabItemConfig,\n verticalIconTabItemConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\nimport { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);\nconst HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\nconst mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);\nconst VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);\n\nexport type HorizontalTabItemProps = ComponentProps<typeof HorizontalTabItem>;\nexport type VerticalTabItemProps = ComponentProps<typeof VerticalTabItem>;\n\nexport type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = fixedForwardRef<HTMLButtonElement, TabItemProps>((props: TabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem ref={ref} {...(props as VerticalTabItemProps)} />;\n }\n\n return <HorizontalTabItem ref={ref} {...(props as HorizontalTabItemProps)} />;\n});\n\nexport type HorizontalIconTabItemProps = ComponentProps<typeof HorizontalIconTabItem>;\nexport type VerticalIconTabItemProps = ComponentProps<typeof VerticalIconTabItem>;\n\nexport type IconTabItemProps = HorizontalIconTabItemProps | VerticalIconTabItemProps;\n\nexport const IconTabItem = fixedForwardRef<HTMLButtonElement, IconTabItemProps>((props: IconTabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalIconTabItem ref={ref} {...(props as VerticalIconTabItemProps)} />;\n }\n\n return <HorizontalIconTabItem ref={ref} {...(props as HorizontalIconTabItemProps)} />;\n});\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedHorizontalIconTabItemConfig","horizontalIconTabItemConfig","horizontalIconConfig","HorizontalIconTabItem","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","mergedVerticalIconTabItemConfig","verticalIconTabItemConfig","verticalIconConfig","VerticalIconTabItem","TabItem","fixedForwardRef","props","ref","orientation","React","createElement","_extends","IconTabItem"],"mappings":";;;;;;;;AAgBA,IAAMA,6BAA6B,gBAAGC,WAAW,CAACC,uBAAuB,EAAEC,QAAgB,CAAC;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC;AAElE,IAAMM,iCAAiC,gBAAGL,WAAW,CAACM,2BAA2B,EAAEC,QAAoB,CAAC;AACxG,IAAMC,qBAAqB,gBAAGJ,SAAS,CAACC,iCAAiC,CAAC;AAE1E,IAAMI,2BAA2B,gBAAGT,WAAW,CAACU,qBAAqB,EAAEC,MAAc,CAAC;AACtF,IAAMC,eAAe,gBAAGR,SAAS,CAACK,2BAA2B,CAAC;AAE9D,IAAMI,+BAA+B,gBAAGb,WAAW,CAACc,yBAAyB,EAAEC,QAAkB,CAAC;AAClG,IAAMC,mBAAmB,gBAAGZ,SAAS,CAACS,+BAA+B,CAAC;AAOtE;AACA;AACA;AACO,IAAMI,OAAO,gBAAGC,eAAe,CAAkC,UAACC,KAAmB,EAAEC,GAAG,EAAK;AAClG,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACX,eAAe,EAAAY,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAA4B,CAAC;AAC7E,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAA8B,CAAC;AACjF,CAAC;AAOM,IAAMM,WAAW,gBAAGP,eAAe,CAAsC,UAACC,KAAuB,EAAEC,GAAG,EAAK;AAC9G,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAAgC,CAAC;AACrF,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAkC,CAAC;AACzF,CAAC;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { component, mergeConfig,
|
|
3
|
-
import { config } from './horizontal/HorizontalTabs.config.js';
|
|
4
|
-
import { config
|
|
2
|
+
import { component, mergeConfig, verticalTabsConfig, horizontalTabsConfig } from '@salutejs/plasma-new-hope';
|
|
3
|
+
import { config as config$1 } from './horizontal/HorizontalTabs.config.js';
|
|
4
|
+
import { config } from './vertical/VerticalTabs.config.js';
|
|
5
5
|
|
|
6
|
-
var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
|
|
7
|
-
var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, config
|
|
6
|
+
var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config$1);
|
|
7
|
+
var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, config);
|
|
8
8
|
var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
|
|
9
9
|
var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
|
|
10
10
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAWA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAWA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,QAAgB,CAAC;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,MAAc,CAAC;AAEhF,IAAMC,cAAc,gBAAGC,SAAS,CAACR,0BAA0B,CAAC;AAC5D,IAAMS,YAAY,gBAAGD,SAAS,CAACJ,wBAAwB,CAAC;AAIxD;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC;AACtC,EAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC;AACxC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsController.js","sources":["../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n createTabsController,\n horizontalTabItemConfig as horizontalBaseTabItemConfig,\n horizontalTabsConfig as horizontalBaseTabsConfig,\n HorizontalTabItemProps,\n HorizontalTabsProps,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;AAcA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC
|
|
1
|
+
{"version":3,"file":"TabsController.js","sources":["../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n createTabsController,\n horizontalTabItemConfig as horizontalBaseTabItemConfig,\n horizontalTabsConfig as horizontalBaseTabsConfig,\n HorizontalTabItemProps,\n HorizontalTabsProps,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;AAcA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC;AAC9F,IAAMC,cAAc,gBAAGC,SAAS,CAACL,0BAA0B,CAAC;AAE5D,IAAMM,6BAA6B,gBAAGL,WAAW,CAACM,uBAA2B,EAAEC,QAAuB,CAAC;AACvG,IAAMC,iBAAiB,gBAAGJ,SAAS,CAACC,6BAA6B,CAAC;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,oBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","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;AACFG,MAAAA,KAAK,EAAA,SAiBJ;AACDC,MAAAA,SAAS,EAAA,UAmBR;AACDC,MAAAA,OAAO,EAAA,UAmBN;MACDC,SAAAA,EAAO;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAwBJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EAwBN,SAAA;MACDC,SAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"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,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","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;AACFG,MAAAA,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"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,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"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,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|