@salutejs/sdds-sbcom 0.376.0-next-sbcom.0 → 0.376.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 +4 -9
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +8 -0
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_tpk2yb.css → Autocomplete.config_8l7jqm.css} +4 -4
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
- package/dist/css/cjs/components/Avatar/Avatar.config.js +19 -26
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/cjs/components/Avatar/{Avatar.config_1g0cell.css → Avatar.config_1yvblw1.css} +23 -30
- package/dist/css/cjs/components/Avatar/Avatar.css +23 -30
- package/dist/css/cjs/components/Button/Button.config.js +14 -15
- package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
- package/dist/css/cjs/components/Button/Button.config_if0h64.css +17 -0
- package/dist/css/cjs/components/Button/Button.css +14 -15
- 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_xoim7x.css → cjs/components/Calendar/Calendar.config_1pwze7u.css} +5 -5
- package/dist/css/cjs/components/Calendar/Calendar.css +16 -16
- 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_1fibnnb.css → CalendarDouble.config_1km8njf.css} +5 -5
- package/dist/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
- package/dist/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
- package/dist/css/cjs/components/Checkbox/{Checkbox.config_vrwq4q.css → Checkbox.config_vwftwu.css} +2 -2
- package/dist/css/cjs/components/Checkbox/Checkbox.css +4 -4
- package/dist/css/cjs/components/Checkbox/Checkbox.js +5 -2
- package/dist/css/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/css/cjs/components/Chip/Chip.config.js +16 -7
- package/dist/css/cjs/components/Chip/Chip.config.js.map +1 -1
- package/dist/css/cjs/components/Chip/Chip.config_p3vojs.css +14 -0
- package/dist/css/cjs/components/Chip/Chip.css +13 -4
- 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_w018p5.css → cjs/components/DatePicker/DatePicker.config_1w0vlsa.css} +6 -6
- package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_1lu1p2a.css → DateTimePicker.config_1xtonny.css} +5 -5
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
- 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_c189mu.css +7 -0
- package/dist/css/cjs/components/Divider/Divider.css +7 -7
- package/dist/css/cjs/components/IconButton/IconButton.config.js +21 -18
- package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/cjs/components/IconButton/IconButton.config_pfpvwy.css +17 -0
- package/dist/css/cjs/components/IconButton/IconButton.css +17 -15
- package/dist/css/cjs/components/Loader/Loader.config.js +17 -11
- package/dist/css/cjs/components/Loader/Loader.config.js.map +1 -1
- package/dist/css/cjs/components/Loader/Loader.config_10txgjz.css +14 -0
- package/dist/css/cjs/components/Loader/Loader.css +14 -8
- package/dist/css/cjs/components/Mask/Mask.css +21 -61
- package/dist/css/cjs/components/Modal/Modal.config.js +2 -3
- package/dist/css/cjs/components/Modal/Modal.config.js.map +1 -1
- package/dist/css/cjs/components/Modal/Modal.config_w3hp3h.css +1 -0
- package/dist/css/cjs/components/Modal/Modal.css +1 -2
- package/dist/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/dist/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
- package/dist/css/cjs/components/Radiobox/{Radiobox.config_d3b2bk.css → Radiobox.config_1w9bf3n.css} +1 -1
- package/dist/css/cjs/components/Radiobox/Radiobox.css +6 -6
- package/dist/css/cjs/components/Spinner/Spinner.config.js +9 -18
- package/dist/css/cjs/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/cjs/components/Spinner/Spinner.config_gv8c6j.css +8 -0
- package/dist/css/cjs/components/Spinner/Spinner.css +8 -15
- package/dist/css/cjs/components/Spinner/Spinner.js +0 -3
- package/dist/css/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/cjs/components/Switch/Switch.config.js +1 -1
- package/dist/css/cjs/components/Switch/Switch.config.js.map +1 -1
- package/dist/css/cjs/components/Switch/{Switch.config_1ix5eol.css → Switch.config_3757qb.css} +2 -2
- package/dist/css/cjs/components/Switch/Switch.css +8 -8
- package/dist/css/cjs/components/Tabs/TabItem.css +43 -47
- package/dist/css/cjs/components/Tabs/Tabs.css +16 -16
- package/dist/css/cjs/components/Tabs/TabsController.css +32 -34
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +2 -11
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalIconTabItem.config_1db6aze.css → HorizontalIconTabItem.config_172qpo5.css} +2 -4
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -11
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabItem.config_63xty8.css → HorizontalTabItem.config_2oz9ni.css} +2 -4
- 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_164d1n9.css → HorizontalTabs.config_a6gjtl.css} +1 -1
- 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/{VerticalIconTabItem.config_1deb1lx.css → VerticalIconTabItem.config_1px0ysr.css} +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/{es/components/Tabs/vertical/VerticalTabItem.config_upzr0c.css → cjs/components/Tabs/vertical/VerticalTabItem.config_1rvf7rv.css} +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.config_1fwjrej.css → TextArea.config_ve5q7.css} +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.css +13 -28
- package/dist/css/cjs/components/TextArea/TextArea.js +1 -10
- package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
- 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_1s62bav.css → cjs/components/TextField/TextField.config_16gfljk.css} +3 -3
- package/dist/css/cjs/components/TextField/TextField.js +1 -11
- package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/css/cjs/components/Tooltip/Tooltip.config.js +5 -2
- package/dist/css/cjs/components/Tooltip/Tooltip.config.js.map +1 -1
- package/dist/css/cjs/components/Tooltip/Tooltip.config_7b1ruh.css +3 -0
- package/dist/css/cjs/components/Tooltip/Tooltip.css +3 -3
- package/dist/css/cjs/components/Typography/Body.config.js +6 -12
- package/dist/css/cjs/components/Typography/Body.config.js.map +1 -1
- package/dist/css/cjs/components/Typography/{Body.config_1ochksw.css → Body.config_1it7iig.css} +2 -3
- package/dist/css/cjs/components/Typography/Typography.css +5 -6
- package/dist/css/cjs/components/Typography/Typography.js +0 -4
- package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_bgbike.css +2 -0
- package/dist/css/cjs/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/cjs/index.css +286 -345
- package/dist/css/cjs/index.js +0 -1
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +8 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/es/components/Autocomplete/{Autocomplete.config_tpk2yb.css → Autocomplete.config_8l7jqm.css} +4 -4
- package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
- package/dist/css/es/components/Avatar/Avatar.config.js +19 -26
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/es/components/Avatar/{Avatar.config_1g0cell.css → Avatar.config_1yvblw1.css} +23 -30
- package/dist/css/es/components/Avatar/Avatar.css +23 -30
- package/dist/css/es/components/Button/Button.config.js +14 -15
- package/dist/css/es/components/Button/Button.config.js.map +1 -1
- package/dist/css/es/components/Button/Button.config_if0h64.css +17 -0
- package/dist/css/es/components/Button/Button.css +14 -15
- 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_xoim7x.css → es/components/Calendar/Calendar.config_1pwze7u.css} +5 -5
- package/dist/css/es/components/Calendar/Calendar.css +16 -16
- 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_1fibnnb.css → CalendarDouble.config_1km8njf.css} +5 -5
- package/dist/css/es/components/Checkbox/Checkbox.config.js +1 -1
- package/dist/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/dist/css/es/components/Checkbox/{Checkbox.config_vrwq4q.css → Checkbox.config_vwftwu.css} +2 -2
- package/dist/css/es/components/Checkbox/Checkbox.css +4 -4
- package/dist/css/es/components/Checkbox/Checkbox.js +5 -3
- package/dist/css/es/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/css/es/components/Chip/Chip.config.js +16 -7
- package/dist/css/es/components/Chip/Chip.config.js.map +1 -1
- package/dist/css/es/components/Chip/Chip.config_p3vojs.css +14 -0
- package/dist/css/es/components/Chip/Chip.css +13 -4
- 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_w018p5.css → es/components/DatePicker/DatePicker.config_1w0vlsa.css} +6 -6
- package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_1lu1p2a.css → DateTimePicker.config_1xtonny.css} +5 -5
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
- 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_c189mu.css +7 -0
- package/dist/css/es/components/Divider/Divider.css +7 -7
- package/dist/css/es/components/IconButton/IconButton.config.js +21 -18
- package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/es/components/IconButton/IconButton.config_pfpvwy.css +17 -0
- package/dist/css/es/components/IconButton/IconButton.css +17 -15
- package/dist/css/es/components/Loader/Loader.config.js +17 -11
- package/dist/css/es/components/Loader/Loader.config.js.map +1 -1
- package/dist/css/es/components/Loader/Loader.config_10txgjz.css +14 -0
- package/dist/css/es/components/Loader/Loader.css +14 -8
- package/dist/css/es/components/Mask/Mask.css +21 -61
- package/dist/css/es/components/Modal/Modal.config.js +2 -3
- package/dist/css/es/components/Modal/Modal.config.js.map +1 -1
- package/dist/css/es/components/Modal/Modal.config_w3hp3h.css +1 -0
- package/dist/css/es/components/Modal/Modal.css +1 -2
- package/dist/css/es/components/Radiobox/Radiobox.config.js +1 -1
- package/dist/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/dist/css/es/components/Radiobox/{Radiobox.config_d3b2bk.css → Radiobox.config_1w9bf3n.css} +1 -1
- package/dist/css/es/components/Radiobox/Radiobox.css +6 -6
- package/dist/css/es/components/Spinner/Spinner.config.js +9 -18
- package/dist/css/es/components/Spinner/Spinner.config.js.map +1 -1
- package/dist/css/es/components/Spinner/Spinner.config_gv8c6j.css +8 -0
- package/dist/css/es/components/Spinner/Spinner.css +8 -15
- package/dist/css/es/components/Spinner/Spinner.js +0 -3
- package/dist/css/es/components/Spinner/Spinner.js.map +1 -1
- package/dist/css/es/components/Switch/Switch.config.js +1 -1
- package/dist/css/es/components/Switch/Switch.config.js.map +1 -1
- package/dist/css/es/components/Switch/{Switch.config_1ix5eol.css → Switch.config_3757qb.css} +2 -2
- package/dist/css/es/components/Switch/Switch.css +8 -8
- package/dist/css/es/components/Tabs/TabItem.css +43 -47
- package/dist/css/es/components/Tabs/Tabs.css +16 -16
- package/dist/css/es/components/Tabs/TabsController.css +32 -34
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +2 -11
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalIconTabItem.config_1db6aze.css → HorizontalIconTabItem.config_172qpo5.css} +2 -4
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -11
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalTabItem.config_63xty8.css → HorizontalTabItem.config_2oz9ni.css} +2 -4
- 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_164d1n9.css → HorizontalTabs.config_a6gjtl.css} +1 -1
- 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/{VerticalIconTabItem.config_1deb1lx.css → VerticalIconTabItem.config_1px0ysr.css} +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/{cjs/components/Tabs/vertical/VerticalTabItem.config_upzr0c.css → es/components/Tabs/vertical/VerticalTabItem.config_1rvf7rv.css} +1 -1
- package/dist/css/es/components/TextArea/TextArea.config.js +1 -1
- package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.config_1fwjrej.css → TextArea.config_ve5q7.css} +1 -1
- package/dist/css/es/components/TextArea/TextArea.css +13 -28
- package/dist/css/es/components/TextArea/TextArea.js +5 -12
- package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
- 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_1s62bav.css → es/components/TextField/TextField.config_16gfljk.css} +3 -3
- package/dist/css/es/components/TextField/TextField.js +4 -12
- package/dist/css/es/components/TextField/TextField.js.map +1 -1
- package/dist/css/es/components/Tooltip/Tooltip.config.js +5 -2
- package/dist/css/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/dist/css/es/components/Tooltip/Tooltip.config_7b1ruh.css +3 -0
- package/dist/css/es/components/Tooltip/Tooltip.css +3 -3
- package/dist/css/es/components/Typography/Body.config.js +7 -12
- package/dist/css/es/components/Typography/Body.config.js.map +1 -1
- package/dist/css/es/components/Typography/{Body.config_1ochksw.css → Body.config_1it7iig.css} +2 -3
- package/dist/css/es/components/Typography/Typography.css +5 -6
- package/dist/css/es/components/Typography/Typography.js +2 -5
- package/dist/css/es/components/Typography/Typography.js.map +1 -1
- package/dist/css/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/es/components/ViewContainer/ViewContainer.config_bgbike.css +2 -0
- package/dist/css/es/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/es/index.css +286 -345
- package/dist/css/es/index.js +1 -1
- package/package.json +9 -9
- package/types/components/Autocomplete/Autocomplete.d.ts +4 -4
- package/types/components/Avatar/Avatar.config.d.ts +0 -7
- package/types/components/Avatar/Avatar.d.ts +4 -25
- package/types/components/Button/Button.config.d.ts +6 -7
- package/types/components/Button/Button.d.ts +12 -14
- package/types/components/Chip/Chip.config.d.ts +9 -0
- package/types/components/Chip/Chip.d.ts +9 -0
- package/types/components/Combobox/Combobox.d.ts +4 -4
- package/types/components/DatePicker/DatePicker.d.ts +8 -8
- package/types/components/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/types/components/IconButton/IconButton.config.d.ts +15 -13
- package/types/components/IconButton/IconButton.d.ts +15 -13
- package/types/components/InformationWrapper/InformationWrapper.d.ts +1 -1
- package/types/components/Loader/Loader.config.d.ts +13 -7
- package/types/components/Loader/Loader.d.ts +13 -7
- package/types/components/Mask/Mask.d.ts +4 -1228
- package/types/components/Modal/Modal.config.d.ts +0 -1
- package/types/components/Range/Range.d.ts +12 -12
- package/types/components/Select/Select.d.ts +8 -8
- package/types/components/Spinner/Spinner.config.d.ts +0 -9
- package/types/components/Spinner/Spinner.d.ts +28 -24
- package/types/components/Spinner/index.d.ts +1 -0
- package/types/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +0 -5
- package/types/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -5
- package/types/components/TextArea/TextArea.d.ts +5 -1638
- package/types/components/TextField/TextField.d.ts +56 -1949
- package/types/components/TextFieldSlider/TextFieldSlider.d.ts +4 -4
- package/types/components/TimePicker/TimePicker.d.ts +1 -1
- package/types/components/Typography/Body.config.d.ts +0 -10
- package/types/components/Typography/Typography.d.ts +0 -32
- package/types/components/Typography/index.d.ts +1 -1
- package/types/mixins/index.d.ts +3 -3
- package/dist/css/cjs/components/Button/Button.config_1cdv5s.css +0 -18
- package/dist/css/cjs/components/Chip/Chip.config_1xbjb74.css +0 -5
- package/dist/css/cjs/components/Divider/Divider.config_oxalhf.css +0 -7
- package/dist/css/cjs/components/IconButton/IconButton.config_1bubavi.css +0 -15
- package/dist/css/cjs/components/Loader/Loader.config_183ehzt.css +0 -8
- package/dist/css/cjs/components/Modal/Modal.config_rq8k7u.css +0 -2
- package/dist/css/cjs/components/Spinner/Spinner.config_14uk7xh.css +0 -15
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +0 -48
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +0 -1
- package/dist/css/cjs/components/TextArea/TextArea.clear.config_8zq1ed.css +0 -14
- package/dist/css/cjs/components/TextField/TextField.clear.config.js +0 -55
- package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +0 -1
- package/dist/css/cjs/components/TextField/TextField.clear.config_1nxlwiu.css +0 -22
- package/dist/css/cjs/components/TextField/TextField.search.config.js +0 -53
- package/dist/css/cjs/components/TextField/TextField.search.config.js.map +0 -1
- package/dist/css/cjs/components/TextField/TextField.search.config_oui6v0.css +0 -16
- package/dist/css/cjs/components/Tooltip/Tooltip.config_rdidu6.css +0 -3
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_12t8x2g.css +0 -2
- package/dist/css/es/components/Button/Button.config_1cdv5s.css +0 -18
- package/dist/css/es/components/Chip/Chip.config_1xbjb74.css +0 -5
- package/dist/css/es/components/Divider/Divider.config_oxalhf.css +0 -7
- package/dist/css/es/components/IconButton/IconButton.config_1bubavi.css +0 -15
- package/dist/css/es/components/Loader/Loader.config_183ehzt.css +0 -8
- package/dist/css/es/components/Modal/Modal.config_rq8k7u.css +0 -2
- package/dist/css/es/components/Spinner/Spinner.config_14uk7xh.css +0 -15
- package/dist/css/es/components/TextArea/TextArea.clear.config.js +0 -44
- package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +0 -1
- package/dist/css/es/components/TextArea/TextArea.clear.config_8zq1ed.css +0 -14
- package/dist/css/es/components/TextField/TextField.clear.config.js +0 -51
- package/dist/css/es/components/TextField/TextField.clear.config.js.map +0 -1
- package/dist/css/es/components/TextField/TextField.clear.config_1nxlwiu.css +0 -22
- package/dist/css/es/components/TextField/TextField.search.config.js +0 -49
- package/dist/css/es/components/TextField/TextField.search.config.js.map +0 -1
- package/dist/css/es/components/TextField/TextField.search.config_oui6v0.css +0 -16
- package/dist/css/es/components/Tooltip/Tooltip.config_rdidu6.css +0 -3
- package/dist/css/es/components/ViewContainer/ViewContainer.config_12t8x2g.css +0 -2
- package/types/components/TextArea/TextArea.clear.config.d.ts +0 -40
- package/types/components/TextField/TextField.clear.config.d.ts +0 -47
- package/types/components/TextField/TextField.search.config.d.ts +0 -41
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.Avatar_config_1g0cell_d1lrxlm6__a746df37{--plasma-avatar-extra-counter-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--surface-solid-default,#F6F2F0);}
|
|
25
|
-
.Avatar_config_1g0cell_alvnjgg__a746df37{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-accent,#0BA686);}
|
|
26
|
-
.Avatar_config_1g0cell_p1go64dl__a746df37{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-positive,#A6D2A2);}
|
|
27
|
-
.Avatar_config_1g0cell_we0h2xl__a746df37{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-warning,#F8AD80);}
|
|
28
|
-
.Avatar_config_1g0cell_nje4jr7__a746df37{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-negative,#F8A6A9);}
|
|
29
|
-
.Avatar_config_1g0cell_d1mh9r2b__a746df37{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default,#15110F);}
|
|
30
|
-
.Avatar_config_1g0cell_l1vj8hse__a746df37{--plasma-avatar-extra-counter-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default,#F6F2F0);}
|
|
1
|
+
.Avatar_config_1yvblw1_drb31t5__5077f001{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-body-s-font-family);}
|
|
2
|
+
.Avatar_config_1yvblw1_x15togqe__5077f001{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
3
|
+
.Avatar_config_1yvblw1_lgyjidu__5077f001{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
4
|
+
.Avatar_config_1yvblw1_m2aeais__5077f001{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
5
|
+
.Avatar_config_1yvblw1_s1tuzts2__5077f001{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
.Avatar_config_1yvblw1_f9n80q7__5077f001{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;--plasma-avatar-border-radius:50%;}
|
|
7
|
+
.Avatar_config_1yvblw1_t1t3marb__5077f001{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
|
8
|
+
.Avatar_config_1yvblw1_c1yg3231__5077f001{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
|
|
9
|
+
.Avatar_config_1yvblw1_r1usp9sx__5077f001{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
|
|
10
|
+
.Avatar_config_1yvblw1_dib7r6w__5077f001{--plasma-avatar-extra-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-avatar-extra-badge-color-clear:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
11
|
+
.Avatar_config_1yvblw1_a1t2sgy__5077f001{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-accent,#0BA686);--plasma-avatar-extra-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-avatar-extra-badge-color-clear:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
12
|
+
.Avatar_config_1yvblw1_paz5t9v__5077f001{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-positive,#A6D2A2);--plasma-avatar-extra-badge-color-transparent:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
13
|
+
.Avatar_config_1yvblw1_wwbd3rb__5077f001{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-warning,#F8AD80);--plasma-avatar-extra-badge-color-transparent:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
14
|
+
.Avatar_config_1yvblw1_nvbq2hs__5077f001{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-negative,#F8A6A9);--plasma-avatar-extra-badge-color-transparent:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-avatar-extra-badge-color-clear:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
15
|
+
.Avatar_config_1yvblw1_di7nkby__5077f001{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep,#A1A09FA3);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
16
|
+
.Avatar_config_1yvblw1_l1gul21i__5077f001{--plasma-avatar-extra-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card,#373737B8);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
17
|
+
.Avatar_config_1yvblw1_d1t7a117__5077f001{--plasma-avatar-extra-counter-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--surface-solid-default,#F6F2F0);}
|
|
18
|
+
.Avatar_config_1yvblw1_atfmoth__5077f001{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-accent,#0BA686);}
|
|
19
|
+
.Avatar_config_1yvblw1_plamkwx__5077f001{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-positive,#A6D2A2);}
|
|
20
|
+
.Avatar_config_1yvblw1_w1nt1mts__5077f001{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-warning,#F8AD80);}
|
|
21
|
+
.Avatar_config_1yvblw1_nmkjwwp__5077f001{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-negative,#F8A6A9);}
|
|
22
|
+
.Avatar_config_1yvblw1_dk7btit__5077f001{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default,#15110F);}
|
|
23
|
+
.Avatar_config_1yvblw1_l15wnpkw__5077f001{--plasma-avatar-extra-counter-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default,#F6F2F0);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Button.
|
|
1
|
+
import './Button.config_if0h64.css';
|
|
2
2
|
/*
|
|
3
3
|
* NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
|
|
4
4
|
* Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold
|
|
@@ -7,7 +7,7 @@ var config = {
|
|
|
7
7
|
defaults: {
|
|
8
8
|
view: 'accentFiled',
|
|
9
9
|
focused: 'true',
|
|
10
|
-
size: '
|
|
10
|
+
size: 'm'
|
|
11
11
|
},
|
|
12
12
|
variations: {
|
|
13
13
|
view: {
|
|
@@ -15,28 +15,27 @@ var config = {
|
|
|
15
15
|
accentWhite: "a1129msw",
|
|
16
16
|
primaryWhite: "pbaqjet",
|
|
17
17
|
accentGrey: "amxfxlw",
|
|
18
|
-
|
|
18
|
+
accentClear: "aleczrv",
|
|
19
19
|
dangerTint: "dlekduy",
|
|
20
|
-
|
|
21
|
-
primaryGrey: "psb1lec"
|
|
22
|
-
primaryGreyClear: "p123wpoi"
|
|
20
|
+
dangerClear: "d1yfa47j",
|
|
21
|
+
primaryGrey: "psb1lec"
|
|
23
22
|
},
|
|
24
23
|
size: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
xl: "x123wpoi",
|
|
25
|
+
l: "l1w797f8",
|
|
26
|
+
m: "m1toqou7",
|
|
27
|
+
s: "sy229gi"
|
|
29
28
|
},
|
|
30
29
|
disabled: {
|
|
31
|
-
"true": "
|
|
30
|
+
"true": "t1joiaye"
|
|
32
31
|
},
|
|
33
32
|
focused: {
|
|
34
|
-
"true": "
|
|
33
|
+
"true": "t1i1eza5"
|
|
35
34
|
},
|
|
36
35
|
stretching: {
|
|
37
|
-
auto: "
|
|
38
|
-
filled: "
|
|
39
|
-
fixed: "
|
|
36
|
+
auto: "a1r1gaby",
|
|
37
|
+
filled: "fqhwg07",
|
|
38
|
+
fixed: "f1bf1tsb"
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodySMedium,\n h4Medium,\n onDarkTextPrimary,\n onDarkTextPrimaryHover,\n onDarkTextSecondary,\n onLightSurfaceAccent,\n onLightSurfaceSolidPrimary,\n onLightSurfaceSolidPrimaryActive,\n onLightSurfaceSolidPrimaryHover,\n onLightTextAccent,\n onLightTextPrimary,\n outlinePositive,\n spacing2x,\n spacing3x,\n surfaceAccentActive,\n surfaceAccentHover,\n surfaceClear,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentNegativeHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n textAccent,\n textAccentHover,\n textNegative,\n textNegativeActive,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold\n */\nexport const config = {\n defaults: {\n view: 'accentFiled',\n focused: 'true',\n size: '40',\n },\n variations: {\n view: {\n accentFiled: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceAccent};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${onLightSurfaceAccent} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n accentWhite: css`\n ${buttonTokens.buttonColor}: ${onLightTextAccent};\n ${buttonTokens.buttonTextColor}: ${onLightTextAccent};\n ${buttonTokens.buttonSpinnerColor}: ${onLightTextAccent};\n ${buttonTokens.buttonIconColor}: ${onLightTextAccent};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidPrimary};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${onLightSurfaceSolidPrimary} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidPrimaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidPrimaryActive};\n `,\n primaryWhite: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidPrimary};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${onLightSurfaceSolidPrimary} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidPrimaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidPrimaryActive};\n `,\n accentGrey: css`\n ${buttonTokens.buttonColor}: ${textAccent};\n ${buttonTokens.buttonTextColor}: ${textAccent};\n ${buttonTokens.buttonSpinnerColor}: ${textAccent};\n ${buttonTokens.buttonIconColor}: ${textAccent};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceTransparentSecondary} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n accentGreyClear: css`\n ${buttonTokens.buttonColor}: ${textAccent};\n ${buttonTokens.buttonTextColor}: ${textAccent};\n ${buttonTokens.buttonColorHover}: ${textAccentHover};\n ${buttonTokens.buttonSpinnerColor}: ${textAccent};\n ${buttonTokens.buttonIconColor}: ${textAccent};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceClear} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceClear};\n `,\n dangerTint: css`\n ${buttonTokens.buttonColor}: ${textNegative};\n ${buttonTokens.buttonTextColor}: ${textNegative};\n ${buttonTokens.buttonSpinnerColor}: ${textNegative};\n ${buttonTokens.buttonIconColor}: ${textNegative};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentNegative};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceTransparentNegative} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentNegativeHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentNegativeActive};\n `,\n dangerTintClear: css`\n ${buttonTokens.buttonColor}: ${textNegative};\n ${buttonTokens.buttonTextColor}: ${textNegative};\n ${buttonTokens.buttonSpinnerColor}: ${textNegative};\n ${buttonTokens.buttonIconColor}: ${textNegative};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceClear} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceClear};\n ${buttonTokens.buttonColorActive}: ${textNegativeActive};\n `,\n primaryGrey: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceTransparentSecondary} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n `,\n primaryGreyClear: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: color-mix(in srgb, ${surfaceClear} 40%, transparent);\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonTokens.buttonColorHover}: ${textPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${textPrimaryActive};\n `,\n },\n size: {\n '48': css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.875rem 1.5rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n\n\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n '40': css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.625rem 1.25rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n '32': css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.375rem 1rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n '24': css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.25rem 0.75rem;\n ${buttonTokens.buttonFontFamily}: ${bodySMedium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodySMedium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodySMedium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodySMedium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodySMedium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodySMedium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing2x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing2x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: ${outlinePositive};\n ${buttonTokens.buttonCursor}: default;\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","accentFiled","accentWhite","primaryWhite","accentGrey","accentGreyClear","dangerTint","dangerTintClear","primaryGrey","primaryGreyClear","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAmCA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,aAAa;AACnBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,WAAW,EAAA,UAUV;AACDC,MAAAA,WAAW,EAAA,UAUV;AACDC,MAAAA,YAAY,EAAA,SAUX;AACDC,MAAAA,UAAU,EAAA,SAUT;AACDC,MAAAA,eAAe,EAAA,SAWd;AACDC,MAAAA,UAAU,EAAA,SAUT;AACDC,MAAAA,eAAe,EAAA,UAYd;AACDC,MAAAA,WAAW,EAAA,SAUV;AACDC,MAAAA,gBAAgB,EAAA;KAYnB;AACDV,IAAAA,IAAI,EAAE;AACF,MAAA,IAAI,EAAA,UAoBH;AACD,MAAA,IAAI,EAAA,UAmBH;AACD,MAAA,IAAI,EAAA,SAmBH;AACD,MAAA,IAAI,EAAA;KAoBP;AACDW,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDb,IAAAA,OAAO,EAAE;MACLa,MAAAA,EAAI;KAIP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA,UAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodySMedium,\n h4Medium,\n onDarkTextPrimary,\n onDarkTextPrimaryActive,\n onDarkTextPrimaryHover,\n onDarkTextSecondary,\n onLightSurfaceAccent,\n onLightSurfaceSolidPrimary,\n onLightTextAccent,\n onLightTextPrimary,\n spacing2x,\n spacing3x,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceTransparentNegative,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarningActive,\n surfaceWarningHover,\n textAccent,\n textNegative,\n textPrimary,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold\n */\nexport const config = {\n defaults: {\n view: 'accentFiled',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n accentFiled: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceAccent};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n accentWhite: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextAccent};\n ${buttonTokens.buttonSpinnerColor}: ${onLightTextAccent};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidPrimary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n primaryWhite: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidPrimary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n accentGrey: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${textAccent};\n ${buttonTokens.buttonSpinnerColor}: ${textAccent};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n accentClear: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textAccent};\n ${buttonTokens.buttonSpinnerColor}: ${textAccent};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n dangerTint: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${textNegative};\n ${buttonTokens.buttonSpinnerColor}: ${textNegative};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentNegative};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dangerClear: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${textNegative};\n ${buttonTokens.buttonSpinnerColor}: ${textNegative};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n `,\n primaryGrey: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonSpinnerColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.875rem 1.5rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n\n\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.625rem 1.25rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.375rem 1rem;\n ${buttonTokens.buttonFontFamily}: ${h4Medium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${h4Medium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${h4Medium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${h4Medium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${h4Medium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${h4Medium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing3x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing3x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonRadius}: 2rem;\n padding: 0.25rem 0.75rem;\n ${buttonTokens.buttonFontFamily}: ${bodySMedium.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodySMedium.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodySMedium.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodySMedium.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodySMedium.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodySMedium.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 ${spacing2x} 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 ${spacing2x};\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","accentFiled","accentWhite","primaryWhite","accentGrey","accentClear","dangerTint","dangerClear","primaryGrey","xl","l","m","s","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAkCA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,aAAa;AACnBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,WAAW,EAAA,UAUV;AACDC,MAAAA,WAAW,EAAA,UAUV;AACDC,MAAAA,YAAY,EAAA,SAUX;AACDC,MAAAA,UAAU,EAAA,SAUT;AACDC,MAAAA,WAAW,EAAA,SAUV;AACDC,MAAAA,UAAU,EAAA,SAUT;AACDC,MAAAA,WAAW,EAAA,UAUV;AACDC,MAAAA,WAAW,EAAA;KAWd;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,EAAE,EAAA,UAqBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDhB,IAAAA,OAAO,EAAE;MACLgB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.a1fnkof5{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-spinner-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-accent,#0BA686);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-background-color-active:var(--surface-accent-active,#0A9E81FF);}
|
|
2
|
+
.a1129msw{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-light-text-accent,#0A8E73);--plasma-button-spinner-color:var(--on-light-text-accent,#0A8E73);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-primary,#FFFFFF);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
|
|
3
|
+
.pbaqjet{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-spinner-color:var(--on-light-text-primary,#15110FFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-primary,#FFFFFF);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
|
|
4
|
+
.amxfxlw{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-accent,#61C8B0);--plasma-button-spinner-color:var(--text-accent,#61C8B0);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-background-color-active:var(--surface-warning-active,#F8A977FF);}
|
|
5
|
+
.aleczrv{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-accent,#61C8B0);--plasma-button-spinner-color:var(--text-accent,#61C8B0);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
|
|
6
|
+
.dlekduy{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-negative,#F57E83);--plasma-button-spinner-color:var(--text-negative,#F57E83);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-negative,#F8A6A980);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-background-color-active:var(--surface-negative-active,#F79C9FFF);}
|
|
7
|
+
.d1yfa47j{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-negative,#F57E83);--plasma-button-spinner-color:var(--text-negative,#F57E83);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
|
|
8
|
+
.psb1lec{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-spinner-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
|
|
9
|
+
.x123wpoi{--plasma-button-height:3rem;--plasma-button-width:12.5rem;--plasma-button-radius:2rem;padding:0.875rem 1.5rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
10
|
+
.l1w797f8{--plasma-button-height:2.5rem;--plasma-button-width:12.5rem;--plasma-button-radius:2rem;padding:0.625rem 1.25rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
11
|
+
.m1toqou7{--plasma-button-height:2rem;--plasma-button-width:11.25rem;--plasma-button-radius:2rem;padding:0.375rem 1rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
12
|
+
.sy229gi{--plasma-button-height:1.5rem;--plasma-button-width:11.25rem;--plasma-button-radius:2rem;padding:0.25rem 0.75rem;--plasma-button-font-family:var(--plasma-typo-body-s-medium-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-medium-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-medium-line-height);--plasma-button-spinner-size:1rem;--plasma-button-left-content-margin:0 var(--spacing-2x,0.25rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-2x,0.25rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
13
|
+
.t1joiaye{--plasma-button-disabled-opacity:0.4;}
|
|
14
|
+
.t1i1eza5{--plasma-button-focus-color:var(--surface-accent,#0BA686);}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.Button_config_1cdv5s_t1r1gaby__028b3d49{--plasma-button-focus-color:var(--outline-positive,#A6D2A2);--plasma-button-cursor:default;}
|
|
1
|
+
.Button_config_if0h64_a1fnkof5__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-spinner-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-accent,#0BA686);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-background-color-active:var(--surface-accent-active,#0A9E81FF);}
|
|
2
|
+
.Button_config_if0h64_a1129msw__51c683b2{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-light-text-accent,#0A8E73);--plasma-button-spinner-color:var(--on-light-text-accent,#0A8E73);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-primary,#FFFFFF);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
|
|
3
|
+
.Button_config_if0h64_pbaqjet__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-spinner-color:var(--on-light-text-primary,#15110FFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-primary,#FFFFFF);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
|
|
4
|
+
.Button_config_if0h64_amxfxlw__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-accent,#61C8B0);--plasma-button-spinner-color:var(--text-accent,#61C8B0);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-background-color-active:var(--surface-warning-active,#F8A977FF);}
|
|
5
|
+
.Button_config_if0h64_aleczrv__51c683b2{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-accent,#61C8B0);--plasma-button-spinner-color:var(--text-accent,#61C8B0);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
|
|
6
|
+
.Button_config_if0h64_dlekduy__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-negative,#F57E83);--plasma-button-spinner-color:var(--text-negative,#F57E83);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-negative,#F8A6A980);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-background-color-active:var(--surface-negative-active,#F79C9FFF);}
|
|
7
|
+
.Button_config_if0h64_d1yfa47j__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-negative,#F57E83);--plasma-button-spinner-color:var(--text-negative,#F57E83);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
|
|
8
|
+
.Button_config_if0h64_psb1lec__51c683b2{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-spinner-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
|
|
9
|
+
.Button_config_if0h64_x123wpoi__51c683b2{--plasma-button-height:3rem;--plasma-button-width:12.5rem;--plasma-button-radius:2rem;padding:0.875rem 1.5rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
10
|
+
.Button_config_if0h64_l1w797f8__51c683b2{--plasma-button-height:2.5rem;--plasma-button-width:12.5rem;--plasma-button-radius:2rem;padding:0.625rem 1.25rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
11
|
+
.Button_config_if0h64_m1toqou7__51c683b2{--plasma-button-height:2rem;--plasma-button-width:11.25rem;--plasma-button-radius:2rem;padding:0.375rem 1rem;--plasma-button-font-family:var(--plasma-typo-h4-medium-font-family);--plasma-button-font-size:var(--plasma-typo-h4-medium-font-size);--plasma-button-font-style:var(--plasma-typo-h4-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-h4-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-h4-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-h4-medium-line-height);--plasma-button-spinner-size:1rem;--plasma-button-left-content-margin:0 var(--spacing-3x,0.375rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-3x,0.375rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
12
|
+
.Button_config_if0h64_sy229gi__51c683b2{--plasma-button-height:1.5rem;--plasma-button-width:11.25rem;--plasma-button-radius:2rem;padding:0.25rem 0.75rem;--plasma-button-font-family:var(--plasma-typo-body-s-medium-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-medium-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-medium-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-medium-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-medium-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-medium-line-height);--plasma-button-spinner-size:1rem;--plasma-button-left-content-margin:0 var(--spacing-2x,0.25rem) 0 0;--plasma-button-right-content-margin:0 0 0 var(--spacing-2x,0.25rem);--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
13
|
+
.Button_config_if0h64_t1joiaye__51c683b2{--plasma-button-disabled-opacity:0.4;}
|
|
14
|
+
.Button_config_if0h64_t1i1eza5__51c683b2{--plasma-button-focus-color:var(--surface-accent,#0BA686);}
|
|
16
15
|
|
|
17
16
|
|
|
18
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.config.js","sources":["../../../../../src-css/components/Calendar/Calendar.config.ts"],"sourcesContent":["import { css, calendarBaseTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n h3,\n h3Bold,\n h4,\n h4Bold,\n inverseTextPrimary,\n shadowDownHardS,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceTransparentSecondary,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h5Bold\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n tooltipSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarBaseTokens.calendarSelectedItemBackground}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarSelectedItemColor}: ${inverseTextPrimary};\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarBaseTokens.calendarCurrentItemColorHover}: ${textPrimary};\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarActiveItemBackground}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarActiveItemColor}: ${inverseTextPrimary};\n ${calendarBaseTokens.calendarHoveredItemBackground}: ${surfaceAccent};\n ${calendarBaseTokens.calendarHoveredItemColor}: ${textPrimary};\n ${calendarBaseTokens.calendarRangeBackground}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarOutlineFocusColor}: ${surfaceAccent};\n ${calendarBaseTokens.calendarContentPrimaryColor}: ${textPrimary};\n ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${textPrimary};\n ${calendarBaseTokens.calendarContentSecondaryColor}: ${textSecondary};\n ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};\n ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};\n ${calendarBaseTokens.calendarDayOfWeekColor}: ${textSecondary};\n ${calendarBaseTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarBaseTokens.iconButtonColor}: ${textPrimary};\n ${calendarBaseTokens.iconButtonBackgroundColor}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonColorHover}: ${textPrimaryHover};\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonColorActive}: ${textPrimaryHover};\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n ${calendarBaseTokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${calendarBaseTokens.tooltipBoxShadow}: ${shadowDownHardS};\n ${calendarBaseTokens.tooltipColor}: ${textPrimary};\n `,\n },\n size: {\n xl: css`\n ${calendarBaseTokens.calendarContainerWidth}: 28rem;\n ${calendarBaseTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h3.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 4rem;\n ${calendarBaseTokens.iconButtonWidth}: 4rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h3.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h4.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h4.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 2.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 2.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;\n ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n /* NOTE: no token h5Bold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2rem;\n ${calendarBaseTokens.iconButtonWidth}: 2rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2.5rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n s: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","tooltipSize","variations","default","xl","l","m","s","xs","eventTooltipSize"],"mappings":"AAwBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE;GAChB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAkCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,SAqED;AACDC,MAAAA,CAAC,EAAA,UAqEA;AACDC,MAAAA,CAAC,EAAA,SAqEA;AACDC,MAAAA,CAAC,EAAA,UAqEA;AACDC,MAAAA,EAAE,EAAA;KAyGL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,SAwBA;AACDC,MAAAA,CAAC,EAAA;AA+BL;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Calendar.config.js","sources":["../../../../../src-css/components/Calendar/Calendar.config.ts"],"sourcesContent":["import { css, calendarBaseTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n h3,\n h3Bold,\n h4,\n h4Bold,\n inverseTextPrimary,\n shadowDownHardS,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceTransparentSecondary,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h5Bold\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n tooltipSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${calendarBaseTokens.calendarSelectedItemBackground}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarSelectedItemColor}: ${inverseTextPrimary};\n ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarCurrentItemBorderColor}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent;\n ${calendarBaseTokens.calendarCurrentItemColorHover}: ${textPrimary};\n ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarActiveItemBackground}: ${surfaceSolidDefault};\n ${calendarBaseTokens.calendarActiveItemColor}: ${inverseTextPrimary};\n ${calendarBaseTokens.calendarHoveredItemBackground}: ${surfaceAccent};\n ${calendarBaseTokens.calendarHoveredItemColor}: ${textPrimary};\n ${calendarBaseTokens.calendarRangeBackground}: ${surfaceTransparentSecondary};\n ${calendarBaseTokens.calendarOutlineFocusColor}: ${surfaceAccent};\n ${calendarBaseTokens.calendarContentPrimaryColor}: ${textPrimary};\n ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${textPrimary};\n ${calendarBaseTokens.calendarContentSecondaryColor}: ${textSecondary};\n ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};\n ${calendarBaseTokens.calendarHeaderArrowColor}: ${calendarBaseTokens.calendarContentPrimaryColor};\n ${calendarBaseTokens.calendarDayOfWeekColor}: ${textSecondary};\n ${calendarBaseTokens.calendarDisabledOpacity}: 0.4;\n\n ${calendarBaseTokens.iconButtonColor}: ${textPrimary};\n ${calendarBaseTokens.iconButtonBackgroundColor}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonColorHover}: ${textPrimaryHover};\n ${calendarBaseTokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonColorActive}: ${textPrimaryHover};\n ${calendarBaseTokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n ${calendarBaseTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n ${calendarBaseTokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${calendarBaseTokens.tooltipBoxShadow}: ${shadowDownHardS};\n ${calendarBaseTokens.tooltipColor}: ${textPrimary};\n `,\n },\n size: {\n xl: css`\n ${calendarBaseTokens.calendarContainerWidth}: 28rem;\n ${calendarBaseTokens.calendarContainerHeight}: 28.75rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.875rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h3.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 4rem;\n ${calendarBaseTokens.iconButtonWidth}: 4rem;\n ${calendarBaseTokens.iconButtonPadding}: 1.25rem;\n ${calendarBaseTokens.iconButtonRadius}: 1rem;\n `,\n l: css`\n ${calendarBaseTokens.calendarContainerWidth}: 24.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 25rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.5rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.5rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.75rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyL.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h3.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 3.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 3.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 1rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.875rem;\n `,\n m: css`\n ${calendarBaseTokens.calendarContainerWidth}: 21rem;\n ${calendarBaseTokens.calendarContainerHeight}: 21rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyM.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyM.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyM.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyM.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyM.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyM.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodyMBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h4.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 3rem;\n ${calendarBaseTokens.iconButtonWidth}: 3rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.75rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.75rem;\n `,\n s: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 17rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarYearFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarYearFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarYearFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarYearFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarYearFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarQuarterFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarQuarterFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarQuarterFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarQuarterFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarMonthFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarMonthFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarMonthFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarMonthFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarMonthFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n ${calendarBaseTokens.calendarDayFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.calendarDayFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.calendarDayFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.calendarDayFontLineHeight}: ${bodyS.lineHeight};\n ${calendarBaseTokens.calendarDayFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: ${bodySBold.fontWeight};\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n ${calendarBaseTokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n ${calendarBaseTokens.calendarHeaderFontSize}: ${h4.fontSize};\n ${calendarBaseTokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n ${calendarBaseTokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n ${calendarBaseTokens.iconButtonHeight}: 2.5rem;\n ${calendarBaseTokens.iconButtonWidth}: 2.5rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.625rem;\n `,\n xs: css`\n ${calendarBaseTokens.calendarContainerWidth}: 17.5rem;\n ${calendarBaseTokens.calendarContainerHeight}: 15.5rem;\n\n ${calendarBaseTokens.calendarYearsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarYearItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarQuartersPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarMonthsPadding}: 0.375rem 0.25rem 0 0.25rem;\n ${calendarBaseTokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarDaysPadding}: 0.375rem 0 0 0;\n ${calendarBaseTokens.calendarDayItemBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n ${calendarBaseTokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n ${calendarBaseTokens.calendarHeaderArrowGap}: 0;\n ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;\n\n ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;\n\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n /* NOTE: no token h5Bold in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n ${calendarBaseTokens.iconButtonHeight}: 2rem;\n ${calendarBaseTokens.iconButtonWidth}: 2rem;\n ${calendarBaseTokens.iconButtonPadding}: 0.5rem;\n ${calendarBaseTokens.iconButtonRadius}: 0.5rem;\n `,\n },\n eventTooltipSize: {\n m: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.875rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.6875rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2.5rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.625rem;\n\n ${calendarBaseTokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${calendarBaseTokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${calendarBaseTokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${calendarBaseTokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${calendarBaseTokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1.25rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.5rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n s: css`\n ${calendarBaseTokens.tooltipPaddingTop}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingRight}: 0.75rem;\n ${calendarBaseTokens.tooltipPaddingBottom}: 0.5rem;\n ${calendarBaseTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${calendarBaseTokens.tooltipMinHeight}: 2rem;\n ${calendarBaseTokens.tooltipBorderRadius}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${calendarBaseTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${calendarBaseTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${calendarBaseTokens.tooltipArrowMaskWidth}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskHeight}: 1rem;\n ${calendarBaseTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${calendarBaseTokens.tooltipArrowHeight}: 0.375rem;\n ${calendarBaseTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n ${calendarBaseTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","tooltipSize","variations","default","xl","l","m","s","xs","eventTooltipSize"],"mappings":"AAwBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE;GAChB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAkCV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,SAoED;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,CAAC,EAAA,SAoEA;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,EAAE,EAAA;KAwGL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,SAwBA;AACDC,MAAAA,CAAC,EAAA;AA+BL;AACJ;AACJ;;;;"}
|