@salutejs/sdds-os 0.19.0-next-sbcom.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -10
- package/README.mdx +4 -254
- package/dist/css/cjs/components/Attach/Attach.config.js +7 -8
- package/dist/css/cjs/components/Attach/Attach.config.js.map +1 -1
- package/dist/css/cjs/components/Attach/{Attach.config_mbai8p.css → Attach.config_yhb8ux.css} +7 -8
- package/dist/css/cjs/components/Attach/Attach.css +13 -14
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +2 -2
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/{es/components/Autocomplete/Autocomplete.config_b6rar2.css → cjs/components/Autocomplete/Autocomplete.config_4j4bur.css} +5 -5
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +12 -12
- package/dist/css/cjs/components/Avatar/Avatar.config.js +2 -2
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/cjs/components/Avatar/{Avatar.config_1crs084.css → Avatar.config_1x6ugoc.css} +5 -5
- package/dist/css/cjs/components/Avatar/Avatar.css +19 -19
- package/dist/css/cjs/components/Badge/Badge.config.js +1 -1
- package/dist/css/cjs/components/Badge/Badge.config.js.map +1 -1
- package/dist/css/{es/components/Badge/Badge.config_llrkxs.css → cjs/components/Badge/Badge.config_1ch08c8.css} +5 -5
- package/dist/css/cjs/components/Badge/Badge.css +12 -12
- package/dist/css/cjs/components/Button/Button.config.js +49 -15
- package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
- package/dist/css/cjs/components/Button/Button.config_13m63cu.css +26 -0
- package/dist/css/cjs/components/Button/Button.css +23 -17
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +17 -18
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_qp8vlk.css → ButtonGroup.config_1aejnkk.css} +14 -15
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +19 -20
- package/dist/css/cjs/components/Calendar/Calendar.config.js +1 -1
- package/dist/css/cjs/components/Calendar/Calendar.config.js.map +1 -1
- package/dist/css/{es/components/Calendar/Calendar.config_hf4bfj.css → cjs/components/Calendar/Calendar.config_13j2asu.css} +1 -1
- package/dist/css/cjs/components/Calendar/Calendar.css +10 -10
- package/dist/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/dist/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/dist/css/cjs/components/Calendar/{CalendarDouble.config_1hu7xyi.css → CalendarDouble.config_drd6sz.css} +1 -1
- package/dist/css/cjs/components/Cell/Cell.config.js +4 -0
- package/dist/css/cjs/components/Cell/Cell.config.js.map +1 -1
- package/dist/css/cjs/components/Checkbox/Checkbox.config.js +11 -2
- package/dist/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
- package/dist/css/cjs/components/Checkbox/{Checkbox.config_10t1dae.css → Checkbox.config_w1sgkv.css} +5 -3
- package/dist/css/cjs/components/Checkbox/Checkbox.css +8 -6
- package/dist/css/cjs/components/Chip/Chip.config.js +1 -1
- package/dist/css/cjs/components/Chip/Chip.config.js.map +1 -1
- package/dist/css/cjs/components/Chip/{Chip.config_2c8j1v.css → Chip.config_dyjizd.css} +1 -1
- package/dist/css/cjs/components/Chip/Chip.css +10 -10
- package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
- package/dist/css/cjs/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/dist/css/{es/components/ChipGroup/ChipGroup.config_1a3wn8z.css → cjs/components/ChipGroup/ChipGroup.config_7d04pp.css} +1 -1
- package/dist/css/cjs/components/ChipGroup/ChipGroup.css +7 -7
- package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/cjs/components/Combobox/{Combobox.config_7biuvx.css → Combobox.config_e9zq4.css} +5 -5
- package/dist/css/cjs/components/Combobox/Combobox.css +12 -12
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/{es/components/DatePicker/DatePicker.config_1hfhdos.css → cjs/components/DatePicker/DatePicker.config_1bjucpu.css} +2 -2
- package/dist/css/cjs/components/DatePicker/DatePicker.css +10 -10
- package/dist/css/cjs/components/Divider/Divider.config.js +1 -1
- package/dist/css/cjs/components/Divider/Divider.config.js.map +1 -1
- package/dist/css/cjs/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_g57mbu.css} +1 -1
- package/dist/css/cjs/components/Divider/Divider.css +7 -7
- package/dist/css/cjs/components/Drawer/Drawer.config.js +1 -1
- package/dist/css/cjs/components/Drawer/Drawer.config.js.map +1 -1
- package/dist/css/cjs/components/Drawer/{Drawer.config_1kci8o2.css → Drawer.config_p7v1xu.css} +1 -1
- package/dist/css/cjs/components/Drawer/Drawer.css +4 -4
- package/dist/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/dist/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/dist/css/cjs/components/Dropdown/{Dropdown.config_1rxgzfp.css → Dropdown.config_1twpnqj.css} +1 -1
- package/dist/css/cjs/components/Dropdown/Dropdown.css +4 -4
- package/dist/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +31 -2
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_11tz1go.css → EmbedIconButton.config_9m5p5p.css} +15 -8
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +19 -12
- package/dist/css/cjs/components/IconButton/IconButton.config.js +47 -11
- package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/cjs/components/IconButton/{IconButton.config_19loccr.css → IconButton.config_1n5utpz.css} +19 -11
- package/dist/css/cjs/components/IconButton/IconButton.css +24 -16
- package/dist/css/cjs/components/List/List.config.js +1 -1
- package/dist/css/cjs/components/List/List.config.js.map +1 -1
- package/dist/css/cjs/components/List/{List.config_1nc7mcq.css → List.config_1t768mm.css} +1 -1
- package/dist/css/cjs/components/List/List.css +4 -4
- package/dist/css/cjs/components/Notification/Notification.config.js +1 -1
- package/dist/css/cjs/components/Notification/Notification.config.js.map +1 -1
- package/dist/css/cjs/components/Notification/Notification.config_28trae.css +10 -0
- package/dist/css/cjs/components/Notification/Notification.css +10 -10
- package/dist/css/cjs/components/Progress/Progress.config.js +1 -1
- package/dist/css/cjs/components/Progress/Progress.config.js.map +1 -1
- package/dist/css/cjs/components/Progress/Progress.config_pwxa19.css +8 -0
- package/dist/css/cjs/components/Progress/Progress.css +8 -8
- package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
- package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/dist/css/cjs/components/ProgressBarCircular/{ProgressBarCircular.config_wm5q9r.css → ProgressBarCircular.config_1nlwuj2.css} +7 -7
- package/dist/css/cjs/components/ProgressBarCircular/ProgressBarCircular.css +8 -8
- package/dist/css/cjs/components/Radiobox/Radiobox.config.js +7 -2
- package/dist/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
- package/dist/css/cjs/components/Radiobox/{Radiobox.config_tlxvk.css → Radiobox.config_ubjjsb.css} +3 -2
- package/dist/css/cjs/components/Radiobox/Radiobox.css +6 -5
- package/dist/css/cjs/components/Range/Range.config.js +2 -2
- package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
- package/dist/css/cjs/components/Range/{Range.config_1a7m11u.css → Range.config_vnh97d.css} +2 -2
- package/dist/css/cjs/components/Range/Range.css +8 -8
- package/dist/css/cjs/components/Select/Select.config.js +1 -1
- package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
- package/dist/css/cjs/components/Select/{Select.config_1gfcg4w.css → Select.config_eja538.css} +6 -6
- package/dist/css/cjs/components/Select/Select.css +15 -15
- package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
- package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/{es/components/Steps/Steps.config_1soqhej.css → cjs/components/Steps/Steps.config_1axu604.css} +4 -4
- package/dist/css/cjs/components/Steps/Steps.css +12 -12
- package/dist/css/cjs/components/Switch/Switch.config.js +7 -2
- package/dist/css/cjs/components/Switch/Switch.config.js.map +1 -1
- package/dist/css/cjs/components/Switch/{Switch.config_12tusz7.css → Switch.config_1ovx9o2.css} +3 -2
- package/dist/css/cjs/components/Switch/Switch.css +8 -7
- package/dist/css/cjs/components/Tabs/Tabs.css +20 -20
- package/dist/css/cjs/components/Tabs/TabsController.css +15 -15
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabs.config_r01l94.css → HorizontalTabs.config_ql2wop.css} +2 -2
- package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
- package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +2 -2
- package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/vertical/{VerticalTabs.config_5vcoi4.css → VerticalTabs.config_1bub8pe.css} +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +1 -1
- package/dist/css/{es/components/TextArea/TextArea.clear.config_mjjl9w.css → cjs/components/TextArea/TextArea.clear.config_176fr5b.css} +2 -2
- package/dist/css/cjs/components/TextArea/TextArea.config.js +2 -1
- package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.config_1snc8lz.css → TextArea.config_dzcemo.css} +5 -5
- package/dist/css/cjs/components/TextArea/TextArea.css +20 -20
- package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
- package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/dist/css/{es/components/TextField/TextField.config_268m5h.css → cjs/components/TextField/TextField.config_348k62.css} +7 -7
- package/dist/css/cjs/components/TextField/TextField.css +18 -18
- package/dist/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/dist/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
- package/dist/css/cjs/components/Toolbar/{Toolbar.config_wkxxdg.css → Toolbar.config_khgsbt.css} +1 -1
- package/dist/css/cjs/components/Toolbar/Toolbar.css +3 -3
- package/dist/css/cjs/components/Tree/Tree.config.js +1 -1
- package/dist/css/cjs/components/Tree/Tree.config.js.map +1 -1
- package/dist/css/{es/components/Tree/Tree.config_10ext9l.css → cjs/components/Tree/Tree.config_1uw52vy.css} +1 -1
- package/dist/css/cjs/components/Tree/Tree.css +3 -3
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_knx8j4.css +2 -0
- package/dist/css/cjs/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/cjs/index.css +392 -369
- package/dist/css/es/components/Attach/Attach.config.js +7 -8
- package/dist/css/es/components/Attach/Attach.config.js.map +1 -1
- package/dist/css/es/components/Attach/{Attach.config_mbai8p.css → Attach.config_yhb8ux.css} +7 -8
- package/dist/css/es/components/Attach/Attach.css +13 -14
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js +2 -2
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/{cjs/components/Autocomplete/Autocomplete.config_b6rar2.css → es/components/Autocomplete/Autocomplete.config_4j4bur.css} +5 -5
- package/dist/css/es/components/Autocomplete/Autocomplete.css +12 -12
- package/dist/css/es/components/Avatar/Avatar.config.js +2 -2
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/es/components/Avatar/{Avatar.config_1crs084.css → Avatar.config_1x6ugoc.css} +5 -5
- package/dist/css/es/components/Avatar/Avatar.css +19 -19
- package/dist/css/es/components/Badge/Badge.config.js +1 -1
- package/dist/css/es/components/Badge/Badge.config.js.map +1 -1
- package/dist/css/{cjs/components/Badge/Badge.config_llrkxs.css → es/components/Badge/Badge.config_1ch08c8.css} +5 -5
- package/dist/css/es/components/Badge/Badge.css +12 -12
- package/dist/css/es/components/Button/Button.config.js +49 -15
- package/dist/css/es/components/Button/Button.config.js.map +1 -1
- package/dist/css/es/components/Button/Button.config_13m63cu.css +26 -0
- package/dist/css/es/components/Button/Button.css +23 -17
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +17 -18
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_qp8vlk.css → ButtonGroup.config_1aejnkk.css} +14 -15
- package/dist/css/es/components/ButtonGroup/ButtonGroup.css +19 -20
- package/dist/css/es/components/Calendar/Calendar.config.js +1 -1
- package/dist/css/es/components/Calendar/Calendar.config.js.map +1 -1
- package/dist/css/{cjs/components/Calendar/Calendar.config_hf4bfj.css → es/components/Calendar/Calendar.config_13j2asu.css} +1 -1
- package/dist/css/es/components/Calendar/Calendar.css +10 -10
- package/dist/css/es/components/Calendar/CalendarDouble.config.js +1 -1
- package/dist/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/dist/css/es/components/Calendar/{CalendarDouble.config_1hu7xyi.css → CalendarDouble.config_drd6sz.css} +1 -1
- package/dist/css/es/components/Cell/Cell.config.js +4 -0
- package/dist/css/es/components/Cell/Cell.config.js.map +1 -1
- package/dist/css/es/components/Checkbox/Checkbox.config.js +11 -2
- package/dist/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/dist/css/es/components/Checkbox/{Checkbox.config_10t1dae.css → Checkbox.config_w1sgkv.css} +5 -3
- package/dist/css/es/components/Checkbox/Checkbox.css +8 -6
- package/dist/css/es/components/Chip/Chip.config.js +1 -1
- package/dist/css/es/components/Chip/Chip.config.js.map +1 -1
- package/dist/css/es/components/Chip/{Chip.config_2c8j1v.css → Chip.config_dyjizd.css} +1 -1
- package/dist/css/es/components/Chip/Chip.css +10 -10
- package/dist/css/es/components/ChipGroup/ChipGroup.config.js +1 -1
- package/dist/css/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/dist/css/{cjs/components/ChipGroup/ChipGroup.config_1a3wn8z.css → es/components/ChipGroup/ChipGroup.config_7d04pp.css} +1 -1
- package/dist/css/es/components/ChipGroup/ChipGroup.css +7 -7
- package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
- package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/es/components/Combobox/{Combobox.config_7biuvx.css → Combobox.config_e9zq4.css} +5 -5
- package/dist/css/es/components/Combobox/Combobox.css +12 -12
- package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/{cjs/components/DatePicker/DatePicker.config_1hfhdos.css → es/components/DatePicker/DatePicker.config_1bjucpu.css} +2 -2
- package/dist/css/es/components/DatePicker/DatePicker.css +10 -10
- package/dist/css/es/components/Divider/Divider.config.js +1 -1
- package/dist/css/es/components/Divider/Divider.config.js.map +1 -1
- package/dist/css/es/components/Divider/{Divider.config_1i0hy8y.css → Divider.config_g57mbu.css} +1 -1
- package/dist/css/es/components/Divider/Divider.css +7 -7
- package/dist/css/es/components/Drawer/Drawer.config.js +1 -1
- package/dist/css/es/components/Drawer/Drawer.config.js.map +1 -1
- package/dist/css/es/components/Drawer/{Drawer.config_1kci8o2.css → Drawer.config_p7v1xu.css} +1 -1
- package/dist/css/es/components/Drawer/Drawer.css +4 -4
- package/dist/css/es/components/Dropdown/Dropdown.config.js +1 -1
- package/dist/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/dist/css/es/components/Dropdown/{Dropdown.config_1rxgzfp.css → Dropdown.config_1twpnqj.css} +1 -1
- package/dist/css/es/components/Dropdown/Dropdown.css +4 -4
- package/dist/css/es/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +31 -2
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_11tz1go.css → EmbedIconButton.config_9m5p5p.css} +15 -8
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +19 -12
- package/dist/css/es/components/IconButton/IconButton.config.js +47 -11
- package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/es/components/IconButton/{IconButton.config_19loccr.css → IconButton.config_1n5utpz.css} +19 -11
- package/dist/css/es/components/IconButton/IconButton.css +24 -16
- package/dist/css/es/components/List/List.config.js +1 -1
- package/dist/css/es/components/List/List.config.js.map +1 -1
- package/dist/css/es/components/List/{List.config_1nc7mcq.css → List.config_1t768mm.css} +1 -1
- package/dist/css/es/components/List/List.css +4 -4
- package/dist/css/es/components/Notification/Notification.config.js +1 -1
- package/dist/css/es/components/Notification/Notification.config.js.map +1 -1
- package/dist/css/es/components/Notification/Notification.config_28trae.css +10 -0
- package/dist/css/es/components/Notification/Notification.css +10 -10
- package/dist/css/es/components/Progress/Progress.config.js +1 -1
- package/dist/css/es/components/Progress/Progress.config.js.map +1 -1
- package/dist/css/es/components/Progress/Progress.config_pwxa19.css +8 -0
- package/dist/css/es/components/Progress/Progress.css +8 -8
- package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js +1 -1
- package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/dist/css/es/components/ProgressBarCircular/{ProgressBarCircular.config_wm5q9r.css → ProgressBarCircular.config_1nlwuj2.css} +7 -7
- package/dist/css/es/components/ProgressBarCircular/ProgressBarCircular.css +8 -8
- package/dist/css/es/components/Radiobox/Radiobox.config.js +7 -2
- package/dist/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/dist/css/es/components/Radiobox/{Radiobox.config_tlxvk.css → Radiobox.config_ubjjsb.css} +3 -2
- package/dist/css/es/components/Radiobox/Radiobox.css +6 -5
- package/dist/css/es/components/Range/Range.config.js +2 -2
- package/dist/css/es/components/Range/Range.config.js.map +1 -1
- package/dist/css/es/components/Range/{Range.config_1a7m11u.css → Range.config_vnh97d.css} +2 -2
- package/dist/css/es/components/Range/Range.css +8 -8
- package/dist/css/es/components/Select/Select.config.js +1 -1
- package/dist/css/es/components/Select/Select.config.js.map +1 -1
- package/dist/css/es/components/Select/{Select.config_1gfcg4w.css → Select.config_eja538.css} +6 -6
- package/dist/css/es/components/Select/Select.css +15 -15
- package/dist/css/es/components/Steps/Steps.config.js +1 -1
- package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/{cjs/components/Steps/Steps.config_1soqhej.css → es/components/Steps/Steps.config_1axu604.css} +4 -4
- package/dist/css/es/components/Steps/Steps.css +12 -12
- package/dist/css/es/components/Switch/Switch.config.js +7 -2
- package/dist/css/es/components/Switch/Switch.config.js.map +1 -1
- package/dist/css/es/components/Switch/{Switch.config_12tusz7.css → Switch.config_1ovx9o2.css} +3 -2
- package/dist/css/es/components/Switch/Switch.css +8 -7
- package/dist/css/es/components/Tabs/Tabs.css +20 -20
- package/dist/css/es/components/Tabs/TabsController.css +15 -15
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_r01l94.css → HorizontalTabs.config_ql2wop.css} +2 -2
- package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
- package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js +2 -2
- package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/dist/css/es/components/Tabs/vertical/{VerticalTabs.config_5vcoi4.css → VerticalTabs.config_1bub8pe.css} +1 -1
- package/dist/css/es/components/TextArea/TextArea.clear.config.js +1 -1
- package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/TextArea/TextArea.clear.config_mjjl9w.css → es/components/TextArea/TextArea.clear.config_176fr5b.css} +2 -2
- package/dist/css/es/components/TextArea/TextArea.config.js +2 -1
- package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.config_1snc8lz.css → TextArea.config_dzcemo.css} +5 -5
- package/dist/css/es/components/TextArea/TextArea.css +20 -20
- package/dist/css/es/components/TextField/TextField.config.js +1 -1
- package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
- package/dist/css/{cjs/components/TextField/TextField.config_268m5h.css → es/components/TextField/TextField.config_348k62.css} +7 -7
- package/dist/css/es/components/TextField/TextField.css +18 -18
- package/dist/css/es/components/Toolbar/Toolbar.config.js +1 -1
- package/dist/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/dist/css/es/components/Toolbar/{Toolbar.config_wkxxdg.css → Toolbar.config_khgsbt.css} +1 -1
- package/dist/css/es/components/Toolbar/Toolbar.css +3 -3
- package/dist/css/es/components/Tree/Tree.config.js +1 -1
- package/dist/css/es/components/Tree/Tree.config.js.map +1 -1
- package/dist/css/{cjs/components/Tree/Tree.config_10ext9l.css → es/components/Tree/Tree.config_1uw52vy.css} +1 -1
- package/dist/css/es/components/Tree/Tree.css +3 -3
- package/dist/css/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/dist/css/es/components/ViewContainer/ViewContainer.config_knx8j4.css +2 -0
- package/dist/css/es/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/es/index.css +392 -369
- package/dist/styled-components/cjs/components/Attach/Attach.config.js +23 -70
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +16 -16
- package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +6 -6
- package/dist/styled-components/cjs/components/Badge/Badge.config.js +5 -5
- package/dist/styled-components/cjs/components/Button/Button.config.js +182 -86
- package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +48 -69
- package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +3 -3
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +4 -4
- package/dist/styled-components/cjs/components/Cell/Cell.config.js +4 -0
- package/dist/styled-components/cjs/components/Checkbox/Checkbox.config.js +44 -5
- package/dist/styled-components/cjs/components/Chip/Chip.config.js +5 -5
- package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +3 -3
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +37 -37
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +16 -16
- package/dist/styled-components/cjs/components/Divider/Divider.config.js +1 -1
- package/dist/styled-components/cjs/components/Drawer/Drawer.config.js +1 -1
- package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js +2 -2
- package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +116 -9
- package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +171 -41
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +126 -9
- package/dist/styled-components/cjs/components/List/List.config.js +1 -1
- package/dist/styled-components/cjs/components/Notification/Notification.config.js +5 -5
- package/dist/styled-components/cjs/components/Progress/Progress.config.js +8 -8
- package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +8 -8
- package/dist/styled-components/cjs/components/Radiobox/Radiobox.config.js +25 -4
- package/dist/styled-components/cjs/components/Range/Range.config.js +13 -13
- package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +6 -2
- package/dist/styled-components/cjs/components/Select/Select.config.js +21 -21
- package/dist/styled-components/cjs/components/Steps/Steps.config.js +1 -1
- package/dist/styled-components/cjs/components/Switch/Switch.config.js +24 -4
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +2 -2
- package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +2 -2
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +47 -46
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +47 -33
- package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +167 -0
- package/dist/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +73 -0
- package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +227 -0
- package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/dist/styled-components/cjs/components/Tree/Tree.config.js +3 -3
- package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.config.js +3 -3
- package/dist/styled-components/cjs/index.js +0 -1
- package/dist/styled-components/cjs/mixins/index.js +2 -2
- package/dist/styled-components/es/components/Attach/Attach.config.js +23 -70
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +16 -16
- package/dist/styled-components/es/components/Avatar/Avatar.config.js +6 -6
- package/dist/styled-components/es/components/Badge/Badge.config.js +5 -5
- package/dist/styled-components/es/components/Button/Button.config.js +182 -86
- package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +48 -69
- package/dist/styled-components/es/components/Calendar/Calendar.config.js +3 -3
- package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +4 -4
- package/dist/styled-components/es/components/Cell/Cell.config.js +4 -0
- package/dist/styled-components/es/components/Checkbox/Checkbox.config.js +44 -5
- package/dist/styled-components/es/components/Chip/Chip.config.js +5 -5
- package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +3 -3
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +37 -37
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +16 -16
- package/dist/styled-components/es/components/Divider/Divider.config.js +1 -1
- package/dist/styled-components/es/components/Drawer/Drawer.config.js +1 -1
- package/dist/styled-components/es/components/Dropdown/Dropdown.config.js +2 -2
- package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +116 -9
- package/dist/styled-components/es/components/IconButton/IconButton.config.js +171 -41
- package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +126 -9
- package/dist/styled-components/es/components/List/List.config.js +1 -1
- package/dist/styled-components/es/components/Notification/Notification.config.js +5 -5
- package/dist/styled-components/es/components/Progress/Progress.config.js +8 -8
- package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +8 -8
- package/dist/styled-components/es/components/Radiobox/Radiobox.config.js +25 -4
- package/dist/styled-components/es/components/Range/Range.config.js +13 -13
- package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +6 -2
- package/dist/styled-components/es/components/Select/Select.config.js +21 -21
- package/dist/styled-components/es/components/Steps/Steps.config.js +1 -1
- package/dist/styled-components/es/components/Switch/Switch.config.js +24 -4
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +1 -1
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +2 -2
- package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js +1 -1
- package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +2 -2
- package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +2 -2
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +47 -46
- package/dist/styled-components/es/components/TextField/TextField.config.js +47 -33
- package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js +108 -0
- package/dist/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js +38 -0
- package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js +156 -0
- package/dist/styled-components/es/components/Toolbar/Toolbar.config.js +1 -1
- package/dist/styled-components/es/components/Tree/Tree.config.js +3 -3
- package/dist/styled-components/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/styled-components/es/index.js +0 -1
- package/dist/styled-components/es/mixins/index.js +1 -1
- package/package.json +8 -8
- package/types/components/Attach/Attach.config.d.ts +0 -1
- package/types/components/Attach/Attach.d.ts +0 -1
- package/types/components/Autocomplete/Autocomplete.d.ts +4 -4
- package/types/components/Button/Button.config.d.ts +5 -3
- package/types/components/Button/Button.d.ts +0 -6
- package/types/components/ButtonGroup/ButtonGroup.config.d.ts +0 -1
- package/types/components/ButtonGroup/ButtonGroup.d.ts +0 -1
- package/types/components/Cell/Cell.config.d.ts +4 -0
- package/types/components/Checkbox/Checkbox.config.d.ts +5 -0
- package/types/components/Combobox/Combobox.d.ts +12 -12
- package/types/components/DatePicker/DatePicker.d.ts +2 -2
- package/types/components/Dropdown/Dropdown.d.ts +36 -43
- package/types/components/EmbedIconButton/EmbedIconButton.config.d.ts +5 -0
- package/types/components/IconButton/IconButton.config.d.ts +5 -1
- package/types/components/IconButton/IconButton.d.ts +0 -1
- package/types/components/LinkButton/LinkButton.config.d.ts +5 -0
- package/types/components/Radiobox/Radiobox.config.d.ts +5 -0
- package/types/components/Range/Range.d.ts +6 -6
- package/types/components/Scrollbar/Scrollbar.config.d.ts +4 -0
- package/types/components/Select/Select.d.ts +72 -88
- package/types/components/Switch/Switch.config.d.ts +5 -0
- package/types/components/TextArea/TextArea.config.d.ts +1 -0
- package/types/components/TextArea/TextArea.d.ts +16 -16
- package/types/components/TextField/TextField.d.ts +4 -4
- package/types/components/Tokens/Colors/Colors.styles.d.ts +35 -0
- package/types/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +6 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +43 -0
- package/types/index.d.ts +0 -1
- package/types/mixins/index.d.ts +3 -3
- package/dist/css/cjs/components/Button/Button.config_1xb1cj5.css +0 -20
- package/dist/css/cjs/components/Notification/Notification.config_132q76f.css +0 -10
- package/dist/css/cjs/components/Progress/Progress.config_qfagpr.css +0 -8
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_1i5wygu.css +0 -2
- package/dist/css/es/components/Button/Button.config_1xb1cj5.css +0 -20
- package/dist/css/es/components/Notification/Notification.config_132q76f.css +0 -10
- package/dist/css/es/components/Progress/Progress.config_qfagpr.css +0 -8
- package/dist/css/es/components/ViewContainer/ViewContainer.config_1i5wygu.css +0 -2
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +0 -831
- package/dist/styled-components/cjs/tokens/index.js +0 -129
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +0 -821
- package/dist/styled-components/es/tokens/index.js +0 -2
- package/types/components/TextField/TextField.clear.config.d.ts +0 -47
- package/types/tokens/index.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: '
|
|
1
|
+
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 's',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","s","m","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: '
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","divider","s","m","disabled","true","pilled","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,OAAO,EAAA;KAyBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA;KAmBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-
|
|
1
|
+
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-solid-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-solid-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.csmhmdi{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
2
|
-
.f1axjhin{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:var(--surface-
|
|
3
|
-
.d1th7ubw{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-
|
|
2
|
+
.f1axjhin{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:var(--surface-solid-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
3
|
+
.d1th7ubw{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-solid-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
|
4
4
|
.x1y5cvvr{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
|
|
5
5
|
.s1sxebyk{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
|
6
6
|
.m1npg82v{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: '
|
|
1
|
+
{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 's',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","s","m","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: '
|
|
1
|
+
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","s","m","disabled","true","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./VerticalTabs.
|
|
1
|
+
require('./VerticalTabs.config_1bub8pe.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var config = {
|
|
7
7
|
defaults: {
|
|
8
8
|
view: 'divider',
|
|
9
|
-
size: '
|
|
9
|
+
size: 'm'
|
|
10
10
|
},
|
|
11
11
|
variations: {
|
|
12
12
|
view: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: '
|
|
1
|
+
{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-solid-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","s","m","stretch","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.d1p7o0ey{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-width:0.0625rem;--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-
|
|
1
|
+
.d1p7o0ey{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-width:0.0625rem;--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-solid-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
|
2
2
|
.syyfem5{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
|
3
3
|
.mw34abq{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
|
4
4
|
.t15sxlu2{--plasma-tabs-container-height:100%;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.clear.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.clear.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-warning);\n ${tokens.inputColorFocus}: var(--text-warning);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-warning);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-negative);\n ${tokens.inputColorFocus}: var(--text-negative);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-negative);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${tokens.inputPaddingBottom}: 0.875rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.875rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.75rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\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 s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2rem;\n ${tokens.inputPaddingBottom}: 0.688rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.688rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.5rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\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 },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(\n --shadow-down-hard-m,\n 0px 4px 12px 0px rgba(0, 0, 0, 0.16),\n 0px 1px 4px 0px rgba(0, 0, 0, 0.08)\n );\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","warning","negative","m","s","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,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAoCN;AACDC,MAAAA,OAAO,EAAA,SAoCN;AACDC,MAAAA,QAAQ,EAAA;KAqCX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAyEA;AACDC,MAAAA,CAAC,EAAA;KA0EJ;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAAA,EAAO;KAUV;AACDM,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextArea.clear.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.clear.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-solid-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-warning);\n ${tokens.inputColorFocus}: var(--text-warning);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-warning);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: var(--text-negative);\n ${tokens.inputColorFocus}: var(--text-negative);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-negative);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.labelOuterColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${tokens.inputPaddingBottom}: 0.875rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.875rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.75rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\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 s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2rem;\n ${tokens.inputPaddingBottom}: 0.688rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.688rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.5rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\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 },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(\n --shadow-down-hard-m,\n 0px 4px 12px 0px rgba(0, 0, 0, 0.16),\n 0px 1px 4px 0px rgba(0, 0, 0, 0.08)\n );\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","warning","negative","m","s","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,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAoCN;AACDC,MAAAA,OAAO,EAAA,SAoCN;AACDC,MAAAA,QAAQ,EAAA;KAqCX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAyEA;AACDC,MAAAA,CAAC,EAAA;KA0EJ;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAAA,EAAO;KAUV;AACDM,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.d1t1p4os{--plasma-textarea-input-background-color:transparent;--plasma-textarea-input-background-color-hover:transparent;--plasma-textarea-input-background-color-active:transparent;--plasma-textarea-input-background-color-focus:transparent;--plasma-textarea-helpers-background-color:transparent;--plasma-textarea-helpers-background-color-hover:transparent;--plasma-textarea-helpers-background-color-active:transparent;--plasma-textarea-helpers-background-color-focus:transparent;--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-label-outer-color:var(--text-primary);--plasma-textarea-divider-color:var(--surface-
|
|
1
|
+
.d1t1p4os{--plasma-textarea-input-background-color:transparent;--plasma-textarea-input-background-color-hover:transparent;--plasma-textarea-input-background-color-active:transparent;--plasma-textarea-input-background-color-focus:transparent;--plasma-textarea-helpers-background-color:transparent;--plasma-textarea-helpers-background-color-hover:transparent;--plasma-textarea-helpers-background-color-active:transparent;--plasma-textarea-helpers-background-color-focus:transparent;--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-label-outer-color:var(--text-primary);--plasma-textarea-divider-color:var(--surface-solid-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
2
2
|
.wcj613c{--plasma-textarea-input-background-color:transparent;--plasma-textarea-input-background-color-hover:transparent;--plasma-textarea-input-background-color-active:transparent;--plasma-textarea-input-background-color-focus:transparent;--plasma-textarea-helpers-background-color:transparent;--plasma-textarea-helpers-background-color-hover:transparent;--plasma-textarea-helpers-background-color-active:transparent;--plasma-textarea-helpers-background-color-focus:transparent;--plasma-textarea-input-color:var(--text-warning);--plasma-textarea-input-color-focus:var(--text-warning);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-warning);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-label-outer-color:var(--text-primary);--plasma-textarea-divider-color:var(--surface-warning);--plasma-textarea-divider-color-hover:var(--surface-warning);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
3
3
|
.nhip3uz{--plasma-textarea-input-background-color:transparent;--plasma-textarea-input-background-color-hover:transparent;--plasma-textarea-input-background-color-active:transparent;--plasma-textarea-input-background-color-focus:transparent;--plasma-textarea-helpers-background-color:transparent;--plasma-textarea-helpers-background-color-hover:transparent;--plasma-textarea-helpers-background-color-active:transparent;--plasma-textarea-helpers-background-color-focus:transparent;--plasma-textarea-input-color:var(--text-negative);--plasma-textarea-input-color-focus:var(--text-negative);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-negative);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-label-outer-color:var(--text-primary);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
4
4
|
.mu2jy68{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:0;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.875rem;--plasma-textarea-input-padding-bottom-with-helpers:0.875rem;--plasma-textarea-input-padding-left:0;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0;--plasma-textarea-helpers-padding-bottom:0;--plasma-textarea-helpers-padding-left:0;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.75rem;--plasma-textarea-right-content-right:0;--plasma-textarea-right-content-height:1.5rem;--plasma-textarea-label-margin-bottom:0.25rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textarea-indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textarea__clear-indicator-hint-placement-inner-right:1.25rem -2.488rem auto auto;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
.m1ujivub{--plasma-textarea__tooltip-padding-top:0.6875rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.6875rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
8
8
|
.sfxwguh{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.5625rem;}
|
|
9
9
|
.tzj4wlk{--plasma-textarea-disabled-opacity:0.4;}
|
|
10
|
-
.tf3yilq{--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-
|
|
10
|
+
.tf3yilq{--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-solid-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./TextArea.
|
|
1
|
+
require('./TextArea.config_dzcemo.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var config = {
|
|
7
7
|
defaults: {
|
|
8
8
|
view: 'default',
|
|
9
|
+
size: 'm',
|
|
9
10
|
focused: 'true'
|
|
10
11
|
},
|
|
11
12
|
variations: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\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.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 s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0.875rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 0.875rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 0.875rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 0.875rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.688rem;\n ${tokens.rightContentRight}: 0.75rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.5rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\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.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 },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","warning","negative","size","m","s","hintView","hintSize","readOnly","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KAyEJ;AACDC,IAAAA,QAAQ,EAAE;MACNN,SAAAA,EAAO;KAMV;AACDO,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-solid-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-solid-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-solid-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-solid-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-solid-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-solid-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-solid-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-solid-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: var(--surface-solid-warning);\n ${tokens.inputBackgroundColorHover}: var(--surface-solid-warning-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-solid-warning-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-solid-warning);\n\n ${tokens.helpersBackgroundColor}: var(--surface-solid-warning);\n ${tokens.helpersBackgroundColorHover}: var(--surface-solid-warning-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-solid-warning-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-warning);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-solid-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-solid-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-solid-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-solid-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-solid-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-solid-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-solid-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\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.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 s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0.875rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 0.875rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 0.875rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 0.875rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.688rem;\n ${tokens.rightContentRight}: 0.75rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.5rem;\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.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\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.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 },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-solid-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","default","warning","negative","m","s","hintView","hintSize","readOnly","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KAyEJ;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAAA,EAAO;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
|
package/dist/css/cjs/components/TextArea/{TextArea.config_1snc8lz.css → TextArea.config_dzcemo.css}
RENAMED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.d1g7h1jw{--plasma-textarea-input-background-color:var(--surface-
|
|
2
|
-
.w1rie450{--plasma-textarea-input-background-color:var(--surface-
|
|
3
|
-
.n1klrxlo{--plasma-textarea-input-background-color:var(--surface-
|
|
1
|
+
.d1g7h1jw{--plasma-textarea-input-background-color:var(--surface-solid-primary);--plasma-textarea-input-background-color-hover:var(--surface-solid-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-solid-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-solid-secondary);--plasma-textarea-helpers-background-color:var(--surface-solid-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-solid-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-solid-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-solid-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-solid-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-solid-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-solid-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-solid-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-solid-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-solid-primary-hover);--plasma-textarea-divider-color:var(--surface-solid-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
2
|
+
.w1rie450{--plasma-textarea-input-background-color:var(--surface-solid-warning);--plasma-textarea-input-background-color-hover:var(--surface-solid-warning-hover);--plasma-textarea-input-background-color-active:var(--surface-solid-warning-active);--plasma-textarea-input-background-color-focus:var(--surface-solid-warning);--plasma-textarea-helpers-background-color:var(--surface-solid-warning);--plasma-textarea-helpers-background-color-hover:var(--surface-solid-warning-hover);--plasma-textarea-helpers-background-color-active:var(--surface-solid-warning-active);--plasma-textarea-helpers-background-color-focus:var(--surface-solid-warning);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-warning);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-warning);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-solid-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-solid-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-solid-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-solid-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-solid-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-solid-primary-hover);--plasma-textarea-divider-color:var(--surface-warning);--plasma-textarea-divider-color-hover:var(--surface-warning);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
3
|
+
.n1klrxlo{--plasma-textarea-input-background-color:var(--surface-solid-negative);--plasma-textarea-input-background-color-hover:var(--surface-solid-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-solid-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-solid-negative);--plasma-textarea-helpers-background-color:var(--surface-solid-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-solid-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-solid-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-solid-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-solid-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-solid-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-solid-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-solid-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-solid-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-solid-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);--plasma-textarea__title-caption-color:var(--text-secondary);}
|
|
4
4
|
.m1ui7a2o{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
5
5
|
.s15h3znf{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem 0.625rem 0 0;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:0.875rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:0.875rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
6
6
|
.d1xc86r3{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
7
7
|
.m1jxjv8s{--plasma-textarea__tooltip-padding-top:0.6875rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.6875rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
8
8
|
.s12dmzpw{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.5625rem;}
|
|
9
|
-
.tms0v69{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-
|
|
10
|
-
.t18le4t3{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-
|
|
9
|
+
.tms0v69{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-solid-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-solid-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
10
|
+
.t18le4t3{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-solid-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|