@vkontakte/vkui 5.3.2 → 5.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/cjs/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/cjs/components/ActionSheet/types.d.ts +1 -1
- package/dist/cjs/components/ActionSheet/types.js.map +1 -1
- package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/cjs/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +4 -4
- package/dist/cjs/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootPortal.d.ts +3 -3
- package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cjs/components/Button/Button.d.ts +1 -0
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +1 -3
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js +4 -4
- package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
- package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +12 -8
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +3 -2
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/Counter/Counter.js +3 -5
- package/dist/cjs/components/Counter/Counter.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js +1 -1
- package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cjs/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cjs/components/File/File.js +4 -3
- package/dist/cjs/components/File/File.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/cjs/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cjs/components/FormField/FormField.js +10 -1
- package/dist/cjs/components/FormField/FormField.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.d.ts +3 -1
- package/dist/cjs/components/FormItem/FormItem.js +2 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/Group/Group.d.ts +5 -3
- package/dist/cjs/components/Group/Group.js +2 -2
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +20 -16
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +4 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cjs/components/IconButton/IconButton.d.ts +3 -3
- package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/cjs/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.js +19 -3
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/cjs/components/{Typography/types.js → ModalPage/ModalPageContext.js} +8 -1
- package/dist/cjs/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/cjs/components/ModalRoot/ModalRoot.js +13 -22
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +145 -219
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/types.d.ts +28 -0
- package/dist/cjs/components/ModalRoot/types.js.map +1 -1
- package/dist/cjs/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/cjs/components/ModalRoot/useModalManager.js +3 -3
- package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/cjs/components/NativeSelect/NativeSelect.js +6 -3
- package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cjs/components/Panel/Panel.js +2 -2
- package/dist/cjs/components/Panel/Panel.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/cjs/components/PanelHeader/PanelHeader.js +17 -7
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/cjs/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/Popover/Popover.d.ts +3 -2
- package/dist/cjs/components/Popover/Popover.js +5 -3
- package/dist/cjs/components/Popover/Popover.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.d.ts +2 -1
- package/dist/cjs/components/Radio/Radio.js +14 -8
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.d.ts +7 -2
- package/dist/cjs/components/Removable/Removable.js +4 -3
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/Search/Search.d.ts +3 -1
- package/dist/cjs/components/Search/Search.js +42 -57
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cjs/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/cjs/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/Spacing/Spacing.d.ts +2 -2
- package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js +1 -0
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.d.ts +4 -5
- package/dist/cjs/components/Switch/Switch.js +12 -8
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js +2 -4
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tappable/Tappable.d.ts +2 -3
- package/dist/cjs/components/Tappable/Tappable.js +1 -0
- package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/cjs/components/Typography/Caption/Caption.js +10 -13
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/cjs/components/Typography/Footnote/Footnote.js +10 -13
- package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/cjs/components/Typography/Headline/Headline.js +9 -12
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +8 -13
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/cjs/components/Typography/Subhead/Subhead.js +9 -12
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Text/Text.d.ts +3 -5
- package/dist/cjs/components/Typography/Text/Text.js +8 -13
- package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.d.ts +2 -2
- package/dist/cjs/components/Typography/Title/Title.js +10 -13
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/Typography/Typography.d.ts +16 -0
- package/dist/cjs/components/Typography/Typography.js +35 -0
- package/dist/cjs/components/Typography/Typography.js.map +1 -0
- package/dist/cjs/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/cjs/components/UsersStack/UsersStack.js +2 -1
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/View/View.js +1 -1
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/View/ViewInfinite.js +1 -1
- package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +29 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +5 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/helpers/getPlatformClassName.js +1 -1
- package/dist/cjs/helpers/getPlatformClassName.js.map +1 -1
- package/dist/cjs/hooks/useFocusWithin.d.ts +2 -0
- package/dist/cjs/hooks/useFocusWithin.js +38 -0
- package/dist/cjs/hooks/useFocusWithin.js.map +1 -0
- package/dist/cjs/hooks/useId.js +1 -1
- package/dist/cjs/hooks/useId.js.map +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cjs/index.d.ts +4 -2
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/utils.js +2 -2
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/components/Accordion/Accordion.d.ts +2 -2
- package/dist/components/Accordion/Accordion.js +2 -2
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/components/Accordion/AccordionSummary.js +1 -1
- package/dist/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/components/ActionSheet/types.d.ts +1 -1
- package/dist/components/ActionSheet/types.js.map +1 -1
- package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
- package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRootPortal.d.ts +3 -3
- package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -0
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +1 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardGrid/CardGrid.js +4 -4
- package/dist/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js +10 -6
- package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/components/Checkbox/Checkbox.js +12 -8
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/components/ChipsSelect/ChipsSelect.js +3 -2
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/Counter/Counter.js +4 -6
- package/dist/components/Counter/Counter.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js +1 -1
- package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/File/File.js +4 -3
- package/dist/components/File/File.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/components/FormField/FormField.js +10 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormItem/FormItem.d.ts +3 -1
- package/dist/components/FormItem/FormItem.js +2 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/Group/Group.d.ts +5 -3
- package/dist/components/Group/Group.js +5 -3
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.js +20 -16
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js +4 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +6 -2
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +3 -3
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/components/LocaleProvider/LocaleProvider.js +2 -2
- package/dist/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/components/ModalPage/ModalPage.js +19 -3
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/components/ModalPage/ModalPageContext.js +4 -0
- package/dist/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/components/ModalRoot/ModalRoot.js +13 -22
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/components/ModalRoot/ModalRootDesktop.js +149 -223
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/types.d.ts +28 -0
- package/dist/components/ModalRoot/types.js.map +1 -1
- package/dist/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/components/ModalRoot/useModalManager.js +3 -3
- package/dist/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/components/NativeSelect/NativeSelect.js +6 -3
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/Panel/Panel.js +2 -2
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/components/PanelHeader/PanelHeader.js +17 -7
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.js +1 -1
- package/dist/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -2
- package/dist/components/Popover/Popover.js +5 -3
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +1 -0
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +2 -1
- package/dist/components/Radio/Radio.js +14 -8
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Removable/Removable.d.ts +7 -2
- package/dist/components/Removable/Removable.js +4 -3
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/Search/Search.d.ts +3 -1
- package/dist/components/Search/Search.js +42 -57
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +8 -4
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/Spacing/Spacing.d.ts +2 -2
- package/dist/components/Spacing/Spacing.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.js +1 -0
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +4 -5
- package/dist/components/Switch/Switch.js +12 -8
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.js +2 -4
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +2 -3
- package/dist/components/Tappable/Tappable.js +1 -0
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/components/Typography/Caption/Caption.js +10 -13
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/components/Typography/Footnote/Footnote.js +10 -13
- package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/components/Typography/Headline/Headline.js +9 -12
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/components/Typography/Paragraph/Paragraph.js +8 -13
- package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/components/Typography/Subhead/Subhead.js +9 -12
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Text/Text.d.ts +3 -5
- package/dist/components/Typography/Text/Text.js +8 -13
- package/dist/components/Typography/Text/Text.js.map +1 -1
- package/dist/components/Typography/Title/Title.d.ts +2 -2
- package/dist/components/Typography/Title/Title.js +10 -13
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/Typography/Typography.d.ts +16 -0
- package/dist/components/Typography/Typography.js +24 -0
- package/dist/components/Typography/Typography.js.map +1 -0
- package/dist/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/components/UsersStack/UsersStack.js +2 -1
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/View/View.js +1 -1
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/ViewInfinite.js +1 -1
- package/dist/components/View/ViewInfinite.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +25 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +49 -49
- package/dist/components.css.map +1 -1
- package/dist/components.js.tmp +3803 -3693
- package/dist/cssm/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cssm/components/Accordion/Accordion.js +2 -2
- package/dist/cssm/components/Accordion/Accordion.js.map +1 -1
- package/dist/cssm/components/Accordion/Accordion.module.css +13 -1
- package/dist/cssm/components/Accordion/AccordionSummary.d.ts +1 -1
- package/dist/cssm/components/Accordion/AccordionSummary.js +1 -1
- package/dist/cssm/components/Accordion/AccordionSummary.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.module.css +115 -1
- package/dist/cssm/components/ActionSheet/types.d.ts +1 -1
- package/dist/cssm/components/ActionSheet/types.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +241 -1
- package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts +14 -0
- package/dist/cssm/components/{WriteBarIcon/WriteBarIconRenderer.js → AdaptiveIconRenderer/AdaptiveIconRenderer.js} +5 -2
- package/dist/cssm/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map +1 -0
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.module.css +287 -1
- package/dist/cssm/components/AppRoot/AppRoot.module.css +23 -1
- package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +3 -3
- package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.d.ts +2 -2
- package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.module.css +55 -1
- package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.module.css +29 -1
- package/dist/cssm/components/Badge/Badge.module.css +27 -1
- package/dist/cssm/components/Banner/Banner.module.css +167 -1
- package/dist/cssm/components/BaseGallery/BaseGallery.module.css +82 -1
- package/dist/cssm/components/Button/Button.d.ts +1 -0
- package/dist/cssm/components/Button/Button.js +2 -1
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/Button/Button.module.css +676 -1
- package/dist/cssm/components/ButtonGroup/ButtonGroup.module.css +77 -1
- package/dist/cssm/components/Calendar/Calendar.module.css +30 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.module.css +84 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.module.css +31 -1
- package/dist/cssm/components/CalendarHeader/CalendarHeader.module.css +41 -1
- package/dist/cssm/components/CalendarRange/CalendarRange.module.css +26 -1
- package/dist/cssm/components/CalendarTime/CalendarTime.module.css +19 -1
- package/dist/cssm/components/Card/Card.js +1 -3
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/Card/Card.module.css +131 -3
- package/dist/cssm/components/CardGrid/CardGrid.js +4 -4
- package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.module.css +59 -1
- package/dist/cssm/components/CardScroll/CardScroll.module.css +64 -1
- package/dist/cssm/components/Cell/Cell.module.css +63 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +4 -2
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js +7 -5
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.module.css +13 -1
- package/dist/cssm/components/Cell/CellDragger/CellDragger.module.css +4 -1
- package/dist/cssm/components/CellButton/CellButton.module.css +57 -1
- package/dist/cssm/components/Checkbox/Checkbox.d.ts +2 -1
- package/dist/cssm/components/Checkbox/Checkbox.js +10 -7
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.module.css +172 -1
- package/dist/cssm/components/Chip/Chip.module.css +67 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.module.css +3 -1
- package/dist/cssm/components/ChipsInputBase/ChipsInputBase.module.css +115 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +4 -0
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +2 -2
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.module.css +27 -1
- package/dist/cssm/components/ContentCard/ContentCard.module.css +31 -1
- package/dist/cssm/components/Counter/Counter.js +4 -6
- package/dist/cssm/components/Counter/Counter.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.module.css +72 -3
- package/dist/cssm/components/CustomScrollView/CustomScrollView.module.css +86 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +3 -0
- package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.module.css +58 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.module.css +43 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.module.css +81 -1
- package/dist/cssm/components/DateInput/DateInput.module.css +30 -1
- package/dist/cssm/components/DatePicker/DatePicker.module.css +30 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
- package/dist/cssm/components/DateRangeInput/DateRangeInput.module.css +26 -1
- package/dist/cssm/components/Div/Div.module.css +4 -1
- package/dist/cssm/components/Epic/Epic.module.css +4 -1
- package/dist/cssm/components/Epic/ScrollSaver.d.ts +3 -3
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/File/File.js +4 -3
- package/dist/cssm/components/File/File.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.module.css +58 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +4 -2
- package/dist/cssm/components/FocusVisible/FocusVisible.js +4 -3
- package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.module.css +104 -1
- package/dist/cssm/components/Footer/Footer.module.css +9 -1
- package/dist/cssm/components/FormField/FormField.js +10 -1
- package/dist/cssm/components/FormField/FormField.js.map +1 -1
- package/dist/cssm/components/FormField/FormField.module.css +211 -1
- package/dist/cssm/components/FormItem/FormItem.d.ts +3 -1
- package/dist/cssm/components/FormItem/FormItem.js +2 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.module.css +104 -1
- package/dist/cssm/components/FormLayout/FormLayout.module.css +18 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +2 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.module.css +61 -1
- package/dist/cssm/components/FormStatus/FormStatus.module.css +3 -1
- package/dist/cssm/components/Gradient/Gradient.module.css +23 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.module.css +37 -1
- package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css +9 -1
- package/dist/cssm/components/Group/Group.d.ts +5 -3
- package/dist/cssm/components/Group/Group.js +5 -3
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Group/Group.module.css +166 -1
- package/dist/cssm/components/Header/Header.js +23 -18
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/Header/Header.module.css +207 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.module.css +79 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +5 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +3 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.module.css +59 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +2 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +5 -2
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.module.css +67 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.d.ts +3 -3
- package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.module.css +152 -1
- package/dist/cssm/components/Image/ImageBadge/ImageBadge.module.css +10 -1
- package/dist/cssm/components/ImageBase/ImageBase.module.css +131 -1
- package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css +28 -1
- package/dist/cssm/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css +36 -1
- package/dist/cssm/components/InfoRow/InfoRow.module.css +17 -1
- package/dist/cssm/components/Input/Input.module.css +101 -1
- package/dist/cssm/components/InputLike/InputLike.module.css +31 -1
- package/dist/cssm/components/Link/Link.module.css +43 -1
- package/dist/cssm/components/List/List.module.css +3 -1
- package/dist/cssm/components/LocaleProvider/LocaleProvider.d.ts +2 -2
- package/dist/cssm/components/LocaleProvider/LocaleProvider.js +2 -2
- package/dist/cssm/components/LocaleProvider/LocaleProvider.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.module.css +78 -1
- package/dist/cssm/components/ModalCard/ModalCard.module.css +62 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.module.css +102 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.module.css +38 -1
- package/dist/cssm/components/ModalPage/ModalPage.d.ts +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js +17 -3
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.module.css +151 -1
- package/dist/cssm/components/ModalPage/ModalPageContext.d.ts +5 -0
- package/dist/cssm/components/ModalPage/ModalPageContext.js +4 -0
- package/dist/cssm/components/ModalPage/ModalPageContext.js.map +1 -0
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +6 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.module.css +18 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +2 -27
- package/dist/cssm/components/ModalRoot/ModalRoot.js +12 -18
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.module.css +65 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +2 -21
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +3 -28
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +106 -125
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/types.d.ts +28 -0
- package/dist/cssm/components/ModalRoot/types.js.map +1 -1
- package/dist/cssm/components/ModalRoot/useModalManager.d.ts +6 -5
- package/dist/cssm/components/ModalRoot/useModalManager.js +3 -3
- package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +6 -2
- package/dist/cssm/components/NativeSelect/NativeSelect.js +4 -3
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/Pagination/Pagination.module.css +83 -1
- package/dist/cssm/components/Panel/Panel.js +2 -2
- package/dist/cssm/components/Panel/Panel.js.map +1 -1
- package/dist/cssm/components/Panel/Panel.module.css +177 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +11 -2
- package/dist/cssm/components/PanelHeader/PanelHeader.js +16 -7
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.module.css +321 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.module.css +111 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.module.css +96 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.module.css +169 -1
- package/dist/cssm/components/Placeholder/Placeholder.module.css +41 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.d.ts +1 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.js +1 -1
- package/dist/cssm/components/PlatformProvider/PlatformProvider.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.module.css +32 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.module.css +96 -1
- package/dist/cssm/components/Popover/Popover.d.ts +3 -2
- package/dist/cssm/components/Popover/Popover.js +3 -2
- package/dist/cssm/components/Popover/Popover.js.map +1 -1
- package/dist/cssm/components/Popover/Popover.module.css +28 -1
- package/dist/cssm/components/Popper/Popper.module.css +16 -1
- package/dist/cssm/components/PopperArrow/PopperArrow.module.css +23 -1
- package/dist/cssm/components/Progress/Progress.module.css +12 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -0
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.module.css +39 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +3 -4
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.module.css +101 -1
- package/dist/cssm/components/Radio/Radio.d.ts +2 -1
- package/dist/cssm/components/Radio/Radio.js +11 -7
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.module.css +140 -1
- package/dist/cssm/components/RadioGroup/RadioGroup.module.css +13 -1
- package/dist/cssm/components/Removable/Removable.d.ts +7 -2
- package/dist/cssm/components/Removable/Removable.js +2 -2
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.module.css +153 -1
- package/dist/cssm/components/RichCell/RichCell.module.css +144 -1
- package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.module.css +11 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.module.css +57 -1
- package/dist/cssm/components/Root/Root.js +4 -4
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/Root/Root.module.css +136 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.module.css +66 -1
- package/dist/cssm/components/Search/Search.d.ts +3 -1
- package/dist/cssm/components/Search/Search.js +38 -54
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/Search/Search.module.css +156 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.module.css +64 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +5 -3
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +7 -4
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css +52 -1
- package/dist/cssm/components/Select/Select.module.css +87 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js +1 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cssm/components/SelectTypography/SelectTypography.d.ts +2 -3
- package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -1
- package/dist/cssm/components/SelectTypography/SelectTypography.module.css +30 -1
- package/dist/cssm/components/Separator/Separator.module.css +48 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +8 -5
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.module.css +223 -1
- package/dist/cssm/components/Slider/Slider.module.css +134 -1
- package/dist/cssm/components/Snackbar/Snackbar.module.css +165 -1
- package/dist/cssm/components/Spacing/Spacing.d.ts +2 -2
- package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
- package/dist/cssm/components/Spacing/Spacing.module.css +4 -1
- package/dist/cssm/components/Spinner/Spinner.module.css +36 -1
- package/dist/cssm/components/SplitCol/SplitCol.js +1 -0
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.module.css +51 -1
- package/dist/cssm/components/SplitLayout/SplitLayout.module.css +29 -1
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.module.css +16 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.module.css +166 -1
- package/dist/cssm/components/Switch/Switch.d.ts +4 -5
- package/dist/cssm/components/Switch/Switch.js +11 -8
- package/dist/cssm/components/Switch/Switch.js.map +1 -1
- package/dist/cssm/components/Switch/Switch.module.css +200 -1
- package/dist/cssm/components/Tabbar/Tabbar.js +2 -4
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.module.css +34 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.module.css +118 -1
- package/dist/cssm/components/Tabs/Tabs.module.css +62 -1
- package/dist/cssm/components/TabsItem/TabsItem.module.css +229 -1
- package/dist/cssm/components/Tappable/Tappable.d.ts +2 -3
- package/dist/cssm/components/Tappable/Tappable.js +1 -0
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.module.css +142 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.module.css +58 -1
- package/dist/cssm/components/Textarea/Textarea.module.css +87 -1
- package/dist/cssm/components/Tooltip/Tooltip.module.css +57 -1
- package/dist/cssm/components/Typography/Caption/Caption.d.ts +2 -2
- package/dist/cssm/components/Typography/Caption/Caption.js +9 -10
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.module.css +45 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.d.ts +2 -2
- package/dist/cssm/components/Typography/Footnote/Footnote.js +7 -10
- package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
- package/dist/cssm/components/Typography/Footnote/Footnote.module.css +14 -1
- package/dist/cssm/components/Typography/Headline/Headline.d.ts +3 -4
- package/dist/cssm/components/Typography/Headline/Headline.js +9 -10
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.module.css +48 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts +3 -5
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js +8 -10
- package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
- package/dist/cssm/components/Typography/Paragraph/Paragraph.module.css +6 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +2 -2
- package/dist/cssm/components/Typography/Subhead/Subhead.js +8 -9
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.module.css +18 -1
- package/dist/cssm/components/Typography/Text/Text.d.ts +3 -5
- package/dist/cssm/components/Typography/Text/Text.js +8 -10
- package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.module.css +29 -1
- package/dist/cssm/components/Typography/Title/Title.d.ts +2 -2
- package/dist/cssm/components/Typography/Title/Title.js +9 -10
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/Typography/Title/Title.module.css +20 -1
- package/dist/cssm/components/Typography/Typography.d.ts +16 -0
- package/dist/cssm/components/Typography/Typography.js +14 -0
- package/dist/cssm/components/Typography/Typography.js.map +1 -0
- package/dist/cssm/components/Typography/Typography.module.css +18 -0
- package/dist/cssm/components/UsersStack/UsersStack.d.ts +2 -2
- package/dist/cssm/components/UsersStack/UsersStack.js +2 -1
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.module.css +77 -1
- package/dist/cssm/components/View/View.js +6 -7
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/View/View.module.css +228 -1
- package/dist/cssm/components/View/ViewInfinite.js +6 -7
- package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts +14 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js +19 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/cssm/components/VisuallyHidden/VisuallyHidden.module.css +10 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +4 -4
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +9 -4
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.module.css +10 -1
- package/dist/cssm/components/WriteBar/WriteBar.module.css +119 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +2 -2
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.module.css +66 -1
- package/dist/cssm/helpers/getPlatformClassName.js +1 -1
- package/dist/cssm/helpers/getPlatformClassName.js.map +1 -1
- package/dist/cssm/hooks/useFocusWithin.d.ts +2 -0
- package/dist/cssm/hooks/useFocusWithin.js +26 -0
- package/dist/cssm/hooks/useFocusWithin.js.map +1 -0
- package/dist/cssm/hooks/useId.js +1 -1
- package/dist/cssm/hooks/useId.js.map +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cssm/index.d.ts +4 -2
- package/dist/cssm/index.js +2 -1
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/utils.js +2 -2
- package/dist/cssm/lib/utils.js.map +1 -1
- package/dist/cssm/styles/adaptivity.module.css +87 -1
- package/dist/cssm/styles/common.css +36 -1
- package/dist/cssm/styles/constants.css +86 -1
- package/dist/cssm/styles/themes.css +1039 -1
- package/dist/helpers/getPlatformClassName.js +1 -1
- package/dist/helpers/getPlatformClassName.js.map +1 -1
- package/dist/hooks/useFocusWithin.d.ts +2 -0
- package/dist/hooks/useFocusWithin.js +27 -0
- package/dist/hooks/useFocusWithin.js.map +1 -0
- package/dist/hooks/useId.js +1 -1
- package/dist/hooks/useId.js.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.js +2 -2
- package/dist/lib/utils.js.map +1 -1
- package/dist/vkui.css +50 -50
- package/dist/vkui.css.map +1 -1
- package/dist/vkui.js.tmp +3803 -3693
- package/package.json +24 -17
- package/dist/cjs/components/Typography/types.d.ts +0 -11
- package/dist/cjs/components/Typography/types.js.map +0 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/cjs/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/components/Typography/types.d.ts +0 -11
- package/dist/components/Typography/types.js +0 -3
- package/dist/components/Typography/types.js.map +0 -1
- package/dist/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/cssm/components/Typography/types.d.ts +0 -11
- package/dist/cssm/components/Typography/types.js +0 -3
- package/dist/cssm/components/Typography/types.js.map +0 -1
- package/dist/cssm/components/View/ViewIOS.module.css +0 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.d.ts +0 -10
- package/dist/cssm/components/WriteBarIcon/WriteBarIconRenderer.js.map +0 -1
- package/dist/cssm/styles/animations.css +0 -1
|
@@ -1 +1,1039 @@
|
|
|
1
|
-
.vkui--vkBase--light,:root{--vkui--theme_name:"vkBase"}.vkui--vkBase--dark,.vkui--vkBase--light,:root{--vkui--theme_name_base:"vkBase";--vkui--size_base_padding_horizontal--regular:16px;--vkui--size_switch_height--regular:14px;--vkui--size_switch_height--compact:12px;--vkui--size_switch_width--regular:34px;--vkui--size_switch_width--compact:32px;--vkui--size_switch_pin--regular:20px;--vkui--size_switch_pin--compact:18px;--vkui--size_panel_header_height--regular:56px}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--gradient_black:transparent 0%,rgba(0,0,0,.014) 13%,rgba(0,0,0,.06) 27%,rgba(0,0,0,.316) 68%,rgba(0,0,0,.38) 84%,rgba(0,0,0,.4) 100%;--vkui--gradient_white:hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.036) 13%,hsla(0,0%,100%,.15) 27%,hsla(0,0%,100%,.79) 68%,hsla(0,0%,100%,.95) 84%,#fff 100%;--vkui--elevation1:0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06);--vkui--elevation1_invert_y:0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06);--vkui--elevation2:0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06);--vkui--elevation3:0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08);--vkui--elevation4:0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16);--vkui--font_family_accent:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_family_base:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_weight_accent1:600;--vkui--font_weight_accent2:500;--vkui--font_weight_accent3:400;--vkui--font_weight_base1:600;--vkui--font_weight_base2:500;--vkui--font_weight_base3:400;--vkui--font_title1--font_size--regular:24px;--vkui--font_title1--line_height--regular:28px;--vkui--font_title1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title1--font_weight--regular:600;--vkui--font_title2--font_size--regular:20px;--vkui--font_title2--line_height--regular:24px;--vkui--font_title2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title2--font_weight--regular:600;--vkui--font_title3--font_size--regular:17px;--vkui--font_title3--line_height--regular:22px;--vkui--font_title3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_title3--font_weight--regular:600;--vkui--font_headline1--font_size--regular:16px;--vkui--font_headline1--line_height--regular:20px;--vkui--font_headline1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline1--font_weight--regular:500;--vkui--font_headline2--font_size--regular:15px;--vkui--font_headline2--line_height--regular:20px;--vkui--font_headline2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline2--font_weight--regular:500;--vkui--font_headline2--font_size--compact:14px;--vkui--font_headline2--line_height--compact:20px;--vkui--font_text--font_size--regular:16px;--vkui--font_text--line_height--regular:20px;--vkui--font_text--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_text--font_weight--regular:400;--vkui--font_paragraph--font_size--regular:15px;--vkui--font_paragraph--line_height--regular:20px;--vkui--font_paragraph--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_paragraph--font_weight--regular:400;--vkui--font_subhead--font_size--regular:14px;--vkui--font_subhead--line_height--regular:18px;--vkui--font_subhead--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_subhead--font_weight--regular:400;--vkui--font_footnote--font_size--regular:13px;--vkui--font_footnote--line_height--regular:16px;--vkui--font_footnote--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote--font_weight--regular:400;--vkui--font_footnote_caps--font_size--regular:13px;--vkui--font_footnote_caps--line_height--regular:16px;--vkui--font_footnote_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_footnote_caps--font_weight--regular:400;--vkui--font_footnote_caps--text_transform--regular:uppercase;--vkui--font_caption1--font_size--regular:12px;--vkui--font_caption1--line_height--regular:14px;--vkui--font_caption1--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1--font_weight--regular:400;--vkui--font_caption1_caps--font_size--regular:12px;--vkui--font_caption1_caps--line_height--regular:14px;--vkui--font_caption1_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption1_caps--font_weight--regular:600;--vkui--font_caption1_caps--text_transform--regular:uppercase;--vkui--font_caption2--font_size--regular:11px;--vkui--font_caption2--line_height--regular:14px;--vkui--font_caption2--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2--font_weight--regular:400;--vkui--font_caption2_caps--font_size--regular:11px;--vkui--font_caption2_caps--line_height--regular:14px;--vkui--font_caption2_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption2_caps--font_weight--regular:600;--vkui--font_caption2_caps--text_transform--regular:uppercase;--vkui--font_caption3--font_size--regular:9px;--vkui--font_caption3--line_height--regular:12px;--vkui--font_caption3--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3--font_weight--regular:400;--vkui--font_caption3_caps--font_size--regular:9px;--vkui--font_caption3_caps--line_height--regular:12px;--vkui--font_caption3_caps--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_caption3_caps--font_weight--regular:600;--vkui--font_caption3_caps--text_transform--regular:uppercase;--vkui--size_select_icon_padding--regular:6px;--vkui--size_select_icon_padding--compact:7px;--vkui--size_popup_base_padding--regular:32px;--vkui--size_popup_base_padding--compact:20px;--vkui--size_popup_header_padding--regular:24px;--vkui--size_popup_header_padding--compact:16px;--vkui--size_label_horizontal_margin--regular:16px;--vkui--size_check_border_radius--regular:4px;--vkui--size_border_radius_paper--regular:12px;--vkui--size_border_radius_promo--regular:20px;--vkui--size_field_height--regular:44px;--vkui--size_field_height--compact:36px;--vkui--size_search_height--regular:36px;--vkui--size_search_height--compact:32px;--vkui--size_button_large_height--regular:44px;--vkui--size_button_large_height--compact:36px;--vkui--size_button_medium_height--regular:36px;--vkui--size_button_medium_height--compact:32px;--vkui--size_button_small_height--regular:30px;--vkui--size_button_small_height--compact:28px;--vkui--size_checkbox--regular:16px;--vkui--size_arrow--regular:8px;--vkui--size_arrow_promo--regular:40px;--vkui--size_popup_medium--regular:680px;--vkui--size_popup_large--regular:880px;--vkui--size_field_horizontal_padding--regular:12px;--vkui--size_button_padding_horizontal--regular:12px;--vkui--size_arrow_padding--regular:12px;--vkui--size_tooltip_margin--regular:8px;--vkui--size_icon_u_i--regular:16px;--vkui--size_avatar_x_s--regular:24px;--vkui--size_avatar_s--regular:32px;--vkui--size_avatar_m--regular:48px;--vkui--size_avatar_l--regular:96px;--vkui--size_avatar_x_l--regular:128px;--vkui--size_badge_x_s--regular:12px;--vkui--size_badge_s--regular:16px;--vkui--size_badge_m--regular:24px;--vkui--size_badge_l--regular:44px;--vkui--size_badge_x_l--regular:56px;--vkui--size_cardgrid_padding--regular:8px;--vkui--size_cardgrid_padding_vertical--regular:8px;--vkui--size_base_padding_vertical--regular:12px;--vkui--size_button_group_gap_space--regular:1px;--vkui--size_button_group_gap_small--regular:8px;--vkui--size_button_group_gap_medium--regular:12px;--vkui--size_option_hierarchy--regular:32px;--vkui--size_button_base_small_padding_horizontal--regular:16px;--vkui--size_button_base_medium_padding_horizontal--regular:16px;--vkui--size_button_base_large_padding_horizontal--regular:20px;--vkui--size_button_base_small_padding_horizontal_icon--regular:12px;--vkui--size_button_base_medium_padding_horizontal_icon--regular:12px;--vkui--size_button_base_large_padding_horizontal_icon--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal--regular:12px;--vkui--size_button_tertiary_medium_padding_horizontal--regular:12px;--vkui--size_button_tertiary_large_padding_horizontal--regular:16px;--vkui--size_button_tertiary_small_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular:8px;--vkui--size_button_tertiary_large_padding_horizontal_icon--regular:12px;--vkui--size_button_minimum_width--regular:80px;--vkui--size_split_col_padding_horizontal--regular:16px;--vkui--size_subnavigation_bar_gap--regular:8px;--vkui--size_subnavigation_bar_padding_vertical--regular:12px;--vkui--animation_duration_l:0.4s;--vkui--animation_duration_m:0.2s;--vkui--animation_duration_s:0.1s;--vkui--animation_easing_default:cubic-bezier(0.3,0.3,0.5,1);--vkui--opacity_disable:0.4;--vkui--opacity_disable_accessibility:0.64;--vkui--z_index_modal:99;--vkui--z_index_popout:100;--vkui--font_headline--font_size--regular:16px;--vkui--font_headline--line_height--regular:20px;--vkui--font_headline--font_family--regular:-apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;--vkui--font_headline--font_weight--regular:500;--vkui--color_background_accent_tint:#5a9eff;--vkui--color_background_contrast:#fff;--vkui--color_background_contrast_secondary_alpha:hsla(0,0%,100%,.2);--vkui--color_background_contrast_secondary_alpha--hover:hsla(0,0%,100%,.24);--vkui--color_background_contrast_secondary_alpha--active:hsla(0,0%,100%,.28);--vkui--color_background_positive:#4bb34b;--vkui--color_background_positive_tint:#e8f9e8;--vkui--color_text_contrast:#fff;--vkui--color_text_positive:#4bb34b;--vkui--color_text_link_visited:#4986cc;--vkui--color_icon_contrast_secondary:#f2f3f5;--vkui--color_icon_positive:#4bb34b;--vkui--color_stroke_positive:#4bb34b;--vkui--color_stroke_contrast:#fff;--vkui--color_accent_red:#ff3347;--vkui--color_accent_orange:#ffa000;--vkui--color_accent_secondary:#3f8ae0;--vkui--color_overlay_primary:rgba(0,0,0,.4);--vkui--color_overlay_primary--hover:rgba(0,0,0,.44);--vkui--color_overlay_primary--active:rgba(0,0,0,.48);--vkui--color_avatar_overlay:rgba(0,0,0,.6);--vkui--color_avatar_overlay--hover:rgba(0,0,0,.64);--vkui--color_avatar_overlay--active:rgba(0,0,0,.68);--vkui--color_avatar_overlay_inverse_alpha:hsla(0,0%,100%,.85);--vkui--color_avatar_overlay_inverse_alpha--hover:hsla(0,0%,100%,.89);--vkui--color_avatar_overlay_inverse_alpha--active:hsla(0,0%,100%,.93);--vkui--color_transparent:transparent}.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--light,:root{--vkui--gradient_tint:hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.036) 13%,hsla(0,0%,98%,.15) 27%,hsla(0,0%,98%,.79) 68%,hsla(0,0%,98%,.95) 84%,#f9f9f9 100%;--vkui--colors_scheme:light;--vkui--color_background_accent_tint--hover:#5698f7;--vkui--color_background_accent_tint--active:#5393ef;--vkui--color_background_content:#fff;--vkui--color_background_content--hover:#f5f5f7;--vkui--color_background_content--active:#ebecef;--vkui--color_background_secondary_alpha:rgba(0,0,0,.04);--vkui--color_background_secondary_alpha--hover:rgba(0,0,0,.08);--vkui--color_background_secondary_alpha--active:rgba(0,0,0,.12);--vkui--color_background_tertiary_alpha:rgba(0,0,0,.03);--vkui--color_background_tertiary_alpha--hover:rgba(0,0,0,.07);--vkui--color_background_tertiary_alpha--active:rgba(0,0,0,.11);--vkui--color_background_contrast--hover:#f5f5f7;--vkui--color_background_contrast--active:#ebecef;--vkui--color_background_modal:#fff;--vkui--color_background_modal--hover:#f5f5f7;--vkui--color_background_modal--active:#ebecef;--vkui--color_background_warning:#fff2d6;--vkui--color_background_warning--hover:#f5e9d0;--vkui--color_background_warning--active:#ebe0ca;--vkui--color_background_positive--hover:#48ac4a;--vkui--color_background_positive--active:#45a64a;--vkui--color_background_negative:#e64646;--vkui--color_background_negative--hover:#dd4446;--vkui--color_background_negative--active:#d44245;--vkui--color_background_negative_tint:#faebeb;--vkui--color_background_negative_tint--hover:#f0e2e4;--vkui--color_background_negative_tint--active:#e6d9dd;--vkui--color_background_positive_tint--hover:#dff0e1;--vkui--color_background_positive_tint--active:#d5e6da;--vkui--color_header_background:#fff;--vkui--color_header_background--hover:#f5f5f7;--vkui--color_header_background--active:#ebecef;--vkui--color_text_primary:#000;--vkui--color_text_primary--hover:#000102;--vkui--color_text_primary--active:#000105;--vkui--color_text_secondary:#818c99;--vkui--color_text_secondary--hover:#7c8795;--vkui--color_text_secondary--active:#778292;--vkui--color_text_tertiary:#99a2ad;--vkui--color_text_tertiary--hover:#939ca9;--vkui--color_text_tertiary--active:#8d96a4;--vkui--color_text_contrast--hover:#f5f5f7;--vkui--color_text_contrast--active:#ebecef;--vkui--color_text_contrast_themed:#fff;--vkui--color_text_contrast_themed--hover:#f5f5f7;--vkui--color_text_contrast_themed--active:#ebecef;--vkui--color_text_positive--hover:#48ac4a;--vkui--color_text_positive--active:#45a64a;--vkui--color_text_negative:#e64646;--vkui--color_text_negative--hover:#dd4446;--vkui--color_text_negative--active:#d44245;--vkui--color_text_link_visited--hover:#4681c6;--vkui--color_text_link_visited--active:#437dc1;--vkui--color_icon_primary:#2c2d2e;--vkui--color_icon_primary--hover:#2a2c2f;--vkui--color_icon_primary--active:#282b2f;--vkui--color_icon_medium_alpha:rgba(0,0,0,.48);--vkui--color_icon_medium_alpha--hover:rgba(0,0,0,.52);--vkui--color_icon_medium_alpha--active:rgba(0,0,0,.56);--vkui--color_icon_secondary:#99a2ad;--vkui--color_icon_secondary--hover:#939ca9;--vkui--color_icon_secondary--active:#8d96a4;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.36);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.4);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.44);--vkui--color_icon_tertiary_alpha:rgba(0,0,0,.24);--vkui--color_icon_tertiary_alpha--hover:rgba(0,0,0,.28);--vkui--color_icon_tertiary_alpha--active:rgba(0,0,0,.32);--vkui--color_icon_contrast--hover:#f5f5f7;--vkui--color_icon_contrast--active:#ebecef;--vkui--color_icon_contrast_themed:#fff;--vkui--color_icon_contrast_themed--hover:#f5f5f7;--vkui--color_icon_contrast_themed--active:#ebecef;--vkui--color_icon_contrast_secondary--hover:#e8eaee;--vkui--color_icon_contrast_secondary--active:#dfe1e6;--vkui--color_icon_positive--hover:#48ac4a;--vkui--color_icon_positive--active:#45a64a;--vkui--color_icon_negative:#e64646;--vkui--color_icon_negative--hover:#dd4446;--vkui--color_icon_negative--active:#d44245;--vkui--color_separator_primary:#d7d8d9;--vkui--color_separator_primary--hover:#ced0d3;--vkui--color_separator_primary--active:#c6c8cd;--vkui--color_separator_primary2x:#cbcccd;--vkui--color_separator_primary2x--hover:#c3c4c7;--vkui--color_separator_primary2x--active:#bbbdc1;--vkui--color_separator_primary3x:#bebfc1;--vkui--color_separator_primary3x--hover:#b6b8bc;--vkui--color_separator_primary3x--active:#afb1b6;--vkui--color_separator_primary_alpha:rgba(0,0,0,.12);--vkui--color_separator_primary_alpha--hover:rgba(0,0,0,.16);--vkui--color_separator_primary_alpha--active:rgba(0,0,0,.2);--vkui--color_stroke_positive--hover:#48ac4a;--vkui--color_stroke_positive--active:#45a64a;--vkui--color_stroke_negative:#e64646;--vkui--color_stroke_negative--hover:#dd4446;--vkui--color_stroke_negative--active:#d44245;--vkui--color_stroke_contrast--hover:#f5f5f7;--vkui--color_stroke_contrast--active:#ebecef;--vkui--color_image_border_alpha:rgba(0,0,0,.08);--vkui--color_image_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_image_border_alpha--active:rgba(0,0,0,.16);--vkui--color_field_border_alpha:rgba(0,0,0,.12);--vkui--color_field_border_alpha--hover:rgba(0,0,0,.24);--vkui--color_field_border_alpha--active:rgba(0,0,0,.36);--vkui--color_accent_red--hover:#f53247;--vkui--color_accent_red--active:#eb3046;--vkui--color_accent_orange--hover:#f59a02;--vkui--color_accent_orange--active:#eb9405;--vkui--color_accent_purple--hover:#6e59df;--vkui--color_accent_purple--active:#6a56d8;--vkui--color_accent_violet--hover:#742dbb;--vkui--color_accent_violet--active:#6f2cb6;--vkui--color_accent_secondary--hover:#3c85d9;--vkui--color_accent_secondary--active:#3a80d3;--vkui--color_action_sheet_text:#3f8ae0;--vkui--color_action_sheet_text--hover:#3c85d9;--vkui--color_action_sheet_text--active:#3a80d3;--vkui--color_image_placeholder:#f2f3f5;--vkui--color_image_placeholder--hover:#e8eaee;--vkui--color_image_placeholder--active:#dfe1e6;--vkui--color_image_placeholder_alpha:rgba(0,28,61,.08);--vkui--color_image_placeholder_alpha--hover:rgba(0,28,61,.12);--vkui--color_image_placeholder_alpha--active:rgba(0,28,61,.16);--vkui--color_write_bar_input_border_alpha:rgba(0,0,0,.08);--vkui--color_write_bar_input_border_alpha--hover:rgba(0,0,0,.12);--vkui--color_write_bar_input_border_alpha--active:rgba(0,0,0,.16);--vkui--color_segmented_control:#fff;--vkui--color_segmented_control--hover:#f5f5f7;--vkui--color_segmented_control--active:#ebecef;--vkui--color_transparent--hover:rgba(0,16,61,.04);--vkui--color_transparent--active:rgba(0,16,61,.08)}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--font_headline1--font_size--compact:15px;--vkui--font_headline1--line_height--compact:20px;--vkui--font_text--font_size--compact:15px;--vkui--font_text--line_height--compact:20px;--vkui--font_subhead--font_size--compact:13px;--vkui--font_subhead--line_height--compact:16px;--vkui--size_popup_small--regular:420px;--vkui--size_form_item_padding_vertical--regular:12px;--vkui--font_headline--font_size--compact:15px;--vkui--font_headline--line_height--compact:20px;--vkui--color_background_contrast_inverse:#2d2d2e;--vkui--color_text_primary_invariably:#000;--vkui--color_link_contrast:#fff;--vkui--color_icon_primary_invariably:#2c2d2e;--vkui--color_accent_gray:#a3adb8;--vkui--color_skeleton_from:#f5f5f5;--vkui--color_skeleton_to:#e1e3e6}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkCom--light,:root{--vkui--size_border_radius--regular:8px;--vkui--size_card_border_radius--regular:8px;--vkui--animation_easing_platform:cubic-bezier(0.4,0,0.2,1)}.vkui--vkBase--light,.vkui--vkIOS--light,:root{--vkui--color_background_accent:#2688eb;--vkui--color_background_accent--hover:#2483e4;--vkui--color_background_accent--active:#237edd;--vkui--color_background_accent_themed:#2688eb;--vkui--color_background_accent_themed--hover:#2483e4;--vkui--color_background_accent_themed--active:#237edd;--vkui--color_background_accent_alternative:#2688eb;--vkui--color_background_accent_alternative--hover:#2483e4;--vkui--color_background_accent_alternative--active:#237edd;--vkui--color_background:#ebedf0;--vkui--color_background--hover:#e2e4e9;--vkui--color_background--active:#d8dbe2;--vkui--color_background_secondary:#f5f5f5;--vkui--color_background_secondary--hover:#ebecee;--vkui--color_background_secondary--active:#e1e3e6;--vkui--color_background_tertiary:#f9f9f9;--vkui--color_background_tertiary--hover:#eff0f1;--vkui--color_background_tertiary--active:#e5e6ea;--vkui--color_background_contrast_inverse--hover:#2b2c2f;--vkui--color_background_contrast_inverse--active:#292b2f;--vkui--color_background_modal_inverse:#2d2d2e;--vkui--color_background_modal_inverse--hover:#2b2c2f;--vkui--color_background_modal_inverse--active:#292b2f;--vkui--color_field_background:#f2f3f5;--vkui--color_field_background--hover:#e8eaee;--vkui--color_field_background--active:#dfe1e6;--vkui--color_text_accent:#2688eb;--vkui--color_text_accent--hover:#2483e4;--vkui--color_text_accent--active:#237edd;--vkui--color_text_accent_themed:#2688eb;--vkui--color_text_accent_themed--hover:#2483e4;--vkui--color_text_accent_themed--active:#237edd;--vkui--color_text_primary_invariably--hover:#000102;--vkui--color_text_primary_invariably--active:#000105;--vkui--color_text_subhead:#6d7885;--vkui--color_text_subhead--hover:#697482;--vkui--color_text_subhead--active:#64707f;--vkui--color_text_link:#2d81e0;--vkui--color_text_link--hover:#2b7cd9;--vkui--color_text_link--active:#2978d3;--vkui--color_text_link_themed:#2d81e0;--vkui--color_text_link_themed--hover:#2b7cd9;--vkui--color_text_link_themed--active:#2978d3;--vkui--color_text_muted:#2c2d2e;--vkui--color_text_muted--hover:#2a2c2f;--vkui--color_text_muted--active:#282b2f;--vkui--color_link_contrast--hover:#f5f5f7;--vkui--color_link_contrast--active:#ebecef;--vkui--color_icon_accent:#2688eb;--vkui--color_icon_accent--hover:#2483e4;--vkui--color_icon_accent--active:#237edd;--vkui--color_icon_accent_themed:#2688eb;--vkui--color_icon_accent_themed--hover:#2483e4;--vkui--color_icon_accent_themed--active:#237edd;--vkui--color_icon_primary_invariably--hover:#2a2c2f;--vkui--color_icon_primary_invariably--active:#282b2f;--vkui--color_icon_medium:#818c99;--vkui--color_icon_medium--hover:#7c8795;--vkui--color_icon_medium--active:#778292;--vkui--color_icon_tertiary:#b8c1cc;--vkui--color_icon_tertiary--hover:#b1bac6;--vkui--color_icon_tertiary--active:#a9b3c1;--vkui--color_stroke_accent:#2688eb;--vkui--color_stroke_accent--hover:#2483e4;--vkui--color_stroke_accent--active:#237edd;--vkui--color_stroke_accent_themed:#2688eb;--vkui--color_stroke_accent_themed--hover:#2483e4;--vkui--color_stroke_accent_themed--active:#237edd;--vkui--color_separator_secondary:#e1e3e6;--vkui--color_separator_secondary--hover:#d8dbdf;--vkui--color_separator_secondary--active:#cfd2d8;--vkui--color_accent_blue:#3f8ae0;--vkui--color_accent_blue--hover:#3c85d9;--vkui--color_accent_blue--active:#3a80d3;--vkui--color_accent_gray--hover:#9ca7b3;--vkui--color_accent_gray--active:#96a0ae;--vkui--color_accent_green--hover:#48ac4a;--vkui--color_accent_green--active:#45a64a;--vkui--color_skeleton_from--hover:#ebecee;--vkui--color_skeleton_from--active:#e1e3e6;--vkui--color_skeleton_to--hover:#d8dbdf;--vkui--color_skeleton_to--active:#cfd2d8;--vkui--color_write_bar_icon:#3f8ae0;--vkui--color_write_bar_icon--hover:#3c85d9;--vkui--color_write_bar_icon--active:#3a80d3;--vkui--color_write_bar_input_background:#f2f3f5;--vkui--color_write_bar_input_background--hover:#e8eaee;--vkui--color_write_bar_input_background--active:#dfe1e6;--vkui--color_track_background:#e1e3e6;--vkui--color_track_background--hover:#d8dbdf;--vkui--color_track_background--active:#cfd2d8;--vkui--color_track_buffer:#a0bfe4;--vkui--color_track_buffer--hover:#9ab8dd;--vkui--color_track_buffer--active:#93b1d7;--vkui--color_search_field_background:#ebedf0;--vkui--color_search_field_background--hover:#e2e4e9;--vkui--color_search_field_background--active:#d8dbe2;--vkui--color_panel_header_icon:#2688eb;--vkui--color_panel_header_icon--hover:#2483e4;--vkui--color_panel_header_icon--active:#237edd}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_icon_contrast:#fff;--vkui--color_accent_purple:#735ce6;--vkui--color_accent_violet:#792ec0}.vkui--vkBase--dark,.vkui--vkBase--light,.vkui--vkCom--dark,.vkui--vkIOS--dark,.vkui--vkIOS--light,:root{--vkui--color_accent_green:#4bb34b}.vkui--vkBase--dark{--vkui--theme_name:"vkBaseDark"}.vkui--vkBase--dark,.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--gradient_tint:rgba(32,32,33,0) 0%,rgba(32,32,33,.036) 13%,rgba(32,32,33,.15) 27%,rgba(32,32,33,.79) 68%,rgba(32,32,33,.95) 84%,#202021 100%;--vkui--colors_scheme:dark;--vkui--color_background_accent_tint--hover:#61a2ff;--vkui--color_background_accent_tint--active:#67a6ff;--vkui--color_background_secondary_alpha:hsla(0,0%,100%,.1);--vkui--color_background_secondary_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_background_secondary_alpha--active:hsla(0,0%,100%,.14);--vkui--color_background_tertiary_alpha:hsla(0,0%,100%,.03);--vkui--color_background_tertiary_alpha--hover:hsla(0,0%,100%,.07);--vkui--color_background_tertiary_alpha--active:hsla(0,0%,100%,.11);--vkui--color_background_contrast--hover:#ebedf0;--vkui--color_background_contrast--active:#d7d8db;--vkui--color_background_modal_inverse:#fff;--vkui--color_background_modal_inverse--hover:#ebedf0;--vkui--color_background_modal_inverse--active:#d7d8db;--vkui--color_background_warning:#857250;--vkui--color_background_warning--hover:#8a7857;--vkui--color_background_warning--active:#8f7d5e;--vkui--color_background_positive--hover:#52b652;--vkui--color_background_positive--active:#59b959;--vkui--color_background_negative:#ff5c5c;--vkui--color_background_negative--hover:#ff6363;--vkui--color_background_negative--active:#ff6969;--vkui--color_background_negative_tint:#522e2e;--vkui--color_background_negative_tint--hover:#593636;--vkui--color_background_negative_tint--active:#603f3f;--vkui--color_background_positive_tint--hover:#e9f9e9;--vkui--color_background_positive_tint--active:#eaf9ea;--vkui--color_field_background:#292929;--vkui--color_field_background--hover:#323232;--vkui--color_field_background--active:#3a3a3a;--vkui--color_text_primary:#e1e3e6;--vkui--color_text_primary--hover:#e2e4e7;--vkui--color_text_primary--active:#e3e5e8;--vkui--color_text_contrast--hover:#ebedf0;--vkui--color_text_contrast--active:#d7d8db;--vkui--color_text_positive--hover:#52b652;--vkui--color_text_positive--active:#59b959;--vkui--color_text_negative:#ff5c5c;--vkui--color_text_negative--hover:#ff6363;--vkui--color_text_negative--active:#ff6969;--vkui--color_text_link_visited--hover:#508bce;--vkui--color_text_link_visited--active:#5890d0;--vkui--color_icon_primary:#e1e3e6;--vkui--color_icon_primary--hover:#e2e4e7;--vkui--color_icon_primary--active:#e3e5e8;--vkui--color_icon_contrast_secondary--hover:#f3f3f5;--vkui--color_icon_contrast_secondary--active:#f3f4f6;--vkui--color_icon_positive--hover:#52b652;--vkui--color_icon_positive--active:#59b959;--vkui--color_icon_negative:#ff5c5c;--vkui--color_icon_negative--hover:#ff6363;--vkui--color_icon_negative--active:#ff6969;--vkui--color_separator_primary:#363738;--vkui--color_separator_primary--hover:#3e3f40;--vkui--color_separator_primary--active:#464748;--vkui--color_separator_primary2x:#444546;--vkui--color_separator_primary2x--hover:#4b4c4d;--vkui--color_separator_primary2x--active:#535455;--vkui--color_separator_primary3x:#505253;--vkui--color_separator_primary3x--hover:#57595a;--vkui--color_separator_primary3x--active:#5e6061;--vkui--color_separator_primary_alpha:hsla(0,0%,100%,.12);--vkui--color_separator_primary_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_separator_primary_alpha--active:hsla(0,0%,100%,.2);--vkui--color_stroke_positive--hover:#52b652;--vkui--color_stroke_positive--active:#59b959;--vkui--color_stroke_negative:#ff5c5c;--vkui--color_stroke_negative--hover:#ff6363;--vkui--color_stroke_negative--active:#ff6969;--vkui--color_stroke_contrast--hover:#ebedf0;--vkui--color_stroke_contrast--active:#d7d8db;--vkui--color_image_border_alpha:hsla(0,0%,100%,.08);--vkui--color_image_border_alpha--hover:hsla(0,0%,100%,.12);--vkui--color_image_border_alpha--active:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha:hsla(0,0%,100%,.12);--vkui--color_field_border_alpha--hover:hsla(0,0%,100%,.16);--vkui--color_field_border_alpha--active:hsla(0,0%,100%,.2);--vkui--color_accent_red--hover:#ff3b4e;--vkui--color_accent_red--active:#ff4356;--vkui--color_accent_green--hover:#52b652;--vkui--color_accent_green--active:#59b959;--vkui--color_accent_orange--hover:#ffa40a;--vkui--color_accent_orange--active:#ffa814;--vkui--color_accent_secondary--hover:#478fe1;--vkui--color_accent_secondary--active:#4e93e2;--vkui--color_image_placeholder:#2a2b2c;--vkui--color_image_placeholder--hover:#333334;--vkui--color_image_placeholder--active:#3b3c3d;--vkui--color_image_placeholder_alpha:rgba(241,247,255,.08);--vkui--color_image_placeholder_alpha--hover:rgba(241,247,255,.12);--vkui--color_image_placeholder_alpha--active:rgba(241,247,255,.16);--vkui--color_write_bar_input_border_alpha:hsla(0,0%,100%,.8);--vkui--color_write_bar_input_border_alpha--hover:hsla(0,0%,100%,.84);--vkui--color_write_bar_input_border_alpha--active:hsla(0,0%,100%,.88);--vkui--color_action_sheet_text:#529ef4;--vkui--color_action_sheet_text--hover:#59a2f4;--vkui--color_action_sheet_text--active:#60a6f5;--vkui--color_panel_header_icon:#71aaeb;--vkui--color_panel_header_icon--hover:#77adec;--vkui--color_panel_header_icon--active:#7cb1ed;--vkui--color_segmented_control:#626364;--vkui--color_segmented_control--hover:#68696a;--vkui--color_segmented_control--active:#6f6f70;--vkui--color_transparent--hover:hsla(0,0%,100%,.04);--vkui--color_transparent--active:hsla(0,0%,100%,.08)}.vkui--vkBase--dark,.vkui--vkCom--light,.vkui--vkIOS--light{--vkui--theme_inherits_from:"vkBase"}.vkui--vkBase--dark,.vkui--vkIOS--dark{--vkui--color_background_accent:#529ef4;--vkui--color_background_accent--hover:#59a2f4;--vkui--color_background_accent--active:#60a6f5;--vkui--color_background_accent_themed:#fff;--vkui--color_background_accent_themed--hover:#ebedf0;--vkui--color_background_accent_themed--active:#d7d8db;--vkui--color_background_accent_alternative:#529ef4;--vkui--color_background_accent_alternative--hover:#59a2f4;--vkui--color_background_accent_alternative--active:#60a6f5;--vkui--color_background:#0a0a0a;--vkui--color_background--hover:#141414;--vkui--color_background--active:#1e1e1e;--vkui--color_background_content:#19191a;--vkui--color_background_content--hover:#222223;--vkui--color_background_content--active:#2b2b2c;--vkui--color_background_secondary:#232324;--vkui--color_background_secondary--hover:#2c2c2d;--vkui--color_background_secondary--active:#353536;--vkui--color_background_tertiary:#202021;--vkui--color_background_tertiary--hover:#29292a;--vkui--color_background_tertiary--active:#323233;--vkui--color_background_contrast_inverse--hover:#353536;--vkui--color_background_contrast_inverse--active:#3e3e3f;--vkui--color_background_modal:#2d2d2e;--vkui--color_background_modal--hover:#353536;--vkui--color_background_modal--active:#3e3e3f;--vkui--color_header_background:#19191a;--vkui--color_header_background--hover:#222223;--vkui--color_header_background--active:#2b2b2c;--vkui--color_text_accent:#529ef4;--vkui--color_text_accent--hover:#59a2f4;--vkui--color_text_accent--active:#60a6f5;--vkui--color_text_accent_themed:#fff;--vkui--color_text_accent_themed--hover:#ebedf0;--vkui--color_text_accent_themed--active:#d7d8db;--vkui--color_text_primary_invariably--hover:#0a0a0a;--vkui--color_text_primary_invariably--active:#141414;--vkui--color_text_secondary:#76787a;--vkui--color_text_secondary--hover:#7b7d7f;--vkui--color_text_secondary--active:#818385;--vkui--color_text_subhead:#969a9f;--vkui--color_text_subhead--hover:#9a9ea3;--vkui--color_text_subhead--active:#9ea2a7;--vkui--color_text_tertiary:#636567;--vkui--color_text_tertiary--hover:#696b6d;--vkui--color_text_tertiary--active:#6f7173;--vkui--color_text_contrast_themed:#000;--vkui--color_text_contrast_themed--hover:#0a0a0a;--vkui--color_text_contrast_themed--active:#141414;--vkui--color_text_link:#529ef4;--vkui--color_text_link--hover:#59a2f4;--vkui--color_text_link--active:#60a6f5;--vkui--color_text_link_themed:#fff;--vkui--color_text_link_themed--hover:#ebedf0;--vkui--color_text_link_themed--active:#d7d8db;--vkui--color_text_muted:#e1e3e6;--vkui--color_text_muted--hover:#e2e4e7;--vkui--color_text_muted--active:#e3e5e8;--vkui--color_link_contrast--hover:#ebedf0;--vkui--color_link_contrast--active:#d7d8db;--vkui--color_icon_accent:#529ef4;--vkui--color_icon_accent--hover:#59a2f4;--vkui--color_icon_accent--active:#60a6f5;--vkui--color_icon_accent_themed:#fff;--vkui--color_icon_accent_themed--hover:#ebedf0;--vkui--color_icon_accent_themed--active:#d7d8db;--vkui--color_icon_primary_invariably--hover:#343536;--vkui--color_icon_primary_invariably--active:#3d3e3f;--vkui--color_icon_medium:#b0b1b6;--vkui--color_icon_medium--hover:#b3b4b9;--vkui--color_icon_medium--active:#b6b7bc;--vkui--color_icon_medium_alpha:rgba(241,247,255,.66);--vkui--color_icon_medium_alpha--hover:rgba(241,247,255,.7);--vkui--color_icon_medium_alpha--active:rgba(241,247,255,.74);--vkui--color_icon_secondary:#76787a;--vkui--color_icon_secondary--hover:#7b7d7f;--vkui--color_icon_secondary--active:#818385;--vkui--color_icon_secondary_alpha:rgba(0,0,0,.43);--vkui--color_icon_secondary_alpha--hover:rgba(0,0,0,.47);--vkui--color_icon_secondary_alpha--active:rgba(0,0,0,.51);--vkui--color_icon_tertiary:#5d5f61;--vkui--color_icon_tertiary--hover:#636567;--vkui--color_icon_tertiary--active:#6a6c6e;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.3);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.34);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.38);--vkui--color_icon_contrast--hover:#ebedf0;--vkui--color_icon_contrast--active:#d7d8db;--vkui--color_icon_contrast_themed:#000;--vkui--color_icon_contrast_themed--hover:#0a0a0a;--vkui--color_icon_contrast_themed--active:#141414;--vkui--color_stroke_accent:#529ef4;--vkui--color_stroke_accent--hover:#59a2f4;--vkui--color_stroke_accent--active:#60a6f5;--vkui--color_stroke_accent_themed:#fff;--vkui--color_stroke_accent_themed--hover:#ebedf0;--vkui--color_stroke_accent_themed--active:#d7d8db;--vkui--color_separator_secondary:#141415;--vkui--color_separator_secondary--hover:#1d1d1e;--vkui--color_separator_secondary--active:#272728;--vkui--color_accent_blue:#529ef4;--vkui--color_accent_blue--hover:#59a2f4;--vkui--color_accent_blue--active:#60a6f5;--vkui--color_accent_gray--hover:#a7b0bb;--vkui--color_accent_gray--active:#aab4be;--vkui--color_accent_purple--hover:#7963e7;--vkui--color_accent_purple--active:#7e69e8;--vkui--color_accent_violet--hover:#7e36c3;--vkui--color_accent_violet--active:#843fc5;--vkui--color_skeleton_from--hover:#f5f5f5;--vkui--color_skeleton_from--active:#f6f6f6;--vkui--color_skeleton_to--hover:#e2e4e7;--vkui--color_skeleton_to--active:#e3e5e8;--vkui--color_write_bar_icon:#529ef4;--vkui--color_write_bar_icon--hover:#59a2f4;--vkui--color_write_bar_icon--active:#60a6f5;--vkui--color_write_bar_input_background:#232324;--vkui--color_write_bar_input_background--hover:#2c2c2d;--vkui--color_write_bar_input_background--active:#353536;--vkui--color_track_background:#454647;--vkui--color_track_background--hover:#4c4d4e;--vkui--color_track_background--active:#545556;--vkui--color_track_buffer:#405772;--vkui--color_track_buffer--hover:#485e78;--vkui--color_track_buffer--active:#4f647d;--vkui--color_search_field_background:#363738;--vkui--color_search_field_background--hover:#3e3f40;--vkui--color_search_field_background--active:#464748}.vkui--vkIOS--light{--vkui--theme_name:"vkIOS"}.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--theme_name_base:"vkIOS";--vkui--size_border_radius--regular:10px;--vkui--size_card_border_radius--regular:10px;--vkui--size_switch_height--regular:31px;--vkui--size_switch_height--compact:27px;--vkui--size_switch_width--regular:51px;--vkui--size_switch_width--compact:47px;--vkui--size_switch_pin--regular:27px;--vkui--size_switch_pin--compact:23px;--vkui--size_panel_header_height--regular:52px;--vkui--animation_easing_platform:cubic-bezier(0.36,0.66,0.04,1)}.vkui--vkCom--dark,.vkui--vkCom--light,.vkui--vkIOS--dark,.vkui--vkIOS--light{--vkui--size_base_padding_horizontal--regular:12px}.vkui--vkIOS--dark{--vkui--theme_name:"vkIOSDark"}.vkui--vkCom--dark,.vkui--vkIOS--dark{--vkui--theme_inherits_from:"vkBaseDark"}.vkui--vkCom--light{--vkui--theme_name:"vkCom";--vkui--color_background_accent:#447bba;--vkui--color_background_accent--hover:#4177b5;--vkui--color_background_accent--active:#3f72b0;--vkui--color_background_accent_themed:#447bba;--vkui--color_background_accent_themed--hover:#4177b5;--vkui--color_background_accent_themed--active:#3f72b0;--vkui--color_background_accent_alternative:#447bba;--vkui--color_background_accent_alternative--hover:#4177b5;--vkui--color_background_accent_alternative--active:#3f72b0;--vkui--color_background:#edeef0;--vkui--color_background--hover:#e4e5e9;--vkui--color_background--active:#dadce2;--vkui--color_background_secondary:#f0f2f5;--vkui--color_background_secondary--hover:#e6e9ee;--vkui--color_background_secondary--active:#dde0e6;--vkui--color_background_tertiary:#fafbfc;--vkui--color_background_tertiary--hover:#f0f2f4;--vkui--color_background_tertiary--active:#e6e8ed;--vkui--color_background_contrast_inverse--hover:#313233;--vkui--color_background_contrast_inverse--active:#2f3034;--vkui--color_background_modal_inverse:#000;--vkui--color_background_modal_inverse--hover:#000102;--vkui--color_background_modal_inverse--active:#000105;--vkui--color_field_background:#f7f8fa;--vkui--color_field_background--hover:#edeff2;--vkui--color_field_background--active:#e3e5eb;--vkui--color_text_accent:#447bba;--vkui--color_text_accent--hover:#4177b5;--vkui--color_text_accent--active:#3f72b0;--vkui--color_text_accent_themed:#447bba;--vkui--color_text_accent_themed--hover:#4177b5;--vkui--color_text_accent_themed--active:#3f72b0;--vkui--color_text_primary_invariably--hover:#313233;--vkui--color_text_primary_invariably--active:#2f3034;--vkui--color_text_subhead:#626d7a;--vkui--color_text_subhead--hover:#5e6978;--vkui--color_text_subhead--active:#5a6675;--vkui--color_text_link:#2a5885;--vkui--color_text_link--hover:#285582;--vkui--color_text_link--active:#27527f;--vkui--color_text_link_themed:#2a5885;--vkui--color_text_link_themed--hover:#285582;--vkui--color_text_link_themed--active:#27527f;--vkui--color_text_muted:#333;--vkui--color_text_muted--hover:#313233;--vkui--color_text_muted--active:#2f3034;--vkui--color_link_contrast:#333;--vkui--color_link_contrast--hover:#313233;--vkui--color_link_contrast--active:#2f3034;--vkui--color_icon_accent:#447bba;--vkui--color_icon_accent--hover:#4177b5;--vkui--color_icon_accent--active:#3f72b0;--vkui--color_icon_accent_themed:#447bba;--vkui--color_icon_accent_themed--hover:#4177b5;--vkui--color_icon_accent_themed--active:#3f72b0;--vkui--color_icon_primary_invariably--hover:#313233;--vkui--color_icon_primary_invariably--active:#2f3034;--vkui--color_icon_medium:#6f7985;--vkui--color_icon_medium--hover:#6b7582;--vkui--color_icon_medium--active:#66717f;--vkui--color_icon_tertiary:#aeb7c2;--vkui--color_icon_tertiary--hover:#a7b0bd;--vkui--color_icon_tertiary--active:#a0aab7;--vkui--color_stroke_accent:#447bba;--vkui--color_stroke_accent--hover:#4177b5;--vkui--color_stroke_accent--active:#3f72b0;--vkui--color_stroke_accent_themed:#447bba;--vkui--color_stroke_accent_themed--hover:#4177b5;--vkui--color_stroke_accent_themed--active:#3f72b0;--vkui--color_separator_secondary:#e7e8ec;--vkui--color_separator_secondary--hover:#dedfe5;--vkui--color_separator_secondary--active:#d5d7de;--vkui--color_accent_blue:#5181b8;--vkui--color_accent_blue--hover:#4e7cb3;--vkui--color_accent_blue--active:#4b78ae;--vkui--color_accent_gray--hover:#a7b0bd;--vkui--color_accent_gray--active:#a0aab7;--vkui--color_accent_green:#1b7a1b;--vkui--color_accent_green--hover:#1a761c;--vkui--color_accent_green--active:#19721e;--vkui--color_skeleton_from:#f0f2f5;--vkui--color_skeleton_from--hover:#e6e9ee;--vkui--color_skeleton_from--active:#dde0e6;--vkui--color_skeleton_to:#e7e8ec;--vkui--color_skeleton_to--hover:#dedfe5;--vkui--color_skeleton_to--active:#d5d7de;--vkui--color_write_bar_icon:#818c99;--vkui--color_write_bar_icon--hover:#7c8795;--vkui--color_write_bar_icon--active:#778292;--vkui--color_write_bar_input_background:#fff;--vkui--color_write_bar_input_background--hover:#f5f5f7;--vkui--color_write_bar_input_background--active:#ebecef;--vkui--color_track_background:#d3d9de;--vkui--color_track_background--hover:#cbd1d8;--vkui--color_track_background--active:#c2c9d1;--vkui--color_track_buffer:#447bba;--vkui--color_track_buffer--hover:#4177b5;--vkui--color_track_buffer--active:#3f72b0;--vkui--color_search_field_background:#edeef0;--vkui--color_search_field_background--hover:#e4e5e9;--vkui--color_search_field_background--active:#dadce2;--vkui--color_panel_header_icon:#447bba;--vkui--color_panel_header_icon--hover:#4177b5;--vkui--color_panel_header_icon--active:#3f72b0}.vkui--vkCom--dark,.vkui--vkCom--light{--vkui--theme_name_base:"vkCom";--vkui--font_headline1--font_size--compact:14px;--vkui--font_headline1--line_height--compact:18px;--vkui--font_text--font_size--compact:13px;--vkui--font_text--line_height--compact:16px;--vkui--font_subhead--font_size--compact:14px;--vkui--font_subhead--line_height--compact:18px;--vkui--size_popup_small--regular:448px;--vkui--size_switch_height--regular:10px;--vkui--size_switch_height--compact:10px;--vkui--size_switch_width--regular:27px;--vkui--size_switch_width--compact:27px;--vkui--size_switch_pin--regular:16px;--vkui--size_switch_pin--compact:16px;--vkui--size_panel_header_height--regular:48px;--vkui--size_form_item_padding_vertical--regular:8px;--vkui--font_headline--font_size--compact:14px;--vkui--font_headline--line_height--compact:18px;--vkui--color_background_contrast_inverse:#333;--vkui--color_text_primary_invariably:#333;--vkui--color_icon_primary_invariably:#333;--vkui--color_accent_gray:#aeb7c2}.vkui--vkCom--dark{--vkui--theme_name:"vkComDark";--vkui--color_background_accent:#71aaeb;--vkui--color_background_accent--hover:#77adec;--vkui--color_background_accent--active:#7cb1ed;--vkui--color_background_accent_themed:#e1e3e6;--vkui--color_background_accent_themed--hover:#d8dbdf;--vkui--color_background_accent_themed--active:#cfd2d8;--vkui--color_background_accent_alternative:#71aaeb;--vkui--color_background_accent_alternative--hover:#77adec;--vkui--color_background_accent_alternative--active:#7cb1ed;--vkui--color_background:#141414;--vkui--color_background--hover:#1d1d1d;--vkui--color_background--active:#272727;--vkui--color_background_content:#222;--vkui--color_background_content--hover:#2b2b2b;--vkui--color_background_content--active:#343434;--vkui--color_background_secondary:#333;--vkui--color_background_secondary--hover:#3b3b3b;--vkui--color_background_secondary--active:#434343;--vkui--color_background_tertiary:#292929;--vkui--color_background_tertiary--hover:#323232;--vkui--color_background_tertiary--active:#3a3a3a;--vkui--color_background_contrast_inverse--hover:#3b3b3b;--vkui--color_background_contrast_inverse--active:#434343;--vkui--color_background_modal:#333;--vkui--color_background_modal--hover:#3b3b3b;--vkui--color_background_modal--active:#434343;--vkui--color_header_background:#222;--vkui--color_header_background--hover:#2b2b2b;--vkui--color_header_background--active:#343434;--vkui--color_text_accent:#71aaeb;--vkui--color_text_accent--hover:#77adec;--vkui--color_text_accent--active:#7cb1ed;--vkui--color_text_accent_themed:#e1e3e6;--vkui--color_text_accent_themed--hover:#e2e4e7;--vkui--color_text_accent_themed--active:#e3e5e8;--vkui--color_text_primary_invariably--hover:#3b3b3b;--vkui--color_text_primary_invariably--active:#434343;--vkui--color_text_secondary:#b2b2b2;--vkui--color_text_secondary--hover:#b5b5b5;--vkui--color_text_secondary--active:#b8b8b8;--vkui--color_text_subhead:#939393;--vkui--color_text_subhead--hover:#979797;--vkui--color_text_subhead--active:#9c9c9c;--vkui--color_text_tertiary:#656565;--vkui--color_text_tertiary--hover:#6b6b6b;--vkui--color_text_tertiary--active:#717171;--vkui--color_text_contrast_themed:#222;--vkui--color_text_contrast_themed--hover:#2b2b2b;--vkui--color_text_contrast_themed--active:#343434;--vkui--color_text_link:#71aaeb;--vkui--color_text_link--hover:#77adec;--vkui--color_text_link--active:#7cb1ed;--vkui--color_text_link_themed:#939393;--vkui--color_text_link_themed--hover:#979797;--vkui--color_text_link_themed--active:#9c9c9c;--vkui--color_text_muted:#ccc;--vkui--color_text_muted--hover:#cecece;--vkui--color_text_muted--active:#d0d0d0;--vkui--color_link_contrast:#ccc;--vkui--color_link_contrast--hover:#cecece;--vkui--color_link_contrast--active:#d0d0d0;--vkui--color_icon_accent:#71aaeb;--vkui--color_icon_accent--hover:#77adec;--vkui--color_icon_accent--active:#7cb1ed;--vkui--color_icon_accent_themed:#e1e3e6;--vkui--color_icon_accent_themed--hover:#e2e4e7;--vkui--color_icon_accent_themed--active:#e3e5e8;--vkui--color_icon_primary_invariably--hover:#3b3b3b;--vkui--color_icon_primary_invariably--active:#434343;--vkui--color_icon_medium:#939393;--vkui--color_icon_medium--hover:#979797;--vkui--color_icon_medium--active:#9c9c9c;--vkui--color_icon_medium_alpha:hsla(0,0%,100%,.48);--vkui--color_icon_medium_alpha--hover:hsla(0,0%,100%,.52);--vkui--color_icon_medium_alpha--active:hsla(0,0%,100%,.56);--vkui--color_icon_secondary:#828282;--vkui--color_icon_secondary--hover:#878787;--vkui--color_icon_secondary--active:#8c8c8c;--vkui--color_icon_secondary_alpha:hsla(0,0%,100%,.4);--vkui--color_icon_secondary_alpha--hover:hsla(0,0%,100%,.44);--vkui--color_icon_secondary_alpha--active:hsla(0,0%,100%,.48);--vkui--color_icon_tertiary:#656565;--vkui--color_icon_tertiary--hover:#6b6b6b;--vkui--color_icon_tertiary--active:#717171;--vkui--color_icon_tertiary_alpha:hsla(0,0%,100%,.24);--vkui--color_icon_tertiary_alpha--hover:hsla(0,0%,100%,.28);--vkui--color_icon_tertiary_alpha--active:hsla(0,0%,100%,.32);--vkui--color_icon_contrast:#e1e3e6;--vkui--color_icon_contrast--hover:#e2e4e7;--vkui--color_icon_contrast--active:#e3e5e8;--vkui--color_icon_contrast_themed:#222;--vkui--color_icon_contrast_themed--hover:#2b2b2b;--vkui--color_icon_contrast_themed--active:#343434;--vkui--color_stroke_accent:#71aaeb;--vkui--color_stroke_accent--hover:#77adec;--vkui--color_stroke_accent--active:#7cb1ed;--vkui--color_stroke_accent_themed:#e1e3e6;--vkui--color_stroke_accent_themed--hover:#e2e4e7;--vkui--color_stroke_accent_themed--active:#e3e5e8;--vkui--color_separator_secondary:#292929;--vkui--color_separator_secondary--hover:#323232;--vkui--color_separator_secondary--active:#3a3a3a;--vkui--color_accent_blue:#397dcc;--vkui--color_accent_blue--hover:#4182ce;--vkui--color_accent_blue--active:#4987d0;--vkui--color_accent_gray--hover:#b1bac4;--vkui--color_accent_gray--active:#b4bdc7;--vkui--color_accent_purple:#937ff5;--vkui--color_accent_purple--hover:#9784f5;--vkui--color_accent_purple--active:#9c89f6;--vkui--color_accent_violet:#a393f5;--vkui--color_accent_violet--hover:#a797f5;--vkui--color_accent_violet--active:#aa9cf6;--vkui--color_skeleton_from:#292929;--vkui--color_skeleton_from--hover:#323232;--vkui--color_skeleton_from--active:#3a3a3a;--vkui--color_skeleton_to:#333;--vkui--color_skeleton_to--hover:#3b3b3b;--vkui--color_skeleton_to--active:#434343;--vkui--color_write_bar_icon:#e1e3e6;--vkui--color_write_bar_icon--hover:#e2e4e7;--vkui--color_write_bar_icon--active:#e3e5e8;--vkui--color_write_bar_input_background:#424242;--vkui--color_write_bar_input_background--hover:#4a4a4a;--vkui--color_write_bar_input_background--active:#515151;--vkui--color_track_background:#828282;--vkui--color_track_background--hover:#878787;--vkui--color_track_background--active:#8c8c8c;--vkui--color_track_buffer:#fff;--vkui--color_track_buffer--hover:#ebedf0;--vkui--color_track_buffer--active:#d7d8db;--vkui--color_search_field_background:#424242;--vkui--color_search_field_background--hover:#4a4a4a;--vkui--color_search_field_background--active:#515151}
|
|
1
|
+
:root, .vkui--vkBase--light {
|
|
2
|
+
--vkui--theme_name: 'vkBase'
|
|
3
|
+
}
|
|
4
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark {
|
|
5
|
+
--vkui--theme_name_base: 'vkBase';
|
|
6
|
+
--vkui--size_base_padding_horizontal--regular: 16px;
|
|
7
|
+
--vkui--size_switch_height--regular: 14px;
|
|
8
|
+
--vkui--size_switch_height--compact: 12px;
|
|
9
|
+
--vkui--size_switch_width--regular: 34px;
|
|
10
|
+
--vkui--size_switch_width--compact: 32px;
|
|
11
|
+
--vkui--size_switch_pin--regular: 20px;
|
|
12
|
+
--vkui--size_switch_pin--compact: 18px;
|
|
13
|
+
--vkui--size_panel_header_height--regular: 56px
|
|
14
|
+
}
|
|
15
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
|
|
16
|
+
--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
|
|
17
|
+
--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
|
|
18
|
+
--vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
|
|
19
|
+
--vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
|
|
20
|
+
--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
|
|
21
|
+
--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
|
|
22
|
+
--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
|
|
23
|
+
--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
24
|
+
--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
25
|
+
--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
26
|
+
--vkui--font_weight_accent1: 600;
|
|
27
|
+
--vkui--font_weight_accent2: 500;
|
|
28
|
+
--vkui--font_weight_accent3: 400;
|
|
29
|
+
--vkui--font_weight_base1: 600;
|
|
30
|
+
--vkui--font_weight_base2: 500;
|
|
31
|
+
--vkui--font_weight_base3: 400;
|
|
32
|
+
--vkui--font_title1--font_size--regular: 24px;
|
|
33
|
+
--vkui--font_title1--line_height--regular: 28px;
|
|
34
|
+
--vkui--font_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
35
|
+
--vkui--font_title1--font_weight--regular: 600;
|
|
36
|
+
--vkui--font_title2--font_size--regular: 20px;
|
|
37
|
+
--vkui--font_title2--line_height--regular: 24px;
|
|
38
|
+
--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
39
|
+
--vkui--font_title2--font_weight--regular: 600;
|
|
40
|
+
--vkui--font_title3--font_size--regular: 17px;
|
|
41
|
+
--vkui--font_title3--line_height--regular: 22px;
|
|
42
|
+
--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
43
|
+
--vkui--font_title3--font_weight--regular: 600;
|
|
44
|
+
--vkui--font_headline1--font_size--regular: 16px;
|
|
45
|
+
--vkui--font_headline1--line_height--regular: 20px;
|
|
46
|
+
--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
47
|
+
--vkui--font_headline1--font_weight--regular: 500;
|
|
48
|
+
--vkui--font_headline2--font_size--regular: 15px;
|
|
49
|
+
--vkui--font_headline2--line_height--regular: 20px;
|
|
50
|
+
--vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
51
|
+
--vkui--font_headline2--font_weight--regular: 500;
|
|
52
|
+
--vkui--font_headline2--font_size--compact: 14px;
|
|
53
|
+
--vkui--font_headline2--line_height--compact: 20px;
|
|
54
|
+
--vkui--font_text--font_size--regular: 16px;
|
|
55
|
+
--vkui--font_text--line_height--regular: 20px;
|
|
56
|
+
--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
57
|
+
--vkui--font_text--font_weight--regular: 400;
|
|
58
|
+
--vkui--font_paragraph--font_size--regular: 15px;
|
|
59
|
+
--vkui--font_paragraph--line_height--regular: 20px;
|
|
60
|
+
--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
61
|
+
--vkui--font_paragraph--font_weight--regular: 400;
|
|
62
|
+
--vkui--font_subhead--font_size--regular: 14px;
|
|
63
|
+
--vkui--font_subhead--line_height--regular: 18px;
|
|
64
|
+
--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
65
|
+
--vkui--font_subhead--font_weight--regular: 400;
|
|
66
|
+
--vkui--font_footnote--font_size--regular: 13px;
|
|
67
|
+
--vkui--font_footnote--line_height--regular: 16px;
|
|
68
|
+
--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
69
|
+
--vkui--font_footnote--font_weight--regular: 400;
|
|
70
|
+
--vkui--font_footnote_caps--font_size--regular: 13px;
|
|
71
|
+
--vkui--font_footnote_caps--line_height--regular: 16px;
|
|
72
|
+
--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
73
|
+
--vkui--font_footnote_caps--font_weight--regular: 400;
|
|
74
|
+
--vkui--font_footnote_caps--text_transform--regular: uppercase;
|
|
75
|
+
--vkui--font_caption1--font_size--regular: 12px;
|
|
76
|
+
--vkui--font_caption1--line_height--regular: 14px;
|
|
77
|
+
--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
78
|
+
--vkui--font_caption1--font_weight--regular: 400;
|
|
79
|
+
--vkui--font_caption1_caps--font_size--regular: 12px;
|
|
80
|
+
--vkui--font_caption1_caps--line_height--regular: 14px;
|
|
81
|
+
--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
82
|
+
--vkui--font_caption1_caps--font_weight--regular: 600;
|
|
83
|
+
--vkui--font_caption1_caps--text_transform--regular: uppercase;
|
|
84
|
+
--vkui--font_caption2--font_size--regular: 11px;
|
|
85
|
+
--vkui--font_caption2--line_height--regular: 14px;
|
|
86
|
+
--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
87
|
+
--vkui--font_caption2--font_weight--regular: 400;
|
|
88
|
+
--vkui--font_caption2_caps--font_size--regular: 11px;
|
|
89
|
+
--vkui--font_caption2_caps--line_height--regular: 14px;
|
|
90
|
+
--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
91
|
+
--vkui--font_caption2_caps--font_weight--regular: 600;
|
|
92
|
+
--vkui--font_caption2_caps--text_transform--regular: uppercase;
|
|
93
|
+
--vkui--font_caption3--font_size--regular: 9px;
|
|
94
|
+
--vkui--font_caption3--line_height--regular: 12px;
|
|
95
|
+
--vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
96
|
+
--vkui--font_caption3--font_weight--regular: 400;
|
|
97
|
+
--vkui--font_caption3_caps--font_size--regular: 9px;
|
|
98
|
+
--vkui--font_caption3_caps--line_height--regular: 12px;
|
|
99
|
+
--vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
100
|
+
--vkui--font_caption3_caps--font_weight--regular: 600;
|
|
101
|
+
--vkui--font_caption3_caps--text_transform--regular: uppercase;
|
|
102
|
+
--vkui--size_select_icon_padding--regular: 6px;
|
|
103
|
+
--vkui--size_select_icon_padding--compact: 7px;
|
|
104
|
+
--vkui--size_popup_base_padding--regular: 32px;
|
|
105
|
+
--vkui--size_popup_base_padding--compact: 20px;
|
|
106
|
+
--vkui--size_popup_header_padding--regular: 24px;
|
|
107
|
+
--vkui--size_popup_header_padding--compact: 16px;
|
|
108
|
+
--vkui--size_label_horizontal_margin--regular: 16px;
|
|
109
|
+
--vkui--size_check_border_radius--regular: 4px;
|
|
110
|
+
--vkui--size_border_radius_paper--regular: 12px;
|
|
111
|
+
--vkui--size_border_radius_promo--regular: 20px;
|
|
112
|
+
--vkui--size_field_height--regular: 44px;
|
|
113
|
+
--vkui--size_field_height--compact: 36px;
|
|
114
|
+
--vkui--size_search_height--regular: 36px;
|
|
115
|
+
--vkui--size_search_height--compact: 32px;
|
|
116
|
+
--vkui--size_button_large_height--regular: 44px;
|
|
117
|
+
--vkui--size_button_large_height--compact: 36px;
|
|
118
|
+
--vkui--size_button_medium_height--regular: 36px;
|
|
119
|
+
--vkui--size_button_medium_height--compact: 32px;
|
|
120
|
+
--vkui--size_button_small_height--regular: 30px;
|
|
121
|
+
--vkui--size_button_small_height--compact: 28px;
|
|
122
|
+
--vkui--size_checkbox--regular: 16px;
|
|
123
|
+
--vkui--size_arrow--regular: 8px;
|
|
124
|
+
--vkui--size_arrow_promo--regular: 40px;
|
|
125
|
+
--vkui--size_popup_medium--regular: 680px;
|
|
126
|
+
--vkui--size_popup_large--regular: 880px;
|
|
127
|
+
--vkui--size_field_horizontal_padding--regular: 12px;
|
|
128
|
+
--vkui--size_button_padding_horizontal--regular: 12px;
|
|
129
|
+
--vkui--size_arrow_padding--regular: 12px;
|
|
130
|
+
--vkui--size_tooltip_margin--regular: 8px;
|
|
131
|
+
--vkui--size_icon_u_i--regular: 16px;
|
|
132
|
+
--vkui--size_avatar_x_s--regular: 24px;
|
|
133
|
+
--vkui--size_avatar_s--regular: 32px;
|
|
134
|
+
--vkui--size_avatar_m--regular: 48px;
|
|
135
|
+
--vkui--size_avatar_l--regular: 96px;
|
|
136
|
+
--vkui--size_avatar_x_l--regular: 128px;
|
|
137
|
+
--vkui--size_badge_x_s--regular: 12px;
|
|
138
|
+
--vkui--size_badge_s--regular: 16px;
|
|
139
|
+
--vkui--size_badge_m--regular: 24px;
|
|
140
|
+
--vkui--size_badge_l--regular: 44px;
|
|
141
|
+
--vkui--size_badge_x_l--regular: 56px;
|
|
142
|
+
--vkui--size_cardgrid_padding--regular: 8px;
|
|
143
|
+
--vkui--size_cardgrid_padding_vertical--regular: 8px;
|
|
144
|
+
--vkui--size_base_padding_vertical--regular: 12px;
|
|
145
|
+
--vkui--size_button_group_gap_space--regular: 1px;
|
|
146
|
+
--vkui--size_button_group_gap_small--regular: 8px;
|
|
147
|
+
--vkui--size_button_group_gap_medium--regular: 12px;
|
|
148
|
+
--vkui--size_option_hierarchy--regular: 32px;
|
|
149
|
+
--vkui--size_button_base_small_padding_horizontal--regular: 16px;
|
|
150
|
+
--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
|
|
151
|
+
--vkui--size_button_base_large_padding_horizontal--regular: 20px;
|
|
152
|
+
--vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
|
|
153
|
+
--vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
|
|
154
|
+
--vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
|
|
155
|
+
--vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
|
|
156
|
+
--vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
|
|
157
|
+
--vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
|
|
158
|
+
--vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
|
|
159
|
+
--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
|
|
160
|
+
--vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
|
|
161
|
+
--vkui--size_button_minimum_width--regular: 80px;
|
|
162
|
+
--vkui--size_split_col_padding_horizontal--regular: 16px;
|
|
163
|
+
--vkui--size_subnavigation_bar_gap--regular: 8px;
|
|
164
|
+
--vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
|
|
165
|
+
--vkui--spacing_size_xs: 4px;
|
|
166
|
+
--vkui--spacing_size_s: 6px;
|
|
167
|
+
--vkui--spacing_size_m: 8px;
|
|
168
|
+
--vkui--spacing_size_l: 10px;
|
|
169
|
+
--vkui--spacing_size_xl: 12px;
|
|
170
|
+
--vkui--animation_duration_l: 0.4s;
|
|
171
|
+
--vkui--animation_duration_m: 0.2s;
|
|
172
|
+
--vkui--animation_duration_s: 0.1s;
|
|
173
|
+
--vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
|
|
174
|
+
--vkui--opacity_disable: 0.4;
|
|
175
|
+
--vkui--opacity_disable_accessibility: 0.64;
|
|
176
|
+
--vkui--z_index_modal: 99;
|
|
177
|
+
--vkui--z_index_popout: 100;
|
|
178
|
+
--vkui--font_headline--font_size--regular: 16px;
|
|
179
|
+
--vkui--font_headline--line_height--regular: 20px;
|
|
180
|
+
--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
181
|
+
--vkui--font_headline--font_weight--regular: 500;
|
|
182
|
+
--vkui--color_background_accent_tint: #5a9eff;
|
|
183
|
+
--vkui--color_background_contrast: #FFFFFF;
|
|
184
|
+
--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
|
|
185
|
+
--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
|
|
186
|
+
--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
|
|
187
|
+
--vkui--color_background_positive: #4BB34B;
|
|
188
|
+
--vkui--color_background_positive_tint: #E8f9e8;
|
|
189
|
+
--vkui--color_text_contrast: #FFFFFF;
|
|
190
|
+
--vkui--color_text_positive: #4BB34B;
|
|
191
|
+
--vkui--color_text_link_visited: #4986CC;
|
|
192
|
+
--vkui--color_icon_contrast_secondary: #F2F3F5;
|
|
193
|
+
--vkui--color_icon_positive: #4BB34B;
|
|
194
|
+
--vkui--color_stroke_positive: #4BB34B;
|
|
195
|
+
--vkui--color_stroke_contrast: #FFFFFF;
|
|
196
|
+
--vkui--color_accent_red: #FF3347;
|
|
197
|
+
--vkui--color_accent_orange: #FFA000;
|
|
198
|
+
--vkui--color_accent_secondary: #3F8AE0;
|
|
199
|
+
--vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
|
|
200
|
+
--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
|
|
201
|
+
--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
|
|
202
|
+
--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
|
|
203
|
+
--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
|
|
204
|
+
--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
|
|
205
|
+
--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
|
|
206
|
+
--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
|
|
207
|
+
--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
|
|
208
|
+
--vkui--color_transparent: transparent
|
|
209
|
+
}
|
|
210
|
+
:root, .vkui--vkBase--light, .vkui--vkIOS--light, .vkui--vkCom--light {
|
|
211
|
+
--vkui--gradient_tint: rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%;
|
|
212
|
+
--vkui--colors_scheme: light;
|
|
213
|
+
--vkui--color_background_accent_tint--hover: #5698F7;
|
|
214
|
+
--vkui--color_background_accent_tint--active: #5393EF;
|
|
215
|
+
--vkui--color_background_content: #FFFFFF;
|
|
216
|
+
--vkui--color_background_content--hover: #F5F5F7;
|
|
217
|
+
--vkui--color_background_content--active: #EBECEF;
|
|
218
|
+
--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
|
|
219
|
+
--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
|
|
220
|
+
--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
|
|
221
|
+
--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
|
|
222
|
+
--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
|
|
223
|
+
--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
|
|
224
|
+
--vkui--color_background_contrast--hover: #F5F5F7;
|
|
225
|
+
--vkui--color_background_contrast--active: #EBECEF;
|
|
226
|
+
--vkui--color_background_modal: #FFFFFF;
|
|
227
|
+
--vkui--color_background_modal--hover: #F5F5F7;
|
|
228
|
+
--vkui--color_background_modal--active: #EBECEF;
|
|
229
|
+
--vkui--color_background_warning: #FFF2D6;
|
|
230
|
+
--vkui--color_background_warning--hover: #F5E9D0;
|
|
231
|
+
--vkui--color_background_warning--active: #EBE0CA;
|
|
232
|
+
--vkui--color_background_positive--hover: #48AC4A;
|
|
233
|
+
--vkui--color_background_positive--active: #45A64A;
|
|
234
|
+
--vkui--color_background_negative: #E64646;
|
|
235
|
+
--vkui--color_background_negative--hover: #DD4446;
|
|
236
|
+
--vkui--color_background_negative--active: #D44245;
|
|
237
|
+
--vkui--color_background_negative_tint: #FAEBEB;
|
|
238
|
+
--vkui--color_background_negative_tint--hover: #F0E2E4;
|
|
239
|
+
--vkui--color_background_negative_tint--active: #E6D9DD;
|
|
240
|
+
--vkui--color_background_positive_tint--hover: #DFF0E1;
|
|
241
|
+
--vkui--color_background_positive_tint--active: #D5E6DA;
|
|
242
|
+
--vkui--color_header_background: #FFFFFF;
|
|
243
|
+
--vkui--color_header_background--hover: #F5F5F7;
|
|
244
|
+
--vkui--color_header_background--active: #EBECEF;
|
|
245
|
+
--vkui--color_text_primary: #000000;
|
|
246
|
+
--vkui--color_text_primary--hover: #000102;
|
|
247
|
+
--vkui--color_text_primary--active: #000105;
|
|
248
|
+
--vkui--color_text_secondary: #818C99;
|
|
249
|
+
--vkui--color_text_secondary--hover: #7C8795;
|
|
250
|
+
--vkui--color_text_secondary--active: #778292;
|
|
251
|
+
--vkui--color_text_tertiary: #99A2AD;
|
|
252
|
+
--vkui--color_text_tertiary--hover: #939CA9;
|
|
253
|
+
--vkui--color_text_tertiary--active: #8D96A4;
|
|
254
|
+
--vkui--color_text_contrast--hover: #F5F5F7;
|
|
255
|
+
--vkui--color_text_contrast--active: #EBECEF;
|
|
256
|
+
--vkui--color_text_contrast_themed: #FFFFFF;
|
|
257
|
+
--vkui--color_text_contrast_themed--hover: #F5F5F7;
|
|
258
|
+
--vkui--color_text_contrast_themed--active: #EBECEF;
|
|
259
|
+
--vkui--color_text_positive--hover: #48AC4A;
|
|
260
|
+
--vkui--color_text_positive--active: #45A64A;
|
|
261
|
+
--vkui--color_text_negative: #E64646;
|
|
262
|
+
--vkui--color_text_negative--hover: #DD4446;
|
|
263
|
+
--vkui--color_text_negative--active: #D44245;
|
|
264
|
+
--vkui--color_text_link_visited--hover: #4681C6;
|
|
265
|
+
--vkui--color_text_link_visited--active: #437DC1;
|
|
266
|
+
--vkui--color_icon_primary: #2C2D2E;
|
|
267
|
+
--vkui--color_icon_primary--hover: #2A2C2F;
|
|
268
|
+
--vkui--color_icon_primary--active: #282B2F;
|
|
269
|
+
--vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
|
|
270
|
+
--vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
|
|
271
|
+
--vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
|
|
272
|
+
--vkui--color_icon_secondary: #99A2AD;
|
|
273
|
+
--vkui--color_icon_secondary--hover: #939CA9;
|
|
274
|
+
--vkui--color_icon_secondary--active: #8D96A4;
|
|
275
|
+
--vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
|
|
276
|
+
--vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.4);
|
|
277
|
+
--vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.44);
|
|
278
|
+
--vkui--color_icon_tertiary_alpha: rgba(0, 0, 0, 0.24);
|
|
279
|
+
--vkui--color_icon_tertiary_alpha--hover: rgba(0, 0, 0, 0.28);
|
|
280
|
+
--vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.32);
|
|
281
|
+
--vkui--color_icon_contrast--hover: #F5F5F7;
|
|
282
|
+
--vkui--color_icon_contrast--active: #EBECEF;
|
|
283
|
+
--vkui--color_icon_contrast_themed: #FFFFFF;
|
|
284
|
+
--vkui--color_icon_contrast_themed--hover: #F5F5F7;
|
|
285
|
+
--vkui--color_icon_contrast_themed--active: #EBECEF;
|
|
286
|
+
--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
|
|
287
|
+
--vkui--color_icon_contrast_secondary--active: #DFE1E6;
|
|
288
|
+
--vkui--color_icon_positive--hover: #48AC4A;
|
|
289
|
+
--vkui--color_icon_positive--active: #45A64A;
|
|
290
|
+
--vkui--color_icon_negative: #E64646;
|
|
291
|
+
--vkui--color_icon_negative--hover: #DD4446;
|
|
292
|
+
--vkui--color_icon_negative--active: #D44245;
|
|
293
|
+
--vkui--color_separator_primary: #D7D8D9;
|
|
294
|
+
--vkui--color_separator_primary--hover: #CED0D3;
|
|
295
|
+
--vkui--color_separator_primary--active: #C6C8CD;
|
|
296
|
+
--vkui--color_separator_primary2x: #cbcccd;
|
|
297
|
+
--vkui--color_separator_primary2x--hover: #C3C4C7;
|
|
298
|
+
--vkui--color_separator_primary2x--active: #BBBDC1;
|
|
299
|
+
--vkui--color_separator_primary3x: #bebfc1;
|
|
300
|
+
--vkui--color_separator_primary3x--hover: #B6B8BC;
|
|
301
|
+
--vkui--color_separator_primary3x--active: #AFB1B6;
|
|
302
|
+
--vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
|
|
303
|
+
--vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
|
|
304
|
+
--vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
|
|
305
|
+
--vkui--color_stroke_positive--hover: #48AC4A;
|
|
306
|
+
--vkui--color_stroke_positive--active: #45A64A;
|
|
307
|
+
--vkui--color_stroke_negative: #E64646;
|
|
308
|
+
--vkui--color_stroke_negative--hover: #DD4446;
|
|
309
|
+
--vkui--color_stroke_negative--active: #D44245;
|
|
310
|
+
--vkui--color_stroke_contrast--hover: #F5F5F7;
|
|
311
|
+
--vkui--color_stroke_contrast--active: #EBECEF;
|
|
312
|
+
--vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
|
|
313
|
+
--vkui--color_image_border_alpha--hover: rgba(0, 0, 0, 0.12);
|
|
314
|
+
--vkui--color_image_border_alpha--active: rgba(0, 0, 0, 0.16);
|
|
315
|
+
--vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
|
|
316
|
+
--vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
|
|
317
|
+
--vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
|
|
318
|
+
--vkui--color_accent_red--hover: #F53247;
|
|
319
|
+
--vkui--color_accent_red--active: #EB3046;
|
|
320
|
+
--vkui--color_accent_orange--hover: #F59A02;
|
|
321
|
+
--vkui--color_accent_orange--active: #EB9405;
|
|
322
|
+
--vkui--color_accent_purple--hover: #6E59DF;
|
|
323
|
+
--vkui--color_accent_purple--active: #6A56D8;
|
|
324
|
+
--vkui--color_accent_violet--hover: #742DBB;
|
|
325
|
+
--vkui--color_accent_violet--active: #6F2CB6;
|
|
326
|
+
--vkui--color_accent_raspberry_pink: #E03FAB;
|
|
327
|
+
--vkui--color_accent_raspberry_pink--hover: #D73DA7;
|
|
328
|
+
--vkui--color_accent_raspberry_pink--active: #CE3BA2;
|
|
329
|
+
--vkui--color_accent_secondary--hover: #3C85D9;
|
|
330
|
+
--vkui--color_accent_secondary--active: #3A80D3;
|
|
331
|
+
--vkui--color_action_sheet_text: #3F8AE0;
|
|
332
|
+
--vkui--color_action_sheet_text--hover: #3C85D9;
|
|
333
|
+
--vkui--color_action_sheet_text--active: #3A80D3;
|
|
334
|
+
--vkui--color_image_placeholder: #F2F3F5;
|
|
335
|
+
--vkui--color_image_placeholder--hover: #E8EAEE;
|
|
336
|
+
--vkui--color_image_placeholder--active: #DFE1E6;
|
|
337
|
+
--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
|
|
338
|
+
--vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
|
|
339
|
+
--vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
|
|
340
|
+
--vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
|
|
341
|
+
--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
|
|
342
|
+
--vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
|
|
343
|
+
--vkui--color_segmented_control: #FFFFFF;
|
|
344
|
+
--vkui--color_segmented_control--hover: #F5F5F7;
|
|
345
|
+
--vkui--color_segmented_control--active: #EBECEF;
|
|
346
|
+
--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
|
|
347
|
+
--vkui--color_transparent--active: rgba(0, 16, 61, 0.08)
|
|
348
|
+
}
|
|
349
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark {
|
|
350
|
+
--vkui--font_headline1--font_size--compact: 15px;
|
|
351
|
+
--vkui--font_headline1--line_height--compact: 20px;
|
|
352
|
+
--vkui--font_text--font_size--compact: 15px;
|
|
353
|
+
--vkui--font_text--line_height--compact: 20px;
|
|
354
|
+
--vkui--font_subhead--font_size--compact: 13px;
|
|
355
|
+
--vkui--font_subhead--line_height--compact: 16px;
|
|
356
|
+
--vkui--size_popup_small--regular: 420px;
|
|
357
|
+
--vkui--size_form_item_padding_vertical--regular: 12px;
|
|
358
|
+
--vkui--font_headline--font_size--compact: 15px;
|
|
359
|
+
--vkui--font_headline--line_height--compact: 20px;
|
|
360
|
+
--vkui--color_background_contrast_inverse: #2C2D2E;
|
|
361
|
+
--vkui--color_text_primary_invariably: #000000;
|
|
362
|
+
--vkui--color_link_contrast: #FFFFFF;
|
|
363
|
+
--vkui--color_icon_primary_invariably: #2C2D2E;
|
|
364
|
+
--vkui--color_accent_gray: #A3ADB8
|
|
365
|
+
}
|
|
366
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
|
|
367
|
+
--vkui--size_border_radius--regular: 8px;
|
|
368
|
+
--vkui--size_card_border_radius--regular: 8px;
|
|
369
|
+
--vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1)
|
|
370
|
+
}
|
|
371
|
+
:root, .vkui--vkBase--light, .vkui--vkIOS--light {
|
|
372
|
+
--vkui--color_background_accent: #2688EB;
|
|
373
|
+
--vkui--color_background_accent--hover: #2483E4;
|
|
374
|
+
--vkui--color_background_accent--active: #237EDD;
|
|
375
|
+
--vkui--color_background_accent_themed: #2688EB;
|
|
376
|
+
--vkui--color_background_accent_themed--hover: #2483E4;
|
|
377
|
+
--vkui--color_background_accent_themed--active: #237EDD;
|
|
378
|
+
--vkui--color_background_accent_alternative: #2688EB;
|
|
379
|
+
--vkui--color_background_accent_alternative--hover: #2483E4;
|
|
380
|
+
--vkui--color_background_accent_alternative--active: #237EDD;
|
|
381
|
+
--vkui--color_background: #EBEDF0;
|
|
382
|
+
--vkui--color_background--hover: #E2E4E9;
|
|
383
|
+
--vkui--color_background--active: #D8DBE2;
|
|
384
|
+
--vkui--color_background_secondary: #F5F5F5;
|
|
385
|
+
--vkui--color_background_secondary--hover: #EBECEE;
|
|
386
|
+
--vkui--color_background_secondary--active: #E1E3E6;
|
|
387
|
+
--vkui--color_background_tertiary: #F9F9F9;
|
|
388
|
+
--vkui--color_background_tertiary--hover: #EFF0F1;
|
|
389
|
+
--vkui--color_background_tertiary--active: #E5E6EA;
|
|
390
|
+
--vkui--color_background_contrast_inverse--hover: #2A2C2F;
|
|
391
|
+
--vkui--color_background_contrast_inverse--active: #282B2F;
|
|
392
|
+
--vkui--color_background_modal_inverse: #2d2d2e;
|
|
393
|
+
--vkui--color_background_modal_inverse--hover: #2B2C2F;
|
|
394
|
+
--vkui--color_background_modal_inverse--active: #292B2F;
|
|
395
|
+
--vkui--color_field_background: #f2f3f5;
|
|
396
|
+
--vkui--color_field_background--hover: #E8EAEE;
|
|
397
|
+
--vkui--color_field_background--active: #DFE1E6;
|
|
398
|
+
--vkui--color_text_accent: #2688EB;
|
|
399
|
+
--vkui--color_text_accent--hover: #2483E4;
|
|
400
|
+
--vkui--color_text_accent--active: #237EDD;
|
|
401
|
+
--vkui--color_text_accent_themed: #2688EB;
|
|
402
|
+
--vkui--color_text_accent_themed--hover: #2483E4;
|
|
403
|
+
--vkui--color_text_accent_themed--active: #237EDD;
|
|
404
|
+
--vkui--color_text_primary_invariably--hover: #000102;
|
|
405
|
+
--vkui--color_text_primary_invariably--active: #000105;
|
|
406
|
+
--vkui--color_text_subhead: #6D7885;
|
|
407
|
+
--vkui--color_text_subhead--hover: #697482;
|
|
408
|
+
--vkui--color_text_subhead--active: #64707F;
|
|
409
|
+
--vkui--color_text_link: #2D81E0;
|
|
410
|
+
--vkui--color_text_link--hover: #2B7CD9;
|
|
411
|
+
--vkui--color_text_link--active: #2978D3;
|
|
412
|
+
--vkui--color_text_link_themed: #2D81E0;
|
|
413
|
+
--vkui--color_text_link_themed--hover: #2B7CD9;
|
|
414
|
+
--vkui--color_text_link_themed--active: #2978D3;
|
|
415
|
+
--vkui--color_text_muted: #2C2D2E;
|
|
416
|
+
--vkui--color_text_muted--hover: #2A2C2F;
|
|
417
|
+
--vkui--color_text_muted--active: #282B2F;
|
|
418
|
+
--vkui--color_link_contrast--hover: #F5F5F7;
|
|
419
|
+
--vkui--color_link_contrast--active: #EBECEF;
|
|
420
|
+
--vkui--color_icon_accent: #2688EB;
|
|
421
|
+
--vkui--color_icon_accent--hover: #2483E4;
|
|
422
|
+
--vkui--color_icon_accent--active: #237EDD;
|
|
423
|
+
--vkui--color_icon_accent_themed: #2688EB;
|
|
424
|
+
--vkui--color_icon_accent_themed--hover: #2483E4;
|
|
425
|
+
--vkui--color_icon_accent_themed--active: #237EDD;
|
|
426
|
+
--vkui--color_icon_primary_invariably--hover: #2A2C2F;
|
|
427
|
+
--vkui--color_icon_primary_invariably--active: #282B2F;
|
|
428
|
+
--vkui--color_icon_medium: #818C99;
|
|
429
|
+
--vkui--color_icon_medium--hover: #7C8795;
|
|
430
|
+
--vkui--color_icon_medium--active: #778292;
|
|
431
|
+
--vkui--color_icon_tertiary: #B8C1CC;
|
|
432
|
+
--vkui--color_icon_tertiary--hover: #B1BAC6;
|
|
433
|
+
--vkui--color_icon_tertiary--active: #A9B3C1;
|
|
434
|
+
--vkui--color_stroke_accent: #2688EB;
|
|
435
|
+
--vkui--color_stroke_accent--hover: #2483E4;
|
|
436
|
+
--vkui--color_stroke_accent--active: #237EDD;
|
|
437
|
+
--vkui--color_stroke_accent_themed: #2688EB;
|
|
438
|
+
--vkui--color_stroke_accent_themed--hover: #2483E4;
|
|
439
|
+
--vkui--color_stroke_accent_themed--active: #237EDD;
|
|
440
|
+
--vkui--color_separator_secondary: #E1E3E6;
|
|
441
|
+
--vkui--color_separator_secondary--hover: #D8DBDF;
|
|
442
|
+
--vkui--color_separator_secondary--active: #CFD2D8;
|
|
443
|
+
--vkui--color_accent_blue: #3F8AE0;
|
|
444
|
+
--vkui--color_accent_blue--hover: #3C85D9;
|
|
445
|
+
--vkui--color_accent_blue--active: #3A80D3;
|
|
446
|
+
--vkui--color_accent_gray--hover: #9CA7B3;
|
|
447
|
+
--vkui--color_accent_gray--active: #96A0AE;
|
|
448
|
+
--vkui--color_accent_green--hover: #48AC4A;
|
|
449
|
+
--vkui--color_accent_green--active: #45A64A;
|
|
450
|
+
--vkui--color_skeleton_from: #F5F5F5;
|
|
451
|
+
--vkui--color_skeleton_from--hover: #EBECEE;
|
|
452
|
+
--vkui--color_skeleton_from--active: #E1E3E6;
|
|
453
|
+
--vkui--color_skeleton_to: #E1E3E6;
|
|
454
|
+
--vkui--color_skeleton_to--hover: #D8DBDF;
|
|
455
|
+
--vkui--color_skeleton_to--active: #CFD2D8;
|
|
456
|
+
--vkui--color_write_bar_icon: #3F8AE0;
|
|
457
|
+
--vkui--color_write_bar_icon--hover: #3C85D9;
|
|
458
|
+
--vkui--color_write_bar_icon--active: #3A80D3;
|
|
459
|
+
--vkui--color_write_bar_input_background: #F2F3F5;
|
|
460
|
+
--vkui--color_write_bar_input_background--hover: #E8EAEE;
|
|
461
|
+
--vkui--color_write_bar_input_background--active: #DFE1E6;
|
|
462
|
+
--vkui--color_write_bar_input_border: #E1E3E6;
|
|
463
|
+
--vkui--color_write_bar_input_border--hover: #D8DBDF;
|
|
464
|
+
--vkui--color_write_bar_input_border--active: #CFD2D8;
|
|
465
|
+
--vkui--color_track_background: #E1E3E6;
|
|
466
|
+
--vkui--color_track_background--hover: #D8DBDF;
|
|
467
|
+
--vkui--color_track_background--active: #CFD2D8;
|
|
468
|
+
--vkui--color_track_buffer: #A0BFE4;
|
|
469
|
+
--vkui--color_track_buffer--hover: #9AB8DD;
|
|
470
|
+
--vkui--color_track_buffer--active: #93B1D7;
|
|
471
|
+
--vkui--color_search_field_background: #EBEDF0;
|
|
472
|
+
--vkui--color_search_field_background--hover: #E2E4E9;
|
|
473
|
+
--vkui--color_search_field_background--active: #D8DBE2;
|
|
474
|
+
--vkui--color_panel_header_icon: #2688EB;
|
|
475
|
+
--vkui--color_panel_header_icon--hover: #2483E4;
|
|
476
|
+
--vkui--color_panel_header_icon--active: #237EDD
|
|
477
|
+
}
|
|
478
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light {
|
|
479
|
+
--vkui--color_icon_contrast: #FFFFFF;
|
|
480
|
+
--vkui--color_accent_purple: #735CE6;
|
|
481
|
+
--vkui--color_accent_violet: #792EC0
|
|
482
|
+
}
|
|
483
|
+
:root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--dark {
|
|
484
|
+
--vkui--color_accent_green: #4BB34B
|
|
485
|
+
}
|
|
486
|
+
.vkui--vkBase--dark {
|
|
487
|
+
--vkui--theme_name: 'vkBaseDark'
|
|
488
|
+
}
|
|
489
|
+
.vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--dark {
|
|
490
|
+
--vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%;
|
|
491
|
+
--vkui--colors_scheme: dark;
|
|
492
|
+
--vkui--color_background_accent_tint--hover: #61A2FF;
|
|
493
|
+
--vkui--color_background_accent_tint--active: #67A6FF;
|
|
494
|
+
--vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10);
|
|
495
|
+
--vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.12);
|
|
496
|
+
--vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.14);
|
|
497
|
+
--vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03);
|
|
498
|
+
--vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07);
|
|
499
|
+
--vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
|
|
500
|
+
--vkui--color_background_contrast--hover: #EBEDF0;
|
|
501
|
+
--vkui--color_background_contrast--active: #D7D8DB;
|
|
502
|
+
--vkui--color_background_modal_inverse: #FFFFFF;
|
|
503
|
+
--vkui--color_background_modal_inverse--hover: #EBEDF0;
|
|
504
|
+
--vkui--color_background_modal_inverse--active: #D7D8DB;
|
|
505
|
+
--vkui--color_background_warning: #857250;
|
|
506
|
+
--vkui--color_background_warning--hover: #8A7857;
|
|
507
|
+
--vkui--color_background_warning--active: #8F7D5E;
|
|
508
|
+
--vkui--color_background_positive--hover: #52B652;
|
|
509
|
+
--vkui--color_background_positive--active: #59B959;
|
|
510
|
+
--vkui--color_background_negative: #FF5C5C;
|
|
511
|
+
--vkui--color_background_negative--hover: #FF6363;
|
|
512
|
+
--vkui--color_background_negative--active: #FF6969;
|
|
513
|
+
--vkui--color_background_negative_tint: #522E2E;
|
|
514
|
+
--vkui--color_background_negative_tint--hover: #593636;
|
|
515
|
+
--vkui--color_background_negative_tint--active: #603F3F;
|
|
516
|
+
--vkui--color_background_positive_tint--hover: #E9F9E9;
|
|
517
|
+
--vkui--color_background_positive_tint--active: #EAF9EA;
|
|
518
|
+
--vkui--color_text_primary: #E1E3E6;
|
|
519
|
+
--vkui--color_text_primary--hover: #E2E4E7;
|
|
520
|
+
--vkui--color_text_primary--active: #E3E5E8;
|
|
521
|
+
--vkui--color_text_contrast--hover: #EBEDF0;
|
|
522
|
+
--vkui--color_text_contrast--active: #D7D8DB;
|
|
523
|
+
--vkui--color_text_positive--hover: #52B652;
|
|
524
|
+
--vkui--color_text_positive--active: #59B959;
|
|
525
|
+
--vkui--color_text_negative: #FF5C5C;
|
|
526
|
+
--vkui--color_text_negative--hover: #FF6363;
|
|
527
|
+
--vkui--color_text_negative--active: #FF6969;
|
|
528
|
+
--vkui--color_text_link_visited--hover: #508BCE;
|
|
529
|
+
--vkui--color_text_link_visited--active: #5890D0;
|
|
530
|
+
--vkui--color_icon_primary: #E1E3E6;
|
|
531
|
+
--vkui--color_icon_primary--hover: #E2E4E7;
|
|
532
|
+
--vkui--color_icon_primary--active: #E3E5E8;
|
|
533
|
+
--vkui--color_icon_contrast_secondary--hover: #F3F3F5;
|
|
534
|
+
--vkui--color_icon_contrast_secondary--active: #F3F4F6;
|
|
535
|
+
--vkui--color_icon_positive--hover: #52B652;
|
|
536
|
+
--vkui--color_icon_positive--active: #59B959;
|
|
537
|
+
--vkui--color_icon_negative: #FF5C5C;
|
|
538
|
+
--vkui--color_icon_negative--hover: #FF6363;
|
|
539
|
+
--vkui--color_icon_negative--active: #FF6969;
|
|
540
|
+
--vkui--color_separator_primary: #363738;
|
|
541
|
+
--vkui--color_separator_primary--hover: #3E3F40;
|
|
542
|
+
--vkui--color_separator_primary--active: #464748;
|
|
543
|
+
--vkui--color_separator_primary2x: #444546;
|
|
544
|
+
--vkui--color_separator_primary2x--hover: #4B4C4D;
|
|
545
|
+
--vkui--color_separator_primary2x--active: #535455;
|
|
546
|
+
--vkui--color_separator_primary3x: #505253;
|
|
547
|
+
--vkui--color_separator_primary3x--hover: #57595A;
|
|
548
|
+
--vkui--color_separator_primary3x--active: #5E6061;
|
|
549
|
+
--vkui--color_separator_primary_alpha: rgba(255, 255, 255, 0.12);
|
|
550
|
+
--vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
551
|
+
--vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2);
|
|
552
|
+
--vkui--color_stroke_positive--hover: #52B652;
|
|
553
|
+
--vkui--color_stroke_positive--active: #59B959;
|
|
554
|
+
--vkui--color_stroke_negative: #FF5C5C;
|
|
555
|
+
--vkui--color_stroke_negative--hover: #FF6363;
|
|
556
|
+
--vkui--color_stroke_negative--active: #FF6969;
|
|
557
|
+
--vkui--color_stroke_contrast--hover: #EBEDF0;
|
|
558
|
+
--vkui--color_stroke_contrast--active: #D7D8DB;
|
|
559
|
+
--vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
|
|
560
|
+
--vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
|
|
561
|
+
--vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);
|
|
562
|
+
--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
|
|
563
|
+
--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
564
|
+
--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
|
|
565
|
+
--vkui--color_accent_red--hover: #FF3B4E;
|
|
566
|
+
--vkui--color_accent_red--active: #FF4356;
|
|
567
|
+
--vkui--color_accent_green--hover: #52B652;
|
|
568
|
+
--vkui--color_accent_green--active: #59B959;
|
|
569
|
+
--vkui--color_accent_orange--hover: #FFA40A;
|
|
570
|
+
--vkui--color_accent_orange--active: #FFA814;
|
|
571
|
+
--vkui--color_accent_raspberry_pink: #F060C0;
|
|
572
|
+
--vkui--color_accent_raspberry_pink--hover: #F166C3;
|
|
573
|
+
--vkui--color_accent_raspberry_pink--active: #F16DC5;
|
|
574
|
+
--vkui--color_accent_secondary--hover: #478FE1;
|
|
575
|
+
--vkui--color_accent_secondary--active: #4E93E2;
|
|
576
|
+
--vkui--color_image_placeholder: #2A2B2C;
|
|
577
|
+
--vkui--color_image_placeholder--hover: #333334;
|
|
578
|
+
--vkui--color_image_placeholder--active: #3B3C3D;
|
|
579
|
+
--vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
|
|
580
|
+
--vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
|
|
581
|
+
--vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
|
|
582
|
+
--vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
|
|
583
|
+
--vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
|
|
584
|
+
--vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
|
|
585
|
+
--vkui--color_action_sheet_text: #529EF4;
|
|
586
|
+
--vkui--color_action_sheet_text--hover: #59A2F4;
|
|
587
|
+
--vkui--color_action_sheet_text--active: #60A6F5;
|
|
588
|
+
--vkui--color_panel_header_icon: #71AAEB;
|
|
589
|
+
--vkui--color_panel_header_icon--hover: #77ADEC;
|
|
590
|
+
--vkui--color_panel_header_icon--active: #7CB1ED;
|
|
591
|
+
--vkui--color_segmented_control: #626364;
|
|
592
|
+
--vkui--color_segmented_control--hover: #68696A;
|
|
593
|
+
--vkui--color_segmented_control--active: #6F6F70;
|
|
594
|
+
--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
|
|
595
|
+
--vkui--color_transparent--active: rgba(255, 255, 255, 0.08)
|
|
596
|
+
}
|
|
597
|
+
.vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkCom--light {
|
|
598
|
+
--vkui--theme_inherits_from: 'vkBase'
|
|
599
|
+
}
|
|
600
|
+
.vkui--vkBase--dark, .vkui--vkIOS--dark {
|
|
601
|
+
--vkui--color_background_accent: #529EF4;
|
|
602
|
+
--vkui--color_background_accent--hover: #59A2F4;
|
|
603
|
+
--vkui--color_background_accent--active: #60A6F5;
|
|
604
|
+
--vkui--color_background_accent_themed: #FFFFFF;
|
|
605
|
+
--vkui--color_background_accent_themed--hover: #EBEDF0;
|
|
606
|
+
--vkui--color_background_accent_themed--active: #D7D8DB;
|
|
607
|
+
--vkui--color_background_accent_alternative: #529EF4;
|
|
608
|
+
--vkui--color_background_accent_alternative--hover: #59A2F4;
|
|
609
|
+
--vkui--color_background_accent_alternative--active: #60A6F5;
|
|
610
|
+
--vkui--color_background: #0A0A0A;
|
|
611
|
+
--vkui--color_background--hover: #141414;
|
|
612
|
+
--vkui--color_background--active: #1E1E1E;
|
|
613
|
+
--vkui--color_background_content: #19191A;
|
|
614
|
+
--vkui--color_background_content--hover: #222223;
|
|
615
|
+
--vkui--color_background_content--active: #2B2B2C;
|
|
616
|
+
--vkui--color_background_secondary: #232324;
|
|
617
|
+
--vkui--color_background_secondary--hover: #2C2C2D;
|
|
618
|
+
--vkui--color_background_secondary--active: #353536;
|
|
619
|
+
--vkui--color_background_tertiary: #202021;
|
|
620
|
+
--vkui--color_background_tertiary--hover: #29292A;
|
|
621
|
+
--vkui--color_background_tertiary--active: #323233;
|
|
622
|
+
--vkui--color_background_contrast_inverse--hover: #343536;
|
|
623
|
+
--vkui--color_background_contrast_inverse--active: #3D3E3F;
|
|
624
|
+
--vkui--color_background_modal: #2C2D2E;
|
|
625
|
+
--vkui--color_background_modal--hover: #343536;
|
|
626
|
+
--vkui--color_background_modal--active: #3D3E3F;
|
|
627
|
+
--vkui--color_field_background: #232324;
|
|
628
|
+
--vkui--color_field_background--hover: #2C2C2D;
|
|
629
|
+
--vkui--color_field_background--active: #353536;
|
|
630
|
+
--vkui--color_header_background: #19191A;
|
|
631
|
+
--vkui--color_header_background--hover: #222223;
|
|
632
|
+
--vkui--color_header_background--active: #2B2B2C;
|
|
633
|
+
--vkui--color_text_accent: #529EF4;
|
|
634
|
+
--vkui--color_text_accent--hover: #59A2F4;
|
|
635
|
+
--vkui--color_text_accent--active: #60A6F5;
|
|
636
|
+
--vkui--color_text_accent_themed: #FFFFFF;
|
|
637
|
+
--vkui--color_text_accent_themed--hover: #EBEDF0;
|
|
638
|
+
--vkui--color_text_accent_themed--active: #D7D8DB;
|
|
639
|
+
--vkui--color_text_primary_invariably--hover: #0A0A0A;
|
|
640
|
+
--vkui--color_text_primary_invariably--active: #141414;
|
|
641
|
+
--vkui--color_text_secondary: #76787A;
|
|
642
|
+
--vkui--color_text_secondary--hover: #7B7D7F;
|
|
643
|
+
--vkui--color_text_secondary--active: #818385;
|
|
644
|
+
--vkui--color_text_subhead: #969A9F;
|
|
645
|
+
--vkui--color_text_subhead--hover: #9A9EA3;
|
|
646
|
+
--vkui--color_text_subhead--active: #9EA2A7;
|
|
647
|
+
--vkui--color_text_tertiary: #5D5F61;
|
|
648
|
+
--vkui--color_text_tertiary--hover: #636567;
|
|
649
|
+
--vkui--color_text_tertiary--active: #6A6C6E;
|
|
650
|
+
--vkui--color_text_contrast_themed: #000000;
|
|
651
|
+
--vkui--color_text_contrast_themed--hover: #0A0A0A;
|
|
652
|
+
--vkui--color_text_contrast_themed--active: #141414;
|
|
653
|
+
--vkui--color_text_link: #529EF4;
|
|
654
|
+
--vkui--color_text_link--hover: #59A2F4;
|
|
655
|
+
--vkui--color_text_link--active: #60A6F5;
|
|
656
|
+
--vkui--color_text_link_themed: #FFFFFF;
|
|
657
|
+
--vkui--color_text_link_themed--hover: #EBEDF0;
|
|
658
|
+
--vkui--color_text_link_themed--active: #D7D8DB;
|
|
659
|
+
--vkui--color_text_muted: #E1E3E6;
|
|
660
|
+
--vkui--color_text_muted--hover: #E2E4E7;
|
|
661
|
+
--vkui--color_text_muted--active: #E3E5E8;
|
|
662
|
+
--vkui--color_link_contrast--hover: #EBEDF0;
|
|
663
|
+
--vkui--color_link_contrast--active: #D7D8DB;
|
|
664
|
+
--vkui--color_icon_accent: #529EF4;
|
|
665
|
+
--vkui--color_icon_accent--hover: #59A2F4;
|
|
666
|
+
--vkui--color_icon_accent--active: #60A6F5;
|
|
667
|
+
--vkui--color_icon_accent_themed: #FFFFFF;
|
|
668
|
+
--vkui--color_icon_accent_themed--hover: #EBEDF0;
|
|
669
|
+
--vkui--color_icon_accent_themed--active: #D7D8DB;
|
|
670
|
+
--vkui--color_icon_primary_invariably--hover: #343536;
|
|
671
|
+
--vkui--color_icon_primary_invariably--active: #3D3E3F;
|
|
672
|
+
--vkui--color_icon_medium: #B0B1B6;
|
|
673
|
+
--vkui--color_icon_medium--hover: #B3B4B9;
|
|
674
|
+
--vkui--color_icon_medium--active: #B6B7BC;
|
|
675
|
+
--vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66);
|
|
676
|
+
--vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7000000000000001);
|
|
677
|
+
--vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74);
|
|
678
|
+
--vkui--color_icon_secondary: #76787A;
|
|
679
|
+
--vkui--color_icon_secondary--hover: #7B7D7F;
|
|
680
|
+
--vkui--color_icon_secondary--active: #818385;
|
|
681
|
+
--vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.43);
|
|
682
|
+
--vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47000000000000003);
|
|
683
|
+
--vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.51);
|
|
684
|
+
--vkui--color_icon_tertiary: #5D5F61;
|
|
685
|
+
--vkui--color_icon_tertiary--hover: #636567;
|
|
686
|
+
--vkui--color_icon_tertiary--active: #6A6C6E;
|
|
687
|
+
--vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.3);
|
|
688
|
+
--vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.34);
|
|
689
|
+
--vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.38);
|
|
690
|
+
--vkui--color_icon_contrast--hover: #EBEDF0;
|
|
691
|
+
--vkui--color_icon_contrast--active: #D7D8DB;
|
|
692
|
+
--vkui--color_icon_contrast_themed: #000000;
|
|
693
|
+
--vkui--color_icon_contrast_themed--hover: #0A0A0A;
|
|
694
|
+
--vkui--color_icon_contrast_themed--active: #141414;
|
|
695
|
+
--vkui--color_stroke_accent: #529EF4;
|
|
696
|
+
--vkui--color_stroke_accent--hover: #59A2F4;
|
|
697
|
+
--vkui--color_stroke_accent--active: #60A6F5;
|
|
698
|
+
--vkui--color_stroke_accent_themed: #FFFFFF;
|
|
699
|
+
--vkui--color_stroke_accent_themed--hover: #EBEDF0;
|
|
700
|
+
--vkui--color_stroke_accent_themed--active: #D7D8DB;
|
|
701
|
+
--vkui--color_separator_secondary: #141415;
|
|
702
|
+
--vkui--color_separator_secondary--hover: #1D1D1E;
|
|
703
|
+
--vkui--color_separator_secondary--active: #272728;
|
|
704
|
+
--vkui--color_accent_blue: #529EF4;
|
|
705
|
+
--vkui--color_accent_blue--hover: #59A2F4;
|
|
706
|
+
--vkui--color_accent_blue--active: #60A6F5;
|
|
707
|
+
--vkui--color_accent_gray--hover: #A7B0BB;
|
|
708
|
+
--vkui--color_accent_gray--active: #AAB4BE;
|
|
709
|
+
--vkui--color_accent_purple--hover: #7963E7;
|
|
710
|
+
--vkui--color_accent_purple--active: #7E69E8;
|
|
711
|
+
--vkui--color_accent_violet--hover: #7E36C3;
|
|
712
|
+
--vkui--color_accent_violet--active: #843FC5;
|
|
713
|
+
--vkui--color_skeleton_from: #232324;
|
|
714
|
+
--vkui--color_skeleton_from--hover: #2C2C2D;
|
|
715
|
+
--vkui--color_skeleton_from--active: #353536;
|
|
716
|
+
--vkui--color_skeleton_to: #2C2D2E;
|
|
717
|
+
--vkui--color_skeleton_to--hover: #343536;
|
|
718
|
+
--vkui--color_skeleton_to--active: #3D3E3F;
|
|
719
|
+
--vkui--color_write_bar_icon: #529EF4;
|
|
720
|
+
--vkui--color_write_bar_icon--hover: #59A2F4;
|
|
721
|
+
--vkui--color_write_bar_icon--active: #60A6F5;
|
|
722
|
+
--vkui--color_write_bar_input_background: #2C2D2E;
|
|
723
|
+
--vkui--color_write_bar_input_background--hover: #343536;
|
|
724
|
+
--vkui--color_write_bar_input_background--active: #3D3E3F;
|
|
725
|
+
--vkui--color_write_bar_input_border: #2C2D2E;
|
|
726
|
+
--vkui--color_write_bar_input_border--hover: #343536;
|
|
727
|
+
--vkui--color_write_bar_input_border--active: #3D3E3F;
|
|
728
|
+
--vkui--color_track_background: #454647;
|
|
729
|
+
--vkui--color_track_background--hover: #4C4D4E;
|
|
730
|
+
--vkui--color_track_background--active: #545556;
|
|
731
|
+
--vkui--color_track_buffer: #405772;
|
|
732
|
+
--vkui--color_track_buffer--hover: #485E78;
|
|
733
|
+
--vkui--color_track_buffer--active: #4F647D;
|
|
734
|
+
--vkui--color_search_field_background: #363738;
|
|
735
|
+
--vkui--color_search_field_background--hover: #3E3F40;
|
|
736
|
+
--vkui--color_search_field_background--active: #464748
|
|
737
|
+
}
|
|
738
|
+
.vkui--vkIOS--light {
|
|
739
|
+
--vkui--theme_name: 'vkIOS'
|
|
740
|
+
}
|
|
741
|
+
.vkui--vkIOS--light, .vkui--vkIOS--dark {
|
|
742
|
+
--vkui--theme_name_base: 'vkIOS';
|
|
743
|
+
--vkui--size_border_radius--regular: 10px;
|
|
744
|
+
--vkui--size_card_border_radius--regular: 10px;
|
|
745
|
+
--vkui--size_switch_height--regular: 31px;
|
|
746
|
+
--vkui--size_switch_height--compact: 27px;
|
|
747
|
+
--vkui--size_switch_width--regular: 51px;
|
|
748
|
+
--vkui--size_switch_width--compact: 47px;
|
|
749
|
+
--vkui--size_switch_pin--regular: 27px;
|
|
750
|
+
--vkui--size_switch_pin--compact: 23px;
|
|
751
|
+
--vkui--size_panel_header_height--regular: 52px;
|
|
752
|
+
--vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1)
|
|
753
|
+
}
|
|
754
|
+
.vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
|
|
755
|
+
--vkui--size_base_padding_horizontal--regular: 12px
|
|
756
|
+
}
|
|
757
|
+
.vkui--vkIOS--dark {
|
|
758
|
+
--vkui--theme_name: 'vkIOSDark'
|
|
759
|
+
}
|
|
760
|
+
.vkui--vkIOS--dark, .vkui--vkCom--dark {
|
|
761
|
+
--vkui--theme_inherits_from: 'vkBaseDark'
|
|
762
|
+
}
|
|
763
|
+
.vkui--vkCom--light {
|
|
764
|
+
--vkui--theme_name: 'vkCom';
|
|
765
|
+
--vkui--color_background_accent: #447BBA;
|
|
766
|
+
--vkui--color_background_accent--hover: #4177B5;
|
|
767
|
+
--vkui--color_background_accent--active: #3F72B0;
|
|
768
|
+
--vkui--color_background_accent_themed: #447BBA;
|
|
769
|
+
--vkui--color_background_accent_themed--hover: #4177B5;
|
|
770
|
+
--vkui--color_background_accent_themed--active: #3F72B0;
|
|
771
|
+
--vkui--color_background_accent_alternative: #447BBA;
|
|
772
|
+
--vkui--color_background_accent_alternative--hover: #4177B5;
|
|
773
|
+
--vkui--color_background_accent_alternative--active: #3F72B0;
|
|
774
|
+
--vkui--color_background: #EDEEF0;
|
|
775
|
+
--vkui--color_background--hover: #E4E5E9;
|
|
776
|
+
--vkui--color_background--active: #DADCE2;
|
|
777
|
+
--vkui--color_background_secondary: #F0F2F5;
|
|
778
|
+
--vkui--color_background_secondary--hover: #E6E9EE;
|
|
779
|
+
--vkui--color_background_secondary--active: #DDE0E6;
|
|
780
|
+
--vkui--color_background_tertiary: #FAFBFC;
|
|
781
|
+
--vkui--color_background_tertiary--hover: #F0F2F4;
|
|
782
|
+
--vkui--color_background_tertiary--active: #E6E8ED;
|
|
783
|
+
--vkui--color_background_contrast_inverse--hover: #313233;
|
|
784
|
+
--vkui--color_background_contrast_inverse--active: #2F3034;
|
|
785
|
+
--vkui--color_background_modal_inverse: #000000;
|
|
786
|
+
--vkui--color_background_modal_inverse--hover: #000102;
|
|
787
|
+
--vkui--color_background_modal_inverse--active: #000105;
|
|
788
|
+
--vkui--color_field_background: #F7F8FA;
|
|
789
|
+
--vkui--color_field_background--hover: #EDEFF2;
|
|
790
|
+
--vkui--color_field_background--active: #E3E5EB;
|
|
791
|
+
--vkui--color_text_accent: #447BBA;
|
|
792
|
+
--vkui--color_text_accent--hover: #4177B5;
|
|
793
|
+
--vkui--color_text_accent--active: #3F72B0;
|
|
794
|
+
--vkui--color_text_accent_themed: #447BBA;
|
|
795
|
+
--vkui--color_text_accent_themed--hover: #4177B5;
|
|
796
|
+
--vkui--color_text_accent_themed--active: #3F72B0;
|
|
797
|
+
--vkui--color_text_primary_invariably--hover: #313233;
|
|
798
|
+
--vkui--color_text_primary_invariably--active: #2F3034;
|
|
799
|
+
--vkui--color_text_subhead: #626D7A;
|
|
800
|
+
--vkui--color_text_subhead--hover: #5E6978;
|
|
801
|
+
--vkui--color_text_subhead--active: #5A6675;
|
|
802
|
+
--vkui--color_text_link: #2A5885;
|
|
803
|
+
--vkui--color_text_link--hover: #285582;
|
|
804
|
+
--vkui--color_text_link--active: #27527F;
|
|
805
|
+
--vkui--color_text_link_themed: #2A5885;
|
|
806
|
+
--vkui--color_text_link_themed--hover: #285582;
|
|
807
|
+
--vkui--color_text_link_themed--active: #27527F;
|
|
808
|
+
--vkui--color_text_muted: #333333;
|
|
809
|
+
--vkui--color_text_muted--hover: #313233;
|
|
810
|
+
--vkui--color_text_muted--active: #2F3034;
|
|
811
|
+
--vkui--color_link_contrast: #333333;
|
|
812
|
+
--vkui--color_link_contrast--hover: #313233;
|
|
813
|
+
--vkui--color_link_contrast--active: #2F3034;
|
|
814
|
+
--vkui--color_icon_accent: #447BBA;
|
|
815
|
+
--vkui--color_icon_accent--hover: #4177B5;
|
|
816
|
+
--vkui--color_icon_accent--active: #3F72B0;
|
|
817
|
+
--vkui--color_icon_accent_themed: #447BBA;
|
|
818
|
+
--vkui--color_icon_accent_themed--hover: #4177B5;
|
|
819
|
+
--vkui--color_icon_accent_themed--active: #3F72B0;
|
|
820
|
+
--vkui--color_icon_primary_invariably--hover: #313233;
|
|
821
|
+
--vkui--color_icon_primary_invariably--active: #2F3034;
|
|
822
|
+
--vkui--color_icon_medium: #6F7985;
|
|
823
|
+
--vkui--color_icon_medium--hover: #6B7582;
|
|
824
|
+
--vkui--color_icon_medium--active: #66717F;
|
|
825
|
+
--vkui--color_icon_tertiary: #AEB7C2;
|
|
826
|
+
--vkui--color_icon_tertiary--hover: #A7B0BD;
|
|
827
|
+
--vkui--color_icon_tertiary--active: #A0AAB7;
|
|
828
|
+
--vkui--color_stroke_accent: #447BBA;
|
|
829
|
+
--vkui--color_stroke_accent--hover: #4177B5;
|
|
830
|
+
--vkui--color_stroke_accent--active: #3F72B0;
|
|
831
|
+
--vkui--color_stroke_accent_themed: #447BBA;
|
|
832
|
+
--vkui--color_stroke_accent_themed--hover: #4177B5;
|
|
833
|
+
--vkui--color_stroke_accent_themed--active: #3F72B0;
|
|
834
|
+
--vkui--color_separator_secondary: #E7E8EC;
|
|
835
|
+
--vkui--color_separator_secondary--hover: #DEDFE5;
|
|
836
|
+
--vkui--color_separator_secondary--active: #D5D7DE;
|
|
837
|
+
--vkui--color_accent_blue: #5181B8;
|
|
838
|
+
--vkui--color_accent_blue--hover: #4E7CB3;
|
|
839
|
+
--vkui--color_accent_blue--active: #4B78AE;
|
|
840
|
+
--vkui--color_accent_gray--hover: #A7B0BD;
|
|
841
|
+
--vkui--color_accent_gray--active: #A0AAB7;
|
|
842
|
+
--vkui--color_accent_green: #1B7A1B;
|
|
843
|
+
--vkui--color_accent_green--hover: #1A761C;
|
|
844
|
+
--vkui--color_accent_green--active: #19721E;
|
|
845
|
+
--vkui--color_skeleton_from: #F0F2F5;
|
|
846
|
+
--vkui--color_skeleton_from--hover: #E6E9EE;
|
|
847
|
+
--vkui--color_skeleton_from--active: #DDE0E6;
|
|
848
|
+
--vkui--color_skeleton_to: #E7E8EC;
|
|
849
|
+
--vkui--color_skeleton_to--hover: #DEDFE5;
|
|
850
|
+
--vkui--color_skeleton_to--active: #D5D7DE;
|
|
851
|
+
--vkui--color_write_bar_icon: #818C99;
|
|
852
|
+
--vkui--color_write_bar_icon--hover: #7C8795;
|
|
853
|
+
--vkui--color_write_bar_icon--active: #778292;
|
|
854
|
+
--vkui--color_write_bar_input_background: #FFFFFF;
|
|
855
|
+
--vkui--color_write_bar_input_background--hover: #F5F5F7;
|
|
856
|
+
--vkui--color_write_bar_input_background--active: #EBECEF;
|
|
857
|
+
--vkui--color_write_bar_input_border: #D3D9DE;
|
|
858
|
+
--vkui--color_write_bar_input_border--hover: #CBD1D8;
|
|
859
|
+
--vkui--color_write_bar_input_border--active: #C2C9D1;
|
|
860
|
+
--vkui--color_track_background: #D3D9DE;
|
|
861
|
+
--vkui--color_track_background--hover: #CBD1D8;
|
|
862
|
+
--vkui--color_track_background--active: #C2C9D1;
|
|
863
|
+
--vkui--color_track_buffer: #447BBA;
|
|
864
|
+
--vkui--color_track_buffer--hover: #4177B5;
|
|
865
|
+
--vkui--color_track_buffer--active: #3F72B0;
|
|
866
|
+
--vkui--color_search_field_background: #EDEEF0;
|
|
867
|
+
--vkui--color_search_field_background--hover: #E4E5E9;
|
|
868
|
+
--vkui--color_search_field_background--active: #DADCE2;
|
|
869
|
+
--vkui--color_panel_header_icon: #447BBA;
|
|
870
|
+
--vkui--color_panel_header_icon--hover: #4177B5;
|
|
871
|
+
--vkui--color_panel_header_icon--active: #3F72B0
|
|
872
|
+
}
|
|
873
|
+
.vkui--vkCom--light, .vkui--vkCom--dark {
|
|
874
|
+
--vkui--theme_name_base: 'vkCom';
|
|
875
|
+
--vkui--font_headline1--font_size--compact: 14px;
|
|
876
|
+
--vkui--font_headline1--line_height--compact: 18px;
|
|
877
|
+
--vkui--font_text--font_size--compact: 13px;
|
|
878
|
+
--vkui--font_text--line_height--compact: 16px;
|
|
879
|
+
--vkui--font_subhead--font_size--compact: 14px;
|
|
880
|
+
--vkui--font_subhead--line_height--compact: 18px;
|
|
881
|
+
--vkui--size_popup_small--regular: 448px;
|
|
882
|
+
--vkui--size_switch_height--regular: 10px;
|
|
883
|
+
--vkui--size_switch_height--compact: 10px;
|
|
884
|
+
--vkui--size_switch_width--regular: 27px;
|
|
885
|
+
--vkui--size_switch_width--compact: 27px;
|
|
886
|
+
--vkui--size_switch_pin--regular: 16px;
|
|
887
|
+
--vkui--size_switch_pin--compact: 16px;
|
|
888
|
+
--vkui--size_panel_header_height--regular: 48px;
|
|
889
|
+
--vkui--size_form_item_padding_vertical--regular: 8px;
|
|
890
|
+
--vkui--font_headline--font_size--compact: 14px;
|
|
891
|
+
--vkui--font_headline--line_height--compact: 18px;
|
|
892
|
+
--vkui--color_background_contrast_inverse: #333333;
|
|
893
|
+
--vkui--color_text_primary_invariably: #333333;
|
|
894
|
+
--vkui--color_icon_primary_invariably: #333333;
|
|
895
|
+
--vkui--color_accent_gray: #AEB7C2
|
|
896
|
+
}
|
|
897
|
+
.vkui--vkCom--dark {
|
|
898
|
+
--vkui--theme_name: 'vkComDark';
|
|
899
|
+
--vkui--color_background_accent: #71AAEB;
|
|
900
|
+
--vkui--color_background_accent--hover: #77ADEC;
|
|
901
|
+
--vkui--color_background_accent--active: #7CB1ED;
|
|
902
|
+
--vkui--color_background_accent_themed: #E1E3E6;
|
|
903
|
+
--vkui--color_background_accent_themed--hover: #D8DBDF;
|
|
904
|
+
--vkui--color_background_accent_themed--active: #CFD2D8;
|
|
905
|
+
--vkui--color_background_accent_alternative: #71AAEB;
|
|
906
|
+
--vkui--color_background_accent_alternative--hover: #77ADEC;
|
|
907
|
+
--vkui--color_background_accent_alternative--active: #7CB1ED;
|
|
908
|
+
--vkui--color_background: #141414;
|
|
909
|
+
--vkui--color_background--hover: #1D1D1D;
|
|
910
|
+
--vkui--color_background--active: #272727;
|
|
911
|
+
--vkui--color_background_content: #222222;
|
|
912
|
+
--vkui--color_background_content--hover: #2B2B2B;
|
|
913
|
+
--vkui--color_background_content--active: #343434;
|
|
914
|
+
--vkui--color_background_secondary: #333333;
|
|
915
|
+
--vkui--color_background_secondary--hover: #3B3B3B;
|
|
916
|
+
--vkui--color_background_secondary--active: #434343;
|
|
917
|
+
--vkui--color_background_tertiary: #292929;
|
|
918
|
+
--vkui--color_background_tertiary--hover: #323232;
|
|
919
|
+
--vkui--color_background_tertiary--active: #3A3A3A;
|
|
920
|
+
--vkui--color_background_contrast_inverse--hover: #3B3B3B;
|
|
921
|
+
--vkui--color_background_contrast_inverse--active: #434343;
|
|
922
|
+
--vkui--color_background_modal: #333333;
|
|
923
|
+
--vkui--color_background_modal--hover: #3B3B3B;
|
|
924
|
+
--vkui--color_background_modal--active: #434343;
|
|
925
|
+
--vkui--color_field_background: #292929;
|
|
926
|
+
--vkui--color_field_background--hover: #323232;
|
|
927
|
+
--vkui--color_field_background--active: #3A3A3A;
|
|
928
|
+
--vkui--color_header_background: #222222;
|
|
929
|
+
--vkui--color_header_background--hover: #2B2B2B;
|
|
930
|
+
--vkui--color_header_background--active: #343434;
|
|
931
|
+
--vkui--color_text_accent: #71AAEB;
|
|
932
|
+
--vkui--color_text_accent--hover: #77ADEC;
|
|
933
|
+
--vkui--color_text_accent--active: #7CB1ED;
|
|
934
|
+
--vkui--color_text_accent_themed: #E1E3E6;
|
|
935
|
+
--vkui--color_text_accent_themed--hover: #E2E4E7;
|
|
936
|
+
--vkui--color_text_accent_themed--active: #E3E5E8;
|
|
937
|
+
--vkui--color_text_primary_invariably--hover: #3B3B3B;
|
|
938
|
+
--vkui--color_text_primary_invariably--active: #434343;
|
|
939
|
+
--vkui--color_text_secondary: #B2B2B2;
|
|
940
|
+
--vkui--color_text_secondary--hover: #B5B5B5;
|
|
941
|
+
--vkui--color_text_secondary--active: #B8B8B8;
|
|
942
|
+
--vkui--color_text_subhead: #939393;
|
|
943
|
+
--vkui--color_text_subhead--hover: #979797;
|
|
944
|
+
--vkui--color_text_subhead--active: #9C9C9C;
|
|
945
|
+
--vkui--color_text_tertiary: #656565;
|
|
946
|
+
--vkui--color_text_tertiary--hover: #6B6B6B;
|
|
947
|
+
--vkui--color_text_tertiary--active: #717171;
|
|
948
|
+
--vkui--color_text_contrast_themed: #222222;
|
|
949
|
+
--vkui--color_text_contrast_themed--hover: #2B2B2B;
|
|
950
|
+
--vkui--color_text_contrast_themed--active: #343434;
|
|
951
|
+
--vkui--color_text_link: #71AAEB;
|
|
952
|
+
--vkui--color_text_link--hover: #77ADEC;
|
|
953
|
+
--vkui--color_text_link--active: #7CB1ED;
|
|
954
|
+
--vkui--color_text_link_themed: #939393;
|
|
955
|
+
--vkui--color_text_link_themed--hover: #979797;
|
|
956
|
+
--vkui--color_text_link_themed--active: #9C9C9C;
|
|
957
|
+
--vkui--color_text_muted: #CCCCCC;
|
|
958
|
+
--vkui--color_text_muted--hover: #CECECE;
|
|
959
|
+
--vkui--color_text_muted--active: #D0D0D0;
|
|
960
|
+
--vkui--color_link_contrast: #CCCCCC;
|
|
961
|
+
--vkui--color_link_contrast--hover: #CECECE;
|
|
962
|
+
--vkui--color_link_contrast--active: #D0D0D0;
|
|
963
|
+
--vkui--color_icon_accent: #71AAEB;
|
|
964
|
+
--vkui--color_icon_accent--hover: #77ADEC;
|
|
965
|
+
--vkui--color_icon_accent--active: #7CB1ED;
|
|
966
|
+
--vkui--color_icon_accent_themed: #E1E3E6;
|
|
967
|
+
--vkui--color_icon_accent_themed--hover: #E2E4E7;
|
|
968
|
+
--vkui--color_icon_accent_themed--active: #E3E5E8;
|
|
969
|
+
--vkui--color_icon_primary_invariably--hover: #3B3B3B;
|
|
970
|
+
--vkui--color_icon_primary_invariably--active: #434343;
|
|
971
|
+
--vkui--color_icon_medium: #939393;
|
|
972
|
+
--vkui--color_icon_medium--hover: #979797;
|
|
973
|
+
--vkui--color_icon_medium--active: #9C9C9C;
|
|
974
|
+
--vkui--color_icon_medium_alpha: rgba(255, 255, 255, 0.48);
|
|
975
|
+
--vkui--color_icon_medium_alpha--hover: rgba(255, 255, 255, 0.52);
|
|
976
|
+
--vkui--color_icon_medium_alpha--active: rgba(255, 255, 255, 0.56);
|
|
977
|
+
--vkui--color_icon_secondary: #828282;
|
|
978
|
+
--vkui--color_icon_secondary--hover: #878787;
|
|
979
|
+
--vkui--color_icon_secondary--active: #8C8C8C;
|
|
980
|
+
--vkui--color_icon_secondary_alpha: rgba(255, 255, 255, 0.40);
|
|
981
|
+
--vkui--color_icon_secondary_alpha--hover: rgba(255, 255, 255, 0.44);
|
|
982
|
+
--vkui--color_icon_secondary_alpha--active: rgba(255, 255, 255, 0.48);
|
|
983
|
+
--vkui--color_icon_tertiary: #656565;
|
|
984
|
+
--vkui--color_icon_tertiary--hover: #6B6B6B;
|
|
985
|
+
--vkui--color_icon_tertiary--active: #717171;
|
|
986
|
+
--vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.24);
|
|
987
|
+
--vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.28);
|
|
988
|
+
--vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.32);
|
|
989
|
+
--vkui--color_icon_contrast: #E1E3E6;
|
|
990
|
+
--vkui--color_icon_contrast--hover: #E2E4E7;
|
|
991
|
+
--vkui--color_icon_contrast--active: #E3E5E8;
|
|
992
|
+
--vkui--color_icon_contrast_themed: #222222;
|
|
993
|
+
--vkui--color_icon_contrast_themed--hover: #2B2B2B;
|
|
994
|
+
--vkui--color_icon_contrast_themed--active: #343434;
|
|
995
|
+
--vkui--color_stroke_accent: #71AAEB;
|
|
996
|
+
--vkui--color_stroke_accent--hover: #77ADEC;
|
|
997
|
+
--vkui--color_stroke_accent--active: #7CB1ED;
|
|
998
|
+
--vkui--color_stroke_accent_themed: #E1E3E6;
|
|
999
|
+
--vkui--color_stroke_accent_themed--hover: #E2E4E7;
|
|
1000
|
+
--vkui--color_stroke_accent_themed--active: #E3E5E8;
|
|
1001
|
+
--vkui--color_separator_secondary: #292929;
|
|
1002
|
+
--vkui--color_separator_secondary--hover: #323232;
|
|
1003
|
+
--vkui--color_separator_secondary--active: #3A3A3A;
|
|
1004
|
+
--vkui--color_accent_blue: #397DCC;
|
|
1005
|
+
--vkui--color_accent_blue--hover: #4182CE;
|
|
1006
|
+
--vkui--color_accent_blue--active: #4987D0;
|
|
1007
|
+
--vkui--color_accent_gray--hover: #B1BAC4;
|
|
1008
|
+
--vkui--color_accent_gray--active: #B4BDC7;
|
|
1009
|
+
--vkui--color_accent_purple: #937FF5;
|
|
1010
|
+
--vkui--color_accent_purple--hover: #9784F5;
|
|
1011
|
+
--vkui--color_accent_purple--active: #9C89F6;
|
|
1012
|
+
--vkui--color_accent_violet: #A393F5;
|
|
1013
|
+
--vkui--color_accent_violet--hover: #A797F5;
|
|
1014
|
+
--vkui--color_accent_violet--active: #AA9CF6;
|
|
1015
|
+
--vkui--color_skeleton_from: #292929;
|
|
1016
|
+
--vkui--color_skeleton_from--hover: #323232;
|
|
1017
|
+
--vkui--color_skeleton_from--active: #3A3A3A;
|
|
1018
|
+
--vkui--color_skeleton_to: #333333;
|
|
1019
|
+
--vkui--color_skeleton_to--hover: #3B3B3B;
|
|
1020
|
+
--vkui--color_skeleton_to--active: #434343;
|
|
1021
|
+
--vkui--color_write_bar_icon: #E1E3E6;
|
|
1022
|
+
--vkui--color_write_bar_icon--hover: #E2E4E7;
|
|
1023
|
+
--vkui--color_write_bar_icon--active: #E3E5E8;
|
|
1024
|
+
--vkui--color_write_bar_input_background: #424242;
|
|
1025
|
+
--vkui--color_write_bar_input_background--hover: #4A4A4A;
|
|
1026
|
+
--vkui--color_write_bar_input_background--active: #515151;
|
|
1027
|
+
--vkui--color_write_bar_input_border: #555555;
|
|
1028
|
+
--vkui--color_write_bar_input_border--hover: #5C5C5C;
|
|
1029
|
+
--vkui--color_write_bar_input_border--active: #636363;
|
|
1030
|
+
--vkui--color_track_background: #828282;
|
|
1031
|
+
--vkui--color_track_background--hover: #878787;
|
|
1032
|
+
--vkui--color_track_background--active: #8C8C8C;
|
|
1033
|
+
--vkui--color_track_buffer: #FFFFFF;
|
|
1034
|
+
--vkui--color_track_buffer--hover: #EBEDF0;
|
|
1035
|
+
--vkui--color_track_buffer--active: #D7D8DB;
|
|
1036
|
+
--vkui--color_search_field_background: #424242;
|
|
1037
|
+
--vkui--color_search_field_background--hover: #4A4A4A;
|
|
1038
|
+
--vkui--color_search_field_background--active: #515151
|
|
1039
|
+
}
|