@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.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/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +22 -34
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.js +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +45 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css +13 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +14 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js +11 -2
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/css/cjs/components/Progress/Progress.config.js +22 -7
- package/dist/css/cjs/components/Progress/Progress.config.js.map +1 -1
- package/dist/css/cjs/components/Progress/Progress.config_1o154pe.css +18 -0
- package/dist/css/cjs/components/Progress/Progress.css +18 -9
- package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.clear.config_zv02pe.css → cjs/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css} +12 -12
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/cjs/components/TextFieldSlider/{TextFieldSlider.config_1bcw19f.css → TextFieldSlider.config_tq8inf.css} +12 -12
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/cjs/components/Typography/Typography.js +18 -18
- package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/css/cjs/index.css +67 -44
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +22 -34
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/es/components/Combobox/Combobox.js +2 -2
- package/dist/css/es/components/Combobox/Combobox.js.map +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +41 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css +13 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +14 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.js +11 -4
- package/dist/css/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/css/es/components/Progress/Progress.config.js +22 -7
- package/dist/css/es/components/Progress/Progress.config.js.map +1 -1
- package/dist/css/es/components/Progress/Progress.config_1o154pe.css +18 -0
- package/dist/css/es/components/Progress/Progress.css +18 -9
- package/dist/css/es/components/TextField/TextField.js.map +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.clear.config_zv02pe.css → es/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css} +12 -12
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/es/components/TextFieldSlider/{TextFieldSlider.config_1bcw19f.css → TextFieldSlider.config_tq8inf.css} +12 -12
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/es/components/Typography/Typography.js +18 -18
- package/dist/css/es/components/Typography/Typography.js.map +1 -1
- package/dist/css/es/index.css +67 -44
- package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +243 -367
- package/dist/styled-components/cjs/components/Accordion/Accordion.js +5 -5
- package/dist/styled-components/cjs/components/Accordion/index.js +2 -2
- package/dist/styled-components/cjs/components/Attach/Attach.config.js +795 -834
- package/dist/styled-components/cjs/components/Attach/Attach.js +4 -4
- package/dist/styled-components/cjs/components/Attach/index.js +1 -1
- package/dist/styled-components/cjs/components/AudioPlayer/index.js +1 -1
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +570 -613
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +10 -61
- package/dist/styled-components/cjs/components/Autocomplete/index.js +1 -1
- package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +296 -460
- package/dist/styled-components/cjs/components/Avatar/Avatar.js +4 -4
- package/dist/styled-components/cjs/components/Avatar/index.js +1 -1
- package/dist/styled-components/cjs/components/AvatarGroup/AvatarGroup.js +3 -3
- package/dist/styled-components/cjs/components/AvatarGroup/index.js +1 -1
- package/dist/styled-components/cjs/components/Badge/Badge.config.js +157 -260
- package/dist/styled-components/cjs/components/Badge/Badge.js +4 -4
- package/dist/styled-components/cjs/components/Badge/Badge.perftest.js +9 -36
- package/dist/styled-components/cjs/components/Badge/index.js +1 -1
- package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.config.js +49 -95
- package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/styled-components/cjs/components/Breadcrumbs/index.js +1 -1
- package/dist/styled-components/cjs/components/Button/Button.config.js +247 -435
- package/dist/styled-components/cjs/components/Button/Button.js +6 -6
- package/dist/styled-components/cjs/components/Button/Button.perftest.js +18 -44
- package/dist/styled-components/cjs/components/Button/index.js +1 -1
- package/dist/styled-components/cjs/components/ButtonBase/index.js +1 -1
- package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +238 -464
- package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.js +4 -4
- package/dist/styled-components/cjs/components/ButtonGroup/index.js +1 -1
- package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +431 -431
- package/dist/styled-components/cjs/components/Calendar/Calendar.js +10 -10
- package/dist/styled-components/cjs/components/Calendar/Calendar.perftest.js +28 -49
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +432 -432
- package/dist/styled-components/cjs/components/Calendar/index.js +1 -1
- package/dist/styled-components/cjs/components/Card/Card.config.js +23 -65
- package/dist/styled-components/cjs/components/Card/Card.js +5 -5
- package/dist/styled-components/cjs/components/Card/index.js +1 -1
- package/dist/styled-components/cjs/components/Carousel/Carousel.config.js +15 -41
- package/dist/styled-components/cjs/components/Carousel/Carousel.js +16 -42
- package/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.examples.js +11 -56
- package/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.js +4 -4
- package/dist/styled-components/cjs/components/Carousel/index.js +2 -2
- package/dist/styled-components/cjs/components/Cell/Cell.config.js +137 -167
- package/dist/styled-components/cjs/components/Cell/Cell.js +5 -5
- package/dist/styled-components/cjs/components/Cell/index.js +2 -2
- package/dist/styled-components/cjs/components/Checkbox/Checkbox.config.js +147 -269
- package/dist/styled-components/cjs/components/Checkbox/Checkbox.js +5 -5
- package/dist/styled-components/cjs/components/Checkbox/Checkbox.perftest.js +9 -36
- package/dist/styled-components/cjs/components/Checkbox/index.js +1 -1
- package/dist/styled-components/cjs/components/Chip/Chip.config.js +223 -344
- package/dist/styled-components/cjs/components/Chip/Chip.js +5 -5
- package/dist/styled-components/cjs/components/Chip/index.js +1 -1
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +116 -190
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.js +4 -4
- package/dist/styled-components/cjs/components/ChipGroup/index.js +1 -1
- package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +78 -125
- package/dist/styled-components/cjs/components/CodeField/CodeField.js +4 -4
- package/dist/styled-components/cjs/components/CodeField/index.js +2 -2
- package/dist/styled-components/cjs/components/CodeInput/CodeInput.config.js +130 -149
- package/dist/styled-components/cjs/components/CodeInput/CodeInput.js +5 -5
- package/dist/styled-components/cjs/components/CodeInput/index.js +1 -1
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +800 -815
- package/dist/styled-components/cjs/components/Combobox/Combobox.js +11 -38
- package/dist/styled-components/cjs/components/Combobox/index.js +1 -1
- package/dist/styled-components/cjs/components/Counter/Counter.config.js +89 -203
- package/dist/styled-components/cjs/components/Counter/Counter.js +4 -4
- package/dist/styled-components/cjs/components/Counter/index.js +2 -2
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +1114 -1030
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +1099 -1018
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.js +13 -13
- package/dist/styled-components/cjs/components/DatePicker/index.js +2 -2
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1051 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +1011 -953
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +25 -7
- package/dist/styled-components/cjs/components/DateTimePicker/index.js +2 -2
- package/dist/styled-components/cjs/components/Divider/Divider.config.js +23 -89
- package/dist/styled-components/cjs/components/Divider/Divider.js +4 -4
- package/dist/styled-components/cjs/components/Divider/index.js +2 -2
- package/dist/styled-components/cjs/components/Drawer/Drawer.config.js +18 -60
- package/dist/styled-components/cjs/components/Drawer/Drawer.js +10 -10
- package/dist/styled-components/cjs/components/Drawer/index.js +1 -1
- package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js +191 -229
- package/dist/styled-components/cjs/components/Dropdown/Dropdown.js +11 -38
- package/dist/styled-components/cjs/components/Dropdown/index.js +1 -1
- package/dist/styled-components/cjs/components/Dropzone/Dropzone.config.js +36 -68
- package/dist/styled-components/cjs/components/Dropzone/Dropzone.js +4 -4
- package/dist/styled-components/cjs/components/Dropzone/index.js +2 -2
- package/dist/styled-components/cjs/components/Editable/Editable.config.js +14 -40
- package/dist/styled-components/cjs/components/Editable/Editable.js +7 -7
- package/dist/styled-components/cjs/components/Editable/index.js +1 -1
- package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js +14 -19
- package/dist/styled-components/cjs/components/ElasticGrid/index.js +1 -1
- package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +102 -212
- package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.js +5 -5
- package/dist/styled-components/cjs/components/EmbedIconButton/index.js +1 -1
- package/dist/styled-components/cjs/components/EmptyState/EmptyState.config.js +58 -100
- package/dist/styled-components/cjs/components/EmptyState/EmptyState.js +4 -4
- package/dist/styled-components/cjs/components/EmptyState/index.js +1 -1
- package/dist/styled-components/cjs/components/File/File.config.js +205 -233
- package/dist/styled-components/cjs/components/File/File.js +4 -4
- package/dist/styled-components/cjs/components/File/index.js +2 -2
- package/dist/styled-components/cjs/components/Flow/Flow.js +3 -3
- package/dist/styled-components/cjs/components/Flow/index.js +1 -1
- package/dist/styled-components/cjs/components/Grid/Grid.config.js +70 -88
- package/dist/styled-components/cjs/components/Grid/Grid.js +4 -4
- package/dist/styled-components/cjs/components/Grid/index.js +1 -1
- package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +153 -304
- package/dist/styled-components/cjs/components/IconButton/IconButton.js +5 -5
- package/dist/styled-components/cjs/components/IconButton/index.js +1 -1
- package/dist/styled-components/cjs/components/Image/Image.js +4 -4
- package/dist/styled-components/cjs/components/Image/index.js +1 -1
- package/dist/styled-components/cjs/components/Indicator/Indicator.config.js +35 -133
- package/dist/styled-components/cjs/components/Indicator/Indicator.js +4 -4
- package/dist/styled-components/cjs/components/Indicator/index.js +1 -1
- package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +291 -361
- package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.js +4 -4
- package/dist/styled-components/cjs/components/InformationWrapper/index.js +2 -2
- package/dist/styled-components/cjs/components/Link/Link.config.js +118 -224
- package/dist/styled-components/cjs/components/Link/Link.js +5 -5
- package/dist/styled-components/cjs/components/Link/index.js +1 -1
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +184 -286
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +4 -4
- package/dist/styled-components/cjs/components/LinkButton/index.js +1 -1
- package/dist/styled-components/cjs/components/List/List.config.js +98 -160
- package/dist/styled-components/cjs/components/List/List.js +5 -5
- package/dist/styled-components/cjs/components/List/index.js +2 -2
- package/dist/styled-components/cjs/components/Loader/Loader.config.js +191 -285
- package/dist/styled-components/cjs/components/Loader/Loader.js +4 -4
- package/dist/styled-components/cjs/components/Loader/index.js +1 -1
- package/dist/styled-components/cjs/components/Mask/Mask.js +3 -3
- package/dist/styled-components/cjs/components/Mask/index.js +1 -1
- package/dist/styled-components/cjs/components/Modal/Modal.perftest.js +12 -8
- package/dist/styled-components/cjs/components/Modal/index.js +1 -1
- package/dist/styled-components/cjs/components/ModalBase/Modal.config.js +15 -33
- package/dist/styled-components/cjs/components/ModalBase/ModalBase.js +5 -5
- package/dist/styled-components/cjs/components/ModalBase/index.js +2 -2
- package/dist/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.config.js +71 -100
- package/dist/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.js +4 -4
- package/dist/styled-components/cjs/components/NavigationDrawer/index.js +1 -1
- package/dist/styled-components/cjs/components/Note/Note.config.js +163 -229
- package/dist/styled-components/cjs/components/Note/Note.js +4 -4
- package/dist/styled-components/cjs/components/Note/index.js +2 -2
- package/dist/styled-components/cjs/components/Notification/Notification.config.js +312 -341
- package/dist/styled-components/cjs/components/Notification/Notification.js +7 -8
- package/dist/styled-components/cjs/components/Notification/index.js +2 -2
- package/dist/styled-components/cjs/components/NumberFormat/NumberFormat.js +3 -3
- package/dist/styled-components/cjs/components/NumberFormat/index.js +2 -2
- package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js +263 -368
- package/dist/styled-components/cjs/components/NumberInput/NumberInput.js +4 -4
- package/dist/styled-components/cjs/components/NumberInput/index.js +2 -2
- package/dist/styled-components/cjs/components/Overlay/index.js +1 -1
- package/dist/styled-components/cjs/components/Pagination/Pagination.config.js +324 -380
- package/dist/styled-components/cjs/components/Pagination/Pagination.js +5 -5
- package/dist/styled-components/cjs/components/Pagination/index.js +1 -1
- package/dist/styled-components/cjs/components/PaginationDots/index.js +1 -1
- package/dist/styled-components/cjs/components/Popover/Popover.config.js +12 -29
- package/dist/styled-components/cjs/components/Popover/Popover.js +4 -4
- package/dist/styled-components/cjs/components/Popover/index.js +1 -1
- package/dist/styled-components/cjs/components/Popup/index.js +1 -1
- package/dist/styled-components/cjs/components/PopupBase/PopupBase.js +3 -3
- package/dist/styled-components/cjs/components/PopupBase/index.js +2 -2
- package/dist/styled-components/cjs/components/Portal/index.js +1 -1
- package/dist/styled-components/cjs/components/PreviewGallery/PreviewGallery.perftest.js +16 -16
- package/dist/styled-components/cjs/components/PreviewGallery/index.js +1 -1
- package/dist/styled-components/cjs/components/Price/Price.config.js +1 -1
- package/dist/styled-components/cjs/components/Price/Price.js +5 -5
- package/dist/styled-components/cjs/components/Price/index.js +2 -2
- package/dist/styled-components/cjs/components/Progress/Progress.config.js +209 -132
- package/dist/styled-components/cjs/components/Progress/Progress.js +5 -5
- package/dist/styled-components/cjs/components/Progress/index.js +1 -1
- package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +128 -250
- package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +4 -4
- package/dist/styled-components/cjs/components/ProgressBarCircular/index.js +1 -1
- package/dist/styled-components/cjs/components/Radiobox/Radiobox.config.js +149 -271
- package/dist/styled-components/cjs/components/Radiobox/Radiobox.js +5 -5
- package/dist/styled-components/cjs/components/Radiobox/Radiobox.perftest.js +6 -6
- package/dist/styled-components/cjs/components/Radiobox/index.js +1 -1
- package/dist/styled-components/cjs/components/Range/Range.clear.config.js +532 -545
- package/dist/styled-components/cjs/components/Range/Range.config.js +517 -534
- package/dist/styled-components/cjs/components/Range/Range.js +8 -8
- package/dist/styled-components/cjs/components/Range/index.js +2 -2
- package/dist/styled-components/cjs/components/Rating/Rating.config.js +415 -487
- package/dist/styled-components/cjs/components/Rating/Rating.js +4 -4
- package/dist/styled-components/cjs/components/Rating/index.js +2 -2
- package/dist/styled-components/cjs/components/SSRProvider/index.js +1 -1
- package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +1 -1
- package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.js +7 -32
- package/dist/styled-components/cjs/components/Segment/Segment.js +7 -7
- package/dist/styled-components/cjs/components/Segment/SegmentGroup.config.js +62 -170
- package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +158 -246
- package/dist/styled-components/cjs/components/Segment/index.js +1 -1
- package/dist/styled-components/cjs/components/Select/Select.config.js +990 -1046
- package/dist/styled-components/cjs/components/Select/Select.js +11 -38
- package/dist/styled-components/cjs/components/Select/Select.perftest.js +4 -4
- package/dist/styled-components/cjs/components/Select/index.js +1 -1
- package/dist/styled-components/cjs/components/Sheet/Sheet.config.js +14 -48
- package/dist/styled-components/cjs/components/Sheet/Sheet.js +5 -5
- package/dist/styled-components/cjs/components/Sheet/index.js +2 -2
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +156 -470
- package/dist/styled-components/cjs/components/Skeleton/Skeleton.js +6 -6
- package/dist/styled-components/cjs/components/Skeleton/index.js +1 -1
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +252 -264
- package/dist/styled-components/cjs/components/Slider/Slider.js +5 -5
- package/dist/styled-components/cjs/components/Slider/index.js +1 -1
- package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +38 -132
- package/dist/styled-components/cjs/components/Spinner/Spinner.js +7 -7
- package/dist/styled-components/cjs/components/Spinner/index.js +1 -1
- package/dist/styled-components/cjs/components/Steps/Steps.config.js +275 -330
- package/dist/styled-components/cjs/components/Steps/Steps.js +5 -5
- package/dist/styled-components/cjs/components/Steps/index.js +1 -1
- package/dist/styled-components/cjs/components/Switch/Switch.config.js +90 -168
- package/dist/styled-components/cjs/components/Switch/Switch.js +5 -5
- package/dist/styled-components/cjs/components/Switch/Switch.perftest.js +12 -39
- package/dist/styled-components/cjs/components/Switch/index.js +1 -1
- package/dist/styled-components/cjs/components/Table/Table.config.js +212 -241
- package/dist/styled-components/cjs/components/Table/Table.js +5 -5
- package/dist/styled-components/cjs/components/Table/index.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/TabItem.js +32 -56
- package/dist/styled-components/cjs/components/Tabs/Tabs.js +9 -9
- package/dist/styled-components/cjs/components/Tabs/Tabs.perftest.js +15 -17
- package/dist/styled-components/cjs/components/Tabs/TabsController.js +8 -8
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +153 -259
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +291 -404
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +114 -249
- package/dist/styled-components/cjs/components/Tabs/index.js +4 -4
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +57 -108
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +115 -170
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +48 -113
- package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +624 -637
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +626 -662
- package/dist/styled-components/cjs/components/TextArea/TextArea.js +8 -8
- package/dist/styled-components/cjs/components/TextArea/TextArea.perftest.js +11 -38
- package/dist/styled-components/cjs/components/TextArea/index.js +1 -1
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +698 -797
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +694 -793
- package/dist/styled-components/cjs/components/TextField/TextField.js +26 -126
- package/dist/styled-components/cjs/components/TextField/TextField.perftest.js +11 -62
- package/dist/styled-components/cjs/components/TextField/index.js +2 -2
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +249 -335
- package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.js +4 -4
- package/dist/styled-components/cjs/components/TextFieldGroup/index.js +1 -1
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +645 -661
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.config.js +654 -670
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.js +8 -8
- package/dist/styled-components/cjs/components/TextFieldSlider/index.js +2 -2
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +457 -464
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.js +4 -4
- package/dist/styled-components/cjs/components/TimePicker/index.js +2 -2
- package/dist/styled-components/cjs/components/Toast/Toast.config.js +70 -144
- package/dist/styled-components/cjs/components/Toast/Toast.js +6 -6
- package/dist/styled-components/cjs/components/Toast/index.js +1 -1
- package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +39 -43
- package/dist/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +14 -14
- package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +56 -74
- package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js +45 -89
- package/dist/styled-components/cjs/components/Toolbar/Toolbar.js +6 -6
- package/dist/styled-components/cjs/components/Toolbar/index.js +2 -2
- package/dist/styled-components/cjs/components/Tooltip/Tooltip.config.js +57 -83
- package/dist/styled-components/cjs/components/Tooltip/Tooltip.js +4 -4
- package/dist/styled-components/cjs/components/Tooltip/Tooltip.perftest.js +8 -8
- package/dist/styled-components/cjs/components/Tooltip/index.js +1 -1
- package/dist/styled-components/cjs/components/Tour/Tour.config.js +7 -34
- package/dist/styled-components/cjs/components/Tour/Tour.js +4 -4
- package/dist/styled-components/cjs/components/Tour/index.js +1 -1
- package/dist/styled-components/cjs/components/Tree/Tree.config.js +177 -229
- package/dist/styled-components/cjs/components/Tree/Tree.js +4 -4
- package/dist/styled-components/cjs/components/Tree/index.js +1 -1
- package/dist/styled-components/cjs/components/Typography/Body.config.js +56 -106
- package/dist/styled-components/cjs/components/Typography/Dspl.config.js +34 -68
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +67 -125
- package/dist/styled-components/cjs/components/Typography/Old/Body.config.js +28 -62
- package/dist/styled-components/cjs/components/Typography/Old/Button.config.js +19 -45
- package/dist/styled-components/cjs/components/Typography/Old/Caption.config.js +10 -28
- package/dist/styled-components/cjs/components/Typography/Old/Display.config.js +28 -62
- package/dist/styled-components/cjs/components/Typography/Old/Footnote.config.js +19 -45
- package/dist/styled-components/cjs/components/Typography/Old/Headline.config.js +46 -96
- package/dist/styled-components/cjs/components/Typography/Old/Paragraph.config.js +19 -45
- package/dist/styled-components/cjs/components/Typography/Old/ParagraphText.config.js +19 -45
- package/dist/styled-components/cjs/components/Typography/Old/Subtitle.config.js +10 -28
- package/dist/styled-components/cjs/components/Typography/Old/Underline.config.js +10 -28
- package/dist/styled-components/cjs/components/Typography/Old/index.js +77 -77
- package/dist/styled-components/cjs/components/Typography/Text.config.js +45 -87
- package/dist/styled-components/cjs/components/Typography/Typography.js +59 -59
- package/dist/styled-components/cjs/components/Typography/index.js +2 -2
- package/dist/styled-components/cjs/components/Upload/Upload.perftest.js +11 -38
- package/dist/styled-components/cjs/components/Upload/index.js +1 -1
- package/dist/styled-components/cjs/components/UploadAudio/index.js +1 -1
- package/dist/styled-components/cjs/components/UploadVisual/index.js +1 -1
- package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.config.js +9 -35
- package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.js +4 -4
- package/dist/styled-components/cjs/components/ViewContainer/index.js +1 -1
- package/dist/styled-components/cjs/helpers/index.js +1 -1
- package/dist/styled-components/cjs/hocs/index.js +2 -2
- package/dist/styled-components/cjs/hooks/index.js +2 -2
- package/dist/styled-components/cjs/mixins/index.js +5 -5
- package/dist/styled-components/cjs/tokens/colors.js +45 -45
- package/dist/styled-components/cjs/tokens/sizes.js +6 -6
- package/dist/styled-components/cjs/tokens/typography.js +7 -7
- package/dist/styled-components/cjs/utils/index.js +2 -2
- package/dist/styled-components/es/components/Accordion/Accordion.config.js +242 -366
- package/dist/styled-components/es/components/Accordion/Accordion.js +3 -3
- package/dist/styled-components/es/components/Attach/Attach.config.js +794 -833
- package/dist/styled-components/es/components/Attach/Attach.js +2 -2
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +569 -612
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +7 -58
- package/dist/styled-components/es/components/Avatar/Avatar.config.js +295 -459
- package/dist/styled-components/es/components/Avatar/Avatar.js +2 -2
- package/dist/styled-components/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/dist/styled-components/es/components/Badge/Badge.config.js +156 -259
- package/dist/styled-components/es/components/Badge/Badge.js +2 -2
- package/dist/styled-components/es/components/Badge/Badge.perftest.js +6 -33
- package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.config.js +48 -94
- package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/dist/styled-components/es/components/Button/Button.config.js +246 -434
- package/dist/styled-components/es/components/Button/Button.js +3 -3
- package/dist/styled-components/es/components/Button/Button.perftest.js +15 -41
- package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +237 -463
- package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/styled-components/es/components/Calendar/Calendar.config.js +430 -430
- package/dist/styled-components/es/components/Calendar/Calendar.js +7 -7
- package/dist/styled-components/es/components/Calendar/Calendar.perftest.js +26 -47
- package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +431 -431
- package/dist/styled-components/es/components/Card/Card.config.js +22 -64
- package/dist/styled-components/es/components/Card/Card.js +3 -3
- package/dist/styled-components/es/components/Carousel/Carousel.config.js +14 -40
- package/dist/styled-components/es/components/Carousel/Carousel.js +12 -38
- package/dist/styled-components/es/components/Carousel/Legacy/Carousel.examples.js +6 -51
- package/dist/styled-components/es/components/Carousel/Legacy/Carousel.js +3 -3
- package/dist/styled-components/es/components/Cell/Cell.config.js +136 -166
- package/dist/styled-components/es/components/Cell/Cell.js +3 -3
- package/dist/styled-components/es/components/Checkbox/Checkbox.config.js +146 -268
- package/dist/styled-components/es/components/Checkbox/Checkbox.js +3 -3
- package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js +7 -34
- package/dist/styled-components/es/components/Chip/Chip.config.js +222 -343
- package/dist/styled-components/es/components/Chip/Chip.js +3 -3
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +115 -189
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.js +2 -2
- package/dist/styled-components/es/components/CodeField/CodeField.config.js +77 -124
- package/dist/styled-components/es/components/CodeField/CodeField.js +2 -2
- package/dist/styled-components/es/components/CodeInput/CodeInput.config.js +129 -148
- package/dist/styled-components/es/components/CodeInput/CodeInput.js +3 -3
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +800 -815
- package/dist/styled-components/es/components/Combobox/Combobox.js +9 -36
- package/dist/styled-components/es/components/Counter/Counter.config.js +88 -202
- package/dist/styled-components/es/components/Counter/Counter.js +2 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +1113 -1029
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +1098 -1017
- package/dist/styled-components/es/components/DatePicker/DatePicker.js +10 -10
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +1041 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +1010 -952
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js +10 -3
- package/dist/styled-components/es/components/Divider/Divider.config.js +22 -88
- package/dist/styled-components/es/components/Divider/Divider.js +2 -2
- package/dist/styled-components/es/components/Drawer/Drawer.config.js +17 -59
- package/dist/styled-components/es/components/Drawer/Drawer.js +8 -8
- package/dist/styled-components/es/components/Dropdown/Dropdown.config.js +190 -228
- package/dist/styled-components/es/components/Dropdown/Dropdown.js +8 -35
- package/dist/styled-components/es/components/Dropzone/Dropzone.config.js +35 -67
- package/dist/styled-components/es/components/Dropzone/Dropzone.js +2 -2
- package/dist/styled-components/es/components/Editable/Editable.config.js +13 -39
- package/dist/styled-components/es/components/Editable/Editable.js +4 -4
- package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js +11 -16
- package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +101 -211
- package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.js +3 -3
- package/dist/styled-components/es/components/EmptyState/EmptyState.config.js +57 -99
- package/dist/styled-components/es/components/EmptyState/EmptyState.js +2 -2
- package/dist/styled-components/es/components/File/File.config.js +204 -232
- package/dist/styled-components/es/components/File/File.js +2 -2
- package/dist/styled-components/es/components/Flow/Flow.js +2 -2
- package/dist/styled-components/es/components/Grid/Grid.config.js +69 -87
- package/dist/styled-components/es/components/Grid/Grid.js +2 -2
- package/dist/styled-components/es/components/IconButton/IconButton.config.js +152 -303
- package/dist/styled-components/es/components/IconButton/IconButton.js +3 -3
- package/dist/styled-components/es/components/Image/Image.js +3 -3
- package/dist/styled-components/es/components/Indicator/Indicator.config.js +34 -132
- package/dist/styled-components/es/components/Indicator/Indicator.js +2 -2
- package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +290 -360
- package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.js +2 -2
- package/dist/styled-components/es/components/Link/Link.config.js +117 -223
- package/dist/styled-components/es/components/Link/Link.js +3 -3
- package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +183 -285
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +2 -2
- package/dist/styled-components/es/components/List/List.config.js +97 -159
- package/dist/styled-components/es/components/List/List.js +3 -3
- package/dist/styled-components/es/components/Loader/Loader.config.js +190 -284
- package/dist/styled-components/es/components/Loader/Loader.js +2 -2
- package/dist/styled-components/es/components/Mask/Mask.js +1 -1
- package/dist/styled-components/es/components/Modal/Modal.perftest.js +9 -5
- package/dist/styled-components/es/components/ModalBase/Modal.config.js +14 -32
- package/dist/styled-components/es/components/ModalBase/ModalBase.js +3 -3
- package/dist/styled-components/es/components/NavigationDrawer/NavigationDrawer.config.js +70 -99
- package/dist/styled-components/es/components/NavigationDrawer/NavigationDrawer.js +2 -2
- package/dist/styled-components/es/components/Note/Note.config.js +162 -228
- package/dist/styled-components/es/components/Note/Note.js +2 -2
- package/dist/styled-components/es/components/Notification/Notification.config.js +311 -340
- package/dist/styled-components/es/components/Notification/Notification.js +4 -5
- package/dist/styled-components/es/components/NumberFormat/NumberFormat.js +1 -1
- package/dist/styled-components/es/components/NumberInput/NumberInput.config.js +262 -367
- package/dist/styled-components/es/components/NumberInput/NumberInput.js +2 -2
- package/dist/styled-components/es/components/Pagination/Pagination.config.js +323 -379
- package/dist/styled-components/es/components/Pagination/Pagination.js +3 -3
- package/dist/styled-components/es/components/Popover/Popover.config.js +11 -28
- package/dist/styled-components/es/components/Popover/Popover.js +2 -2
- package/dist/styled-components/es/components/PopupBase/PopupBase.js +2 -2
- package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js +11 -11
- package/dist/styled-components/es/components/Price/Price.config.js +1 -1
- package/dist/styled-components/es/components/Price/Price.js +3 -3
- package/dist/styled-components/es/components/Progress/Progress.config.js +208 -131
- package/dist/styled-components/es/components/Progress/Progress.js +3 -3
- package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +127 -249
- package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +2 -2
- package/dist/styled-components/es/components/Radiobox/Radiobox.config.js +148 -270
- package/dist/styled-components/es/components/Radiobox/Radiobox.js +3 -3
- package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js +4 -4
- package/dist/styled-components/es/components/Range/Range.clear.config.js +531 -544
- package/dist/styled-components/es/components/Range/Range.config.js +516 -533
- package/dist/styled-components/es/components/Range/Range.js +5 -5
- package/dist/styled-components/es/components/Rating/Rating.config.js +414 -486
- package/dist/styled-components/es/components/Rating/Rating.js +2 -2
- package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +1 -1
- package/dist/styled-components/es/components/Scrollbar/Scrollbar.js +5 -30
- package/dist/styled-components/es/components/Segment/Segment.js +4 -4
- package/dist/styled-components/es/components/Segment/SegmentGroup.config.js +61 -169
- package/dist/styled-components/es/components/Segment/SegmentItem.config.js +157 -245
- package/dist/styled-components/es/components/Select/Select.config.js +989 -1045
- package/dist/styled-components/es/components/Select/Select.js +8 -35
- package/dist/styled-components/es/components/Select/Select.perftest.js +2 -2
- package/dist/styled-components/es/components/Sheet/Sheet.config.js +13 -47
- package/dist/styled-components/es/components/Sheet/Sheet.js +3 -3
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +155 -469
- package/dist/styled-components/es/components/Skeleton/Skeleton.js +4 -4
- package/dist/styled-components/es/components/Slider/Slider.config.js +251 -263
- package/dist/styled-components/es/components/Slider/Slider.js +3 -3
- package/dist/styled-components/es/components/Spinner/Spinner.config.js +37 -131
- package/dist/styled-components/es/components/Spinner/Spinner.js +4 -4
- package/dist/styled-components/es/components/Steps/Steps.config.js +274 -329
- package/dist/styled-components/es/components/Steps/Steps.js +3 -3
- package/dist/styled-components/es/components/Switch/Switch.config.js +89 -167
- package/dist/styled-components/es/components/Switch/Switch.js +3 -3
- package/dist/styled-components/es/components/Switch/Switch.perftest.js +9 -36
- package/dist/styled-components/es/components/Table/Table.config.js +211 -240
- package/dist/styled-components/es/components/Table/Table.js +3 -3
- package/dist/styled-components/es/components/Tabs/TabItem.js +26 -50
- package/dist/styled-components/es/components/Tabs/Tabs.js +5 -5
- package/dist/styled-components/es/components/Tabs/Tabs.perftest.js +12 -14
- package/dist/styled-components/es/components/Tabs/TabsController.js +5 -5
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +152 -258
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +290 -403
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +113 -248
- package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js +56 -107
- package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +114 -169
- package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +47 -112
- package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +623 -636
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +625 -661
- package/dist/styled-components/es/components/TextArea/TextArea.js +5 -5
- package/dist/styled-components/es/components/TextArea/TextArea.perftest.js +8 -35
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +697 -796
- package/dist/styled-components/es/components/TextField/TextField.config.js +693 -792
- package/dist/styled-components/es/components/TextField/TextField.js +22 -122
- package/dist/styled-components/es/components/TextField/TextField.perftest.js +8 -59
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +248 -334
- package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +644 -660
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.config.js +653 -669
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.js +5 -5
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +456 -463
- package/dist/styled-components/es/components/TimePicker/TimePicker.js +2 -2
- package/dist/styled-components/es/components/Toast/Toast.config.js +69 -143
- package/dist/styled-components/es/components/Toast/Toast.js +4 -4
- package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js +35 -39
- package/dist/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js +13 -13
- package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js +51 -69
- package/dist/styled-components/es/components/Toolbar/Toolbar.config.js +44 -88
- package/dist/styled-components/es/components/Toolbar/Toolbar.js +4 -4
- package/dist/styled-components/es/components/Tooltip/Tooltip.config.js +56 -82
- package/dist/styled-components/es/components/Tooltip/Tooltip.js +2 -2
- package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js +3 -3
- package/dist/styled-components/es/components/Tour/Tour.config.js +6 -33
- package/dist/styled-components/es/components/Tour/Tour.js +2 -2
- package/dist/styled-components/es/components/Tree/Tree.config.js +176 -228
- package/dist/styled-components/es/components/Tree/Tree.js +2 -2
- package/dist/styled-components/es/components/Typography/Body.config.js +55 -105
- package/dist/styled-components/es/components/Typography/Dspl.config.js +33 -67
- package/dist/styled-components/es/components/Typography/Heading.config.js +66 -124
- package/dist/styled-components/es/components/Typography/Old/Body.config.js +27 -61
- package/dist/styled-components/es/components/Typography/Old/Button.config.js +18 -44
- package/dist/styled-components/es/components/Typography/Old/Caption.config.js +9 -27
- package/dist/styled-components/es/components/Typography/Old/Display.config.js +27 -61
- package/dist/styled-components/es/components/Typography/Old/Footnote.config.js +18 -44
- package/dist/styled-components/es/components/Typography/Old/Headline.config.js +45 -95
- package/dist/styled-components/es/components/Typography/Old/Paragraph.config.js +18 -44
- package/dist/styled-components/es/components/Typography/Old/ParagraphText.config.js +18 -44
- package/dist/styled-components/es/components/Typography/Old/Subtitle.config.js +9 -27
- package/dist/styled-components/es/components/Typography/Old/Underline.config.js +9 -27
- package/dist/styled-components/es/components/Typography/Old/index.js +66 -66
- package/dist/styled-components/es/components/Typography/Text.config.js +44 -86
- package/dist/styled-components/es/components/Typography/Typography.js +54 -54
- package/dist/styled-components/es/components/Upload/Upload.perftest.js +9 -36
- package/dist/styled-components/es/components/ViewContainer/ViewContainer.config.js +7 -33
- package/dist/styled-components/es/components/ViewContainer/ViewContainer.js +2 -2
- package/dist/styled-components/es/mixins/index.js +1 -1
- package/dist/styled-components/es/tokens/colors.js +45 -45
- package/dist/styled-components/es/tokens/sizes.js +6 -6
- package/dist/styled-components/es/tokens/typography.js +6 -6
- package/package.json +30 -35
- package/types/components/Combobox/Combobox.d.ts +211 -1227
- package/types/components/DateTimePicker/DateTimePicker.clear.config.d.ts +37 -0
- package/types/components/DateTimePicker/DateTimePicker.d.ts +407 -3
- package/types/components/Dropzone/Dropzone.d.ts +1 -0
- package/types/components/List/List.d.ts +3 -0
- package/types/components/Mask/Mask.d.ts +1265 -1
- package/types/components/Progress/Progress.config.d.ts +12 -0
- package/types/components/Progress/Progress.d.ts +11 -0
- package/types/components/Select/Select.d.ts +24 -24
- package/types/components/TextArea/TextArea.d.ts +35 -1832
- package/types/components/TextField/TextField.d.ts +1240 -3
- package/types/components/TimePicker/TimePicker.d.ts +4 -0
- package/dist/css/cjs/components/Progress/Progress.config_6ehg2h.css +0 -9
- package/dist/css/es/components/Progress/Progress.config_6ehg2h.css +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport {\n textFieldConfig,\n component,\n mergeConfig,\n createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextField.config';\nimport { config as clearConfig } from './TextField.clear.config';\n\nconst mergedConfigDefault = mergeConfig(textFieldConfig, config);\nexport const TextFieldDefault = component(mergedConfigDefault);\n\nconst mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);\nexport const TextFieldClear = component(mergedConfigClear);\n\nexport const TextFieldComponent = createConditionalComponent({\n default: TextFieldDefault,\n clear: TextFieldClear,\n}) as any;\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\ntype TextFieldProps = Omit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<\n newHopeTextFieldProps,\n | 'appearance'\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n | 'textBefore'\n | 'textAfter'\n >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfigDefault","mergeConfig","textFieldConfig","config","TextFieldDefault","component","mergedConfigClear","clearConfig","TextFieldClear","TextFieldComponent","createConditionalComponent","clear","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAMA,mBAAmB,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC,CAAA;IACnDC,gBAAgB,gBAAGC,aAAS,CAACL,mBAAmB,EAAC;AAE9D,IAAMM,iBAAiB,gBAAGL,eAAW,CAACC,mBAAe,EAAEK,6BAAW,CAAC,CAAA;IACtDC,cAAc,gBAAGH,aAAS,CAACC,iBAAiB,EAAC;AAE7CG,IAAAA,kBAAkB,gBAAGC,8BAA0B,CAAC;AACzD,EAAA,SAAA,EAASN,gBAAgB;AACzBO,EAAAA,KAAK,EAAEH,cAAAA;AACX,CAAC,EAAQ;AAiHT,IAAMI,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAoBNF,KAAK,CApBLE,MAAM;IAENL,KAAK,GAkBLG,KAAK,CAlBLH,KAAK;IACLM,eAAe,GAiBfH,KAAK,CAjBLG,eAAe;IACfP,WAAW,GAgBXI,KAAK,CAhBLJ,WAAW;IACXQ,YAAY,GAeZJ,KAAK,CAfLI,YAAY;IACZC,UAAU,GAcVL,KAAK,CAdLK,UAAU;IACVC,QAAQ,GAaRN,KAAK,CAbLM,QAAQ;IAERC,eAAe,GAWfP,KAAK,CAXLO,eAAe;IACfC,KAAK,GAULR,KAAK,CAVLQ,KAAK;IACLC,QAAQ,GASRT,KAAK,CATLS,QAAQ;IACRC,aAAa,GAQbV,KAAK,CARLU,aAAa;IACbC,QAAQ,GAORX,KAAK,CAPLW,QAAQ;IACRC,aAAa,GAMbZ,KAAK,CANLY,aAAa;IACbC,QAAQ,GAKRb,KAAK,CALLa,QAAQ;IAAAC,WAAA,GAKRd,KAAK,CAHLe,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGjB,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIkB,eAAe,GAAGhB,YAAY,GAAGT,4BAA4B,CAACS,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIiB,MAAM,GAAGxB,KAAK,GAAGyB,MAAM,CAACzB,KAAK,CAAC,GAAG0B,SAAS,CAAA;EAE9C,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,IAAI,CAACjB,eAAe,EAAE;AACjEkB,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIL,IAAI,KAAK,GAAG,IAAIX,YAAY,KAAK,aAAa,IAAI,CAACP,KAAK,EAAE;AAC1DwB,IAAAA,MAAM,GAAGzB,WAAW,CAAA;AACpBwB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;AAEA,EAAA,IAAMI,UAAU,GAAG;AACf3B,IAAAA,KAAK,EAAEwB,MAAM;AACbI,IAAAA,cAAc,EAAEL,eAAe;AAC/BjB,IAAAA,eAAe,EAAfA,eAAAA;GACH,CAAA;EAED,IAAII,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACImB,sBAAA,CAAAC,aAAA,CAACvC,kBAAkB,EAAAwC,iCAAA,CAAA,EAAA,EACXZ,IAAI,EACJQ,UAAU,EAAA;AACdK,MAAAA,IAAI,EAAEV,KAAM;AACZJ,MAAAA,IAAI,EAAEA,IAAK;AACXnB,MAAAA,WAAW,EAAEA,WAAY;AACzBkC,MAAAA,UAAU,EAAEzB,UAAW;AACvBJ,MAAAA,GAAG,EAAEA,GAAI;AACTM,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BJ,MAAAA,QAAQ,EAAEgB,MAAM,CAAChB,QAAQ,IAAI,EAAE,CAAE;AACjCM,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,CACtB,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIa,sBAAA,CAAAC,aAAA,CAACvC,kBAAkB,EAAAwC,iCAAA,CAAA,EAAA,EACXZ,IAAI,EACJQ,UAAU,EAAA;AACdK,IAAAA,IAAI,EAAEV,KAAM;AACZtB,IAAAA,KAAK,EAAEwB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXnB,IAAAA,WAAW,EAAEA,WAAY;AACzBkC,IAAAA,UAAU,EAAEzB,UAAW;AACvBJ,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,eAAe,EAAC,OAAO;AACvBD,IAAAA,QAAQ,EAAEgB,MAAM,CAAChB,QAAQ,IAAI,EAAE,CAAE;AACjCK,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport {\n textFieldConfig,\n component,\n mergeConfig,\n createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\nimport type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope/css';\nimport type { DistributivePick, DistributiveOmit } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\nimport { config as clearConfig } from './TextField.clear.config';\n\nconst mergedConfigDefault = mergeConfig(textFieldConfig, config);\nexport const TextFieldDefault = component(mergedConfigDefault);\n\nconst mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);\nexport const TextFieldClear = component(mergedConfigClear);\n\nexport const TextFieldComponent = createConditionalComponent({\n default: TextFieldDefault,\n clear: TextFieldClear,\n});\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype ClearProps =\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: boolean;\n /**\n * отобразить ли divider\n */\n hasDivider?: boolean;\n }\n | {\n /**\n * view применяется с clear-токенами\n */\n clear?: false;\n /**\n * отобразить ли divider\n */\n hasDivider?: never;\n };\n\ntype HintProps =\n | {\n /**\n * Текст тултипа\n */\n hintText: string;\n /**\n * Способ открытия тултипа - наведение или клик мышью\n */\n hintTrigger?: 'hover' | 'click';\n /**\n * Вид тултипа\n */\n hintView?: 'default';\n /**\n * Размер тултипа\n */\n hintSize?: 's' | 'm';\n /**\n * Элемент, рядом с которым произойдет вызов всплывающего окна.\n * Если свойство не задано, применится иконка по умолчанию.\n */\n hintTarget?: ReactNode;\n /**\n * Направление раскрытия тултипа.\n */\n hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;\n /**\n * Видимость стрелки (хвоста).\n */\n hintHasArrow?: boolean;\n /**\n * Отступ окна относительно элемента, у которого оно вызвано.\n * @default\n * [0, 8]\n */\n hintOffset?: [number, number];\n /**\n * Ширина окна (в rem).\n */\n hintWidth?: string;\n /**\n * Слот для контента слева, например `Icon`.\n */\n hintContentLeft?: ReactNode;\n }\n | {\n hintTrigger?: never;\n hintText?: never;\n hintView?: never;\n hintSize?: never;\n hintTarget?: never;\n hintPlacement?: never;\n hintHasArrow?: never;\n hintOffset?: never;\n hintWidth?: never;\n hintContentLeft?: never;\n };\n\ntype TextFieldProps = DistributiveOmit<TextFieldPropsOld, 'helperText'> & {\n /**\n * Подсказка для поля ввода.\n */\n helperText?: ReactNode;\n} & ClearProps &\n HintProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n DistributivePick<\n newHopeTextFieldProps,\n | 'appearance'\n | 'enumerationType'\n | 'chips'\n | 'chipType'\n | 'onChangeChips'\n | 'titleCaption'\n | 'labelPlacement'\n | 'keepPlaceholder'\n | 'required'\n | 'requiredPlacement'\n | 'optional'\n | 'chipView'\n | 'chipValidator'\n | 'textBefore'\n | 'textAfter'\n >;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n keepPlaceholder,\n placeholder,\n animatedHint,\n helperText,\n hintText,\n\n enumerationType,\n chips,\n chipView,\n chipValidator,\n onSearch,\n onChangeChips,\n chipType,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n\n if (size !== 'l' && _labelPlacement === 'inner' && !keepPlaceholder) {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n const labelProps = {\n label: _label,\n labelPlacement: _labelPlacement,\n keepPlaceholder,\n };\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n chipView={chipView}\n chipValidator={chipValidator}\n hintText={String(hintText || '')}\n onChangeChips={onChangeChips}\n chipType={chipType}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n {...labelProps}\n view={_view}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n hintText={String(hintText || '')}\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfigDefault","mergeConfig","textFieldConfig","config","TextFieldDefault","component","mergedConfigClear","clearConfig","TextFieldClear","TextFieldComponent","createConditionalComponent","clear","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","keepPlaceholder","animatedHint","helperText","hintText","enumerationType","chips","chipView","chipValidator","onSearch","onChangeChips","chipType","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","labelProps","labelPlacement","React","createElement","_extends","view","leftHelper"],"mappings":";;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC,CAAA;IACnDC,gBAAgB,gBAAGC,aAAS,CAACL,mBAAmB,EAAC;AAE9D,IAAMM,iBAAiB,gBAAGL,eAAW,CAACC,mBAAe,EAAEK,6BAAW,CAAC,CAAA;IACtDC,cAAc,gBAAGH,aAAS,CAACC,iBAAiB,EAAC;AAE7CG,IAAAA,kBAAkB,gBAAGC,8BAA0B,CAAC;AACzD,EAAA,SAAA,EAASN,gBAAgB;AACzBO,EAAAA,KAAK,EAAEH,cAAAA;AACX,CAAC,EAAC;AAiHF,IAAMI,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,gBAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAoBNF,KAAK,CApBLE,MAAM;IAENL,KAAK,GAkBLG,KAAK,CAlBLH,KAAK;IACLM,eAAe,GAiBfH,KAAK,CAjBLG,eAAe;IACfP,WAAW,GAgBXI,KAAK,CAhBLJ,WAAW;IACXQ,YAAY,GAeZJ,KAAK,CAfLI,YAAY;IACZC,UAAU,GAcVL,KAAK,CAdLK,UAAU;IACVC,QAAQ,GAaRN,KAAK,CAbLM,QAAQ;IAERC,eAAe,GAWfP,KAAK,CAXLO,eAAe;IACfC,KAAK,GAULR,KAAK,CAVLQ,KAAK;IACLC,QAAQ,GASRT,KAAK,CATLS,QAAQ;IACRC,aAAa,GAQbV,KAAK,CARLU,aAAa;IACbC,QAAQ,GAORX,KAAK,CAPLW,QAAQ;IACRC,aAAa,GAMbZ,KAAK,CANLY,aAAa;IACbC,QAAQ,GAKRb,KAAK,CALLa,QAAQ;IAAAC,WAAA,GAKRd,KAAK,CAHLe,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,iDAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGjB,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIkB,eAAe,GAAGhB,YAAY,GAAGT,4BAA4B,CAACS,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIiB,MAAM,GAAGxB,KAAK,GAAGyB,MAAM,CAACzB,KAAK,CAAC,GAAG0B,SAAS,CAAA;EAE9C,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,IAAI,CAACjB,eAAe,EAAE;AACjEkB,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIL,IAAI,KAAK,GAAG,IAAIX,YAAY,KAAK,aAAa,IAAI,CAACP,KAAK,EAAE;AAC1DwB,IAAAA,MAAM,GAAGzB,WAAW,CAAA;AACpBwB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;AAEA,EAAA,IAAMI,UAAU,GAAG;AACf3B,IAAAA,KAAK,EAAEwB,MAAM;AACbI,IAAAA,cAAc,EAAEL,eAAe;AAC/BjB,IAAAA,eAAe,EAAfA,eAAAA;GACH,CAAA;EAED,IAAII,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACImB,sBAAA,CAAAC,aAAA,CAACvC,kBAAkB,EAAAwC,iCAAA,CAAA,EAAA,EACXZ,IAAI,EACJQ,UAAU,EAAA;AACdK,MAAAA,IAAI,EAAEV,KAAM;AACZJ,MAAAA,IAAI,EAAEA,IAAK;AACXnB,MAAAA,WAAW,EAAEA,WAAY;AACzBkC,MAAAA,UAAU,EAAEzB,UAAW;AACvBJ,MAAAA,GAAG,EAAEA,GAAI;AACTM,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BJ,MAAAA,QAAQ,EAAEgB,MAAM,CAAChB,QAAQ,IAAI,EAAE,CAAE;AACjCM,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,CACtB,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIa,sBAAA,CAAAC,aAAA,CAACvC,kBAAkB,EAAAwC,iCAAA,CAAA,EAAA,EACXZ,IAAI,EACJQ,UAAU,EAAA;AACdK,IAAAA,IAAI,EAAEV,KAAM;AACZtB,IAAAA,KAAK,EAAEwB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXnB,IAAAA,WAAW,EAAEA,WAAY;AACzBkC,IAAAA,UAAU,EAAEzB,UAAW;AACvBJ,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,eAAe,EAAC,OAAO;AACvBD,IAAAA,QAAQ,EAAEgB,MAAM,CAAChB,QAAQ,IAAI,EAAE,CAAE;AACjCK,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSlider.clear.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.clear.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-positive);\n ${tokens.textFieldContentSlotColorHover}: var(--text-positive-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-positive-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-negative);\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: var(--surface-accent);\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: var(--surface-accent-gradient);\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.hintTooltipColor}: var(--text-primary);\n ${tokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: var(--text-primary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldBorderColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,SAAA;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAkDC,UAAA;AACDC,MAAAA,QAAQ,EAkDP,UAAA;AACDC,MAAAA,OAAO,EAkDN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAmDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAEC,UAAA;AACDI,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAqED,UAAA;AACDC,MAAAA,CAAC,EAqEA,SAAA;AACDC,MAAAA,CAAC,EAqEA,SAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAsEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAO,EAAA,UAAA;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextFieldSlider.clear.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.clear.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-secondary);\n ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-positive);\n ${tokens.textFieldContentSlotColorHover}: var(--text-positive-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-positive-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-positive);\n ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-secondary);\n ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldContentRightSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);\n ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);\n\n ${tokens.scaleValueColor}: var(--text-negative);\n ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: var(--surface-solid-default);\n ${tokens.scaleTickDotFilledColor}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: var(--surface-accent);\n ${tokens.scaleTickDotFilledColor}: var(--surface-accent);\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: var(--surface-accent-gradient);\n ${tokens.scaleTickDotFilledColor}: var(--surface-accent-gradient);\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.hintTooltipColor}: var(--text-primary);\n ${tokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: var(--text-primary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldBorderColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,SAAA;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAmDC,UAAA;AACDC,MAAAA,QAAQ,EAmDP,UAAA;AACDC,MAAAA,OAAO,EAmDN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAoDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAGC,UAAA;AACDI,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAIX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAsED,UAAA;AACDC,MAAAA,CAAC,EAsEA,SAAA;AACDC,MAAAA,CAAC,EAsEA,SAAA;AACDC,MAAAA,CAAC,EAsEA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAO,EAAA,UAAA;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.d1nbu3if{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-secondary);}
|
|
2
|
-
.p11gicdm{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-positive);--plasma-textfield-slider__content-color-hover:var(--text-positive-hover);--plasma-textfield-slider__content-color-active:var(--text-positive-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-positive);}
|
|
3
|
-
.w1ab6zdn{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-secondary);}
|
|
4
|
-
.nqf1e8y{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-negative);}
|
|
5
|
-
.d1w5s7ed{--plasma-textfield-slider__slider-progress-background:var(--surface-solid-default);}
|
|
6
|
-
.a1q3q28j{--plasma-textfield-slider__slider-progress-background:var(--surface-accent);}
|
|
7
|
-
.g14czgs6{--plasma-textfield-slider__slider-progress-background:var(--surface-accent-gradient);}
|
|
8
|
-
.x1co4imw{--plasma-textfield-slider-height:4rem;--plasma-textfield-slider-border-radius:1rem;--plasma-textfield-slider-padding:1.3125rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.82rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
9
|
-
.l3ln90o{--plasma-textfield-slider-height:3.5rem;--plasma-textfield-slider-border-radius:0.875rem;--plasma-textfield-slider-padding:1.0625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
10
|
-
.mup848i{--plasma-textfield-slider-height:3rem;--plasma-textfield-slider-border-radius:0.75rem;--plasma-textfield-slider-padding:0.875rem 0;--plasma-textfield-slider__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
11
|
-
.s1dm8t4d{--plasma-textfield-slider-height:2.5rem;--plasma-textfield-slider-border-radius:0.625rem;--plasma-textfield-slider-padding:0.6875rem 0;--plasma-textfield-slider__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
12
|
-
.xkiof4j{--plasma-textfield-slider-height:2rem;--plasma-textfield-slider-border-radius:0.5rem;--plasma-textfield-slider-padding:0.5625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
1
|
+
.d1nbu3if{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-secondary);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary);}
|
|
2
|
+
.p11gicdm{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-positive);--plasma-textfield-slider__content-color-hover:var(--text-positive-hover);--plasma-textfield-slider__content-color-active:var(--text-positive-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-positive);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary);}
|
|
3
|
+
.w1ab6zdn{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-secondary);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary);}
|
|
4
|
+
.nqf1e8y{--plasma-textfield-slider-color:var(--text-primary);--plasma-textfield-slider-placeholder-color:var(--text-secondary);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary);--plasma-textfield-slider-caret-color:var(--text-accent);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary);--plasma-textfield-slider__title-caption-color:var(--text-secondary);--plasma-textfield-slider__optional-color:var(--text-tertiary);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-slider__before-text-color:var(--text-tertiary);--plasma-textfield-slider__after-text-color:var(--text-tertiary);--plasma-textfield-slider-focus-color:var(--text-accent);--plasma-textfield-slider__content-color:var(--text-secondary);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-color-active:var(--text-secondary-active);--plasma-textfield-slider__content-right-color:var(--text-secondary);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card);--plasma-textfield-slider__slider-thumb-border-box-shadow:0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);--plasma-textfield-slider__slider-thumb-border-box-shadow-focus:0 0 0 0.063rem var(--surface-solid-default);--plasma-textfield-slider__scale-value-color:var(--text-negative);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary);}
|
|
5
|
+
.d1w5s7ed{--plasma-textfield-slider__slider-progress-background:var(--surface-solid-default);--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-solid-default);}
|
|
6
|
+
.a1q3q28j{--plasma-textfield-slider__slider-progress-background:var(--surface-accent);--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-accent);}
|
|
7
|
+
.g14czgs6{--plasma-textfield-slider__slider-progress-background:var(--surface-accent-gradient);--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-accent-gradient);}
|
|
8
|
+
.x1co4imw{--plasma-textfield-slider-height:4rem;--plasma-textfield-slider-border-radius:1rem;--plasma-textfield-slider-padding:1.3125rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.82rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
9
|
+
.l3ln90o{--plasma-textfield-slider-height:3.5rem;--plasma-textfield-slider-border-radius:0.875rem;--plasma-textfield-slider-padding:1.0625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
10
|
+
.mup848i{--plasma-textfield-slider-height:3rem;--plasma-textfield-slider-border-radius:0.75rem;--plasma-textfield-slider-padding:0.875rem 0;--plasma-textfield-slider__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
11
|
+
.s1dm8t4d{--plasma-textfield-slider-height:2.5rem;--plasma-textfield-slider-border-radius:0.625rem;--plasma-textfield-slider-padding:0.6875rem 0;--plasma-textfield-slider__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
12
|
+
.xkiof4j{--plasma-textfield-slider-height:2rem;--plasma-textfield-slider-border-radius:0.5rem;--plasma-textfield-slider-padding:0.5625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:100%;--plasma-textfield-slider__slider-thumb-size:1rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
13
13
|
.d1unwqr9{--plasma-textfield-slider-hint-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textfield-slider-hint-tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textfield-slider-hint-tooltip-color:var(--text-primary);--plasma-textfield-slider-hint-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
14
14
|
.m103d2j5{--plasma-textfield-slider-hint-tooltip-padding-top:0.6875rem;--plasma-textfield-slider-hint-tooltip-padding-right:0.875rem;--plasma-textfield-slider-hint-tooltip-padding-bottom:0.6875rem;--plasma-textfield-slider-hint-tooltip-padding-left:0.875rem;--plasma-textfield-slider-hint-tooltip-min-height:2.5rem;--plasma-textfield-slider-hint-tooltip-border-radius:0.625rem;--plasma-textfield-slider-hint-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-hint-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-hint-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-hint-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-hint-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-hint-tooltip-content-left-margin:0.375rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-width:1.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-height:1.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield-slider-hint-tooltip-arrow-height:0.5rem;--plasma-textfield-slider-hint-tooltip-arrow-edge-margin:0.625rem;}
|
|
15
15
|
.s69nq0q{--plasma-textfield-slider-hint-tooltip-padding-top:0.5rem;--plasma-textfield-slider-hint-tooltip-padding-right:0.75rem;--plasma-textfield-slider-hint-tooltip-padding-bottom:0.5rem;--plasma-textfield-slider-hint-tooltip-padding-left:0.75rem;--plasma-textfield-slider-hint-tooltip-min-height:2rem;--plasma-textfield-slider-hint-tooltip-border-radius:0.5rem;--plasma-textfield-slider-hint-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-hint-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-hint-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-hint-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-hint-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-hint-tooltip-content-left-margin:0.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-width:1rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-height:1rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield-slider-hint-tooltip-arrow-height:0.375rem;--plasma-textfield-slider-hint-tooltip-arrow-edge-margin:0.5625rem;}
|