@salutejs/sdds-serv 0.330.0-canary.2362.19765218937.0 → 0.330.0-canary.2362.19924292775.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.mdx +1 -1
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +1 -1
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +2 -2
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/CodeInput/CodeInput.config.js.map +1 -1
- package/components/CodeInput/CodeInput.js.map +1 -1
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.d.ts +24 -0
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js.map +1 -1
- package/components/Grid/Grid.config.js.map +1 -1
- package/components/Grid/Grid.js +2 -2
- package/components/Grid/Grid.js.map +1 -1
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js.map +1 -1
- package/components/Loader/Loader.config.js.map +1 -1
- package/components/Loader/Loader.js.map +1 -1
- package/components/Mask/Mask.css +43 -21
- package/components/Mask/Mask.d.ts +17 -33
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/Radiobox/Radiobox.js +1 -1
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +2 -2
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +2 -2
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.clear.config.d.ts +47 -0
- package/components/TextField/TextField.clear.config.js +55 -0
- package/components/TextField/TextField.clear.config.js.map +1 -0
- package/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/components/TextField/TextField.config.d.ts +0 -4
- package/components/TextField/TextField.config.js +13 -17
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/components/TextField/TextField.d.ts +970 -7
- package/components/TextField/TextField.js +14 -6
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/TimePicker/TimePicker.config.js.map +1 -1
- package/components/TimePicker/TimePicker.js.map +1 -1
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +1 -1
- package/components/Toast/Toast.js.map +1 -1
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tour/Tour.config.js.map +1 -1
- package/components/Tour/Tour.js.map +1 -1
- package/components/Tree/Tree.config.js +1 -1
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.config_ifudaq.css +5 -0
- package/components/Tree/Tree.css +5 -5
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/emotion/cjs/components/TextField/TextField.config.js +56 -102
- package/emotion/cjs/components/TextField/TextField.js +28 -5
- package/emotion/cjs/components/Tree/Tree.config.js +34 -10
- package/emotion/es/components/TextField/TextField.clear.config.js +821 -0
- package/emotion/es/components/TextField/TextField.config.js +56 -102
- package/emotion/es/components/TextField/TextField.js +15 -5
- package/emotion/es/components/Tree/Tree.config.js +34 -10
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +1 -1
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.config.js.map +1 -1
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js.map +1 -1
- package/es/components/Loader/Loader.config.js.map +1 -1
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Mask/Mask.css +43 -21
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +1 -1
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +9 -9
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.clear.config.js +51 -0
- package/es/components/TextField/TextField.clear.config.js.map +1 -0
- package/es/components/TextField/TextField.clear.config_hts9jh.css +22 -0
- package/es/components/TextField/TextField.config.js +13 -17
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_c4zz6m.css +22 -0
- package/es/components/TextField/TextField.js +14 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/TimePicker/TimePicker.config.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +1 -1
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tour/Tour.config.js.map +1 -1
- package/es/components/Tour/Tour.js.map +1 -1
- package/es/components/Tree/Tree.config.js +1 -1
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.config_ifudaq.css +5 -0
- package/es/components/Tree/Tree.css +5 -5
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +3 -3
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/index.css +50 -28
- package/index.js +58 -58
- package/package.json +8 -17
- package/styled-components/cjs/components/TextField/TextField.clear.config.js +831 -0
- package/styled-components/cjs/components/TextField/TextField.config.js +56 -102
- package/styled-components/cjs/components/TextField/TextField.js +28 -5
- package/styled-components/cjs/components/Tree/Tree.config.js +34 -10
- package/styled-components/es/components/TextField/TextField.clear.config.js +821 -0
- package/styled-components/es/components/TextField/TextField.config.js +56 -102
- package/styled-components/es/components/TextField/TextField.js +15 -5
- package/styled-components/es/components/Tree/Tree.config.js +34 -10
- package/components/TextField/TextField.config_15il1op.css +0 -23
- package/components/Tree/Tree.config_19lfyoo.css +0 -5
- package/es/components/TextField/TextField.config_15il1op.css +0 -23
- package/es/components/Tree/Tree.config_19lfyoo.css +0 -5
|
@@ -1,23 +1,45 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
1
|
+
.TextField_config_c4zz6m_dtkroq0__fc32768c{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-primary);--plasma-textfield-bg-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-secondary);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
2
|
+
.TextField_config_c4zz6m_pfhkds4__fc32768c{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-positive);--plasma-textfield-bg-color-hover:var(--surface-transparent-positive-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-positive-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
3
|
+
.TextField_config_c4zz6m_w1ocoxlz__fc32768c{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-warning);--plasma-textfield-bg-color-hover:var(--surface-transparent-warning-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-warning-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
4
|
+
.TextField_config_c4zz6m_nlfdoc8__fc32768c{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-negative);--plasma-textfield-bg-color-hover:var(--surface-transparent-negative-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-negative-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
5
|
+
.TextField_config_c4zz6m_x6zduia__fc32768c{--plasma-textfield-height:4rem;--plasma-textfield-padding:1.3125rem 1.125rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:1rem;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.75rem;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.75rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.82rem -2.938rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-margin-right:1rem;--plasma-textfield__chip-border-radius:0.625rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:3.25rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
|
6
|
+
.TextField_config_c4zz6m_lp7pk8g__fc32768c{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.875rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.75rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-textfield__clear-hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;}
|
|
7
|
+
.TextField_config_c4zz6m_m2w1lwg__fc32768c{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.75rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.125rem -0.438rem -0.125rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.625rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textfield__clear-hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding:0 0.625rem 0 0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;}
|
|
8
|
+
.TextField_config_c4zz6m_s1w33z3o__fc32768c{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.625rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.1875rem -0.438rem -0.1875rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.5rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding:0 0.5rem 0 0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;}
|
|
9
|
+
.TextField_config_c4zz6m_x8whelw__fc32768c{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-textfield-padding-with-chips:0.375rem;--plasma-textfield-border-radius:0.5rem;--plasma-textfield-border-width:0.0625rem;--plasma-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.688rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.688rem -0.688rem -0.688rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.375rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding:0 0.375rem 0 0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0 0 0 0;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0 0 auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;}
|
|
10
|
+
.TextField_config_c4zz6m_i1h3g1ks__fc32768c{--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
11
11
|
|
|
12
|
+
.TextField_config_c4zz6m_dx53wwr__fc32768c{--plasma-textfield__chip-color:var(--inverse-text-primary);--plasma-textfield__chip-background:var(--surface-solid-default);--plasma-textfield__chip-color-hover:var(--inverse-text-primary);--plasma-textfield__chip-background-hover:var(--surface-solid-default-hover);--plasma-textfield__chip-color-active:var(--inverse-text-primary);--plasma-textfield__chip-background-active:var(--surface-solid-default-active);--plasma-textfield__chip-background-readonly:var(--surface-solid-default);--plasma-textfield__chip-color-readonly:var(--inverse-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-solid-default);--plasma-textfield__chip-color-readonly-hover:var(--inverse-text-primary);--plasma-textfield__chip-close-icon-color:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
13
|
+
.TextField_config_c4zz6m_saletrs__fc32768c{--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
14
|
+
.TextField_config_c4zz6m_a1t7mzsz__fc32768c{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-accent);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-accent-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-accent-active);--plasma-textfield__chip-background-readonly:var(--surface-accent);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-accent);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
15
|
+
.TextField_config_c4zz6m_pb550dj__fc32768c{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-positive);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-positive-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-positive-active);--plasma-textfield__chip-background-readonly:var(--surface-positive);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-positive);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
16
|
+
.TextField_config_c4zz6m_wkng3yc__fc32768c{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-warning);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-warning-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-warning-active);--plasma-textfield__chip-background-readonly:var(--surface-warning);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-warning);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
17
|
+
.TextField_config_c4zz6m_npf8jwm__fc32768c{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-negative);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-negative-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-negative-active);--plasma-textfield__chip-background-readonly:var(--surface-negative);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-negative);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
18
|
+
.TextField_config_c4zz6m_d8ra9ji__fc32768c{--plasma-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textfield__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-textfield__tooltip-color:var(--text-primary);--plasma-textfield__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
19
|
+
.TextField_config_c4zz6m_m13sqnyj__fc32768c{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
|
|
20
|
+
.TextField_config_c4zz6m_s1nb8qre__fc32768c{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
|
|
21
|
+
.TextField_config_c4zz6m_tah4t5d__fc32768c{--plasma-textfield-disabled-opacity:0.4;}
|
|
22
|
+
.TextField_config_c4zz6m_t1459kih__fc32768c{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:var(--surface-transparent-primary);--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
|
|
12
23
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
|
|
24
|
+
.TextField_clear_config_hts9jh_dwsn6eb__5044d7c5{--plasma-textfield-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
25
|
+
.TextField_clear_config_hts9jh_pdpawn5__5044d7c5{--plasma-textfield-color:var(--text-positive);--plasma-textfield__placeholder-color:var(--text-positive);--plasma-textfield__placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-positive);--plasma-textfield-content-slot-color-hover:var(--text-positive-hover);--plasma-textfield-content-slot-color-active:var(--text-positive-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
26
|
+
.TextField_clear_config_hts9jh_w17x7gjj__5044d7c5{--plasma-textfield-color:var(--text-warning);--plasma-textfield__placeholder-color:var(--text-warning);--plasma-textfield__placeholder-color-focus:var(--text-warning);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-warning);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-warning);--plasma-textfield-content-slot-color-hover:var(--text-warning-hover);--plasma-textfield-content-slot-color-active:var(--text-warning-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-warning);--plasma-textfield-divider-color-hover:var(--surface-warning);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
27
|
+
.TextField_clear_config_hts9jh_n1emjrtv__5044d7c5{--plasma-textfield-color:var(--text-negative);--plasma-textfield__placeholder-color:var(--text-negative);--plasma-textfield__placeholder-color-focus:var(--text-negative);--plasma-textfield-bg-color:transparent;--plasma-textfield-bg-color-hover:transparent;--plasma-textfield-bg-color-focus:transparent;--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-negative);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-negative);--plasma-textfield-content-slot-color-hover:var(--text-negative-hover);--plasma-textfield-content-slot-color-active:var(--text-negative-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-negative);--plasma-textfield-divider-color-hover:var(--surface-negative);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
28
|
+
.TextField_clear_config_hts9jh_xr2wj7q__5044d7c5{--plasma-textfield-height:4rem;--plasma-textfield-padding:1.3125rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0rem;--plasma-textfield__right-content-margin:-0.0625rem 0rem -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.82rem -2.063rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.125rem;--plasma-textfield__chip-margin-right:1rem;--plasma-textfield__chip-border-radius:0.625rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:3.25rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.75rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.75rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.75rem -2.488rem auto auto;}
|
|
29
|
+
.TextField_clear_config_hts9jh_llgeoal__5044d7c5{--plasma-textfield-height:3.5rem;--plasma-textfield-padding:1.0625rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.438rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.563rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.5rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.75rem;--plasma-textfield__chip-padding:0 0.75rem 0 1rem;--plasma-textfield__chip-clear-content-margin-left:0.625rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.5rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.5rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.5rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.5rem -2.488rem auto auto;}
|
|
30
|
+
.TextField_clear_config_hts9jh_m1y65yur__5044d7c5{--plasma-textfield-height:3rem;--plasma-textfield-padding:0.875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem 0;--plasma-textfield__right-content-margin:-0.125rem 0 -0.125rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.125rem -0.438rem -0.125rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.375rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:2.25rem;--plasma-textfield__chip-padding:0 0.625rem 0 0.875rem;--plasma-textfield__chip-clear-content-margin-left:0.5rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1.25rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield__indicator-size-inner:0.5rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textfield__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield__indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.25rem -2.488rem auto auto;}
|
|
31
|
+
.TextField_clear_config_hts9jh_s12b6hd6__5044d7c5{--plasma-textfield-height:2.5rem;--plasma-textfield-padding:0.6875rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-textfield__right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.1875rem -0.438rem -0.1875rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__hint-margin:-0.688rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.25rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.75rem;--plasma-textfield__chip-padding:0 0.5rem 0 0.75rem;--plasma-textfield__chip-clear-content-margin-left:0.375rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:1rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-textfield__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield__indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;}
|
|
32
|
+
.TextField_clear_config_hts9jh_xkkpdvb__5044d7c5{--plasma-textfield-height:2rem;--plasma-textfield-padding:0.5625rem 0;--plasma-textfield-padding-with-chips:0.375rem 0;--plasma-textfield-border-radius:0;--plasma-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-textfield__right-content-with-hint-margin:-0.0625rem -0.688rem -0.0625rem 0.75rem;--plasma-textfield-content-right-wrapper-gap:0.25rem;--plasma-textfield-content-right-wrapper-margin:-0.688rem -0.688rem -0.688rem 0;--plasma-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__label-offset:0.25rem;--plasma-textfield__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield__hint-target-size:2.375rem;--plasma-textfield__hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-textfield__title-caption-label-inner-offset:0.25rem;--plasma-textfield__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__left-helper-offset:0.25rem;--plasma-textfield__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield__before-text-margin:0 0.25rem 0 0;--plasma-textfield__after-text-margin:0 0 0 0.25rem;--plasma-textfield__chip-gap:0.25rem;--plasma-textfield__chip-border-radius:0.125rem;--plasma-textfield__chip-width:auto;--plasma-textfield__chip-height:1.25rem;--plasma-textfield__chip-padding:0 0.375rem 0 0.625rem;--plasma-textfield__chip-clear-content-margin-left:0.25rem;--plasma-textfield__chip-clear-content-margin-right:0rem;--plasma-textfield__chip-close-icon-size:0.75rem;--plasma-textfield__chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__indicator-size-inner:0.375rem;--plasma-textfield__indicator-size-outer:0.375rem;--plasma-textfield__indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-textfield__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield__indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-textfield__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield__clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;}
|
|
33
|
+
.TextField_clear_config_hts9jh_i1p3y1gi__5044d7c5{--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
34
|
+
|
|
35
|
+
.TextField_clear_config_hts9jh_daqndxt__5044d7c5{--plasma-textfield__chip-color:var(--inverse-text-primary);--plasma-textfield__chip-background:var(--surface-solid-default);--plasma-textfield__chip-color-hover:var(--inverse-text-primary);--plasma-textfield__chip-background-hover:var(--surface-solid-default-hover);--plasma-textfield__chip-color-active:var(--inverse-text-primary);--plasma-textfield__chip-background-active:var(--surface-solid-default-active);--plasma-textfield__chip-background-readonly:var(--surface-solid-default);--plasma-textfield__chip-color-readonly:var(--inverse-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-solid-default);--plasma-textfield__chip-color-readonly-hover:var(--inverse-text-primary);--plasma-textfield__chip-close-icon-color:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--inverse-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--inverse-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
36
|
+
.TextField_clear_config_hts9jh_s1r0sdt0__5044d7c5{--plasma-textfield__chip-color:var(--text-primary);--plasma-textfield__chip-background:var(--surface-transparent-secondary);--plasma-textfield__chip-color-hover:var(--text-primary);--plasma-textfield__chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-textfield__chip-color-active:var(--text-primary);--plasma-textfield__chip-background-active:var(--surface-transparent-secondary-active);--plasma-textfield__chip-background-readonly:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly:var(--text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-textfield__chip-color-readonly-hover:var(--text-primary);--plasma-textfield__chip-close-icon-color:var(--text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
37
|
+
.TextField_clear_config_hts9jh_al9p1ui__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-accent);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-accent-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-accent-active);--plasma-textfield__chip-background-readonly:var(--surface-accent);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-accent);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
38
|
+
.TextField_clear_config_hts9jh_pcqagsb__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-positive);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-positive-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-positive-active);--plasma-textfield__chip-background-readonly:var(--surface-positive);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-positive);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
39
|
+
.TextField_clear_config_hts9jh_wvkbcac__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-warning);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-warning-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-warning-active);--plasma-textfield__chip-background-readonly:var(--surface-warning);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-warning);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
40
|
+
.TextField_clear_config_hts9jh_n1f5nmrs__5044d7c5{--plasma-textfield__chip-color:var(--on-dark-text-primary);--plasma-textfield__chip-background:var(--surface-negative);--plasma-textfield__chip-color-hover:var(--on-dark-text-primary);--plasma-textfield__chip-background-hover:var(--surface-negative-hover);--plasma-textfield__chip-color-active:var(--on-dark-text-primary);--plasma-textfield__chip-background-active:var(--surface-negative-active);--plasma-textfield__chip-background-readonly:var(--surface-negative);--plasma-textfield__chip-color-readonly:var(--on-dark-text-primary);--plasma-textfield__chip-background-readonly-hover:var(--surface-negative);--plasma-textfield__chip-color-readonly-hover:var(--on-dark-text-primary);--plasma-textfield__chip-close-icon-color:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-readonly:var(--on-dark-text-secondary);--plasma-textfield__chip-close-icon-color-hover:var(--on-dark-text-secondary-hover);--plasma-textfield__chip-opacity-readonly:1;}
|
|
41
|
+
.TextField_clear_config_hts9jh_dokz6t__5044d7c5{--plasma-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textfield__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-textfield__tooltip-color:var(--text-primary);--plasma-textfield__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
42
|
+
.TextField_clear_config_hts9jh_m10ofxb8__5044d7c5{--plasma-textfield__tooltip-padding-top:0.6875rem;--plasma-textfield__tooltip-padding-right:0.875rem;--plasma-textfield__tooltip-padding-bottom:0.6875rem;--plasma-textfield__tooltip-padding-left:0.875rem;--plasma-textfield__tooltip-min-height:2.5rem;--plasma-textfield__tooltip-border-radius:0.625rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield__tooltip-content-left-margin:0.375rem;--plasma-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield__tooltip-arrow-height:0.5rem;--plasma-textfield__tooltip-arrow-edge-margin:0.625rem;}
|
|
43
|
+
.TextField_clear_config_hts9jh_syti5yf__5044d7c5{--plasma-textfield__tooltip-padding-top:0.5rem;--plasma-textfield__tooltip-padding-right:0.75rem;--plasma-textfield__tooltip-padding-bottom:0.5rem;--plasma-textfield__tooltip-padding-left:0.75rem;--plasma-textfield__tooltip-min-height:2rem;--plasma-textfield__tooltip-border-radius:0.5rem;--plasma-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield__tooltip-content-left-margin:0.25rem;--plasma-textfield__tooltip-arrow-mask-width:1rem;--plasma-textfield__tooltip-arrow-mask-height:1rem;--plasma-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield__tooltip-arrow-height:0.375rem;--plasma-textfield__tooltip-arrow-edge-margin:0.5625rem;}
|
|
44
|
+
.TextField_clear_config_hts9jh_tczp7tl__5044d7c5{--plasma-textfield-disabled-opacity:0.4;}
|
|
45
|
+
.TextField_clear_config_hts9jh_tj9a63w__5044d7c5{--plasma-textfield-readonly-opacity:0.1;--plasma-textfield-color-readonly:var(--text-primary);--plasma-textfield-bg-color-readonly:transparent;--plasma-textfield__placeholder-color-readonly:var(--text-secondary);--plasma-textfield__left-helper-color-readonly:var(--text-secondary);--plasma-textfield__title-caption-color-readonly:var(--text-secondary);--plasma-textfield__label-color-readonly:var(--text-primary);--plasma-textfield-divider-color-readonly:var(--surface-transparent-primary);--plasma-textfield-right-content-opacity-readonly:0.4;}
|
|
@@ -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,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE
|
|
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,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAAA,EAAO;AAaX;AACJ;AACJ;;;;"}
|
|
@@ -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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC
|
|
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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAA0E;;AAEvH;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
|
|
@@ -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,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE
|
|
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,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,EAAE,EAAA;AAkCN;AACJ;AACJ;;;;"}
|
|
@@ -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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC
|
|
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,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC;IAEvCC,IAAI,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -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,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAqDN;AACDC,MAAAA,QAAQ,EAAA,SAqDP;AACDC,MAAAA,QAAQ,EAAA,UAqDP;AACDC,MAAAA,OAAO,EAAA,SAqDN;AACDC,MAAAA,IAAI,EAAA;KAsDP;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAAA,SAGT;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDT,IAAAA,aAAa,EAAE;MACXE,SAAAA,EAAO;KAIV;AACDQ,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAAA,SAaD;AACDC,MAAAA,GAAG,EAAA;AAcP;AACJ;AACJ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { NotificationsProvider as NotificationsProvider$1, mergeConfig, notificationConfig
|
|
2
|
+
import { component, NotificationsProvider as NotificationsProvider$1, mergeConfig, notificationConfig } from '@salutejs/plasma-new-hope';
|
|
3
3
|
import { config } from './Notification.config.js';
|
|
4
4
|
|
|
5
5
|
var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
|
|
@@ -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","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;AAcA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC
|
|
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","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;AAcA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC;IAE/CC,mBAAmB,gBAAGC,SAAS,CAACL,YAAY;AAMlD,IAAMM,YAAY,GAAGF;IAEfG,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;AAC/D,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,uBAAQ,EAAA;AAACb,IAAAA,MAAM,EAAEH,YAAa;AAACW,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA;AAAmB,GAAA,EACtGJ,QACK,CAAC;AAEnB;;;;"}
|