@salutejs/sdds-serv 0.313.1-canary.2043.15852251108.0 → 0.314.0-canary.1741.15775036215.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Accordion/Accordion.config.js +2 -2
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +2 -2
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js +3 -3
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js +2 -2
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js +5 -5
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js +2 -2
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js +5 -5
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js +2 -2
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js +2 -2
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js +5 -5
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js +2 -2
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js +3 -3
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js +2 -2
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js +8 -8
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js +2 -2
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js +2 -2
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js +2 -2
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +3 -3
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js +3 -3
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/components/Carousel/Carousel.css +2 -2
- package/components/Carousel/Carousel.js +2 -2
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js +2 -2
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js +3 -3
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js +3 -3
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js +5 -5
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js +3 -3
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js +2 -2
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js +2 -2
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js +4 -4
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/CodeField.js +2 -2
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/Combobox/Combobox.config.js +5 -5
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Combobox/Combobox.js +4 -4
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js +2 -2
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js +2 -2
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js +4 -4
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js +4 -4
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/Divider/Divider.config.js +2 -2
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js +2 -2
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js +3 -3
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js +8 -8
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js +2 -2
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js +4 -4
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js +3 -3
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js +2 -2
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js +2 -2
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js +2 -2
- package/components/Flow/Flow.js.map +1 -1
- package/components/Grid/Grid.config.js +2 -2
- 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 +4 -4
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.js +3 -3
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js +3 -3
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js +2 -2
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js +2 -2
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js +3 -3
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js +3 -3
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js +2 -2
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js +3 -3
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js +3 -3
- package/components/List/List.js.map +1 -1
- package/components/Mask/Mask.js +1 -1
- package/components/Mask/Mask.js.map +1 -1
- package/components/Modal/Modal.config.js +2 -2
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js +3 -3
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js +2 -2
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js +2 -2
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js +3 -3
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js +9 -9
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberFormat/NumberFormat.js +1 -1
- package/components/NumberFormat/NumberFormat.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js +4 -4
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js +2 -2
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js +4 -4
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js +3 -3
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js +2 -2
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js +2 -2
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js +2 -2
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js +3 -3
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js +2 -2
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js +3 -3
- package/components/Progress/Progress.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.d.ts +46 -2
- package/components/Radiobox/Radiobox.js +3 -3
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js +4 -4
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js +2 -2
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js +2 -2
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js +2 -2
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +4 -4
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js +5 -5
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js +4 -4
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js +6 -6
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.d.ts +6 -6
- package/components/Select/Select.js +4 -4
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js +2 -2
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js +3 -3
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +3 -3
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js +3 -3
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js +3 -3
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js +2 -2
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js +3 -3
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js +3 -3
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js +3 -3
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js +4 -4
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js +3 -3
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js +2 -2
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js +3 -3
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js +5 -5
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js +5 -5
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js +5 -5
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js +5 -5
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js +3 -3
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.config.js +7 -7
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.js +2 -2
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/Toast/Toast.config.js +4 -4
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +4 -4
- package/components/Toast/Toast.js.map +1 -1
- package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/components/Toolbar/Toolbar.config.js +2 -2
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js +4 -4
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js +2 -2
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js +2 -2
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tree/Tree.config.js +2 -2
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.js +2 -2
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js +5 -5
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js +3 -3
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js +5 -5
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js +4 -4
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js +51 -51
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js +2 -2
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/emotion/cjs/components/Carousel/Carousel.config.js +4 -11
- package/emotion/es/components/Carousel/Carousel.config.js +4 -11
- package/es/components/Accordion/Accordion.config.js +2 -2
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js +3 -3
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js +3 -3
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js +3 -3
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js +5 -5
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js +3 -3
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +3 -3
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js +5 -5
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js +3 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js +4 -4
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +9 -9
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js +2 -2
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js +2 -2
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js +2 -2
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js +4 -4
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js +3 -3
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/es/components/Carousel/Carousel.css +2 -2
- package/es/components/Carousel/Carousel.js +3 -3
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js +2 -2
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js +4 -4
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +4 -4
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js +5 -5
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js +4 -4
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js +2 -2
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js +3 -3
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js +4 -4
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/CodeField.js +3 -3
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/Combobox/Combobox.config.js +5 -5
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js +5 -5
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js +2 -2
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js +3 -3
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js +4 -4
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js +5 -5
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js +2 -2
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js +3 -3
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js +3 -3
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +9 -9
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js +2 -2
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +5 -5
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js +3 -3
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js +3 -3
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js +3 -3
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js +3 -3
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js +2 -2
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js +3 -3
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js +4 -4
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js +4 -4
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js +4 -4
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js +2 -2
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js +3 -3
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js +4 -4
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js +3 -3
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js +3 -3
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js +3 -3
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js +4 -4
- package/es/components/List/List.js.map +1 -1
- package/es/components/Mask/Mask.js +1 -1
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Modal/Modal.config.js +2 -2
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js +4 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js +2 -2
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js +3 -3
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js +3 -3
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +10 -10
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +1 -1
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js +4 -4
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js +3 -3
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js +4 -4
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js +4 -4
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js +2 -2
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js +3 -3
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +3 -3
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js +4 -4
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js +2 -2
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js +4 -4
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +4 -4
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js +4 -4
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js +3 -3
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js +2 -2
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js +3 -3
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js +5 -5
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js +5 -5
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js +4 -4
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js +6 -6
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js +5 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js +2 -2
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js +4 -4
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js +4 -4
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js +3 -3
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js +4 -4
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js +2 -2
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js +4 -4
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js +3 -3
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js +4 -4
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js +4 -4
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js +4 -4
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js +2 -2
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js +4 -4
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +6 -6
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js +6 -6
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js +5 -5
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js +4 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.config.js +7 -7
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js +3 -3
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/Toast/Toast.config.js +4 -4
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +5 -5
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js +2 -2
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js +5 -5
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js +2 -2
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +3 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tree/Tree.config.js +2 -2
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.js +3 -3
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js +5 -5
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js +3 -3
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js +5 -5
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js +4 -4
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +52 -52
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +3 -3
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/index.css +2 -2
- package/package.json +8 -8
- package/styled-components/cjs/components/Carousel/Carousel.config.js +4 -11
- package/styled-components/es/components/Carousel/Carousel.config.js +4 -11
- package/components/Carousel/Carousel.config_uusoxc.css +0 -2
- package/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.config.js","sources":["../../../src-css/components/List/List.config.ts"],"sourcesContent":["import { css, listTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${listTokens.listItemColor}: var(--text-primary);\n ${listTokens.listItemColorHover}: var(--text-primary);\n ${listTokens.listItemBackground}: transparent;\n ${listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);\n ${listTokens.listItemBorderColor}: transparent;\n ${listTokens.listItemBorderColorHover}: transparent;\n ${listTokens.listDisabledOpacity}: 0.4;\n `,\n },\n size: {\n xs: css`\n ${listTokens.listItemPaddingTop}: 0.5rem;\n ${listTokens.listItemPaddingLeft}: 0.5rem;\n ${listTokens.listItemPaddingRight}: 0.5rem;\n ${listTokens.listItemPaddingBottom}: 0.5rem;\n ${listTokens.listItemBorderRadius}: 0.5rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${listTokens.listItemPaddingTop}: 0.689rem;\n ${listTokens.listItemPaddingLeft}: 0.75rem;\n ${listTokens.listItemPaddingRight}: 0.75rem;\n ${listTokens.listItemPaddingBottom}: 0.689rem;\n ${listTokens.listItemBorderRadius}: 0.625rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-s-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${listTokens.listItemPaddingTop}: 0.75rem;\n ${listTokens.listItemPaddingLeft}: 0.875rem;\n ${listTokens.listItemPaddingRight}: 0.875rem;\n ${listTokens.listItemPaddingBottom}: 0.75rem;\n ${listTokens.listItemBorderRadius}: 0.75rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-m-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${listTokens.listItemPaddingTop}: 1rem;\n ${listTokens.listItemPaddingLeft}: 1rem;\n ${listTokens.listItemPaddingRight}: 1rem;\n ${listTokens.listItemPaddingBottom}: 1rem;\n ${listTokens.listItemBorderRadius}: 0.875rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${listTokens.listItemPaddingTop}: 1.3125rem;\n ${listTokens.listItemPaddingLeft}: 1.125rem;\n ${listTokens.listItemPaddingRight}: 1.125rem;\n ${listTokens.listItemPaddingBottom}: 1.3125rem;\n ${listTokens.listItemBorderRadius}: 1rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l","xl","disabled","true"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"List.config.js","sources":["../../../src-css/components/List/List.config.ts"],"sourcesContent":["import { css, listTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${listTokens.listItemColor}: var(--text-primary);\n ${listTokens.listItemColorHover}: var(--text-primary);\n ${listTokens.listItemBackground}: transparent;\n ${listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);\n ${listTokens.listItemBorderColor}: transparent;\n ${listTokens.listItemBorderColorHover}: transparent;\n ${listTokens.listDisabledOpacity}: 0.4;\n `,\n },\n size: {\n xs: css`\n ${listTokens.listItemPaddingTop}: 0.5rem;\n ${listTokens.listItemPaddingLeft}: 0.5rem;\n ${listTokens.listItemPaddingRight}: 0.5rem;\n ${listTokens.listItemPaddingBottom}: 0.5rem;\n ${listTokens.listItemBorderRadius}: 0.5rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${listTokens.listItemPaddingTop}: 0.689rem;\n ${listTokens.listItemPaddingLeft}: 0.75rem;\n ${listTokens.listItemPaddingRight}: 0.75rem;\n ${listTokens.listItemPaddingBottom}: 0.689rem;\n ${listTokens.listItemBorderRadius}: 0.625rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-s-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${listTokens.listItemPaddingTop}: 0.75rem;\n ${listTokens.listItemPaddingLeft}: 0.875rem;\n ${listTokens.listItemPaddingRight}: 0.875rem;\n ${listTokens.listItemPaddingBottom}: 0.75rem;\n ${listTokens.listItemBorderRadius}: 0.75rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-m-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${listTokens.listItemPaddingTop}: 1rem;\n ${listTokens.listItemPaddingLeft}: 1rem;\n ${listTokens.listItemPaddingRight}: 1rem;\n ${listTokens.listItemPaddingBottom}: 1rem;\n ${listTokens.listItemBorderRadius}: 0.875rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${listTokens.listItemPaddingTop}: 1.3125rem;\n ${listTokens.listItemPaddingLeft}: 1.125rem;\n ${listTokens.listItemPaddingRight}: 1.125rem;\n ${listTokens.listItemPaddingBottom}: 1.3125rem;\n ${listTokens.listItemBorderRadius}: 1rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l","xl","disabled","true"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,SAAA;KASV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, listConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './List.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(listConfig, config);
|
5
|
+
const ListComponent = component(mergedConfig);
|
6
6
|
|
7
7
|
/**
|
8
8
|
* Список.
|
9
9
|
*/
|
10
|
-
|
10
|
+
const List = ListComponent;
|
11
11
|
|
12
12
|
export { List };
|
13
13
|
//# sourceMappingURL=List.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../src-css/components/List/List.ts"],"sourcesContent":["import { listConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './List.config';\n\nconst mergedConfig = mergeConfig(listConfig, config);\nconst ListComponent = component(mergedConfig);\n\n/**\n * Список.\n */\nexport const List = ListComponent;\n"],"names":["mergedConfig","mergeConfig","listConfig","config","ListComponent","component","List"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src-css/components/List/List.ts"],"sourcesContent":["import { listConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './List.config';\n\nconst mergedConfig = mergeConfig(listConfig, config);\nconst ListComponent = component(mergedConfig);\n\n/**\n * Список.\n */\nexport const List = ListComponent;\n"],"names":["mergedConfig","mergeConfig","listConfig","config","ListComponent","component","List"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;AACpD,MAAMC,aAAa,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE7C;AACA;AACA;AACO,MAAMM,IAAI,GAAGF;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Mask.js","sources":["../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextField } from '../TextField';\n\nexport const Mask = composeMask(TextField);\n"],"names":["Mask","composeMask","TextField"],"mappings":";;;
|
1
|
+
{"version":3,"file":"Mask.js","sources":["../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextField } from '../TextField';\n\nexport const Mask = composeMask(TextField);\n"],"names":["Mask","composeMask","TextField"],"mappings":";;;MAIaA,IAAI,GAAGC,WAAW,CAACC,SAAS;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.config.js","sources":["../../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: var(--overlay-soft);\n ${modalTokens.modalBodyBackground}: var(--surface-solid-card);\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}: 2rem;\n ${modalTokens.modalContentPadding}: 0.625rem;\n ${modalTokens.modalCloseButtonRadius}: 0.375rem;\n ${modalTokens.modalCloseButtonColor}: var(--text-secondary);\n ${modalTokens.modalCloseButtonHoverColor}: var(--text-secondary-hover);\n ${modalTokens.modalCloseButtonActiveColor}: var(--text-secondary-active);\n ${modalTokens.modalOutlineFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"Modal.config.js","sources":["../../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: var(--overlay-soft);\n ${modalTokens.modalBodyBackground}: var(--surface-solid-card);\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}: 2rem;\n ${modalTokens.modalContentPadding}: 0.625rem;\n ${modalTokens.modalCloseButtonRadius}: 0.375rem;\n ${modalTokens.modalCloseButtonColor}: var(--text-secondary);\n ${modalTokens.modalCloseButtonHoverColor}: var(--text-secondary-hover);\n ${modalTokens.modalCloseButtonActiveColor}: var(--text-secondary-active);\n ${modalTokens.modalOutlineFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,OAAO,EAAA,UAAA;AAaX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, modalConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Modal.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(modalConfig, config);
|
5
|
+
const ModalComponent = component(mergedConfig);
|
6
6
|
|
7
7
|
/**
|
8
8
|
* Модальное окно.
|
9
9
|
*/
|
10
|
-
|
10
|
+
const Modal = ModalComponent;
|
11
11
|
|
12
12
|
export { Modal };
|
13
13
|
//# sourceMappingURL=Modal.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src-css/components/Modal/Modal.tsx"],"sourcesContent":["import { modalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config } from './Modal.config';\n\nimport { ModalProps } from '.';\n\nconst mergedConfig = mergeConfig(modalConfig, config);\nconst ModalComponent = component(mergedConfig) as ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;\n\n/**\n * Модальное окно.\n */\nexport const Modal = ModalComponent;\n"],"names":["mergedConfig","mergeConfig","modalConfig","config","ModalComponent","component","Modal"],"mappings":";;;AAOA,
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../src-css/components/Modal/Modal.tsx"],"sourcesContent":["import { modalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config } from './Modal.config';\n\nimport { ModalProps } from '.';\n\nconst mergedConfig = mergeConfig(modalConfig, config);\nconst ModalComponent = component(mergedConfig) as ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;\n\n/**\n * Модальное окно.\n */\nexport const Modal = ModalComponent;\n"],"names":["mergedConfig","mergeConfig","modalConfig","config","ModalComponent","component","Modal"],"mappings":";;;AAOA,MAAMA,YAAY,GAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,MAAMC,cAAc,GAAGC,SAAS,CAACL,YAAY,CAA0E,CAAA;;AAEvH;AACA;AACA;AACO,MAAMM,KAAK,GAAGF;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import './Note.config_2754qm.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'l'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
|
-
|
9
|
+
default: "dlpid31",
|
10
10
|
positive: "pj3b0d5",
|
11
11
|
warning: "w73g2ww",
|
12
12
|
negative: "n1m8g88j",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Note.config.js","sources":["../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n ${tokens.titlePaddingRight}: 1.5rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"Note.config.js","sources":["../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n ${tokens.titlePaddingRight}: 1.5rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,SAAA;AACDC,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAiCA,SAAA;AACDC,MAAAA,CAAC,EAiCA,UAAA;AACDC,MAAAA,CAAC,EAiCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAkCN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, noteConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Note.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(noteConfig, config);
|
5
|
+
const Note = component(mergedConfig);
|
6
6
|
|
7
7
|
export { Note };
|
8
8
|
//# sourceMappingURL=Note.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Note.js","sources":["../../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"Note.js","sources":["../../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;MAEvCC,IAAI,GAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import './Notification.config_132q76f.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
closeIconType: 'default'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
|
-
|
9
|
+
default: "demycyd",
|
10
10
|
negative: "nu7sha0",
|
11
11
|
positive: "p1dvr7yw",
|
12
12
|
warning: "w6lem8i",
|
@@ -17,7 +17,7 @@ var config = {
|
|
17
17
|
vertical: "vxcvx6m"
|
18
18
|
},
|
19
19
|
closeIconType: {
|
20
|
-
|
20
|
+
default: "djsygjg"
|
21
21
|
},
|
22
22
|
size: {
|
23
23
|
xs: "x5jqj9y",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.config.js","sources":["../../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.titleColor}: var(--text-primary);\n ${notificationTokens.contentLeftIconColor}: var(--text-primary);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n negative: css`\n ${notificationTokens.titleColor}: var(--text-negative);\n ${notificationTokens.contentLeftIconColor}: var(--text-negative);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n positive: css`\n ${notificationTokens.titleColor}: var(--text-positive);\n ${notificationTokens.contentLeftIconColor}: var(--text-positive);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n warning: css`\n ${notificationTokens.titleColor}: var(--text-warning);\n ${notificationTokens.contentLeftIconColor}: var(--text-warning);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n info: css`\n ${notificationTokens.titleColor}: var(--text-info);\n ${notificationTokens.contentLeftIconColor}: var(--text-info);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n },\n layout: {\n horizontal: css`\n ${notificationTokens.width}: 25rem;\n ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;\n `,\n vertical: css`\n ${notificationTokens.width}: 15rem;\n ${notificationTokens.padding}: 0.375rem;\n `,\n },\n closeIconType: {\n default: css`\n ${notificationTokens.closeIconButtonSize}: 1.5rem;\n ${notificationTokens.closeIconSize}: 1.5rem;\n `,\n },\n size: {\n xs: css`\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.padding}: 0.375rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.buttonsMarginLeft}: 0rem;\n `,\n xxs: css`\n ${notificationTokens.closeIconTop}: 0.8125rem;\n ${notificationTokens.closeIconRight}: 1rem;\n\n ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;\n\n ${notificationTokens.contentPaddingTop}: 0.25rem;\n ${notificationTokens.contentPaddingRight}: 0rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0rem;\n\n ${notificationTokens.buttonsMarginLeft}: 2rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","closeIconType","variations","default","negative","positive","warning","info","layout","horizontal","vertical","size","xs","xxs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAqDC,SAAA;AACDC,MAAAA,QAAQ,EAqDP,SAAA;AACDC,MAAAA,QAAQ,EAqDP,UAAA;AACDC,MAAAA,OAAO,EAqDN,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAsDP;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAGT,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAIX;AACDT,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,SAAA;KAIV;AACDQ,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAcP,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Notification.config.js","sources":["../../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.titleColor}: var(--text-primary);\n ${notificationTokens.contentLeftIconColor}: var(--text-primary);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n negative: css`\n ${notificationTokens.titleColor}: var(--text-negative);\n ${notificationTokens.contentLeftIconColor}: var(--text-negative);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n positive: css`\n ${notificationTokens.titleColor}: var(--text-positive);\n ${notificationTokens.contentLeftIconColor}: var(--text-positive);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n warning: css`\n ${notificationTokens.titleColor}: var(--text-warning);\n ${notificationTokens.contentLeftIconColor}: var(--text-warning);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n info: css`\n ${notificationTokens.titleColor}: var(--text-info);\n ${notificationTokens.contentLeftIconColor}: var(--text-info);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n },\n layout: {\n horizontal: css`\n ${notificationTokens.width}: 25rem;\n ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;\n `,\n vertical: css`\n ${notificationTokens.width}: 15rem;\n ${notificationTokens.padding}: 0.375rem;\n `,\n },\n closeIconType: {\n default: css`\n ${notificationTokens.closeIconButtonSize}: 1.5rem;\n ${notificationTokens.closeIconSize}: 1.5rem;\n `,\n },\n size: {\n xs: css`\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.padding}: 0.375rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.buttonsMarginLeft}: 0rem;\n `,\n xxs: css`\n ${notificationTokens.closeIconTop}: 0.8125rem;\n ${notificationTokens.closeIconRight}: 1rem;\n\n ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;\n\n ${notificationTokens.contentPaddingTop}: 0.25rem;\n ${notificationTokens.contentPaddingRight}: 0rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0rem;\n\n ${notificationTokens.buttonsMarginLeft}: 2rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","closeIconType","variations","default","negative","positive","warning","info","layout","horizontal","vertical","size","xs","xxs"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAqDN,SAAA;AACDC,MAAAA,QAAQ,EAqDP,SAAA;AACDC,MAAAA,QAAQ,EAqDP,UAAA;AACDC,MAAAA,OAAO,EAqDN,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAsDP;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAGT,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAIX;AACDT,IAAAA,aAAa,EAAE;AACXE,MAAAA,OAAO,EAAA,SAAA;KAIV;AACDQ,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAcP,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,16 +1,16 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { NotificationsProvider as NotificationsProvider$1
|
2
|
+
import { mergeConfig, notificationConfig, component, NotificationsProvider as NotificationsProvider$1 } from '@salutejs/plasma-new-hope';
|
3
3
|
import { config } from './Notification.config.js';
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
5
|
+
const mergedConfig = mergeConfig(notificationConfig, config);
|
6
|
+
const NotificationNewHope = component(mergedConfig);
|
7
|
+
const Notification = NotificationNewHope;
|
8
|
+
const NotificationsProvider = ({
|
9
|
+
children,
|
10
|
+
frame = 'document',
|
11
|
+
placement,
|
12
|
+
UNSAFE_SSR_ENABLED
|
13
|
+
}) => {
|
14
14
|
return /*#__PURE__*/React.createElement(NotificationsProvider$1, {
|
15
15
|
config: mergedConfig,
|
16
16
|
frame: frame,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n NotificationProps as NotificationPropsNewHope,\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n NotificationProps as NotificationPropsNewHope,\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","children","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;AAcA,MAAMA,YAAY,GAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;MAE/CC,mBAAmB,GAAGC,SAAS,CAACL,YAAY,EAAC;AAMnD,MAAMM,YAAY,GAAGF,oBAAmE;AAExF,MAAMG,qBAKX,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,KAAK,GAAG,UAAU;EAAEC,SAAS;AAAEC,EAAAA,kBAAAA;AAAmB,CAAC,KAAK;AACtE,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACS,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,EACtGH,QACK,CAAC,CAAA;AAEnB;;;;"}
|
@@ -8,7 +8,7 @@ import { TextField } from '../TextField/TextField.js';
|
|
8
8
|
* Вероятно, оно не является переносимым. Требуется заметка с типом.
|
9
9
|
*/
|
10
10
|
|
11
|
-
|
11
|
+
const NumberFormat = composeNumberFormat(TextField);
|
12
12
|
|
13
13
|
export { NumberFormat };
|
14
14
|
//# sourceMappingURL=NumberFormat.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberFormat.js","sources":["../../../src-css/components/NumberFormat/NumberFormat.ts"],"sourcesContent":["import type { ComponentProps, ForwardRefExoticComponent } from 'react';\nimport { composeNumberFormat } from '@salutejs/plasma-new-hope';\nimport type { CustomNumberFormatProps } from '@salutejs/plasma-new-hope';\n\nimport { TextField } from '../TextField/TextField';\n\n/**\n * Note: проблема связанная с выводом типов\n * Выводимому типу \"NumberFormat\" невозможно присвоить имя без ссылки\n * на \"@salutejs/plasma-new-hope/node_modules/react-number-format\".\n * Вероятно, оно не является переносимым. Требуется заметка с типом.\n */\ntype NumberFormatProps = CustomNumberFormatProps & ComponentProps<typeof TextField>;\n\nexport const NumberFormat = composeNumberFormat(TextField) as ForwardRefExoticComponent<NumberFormatProps>;\n"],"names":["NumberFormat","composeNumberFormat","TextField"],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;;
|
1
|
+
{"version":3,"file":"NumberFormat.js","sources":["../../../src-css/components/NumberFormat/NumberFormat.ts"],"sourcesContent":["import type { ComponentProps, ForwardRefExoticComponent } from 'react';\nimport { composeNumberFormat } from '@salutejs/plasma-new-hope';\nimport type { CustomNumberFormatProps } from '@salutejs/plasma-new-hope';\n\nimport { TextField } from '../TextField/TextField';\n\n/**\n * Note: проблема связанная с выводом типов\n * Выводимому типу \"NumberFormat\" невозможно присвоить имя без ссылки\n * на \"@salutejs/plasma-new-hope/node_modules/react-number-format\".\n * Вероятно, оно не является переносимым. Требуется заметка с типом.\n */\ntype NumberFormatProps = CustomNumberFormatProps & ComponentProps<typeof TextField>;\n\nexport const NumberFormat = composeNumberFormat(TextField) as ForwardRefExoticComponent<NumberFormatProps>;\n"],"names":["NumberFormat","composeNumberFormat","TextField"],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;;MAGaA,YAAY,GAAGC,mBAAmB,CAACC,SAAS;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './NumberInput.config_xnda9a.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'l',
|
@@ -8,7 +8,7 @@ var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
|
11
|
+
default: "de2jiwv",
|
12
12
|
secondary: "skcuc54",
|
13
13
|
accent: "a1vvy5qw",
|
14
14
|
clear: "cjlnisb"
|
@@ -28,12 +28,12 @@ var config = {
|
|
28
28
|
clear: "c36htqu"
|
29
29
|
},
|
30
30
|
segmentation: {
|
31
|
-
|
31
|
+
default: "d1xywvk8",
|
32
32
|
segmented: "szii2gm",
|
33
33
|
solid: "saj5ceg"
|
34
34
|
},
|
35
35
|
disabled: {
|
36
|
-
|
36
|
+
true: "tm84ktr"
|
37
37
|
}
|
38
38
|
}
|
39
39
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.config.js","sources":["../../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n l: css`\n ${tokens.rootMinWidth}: 11.75rem;\n ${tokens.iconButtonHeight}: 3.5rem;\n ${tokens.iconButtonWidth}: 3.5rem;\n ${tokens.iconButtonPadding}: 1.5rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.iconButtonRadius}: 0.875rem;\n ${tokens.iconButtonSegmentationRadius}: 0.375rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.875rem;\n ${tokens.textWrapperHeight}: 3.5rem;\n ${tokens.textWrapperPadding}: 1.063rem 1.125rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n xs: css`\n ${tokens.rootMinWidth}: 6.875rem;\n ${tokens.iconButtonHeight}: 2rem;\n ${tokens.iconButtonWidth}: 2rem;\n ${tokens.iconButtonPadding}: 0.75rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.iconButtonRadius}: 0.5rem;\n ${tokens.iconButtonSegmentationRadius}: 0.125rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.5rem;\n ${tokens.textWrapperHeight}: 2rem;\n ${tokens.textWrapperPadding}: 0.563rem 0.625rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","l","m","s","xs","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE,MAAA;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0BC,SAAA;AACDC,MAAAA,SAAS,EA0BR,SAAA;AACDC,MAAAA,MAAM,EA2BL,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EA+BA,SAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgCL;AACDV,IAAAA,KAAK,EAAE;AACHW,MAAAA,QAAQ,EAAO,UAAA;AACfC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDX,IAAAA,mBAAmB,EAAE;AACjBY,MAAAA,IAAI,EAGH,SAAA;AACDP,MAAAA,KAAK,EAAA,SAAA;KAIR;AACDQ,IAAAA,YAAY,EAAE;AACVX,MAAAA,SAAAA,EAAc,UAAA;AACdY,MAAAA,SAAS,EAAO,SAAA;AAChBC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"NumberInput.config.js","sources":["../../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n l: css`\n ${tokens.rootMinWidth}: 11.75rem;\n ${tokens.iconButtonHeight}: 3.5rem;\n ${tokens.iconButtonWidth}: 3.5rem;\n ${tokens.iconButtonPadding}: 1.5rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.iconButtonRadius}: 0.875rem;\n ${tokens.iconButtonSegmentationRadius}: 0.375rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.875rem;\n ${tokens.textWrapperHeight}: 3.5rem;\n ${tokens.textWrapperPadding}: 1.063rem 1.125rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-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.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n xs: css`\n ${tokens.rootMinWidth}: 6.875rem;\n ${tokens.iconButtonHeight}: 2rem;\n ${tokens.iconButtonWidth}: 2rem;\n ${tokens.iconButtonPadding}: 0.75rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.iconButtonRadius}: 0.5rem;\n ${tokens.iconButtonSegmentationRadius}: 0.125rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.5rem;\n ${tokens.textWrapperHeight}: 2rem;\n ${tokens.textWrapperPadding}: 0.563rem 0.625rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","l","m","s","xs","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE,MAAA;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,OAAO,EA0BN,SAAA;AACDC,MAAAA,SAAS,EA0BR,SAAA;AACDC,MAAAA,MAAM,EA2BL,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EA+BA,SAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgCL;AACDV,IAAAA,KAAK,EAAE;AACHW,MAAAA,QAAQ,EAAO,UAAA;AACfC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDX,IAAAA,mBAAmB,EAAE;AACjBY,MAAAA,IAAI,EAGH,SAAA;AACDP,MAAAA,KAAK,EAAA,SAAA;KAIR;AACDQ,IAAAA,YAAY,EAAE;AACVX,MAAAA,OAAO,EAAO,UAAA;AACdY,MAAAA,SAAS,EAAO,SAAA;AAChBC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { mergeConfig, numberInputConfig, component } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './NumberInput.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
const mergedConfig = mergeConfig(numberInputConfig, config);
|
5
|
+
const NumberInput = component(mergedConfig);
|
6
6
|
|
7
7
|
export { NumberInput };
|
8
8
|
//# sourceMappingURL=NumberInput.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["../../../src-css/components/NumberInput/NumberInput.ts"],"sourcesContent":["import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './NumberInput.config';\n\nconst mergedConfig = mergeConfig(numberInputConfig, config);\n\nexport const NumberInput = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","numberInputConfig","config","NumberInput","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"NumberInput.js","sources":["../../../src-css/components/NumberInput/NumberInput.ts"],"sourcesContent":["import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './NumberInput.config';\n\nconst mergedConfig = mergeConfig(numberInputConfig, config);\n\nexport const NumberInput = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","numberInputConfig","config","NumberInput","component"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;MAE9CC,WAAW,GAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './Pagination.config_zljjom.css';
|
2
|
-
|
2
|
+
const config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'clear',
|
5
5
|
viewCurrentPage: 'secondary',
|
@@ -7,12 +7,12 @@ var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
|
10
|
+
default: "d147d9k7",
|
11
11
|
secondary: "s1g35n3",
|
12
12
|
clear: "c1o7skzx"
|
13
13
|
},
|
14
14
|
viewCurrentPage: {
|
15
|
-
|
15
|
+
default: "d17sk1w4",
|
16
16
|
secondary: "sovf1p6",
|
17
17
|
clear: "c6lqjbg"
|
18
18
|
},
|
@@ -24,7 +24,7 @@ var config = {
|
|
24
24
|
},
|
25
25
|
type: {
|
26
26
|
compact: "c1yvasll",
|
27
|
-
|
27
|
+
default: "dkm0cuu"
|
28
28
|
}
|
29
29
|
}
|
30
30
|
};
|