@vkontakte/vkui 5.7.2 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1106) hide show
  1. package/README.md +4 -4
  2. package/dist/cjs/components/Accordion/Accordion.d.ts +1 -1
  3. package/dist/cjs/components/Accordion/Accordion.js +6 -11
  4. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/cjs/components/ActionSheet/ActionSheet.d.ts +6 -1
  6. package/dist/cjs/components/ActionSheet/ActionSheet.js +12 -9
  7. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  8. package/dist/cjs/components/ActionSheet/ActionSheetContext.d.ts +6 -1
  9. package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
  10. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +2 -1
  11. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  12. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts +6 -1
  13. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +15 -4
  14. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  15. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js +22 -8
  16. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  17. package/dist/cjs/components/AppRoot/AppRoot.d.ts +19 -2
  18. package/dist/cjs/components/AppRoot/AppRoot.js +58 -20
  19. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  20. package/dist/cjs/components/AppRoot/AppRootContext.d.ts +1 -0
  21. package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
  22. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.d.ts +1 -1
  23. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  24. package/dist/cjs/components/AspectRatio/AspectRatio.d.ts +3 -3
  25. package/dist/cjs/components/AspectRatio/AspectRatio.js +6 -8
  26. package/dist/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
  27. package/dist/cjs/components/Badge/Badge.d.ts +3 -2
  28. package/dist/cjs/components/Badge/Badge.js +10 -8
  29. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  30. package/dist/cjs/components/Banner/Banner.d.ts +3 -3
  31. package/dist/cjs/components/Banner/Banner.js +10 -9
  32. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  33. package/dist/cjs/components/BaseGallery/BaseGallery.d.ts +1 -1
  34. package/dist/cjs/components/BaseGallery/BaseGallery.js +10 -9
  35. package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
  36. package/dist/cjs/components/BaseGallery/types.d.ts +2 -2
  37. package/dist/cjs/components/BaseGallery/types.js.map +1 -1
  38. package/dist/cjs/components/Button/Button.js +26 -22
  39. package/dist/cjs/components/Button/Button.js.map +1 -1
  40. package/dist/cjs/components/ButtonGroup/ButtonGroup.d.ts +3 -3
  41. package/dist/cjs/components/ButtonGroup/ButtonGroup.js +21 -21
  42. package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
  43. package/dist/cjs/components/Calendar/Calendar.d.ts +3 -3
  44. package/dist/cjs/components/Calendar/Calendar.js +4 -6
  45. package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
  46. package/dist/cjs/components/CalendarDays/CalendarDays.d.ts +3 -2
  47. package/dist/cjs/components/CalendarDays/CalendarDays.js +11 -8
  48. package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
  49. package/dist/cjs/components/CalendarHeader/CalendarHeader.d.ts +3 -2
  50. package/dist/cjs/components/CalendarHeader/CalendarHeader.js +24 -7
  51. package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
  52. package/dist/cjs/components/CalendarRange/CalendarRange.d.ts +3 -3
  53. package/dist/cjs/components/CalendarRange/CalendarRange.js +4 -6
  54. package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
  55. package/dist/cjs/components/Card/Card.d.ts +4 -4
  56. package/dist/cjs/components/Card/Card.js +7 -9
  57. package/dist/cjs/components/Card/Card.js.map +1 -1
  58. package/dist/cjs/components/CardGrid/CardGrid.d.ts +3 -2
  59. package/dist/cjs/components/CardGrid/CardGrid.js +11 -11
  60. package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
  61. package/dist/cjs/components/CardScroll/CardScroll.d.ts +3 -2
  62. package/dist/cjs/components/CardScroll/CardScroll.js +10 -9
  63. package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
  64. package/dist/cjs/components/Cell/CellDragger/CellDragger.d.ts +2 -1
  65. package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
  66. package/dist/cjs/components/Checkbox/Checkbox.js +3 -4
  67. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  68. package/dist/cjs/components/Chip/Chip.d.ts +3 -2
  69. package/dist/cjs/components/Chip/Chip.js +6 -7
  70. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  71. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js +4 -2
  72. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  73. package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +7 -0
  74. package/dist/cjs/components/ConfigProvider/ConfigProvider.js +24 -6
  75. package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  76. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts +47 -3
  77. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js +6 -1
  78. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  79. package/dist/cjs/components/Counter/Counter.d.ts +2 -1
  80. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  81. package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +1 -1
  82. package/dist/cjs/components/CustomSelect/CustomSelect.js +1 -1
  83. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  84. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
  85. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  86. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.d.ts +2 -2
  87. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  88. package/dist/cjs/components/DatePicker/DatePicker.d.ts +2 -1
  89. package/dist/cjs/components/DatePicker/DatePicker.js +5 -5
  90. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  91. package/dist/cjs/components/Div/Div.d.ts +3 -4
  92. package/dist/cjs/components/Div/Div.js +5 -13
  93. package/dist/cjs/components/Div/Div.js.map +1 -1
  94. package/dist/cjs/components/DropdownIcon/DropdownIcon.d.ts +2 -1
  95. package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
  96. package/dist/cjs/components/Epic/Epic.d.ts +3 -2
  97. package/dist/cjs/components/Epic/Epic.js +7 -7
  98. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  99. package/dist/cjs/components/FixedLayout/FixedLayout.d.ts +2 -2
  100. package/dist/cjs/components/FixedLayout/FixedLayout.js +5 -4
  101. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  102. package/dist/cjs/components/FocusTrap/FocusTrap.d.ts +2 -2
  103. package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
  104. package/dist/cjs/components/FocusVisible/FocusVisible.d.ts +2 -1
  105. package/dist/cjs/components/FocusVisible/FocusVisible.js +8 -6
  106. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  107. package/dist/cjs/components/FormField/FormField.js +5 -4
  108. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  109. package/dist/cjs/components/FormItem/FormItem.d.ts +6 -1
  110. package/dist/cjs/components/FormItem/FormItem.js +11 -10
  111. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  112. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -3
  113. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +6 -6
  114. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  115. package/dist/cjs/components/FormStatus/FormStatus.d.ts +2 -2
  116. package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
  117. package/dist/cjs/components/Gradient/Gradient.d.ts +3 -2
  118. package/dist/cjs/components/Gradient/Gradient.js +15 -14
  119. package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
  120. package/dist/cjs/components/Group/Group.d.ts +3 -3
  121. package/dist/cjs/components/Group/Group.js +35 -21
  122. package/dist/cjs/components/Group/Group.js.map +1 -1
  123. package/dist/cjs/components/Header/Header.d.ts +3 -3
  124. package/dist/cjs/components/Header/Header.js +12 -11
  125. package/dist/cjs/components/Header/Header.js.map +1 -1
  126. package/dist/cjs/components/HorizontalCell/HorizontalCell.js +6 -5
  127. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  128. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +3 -3
  129. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +4 -4
  130. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  131. package/dist/cjs/components/ImageBase/ImageBase.d.ts +2 -2
  132. package/dist/cjs/components/ImageBase/ImageBase.js +5 -7
  133. package/dist/cjs/components/ImageBase/ImageBase.js.map +1 -1
  134. package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts +3 -2
  135. package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js +8 -9
  136. package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
  137. package/dist/cjs/components/InfoRow/InfoRow.d.ts +2 -1
  138. package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
  139. package/dist/cjs/components/InputLike/InputLike.d.ts +3 -3
  140. package/dist/cjs/components/InputLike/InputLike.js +6 -8
  141. package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
  142. package/dist/cjs/components/List/List.d.ts +3 -2
  143. package/dist/cjs/components/List/List.js +5 -5
  144. package/dist/cjs/components/List/List.js.map +1 -1
  145. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.d.ts +2 -1
  146. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +14 -11
  147. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  148. package/dist/cjs/components/ModalCard/ModalCard.d.ts +1 -1
  149. package/dist/cjs/components/ModalCard/ModalCard.js +5 -7
  150. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  151. package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts +3 -3
  152. package/dist/cjs/components/ModalCardBase/ModalCardBase.js +4 -6
  153. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  154. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.d.ts +2 -1
  155. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  156. package/dist/cjs/components/ModalPage/ModalPage.d.ts +3 -2
  157. package/dist/cjs/components/ModalPage/ModalPage.js +9 -6
  158. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  159. package/dist/cjs/components/ModalRoot/ModalRoot.js +6 -4
  160. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  161. package/dist/cjs/components/ModalRoot/ModalRootContext.js +3 -0
  162. package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
  163. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +2 -2
  164. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  165. package/dist/cjs/components/ModalRoot/types.d.ts +1 -0
  166. package/dist/cjs/components/ModalRoot/types.js.map +1 -1
  167. package/dist/cjs/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts +8 -0
  168. package/dist/cjs/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js +43 -0
  169. package/dist/cjs/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js.map +1 -0
  170. package/dist/cjs/components/Pagination/Pagination.d.ts +3 -3
  171. package/dist/cjs/components/Pagination/Pagination.js +17 -33
  172. package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
  173. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.d.ts +12 -0
  174. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.js +48 -0
  175. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageButton.js.map +1 -0
  176. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts +6 -0
  177. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.js +32 -0
  178. package/dist/cjs/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map +1 -0
  179. package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts +5 -0
  180. package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.js +20 -0
  181. package/dist/cjs/components/Pagination/PaginationPage/usePaginationPageClasses.js.map +1 -0
  182. package/dist/cjs/components/Pagination/utils.d.ts +1 -0
  183. package/dist/cjs/components/Pagination/utils.js +15 -0
  184. package/dist/cjs/components/Pagination/utils.js.map +1 -0
  185. package/dist/cjs/components/Panel/Panel.d.ts +3 -3
  186. package/dist/cjs/components/Panel/Panel.js +7 -7
  187. package/dist/cjs/components/Panel/Panel.js.map +1 -1
  188. package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +3 -3
  189. package/dist/cjs/components/PanelHeader/PanelHeader.js +15 -10
  190. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  191. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts +3 -2
  192. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +4 -6
  193. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  194. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.d.ts +2 -1
  195. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  196. package/dist/cjs/components/Placeholder/Placeholder.d.ts +24 -11
  197. package/dist/cjs/components/Placeholder/Placeholder.js +49 -21
  198. package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
  199. package/dist/cjs/components/PopoutRoot/PopoutRoot.d.ts +3 -3
  200. package/dist/cjs/components/PopoutRoot/PopoutRoot.js +12 -17
  201. package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
  202. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.d.ts +3 -2
  203. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js +16 -16
  204. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  205. package/dist/cjs/components/Popper/Popper.d.ts +7 -3
  206. package/dist/cjs/components/Popper/Popper.js +19 -10
  207. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  208. package/dist/cjs/components/Progress/Progress.d.ts +3 -3
  209. package/dist/cjs/components/Progress/Progress.js +9 -10
  210. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  211. package/dist/cjs/components/PromoBanner/PromoBanner.d.ts +3 -2
  212. package/dist/cjs/components/PromoBanner/PromoBanner.js +5 -6
  213. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  214. package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +25 -0
  215. package/dist/cjs/components/PullToRefresh/PullToRefresh.js +5 -2
  216. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  217. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.d.ts +7 -7
  218. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js +14 -6
  219. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  220. package/dist/cjs/components/RadioGroup/RadioGroup.d.ts +3 -2
  221. package/dist/cjs/components/RadioGroup/RadioGroup.js +6 -7
  222. package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  223. package/dist/cjs/components/Removable/Removable.d.ts +3 -3
  224. package/dist/cjs/components/Removable/Removable.js +4 -8
  225. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  226. package/dist/cjs/components/RichCell/RichCell.d.ts +1 -1
  227. package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.d.ts +3 -1
  228. package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.js +5 -11
  229. package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.js.map +1 -1
  230. package/dist/cjs/components/RichTooltip/RichTooltip.js +7 -6
  231. package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
  232. package/dist/cjs/components/Root/Root.d.ts +3 -2
  233. package/dist/cjs/components/Root/Root.js +13 -10
  234. package/dist/cjs/components/Root/Root.js.map +1 -1
  235. package/dist/cjs/components/RootComponent/RootComponent.d.ts +9 -0
  236. package/dist/cjs/components/RootComponent/RootComponent.js +29 -0
  237. package/dist/cjs/components/RootComponent/RootComponent.js.map +1 -0
  238. package/dist/cjs/components/ScrollArrow/ScrollArrow.d.ts +1 -1
  239. package/dist/cjs/components/ScrollArrow/ScrollArrow.js +13 -12
  240. package/dist/cjs/components/ScrollArrow/ScrollArrow.js.map +1 -1
  241. package/dist/cjs/components/Search/Search.d.ts +3 -3
  242. package/dist/cjs/components/Search/Search.js +4 -2
  243. package/dist/cjs/components/Search/Search.js.map +1 -1
  244. package/dist/cjs/components/SegmentedControl/SegmentedControl.d.ts +3 -3
  245. package/dist/cjs/components/SegmentedControl/SegmentedControl.js +4 -6
  246. package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  247. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +3 -3
  248. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +4 -2
  249. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  250. package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  251. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  252. package/dist/cjs/components/SelectTypography/SelectTypography.d.ts +2 -2
  253. package/dist/cjs/components/SelectTypography/SelectTypography.js.map +1 -1
  254. package/dist/cjs/components/Separator/Separator.d.ts +3 -2
  255. package/dist/cjs/components/Separator/Separator.js +5 -5
  256. package/dist/cjs/components/Separator/Separator.js.map +1 -1
  257. package/dist/cjs/components/Slider/Slider.d.ts +4 -3
  258. package/dist/cjs/components/Slider/Slider.js +5 -2
  259. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  260. package/dist/cjs/components/Slider/SliderThumb/SliderThumb.d.ts +2 -1
  261. package/dist/cjs/components/Slider/SliderThumb/SliderThumb.js +56 -5
  262. package/dist/cjs/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  263. package/dist/cjs/components/Snackbar/Snackbar.d.ts +3 -2
  264. package/dist/cjs/components/Snackbar/Snackbar.js +8 -7
  265. package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
  266. package/dist/cjs/components/Spacing/Spacing.d.ts +3 -3
  267. package/dist/cjs/components/Spacing/Spacing.js +5 -6
  268. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  269. package/dist/cjs/components/Spinner/Spinner.d.ts +3 -2
  270. package/dist/cjs/components/Spinner/Spinner.js +6 -6
  271. package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
  272. package/dist/cjs/components/SplitCol/SplitCol.d.ts +2 -1
  273. package/dist/cjs/components/SplitCol/SplitCol.js +8 -6
  274. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  275. package/dist/cjs/components/SplitLayout/SplitLayout.d.ts +2 -2
  276. package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
  277. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.d.ts +3 -2
  278. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js +7 -9
  279. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  280. package/dist/cjs/components/Tabbar/Tabbar.d.ts +3 -2
  281. package/dist/cjs/components/Tabbar/Tabbar.js +6 -7
  282. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  283. package/dist/cjs/components/TabbarItem/TabbarItem.d.ts +1 -1
  284. package/dist/cjs/components/TabbarItem/TabbarItem.js +7 -7
  285. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  286. package/dist/cjs/components/Tabs/Tabs.d.ts +3 -3
  287. package/dist/cjs/components/Tabs/Tabs.js +4 -6
  288. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  289. package/dist/cjs/components/TabsItem/TabsItem.d.ts +2 -1
  290. package/dist/cjs/components/TabsItem/TabsItem.js +6 -5
  291. package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
  292. package/dist/cjs/components/Tappable/Tappable.d.ts +6 -1
  293. package/dist/cjs/components/Tappable/Tappable.js +12 -9
  294. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  295. package/dist/cjs/components/TextTooltip/TextTooltip.js +7 -6
  296. package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
  297. package/dist/cjs/components/Tooltip/Tooltip.d.ts +1 -1
  298. package/dist/cjs/components/Tooltip/Tooltip.js +5 -3
  299. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  300. package/dist/cjs/components/TooltipBase/TooltipBase.d.ts +8 -1
  301. package/dist/cjs/components/TooltipBase/TooltipBase.js +21 -8
  302. package/dist/cjs/components/TooltipBase/TooltipBase.js.map +1 -1
  303. package/dist/cjs/components/Typography/Caption/Caption.js +6 -5
  304. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  305. package/dist/cjs/components/Typography/Headline/Headline.js +5 -4
  306. package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
  307. package/dist/cjs/components/Typography/Title/Title.js +6 -5
  308. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  309. package/dist/cjs/components/Typography/Typography.d.ts +1 -1
  310. package/dist/cjs/components/Typography/Typography.js +12 -13
  311. package/dist/cjs/components/Typography/Typography.js.map +1 -1
  312. package/dist/cjs/components/UsersStack/UsersStack.d.ts +3 -2
  313. package/dist/cjs/components/UsersStack/UsersStack.js +14 -12
  314. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  315. package/dist/cjs/components/View/View.d.ts +2 -1
  316. package/dist/cjs/components/View/View.js +7 -3
  317. package/dist/cjs/components/View/View.js.map +1 -1
  318. package/dist/cjs/components/View/ViewInfinite.d.ts +10 -3
  319. package/dist/cjs/components/View/ViewInfinite.js +17 -6
  320. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  321. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  322. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +8 -9
  323. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  324. package/dist/cjs/helpers/appearance.d.ts +4 -0
  325. package/dist/cjs/helpers/appearance.js.map +1 -1
  326. package/dist/cjs/hooks/useAppearance.d.ts +1 -1
  327. package/dist/cjs/hooks/useAutoDetectAppearance.d.ts +4 -0
  328. package/dist/cjs/hooks/useAutoDetectAppearance.js.map +1 -1
  329. package/dist/cjs/hooks/useBridgeAdaptivity.d.ts +5 -1
  330. package/dist/cjs/hooks/useBridgeAdaptivity.js +25 -20
  331. package/dist/cjs/hooks/useBridgeAdaptivity.js.map +1 -1
  332. package/dist/cjs/hooks/useInsets.d.ts +5 -1
  333. package/dist/cjs/hooks/useInsets.js +11 -11
  334. package/dist/cjs/hooks/useInsets.js.map +1 -1
  335. package/dist/cjs/index.d.ts +6 -3
  336. package/dist/cjs/index.js +14 -0
  337. package/dist/cjs/index.js.map +1 -1
  338. package/dist/cjs/lib/adaptivity/functions.d.ts +8 -0
  339. package/dist/cjs/lib/adaptivity/functions.js +30 -0
  340. package/dist/cjs/lib/adaptivity/functions.js.map +1 -1
  341. package/dist/cjs/lib/appearance/index.d.ts +1 -0
  342. package/dist/cjs/lib/appearance/index.js +6 -0
  343. package/dist/cjs/lib/appearance/index.js.map +1 -0
  344. package/dist/cjs/lib/appearance/types.d.ts +1 -0
  345. package/dist/cjs/lib/appearance/types.js +6 -0
  346. package/dist/cjs/lib/appearance/types.js.map +1 -0
  347. package/dist/cjs/lib/floating/index.d.ts +1 -1
  348. package/dist/cjs/lib/floating/index.js +3 -0
  349. package/dist/cjs/lib/floating/index.js.map +1 -1
  350. package/dist/cjs/lib/platform.js +11 -7
  351. package/dist/cjs/lib/platform.js.map +1 -1
  352. package/dist/cjs/lib/select.d.ts +1 -1
  353. package/dist/cjs/lib/taptic.d.ts +4 -0
  354. package/dist/cjs/lib/taptic.js.map +1 -1
  355. package/dist/cjs/lib/utils.d.ts +2 -0
  356. package/dist/cjs/lib/utils.js +22 -0
  357. package/dist/cjs/lib/utils.js.map +1 -1
  358. package/dist/cjs/types.d.ts +1 -0
  359. package/dist/cjs/types.js.map +1 -1
  360. package/dist/components/Accordion/Accordion.d.ts +1 -1
  361. package/dist/components/Accordion/Accordion.js +6 -11
  362. package/dist/components/Accordion/Accordion.js.map +1 -1
  363. package/dist/components/ActionSheet/ActionSheet.d.ts +6 -1
  364. package/dist/components/ActionSheet/ActionSheet.js +12 -9
  365. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  366. package/dist/components/ActionSheet/ActionSheetContext.d.ts +6 -1
  367. package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
  368. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +2 -1
  369. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  370. package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +6 -1
  371. package/dist/components/ActionSheetItem/ActionSheetItem.js +15 -4
  372. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  373. package/dist/components/AdaptivityProvider/AdaptivityProvider.js +22 -8
  374. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  375. package/dist/components/AppRoot/AppRoot.d.ts +19 -2
  376. package/dist/components/AppRoot/AppRoot.js +58 -20
  377. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  378. package/dist/components/AppRoot/AppRootContext.d.ts +1 -0
  379. package/dist/components/AppRoot/AppRootContext.js.map +1 -1
  380. package/dist/components/AppearanceProvider/AppearanceProvider.d.ts +1 -1
  381. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  382. package/dist/components/AspectRatio/AspectRatio.d.ts +3 -3
  383. package/dist/components/AspectRatio/AspectRatio.js +6 -8
  384. package/dist/components/AspectRatio/AspectRatio.js.map +1 -1
  385. package/dist/components/Badge/Badge.d.ts +3 -2
  386. package/dist/components/Badge/Badge.js +10 -8
  387. package/dist/components/Badge/Badge.js.map +1 -1
  388. package/dist/components/Banner/Banner.d.ts +3 -3
  389. package/dist/components/Banner/Banner.js +10 -9
  390. package/dist/components/Banner/Banner.js.map +1 -1
  391. package/dist/components/BaseGallery/BaseGallery.d.ts +1 -1
  392. package/dist/components/BaseGallery/BaseGallery.js +10 -9
  393. package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
  394. package/dist/components/BaseGallery/types.d.ts +2 -2
  395. package/dist/components/BaseGallery/types.js.map +1 -1
  396. package/dist/components/Button/Button.js +26 -22
  397. package/dist/components/Button/Button.js.map +1 -1
  398. package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -3
  399. package/dist/components/ButtonGroup/ButtonGroup.js +21 -21
  400. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  401. package/dist/components/Calendar/Calendar.d.ts +3 -3
  402. package/dist/components/Calendar/Calendar.js +4 -6
  403. package/dist/components/Calendar/Calendar.js.map +1 -1
  404. package/dist/components/CalendarDays/CalendarDays.d.ts +3 -2
  405. package/dist/components/CalendarDays/CalendarDays.js +11 -8
  406. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  407. package/dist/components/CalendarHeader/CalendarHeader.d.ts +3 -2
  408. package/dist/components/CalendarHeader/CalendarHeader.js +24 -7
  409. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  410. package/dist/components/CalendarRange/CalendarRange.d.ts +3 -3
  411. package/dist/components/CalendarRange/CalendarRange.js +4 -6
  412. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  413. package/dist/components/Card/Card.d.ts +4 -4
  414. package/dist/components/Card/Card.js +7 -9
  415. package/dist/components/Card/Card.js.map +1 -1
  416. package/dist/components/CardGrid/CardGrid.d.ts +3 -2
  417. package/dist/components/CardGrid/CardGrid.js +11 -11
  418. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  419. package/dist/components/CardScroll/CardScroll.d.ts +3 -2
  420. package/dist/components/CardScroll/CardScroll.js +10 -9
  421. package/dist/components/CardScroll/CardScroll.js.map +1 -1
  422. package/dist/components/Cell/CellDragger/CellDragger.d.ts +2 -1
  423. package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
  424. package/dist/components/Checkbox/Checkbox.js +3 -4
  425. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  426. package/dist/components/Chip/Chip.d.ts +3 -2
  427. package/dist/components/Chip/Chip.js +6 -7
  428. package/dist/components/Chip/Chip.js.map +1 -1
  429. package/dist/components/ChipsInputBase/ChipsInputBase.js +4 -2
  430. package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  431. package/dist/components/ConfigProvider/ConfigProvider.d.ts +7 -0
  432. package/dist/components/ConfigProvider/ConfigProvider.js +25 -7
  433. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  434. package/dist/components/ConfigProvider/ConfigProviderContext.d.ts +47 -3
  435. package/dist/components/ConfigProvider/ConfigProviderContext.js +6 -1
  436. package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  437. package/dist/components/Counter/Counter.d.ts +2 -1
  438. package/dist/components/Counter/Counter.js.map +1 -1
  439. package/dist/components/CustomSelect/CustomSelect.d.ts +1 -1
  440. package/dist/components/CustomSelect/CustomSelect.js +1 -1
  441. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  442. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
  443. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  444. package/dist/components/CustomSelectOption/CustomSelectOption.d.ts +2 -2
  445. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  446. package/dist/components/DatePicker/DatePicker.d.ts +2 -1
  447. package/dist/components/DatePicker/DatePicker.js +6 -6
  448. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  449. package/dist/components/Div/Div.d.ts +3 -4
  450. package/dist/components/Div/Div.js +5 -13
  451. package/dist/components/Div/Div.js.map +1 -1
  452. package/dist/components/DropdownIcon/DropdownIcon.d.ts +2 -1
  453. package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
  454. package/dist/components/Epic/Epic.d.ts +3 -2
  455. package/dist/components/Epic/Epic.js +7 -7
  456. package/dist/components/Epic/Epic.js.map +1 -1
  457. package/dist/components/FixedLayout/FixedLayout.d.ts +2 -2
  458. package/dist/components/FixedLayout/FixedLayout.js +5 -4
  459. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  460. package/dist/components/FocusTrap/FocusTrap.d.ts +2 -2
  461. package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
  462. package/dist/components/FocusVisible/FocusVisible.d.ts +2 -1
  463. package/dist/components/FocusVisible/FocusVisible.js +8 -6
  464. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  465. package/dist/components/FormField/FormField.js +5 -4
  466. package/dist/components/FormField/FormField.js.map +1 -1
  467. package/dist/components/FormItem/FormItem.d.ts +6 -1
  468. package/dist/components/FormItem/FormItem.js +11 -10
  469. package/dist/components/FormItem/FormItem.js.map +1 -1
  470. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -3
  471. package/dist/components/FormLayoutGroup/FormLayoutGroup.js +6 -6
  472. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  473. package/dist/components/FormStatus/FormStatus.d.ts +2 -2
  474. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  475. package/dist/components/Gradient/Gradient.d.ts +3 -2
  476. package/dist/components/Gradient/Gradient.js +15 -14
  477. package/dist/components/Gradient/Gradient.js.map +1 -1
  478. package/dist/components/Group/Group.d.ts +3 -3
  479. package/dist/components/Group/Group.js +35 -21
  480. package/dist/components/Group/Group.js.map +1 -1
  481. package/dist/components/Header/Header.d.ts +3 -3
  482. package/dist/components/Header/Header.js +12 -11
  483. package/dist/components/Header/Header.js.map +1 -1
  484. package/dist/components/HorizontalCell/HorizontalCell.js +6 -5
  485. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  486. package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +3 -3
  487. package/dist/components/HorizontalScroll/HorizontalScroll.js +4 -4
  488. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  489. package/dist/components/ImageBase/ImageBase.d.ts +2 -2
  490. package/dist/components/ImageBase/ImageBase.js +5 -7
  491. package/dist/components/ImageBase/ImageBase.js.map +1 -1
  492. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts +3 -2
  493. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js +8 -9
  494. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
  495. package/dist/components/InfoRow/InfoRow.d.ts +2 -1
  496. package/dist/components/InfoRow/InfoRow.js.map +1 -1
  497. package/dist/components/InputLike/InputLike.d.ts +3 -3
  498. package/dist/components/InputLike/InputLike.js +6 -8
  499. package/dist/components/InputLike/InputLike.js.map +1 -1
  500. package/dist/components/List/List.d.ts +3 -2
  501. package/dist/components/List/List.js +5 -5
  502. package/dist/components/List/List.js.map +1 -1
  503. package/dist/components/MiniInfoCell/MiniInfoCell.d.ts +2 -1
  504. package/dist/components/MiniInfoCell/MiniInfoCell.js +14 -11
  505. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  506. package/dist/components/ModalCard/ModalCard.d.ts +1 -1
  507. package/dist/components/ModalCard/ModalCard.js +5 -7
  508. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  509. package/dist/components/ModalCardBase/ModalCardBase.d.ts +3 -3
  510. package/dist/components/ModalCardBase/ModalCardBase.js +4 -6
  511. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  512. package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +2 -1
  513. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  514. package/dist/components/ModalPage/ModalPage.d.ts +3 -2
  515. package/dist/components/ModalPage/ModalPage.js +9 -6
  516. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  517. package/dist/components/ModalRoot/ModalRoot.js +7 -5
  518. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  519. package/dist/components/ModalRoot/ModalRootContext.js +3 -0
  520. package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
  521. package/dist/components/ModalRoot/ModalRootDesktop.js +3 -3
  522. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  523. package/dist/components/ModalRoot/types.d.ts +1 -0
  524. package/dist/components/ModalRoot/types.js.map +1 -1
  525. package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts +8 -0
  526. package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js +24 -0
  527. package/dist/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js.map +1 -0
  528. package/dist/components/Pagination/Pagination.d.ts +3 -3
  529. package/dist/components/Pagination/Pagination.js +17 -33
  530. package/dist/components/Pagination/Pagination.js.map +1 -1
  531. package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts +12 -0
  532. package/dist/components/Pagination/PaginationPage/PaginationPageButton.js +37 -0
  533. package/dist/components/Pagination/PaginationPage/PaginationPageButton.js.map +1 -0
  534. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts +6 -0
  535. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.js +21 -0
  536. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map +1 -0
  537. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts +5 -0
  538. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.js +10 -0
  539. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.js.map +1 -0
  540. package/dist/components/Pagination/utils.d.ts +1 -0
  541. package/dist/components/Pagination/utils.js +5 -0
  542. package/dist/components/Pagination/utils.js.map +1 -0
  543. package/dist/components/Panel/Panel.d.ts +3 -3
  544. package/dist/components/Panel/Panel.js +7 -7
  545. package/dist/components/Panel/Panel.js.map +1 -1
  546. package/dist/components/PanelHeader/PanelHeader.d.ts +3 -3
  547. package/dist/components/PanelHeader/PanelHeader.js +16 -11
  548. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  549. package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts +3 -2
  550. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +4 -6
  551. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  552. package/dist/components/PanelHeaderContext/PanelHeaderContext.d.ts +2 -1
  553. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  554. package/dist/components/Placeholder/Placeholder.d.ts +24 -11
  555. package/dist/components/Placeholder/Placeholder.js +49 -21
  556. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  557. package/dist/components/PopoutRoot/PopoutRoot.d.ts +3 -3
  558. package/dist/components/PopoutRoot/PopoutRoot.js +12 -17
  559. package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
  560. package/dist/components/PopoutWrapper/PopoutWrapper.d.ts +3 -2
  561. package/dist/components/PopoutWrapper/PopoutWrapper.js +16 -16
  562. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  563. package/dist/components/Popper/Popper.d.ts +7 -3
  564. package/dist/components/Popper/Popper.js +20 -11
  565. package/dist/components/Popper/Popper.js.map +1 -1
  566. package/dist/components/Progress/Progress.d.ts +3 -3
  567. package/dist/components/Progress/Progress.js +9 -10
  568. package/dist/components/Progress/Progress.js.map +1 -1
  569. package/dist/components/PromoBanner/PromoBanner.d.ts +3 -2
  570. package/dist/components/PromoBanner/PromoBanner.js +5 -6
  571. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  572. package/dist/components/PullToRefresh/PullToRefresh.d.ts +25 -0
  573. package/dist/components/PullToRefresh/PullToRefresh.js +5 -2
  574. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  575. package/dist/components/PullToRefresh/PullToRefreshSpinner.d.ts +7 -7
  576. package/dist/components/PullToRefresh/PullToRefreshSpinner.js +14 -6
  577. package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  578. package/dist/components/RadioGroup/RadioGroup.d.ts +3 -2
  579. package/dist/components/RadioGroup/RadioGroup.js +6 -7
  580. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  581. package/dist/components/Removable/Removable.d.ts +3 -3
  582. package/dist/components/Removable/Removable.js +4 -8
  583. package/dist/components/Removable/Removable.js.map +1 -1
  584. package/dist/components/RichCell/RichCell.d.ts +1 -1
  585. package/dist/components/RichCell/RichCellIcon/RichCellIcon.d.ts +3 -1
  586. package/dist/components/RichCell/RichCellIcon/RichCellIcon.js +5 -11
  587. package/dist/components/RichCell/RichCellIcon/RichCellIcon.js.map +1 -1
  588. package/dist/components/RichTooltip/RichTooltip.js +7 -6
  589. package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
  590. package/dist/components/Root/Root.d.ts +3 -2
  591. package/dist/components/Root/Root.js +13 -10
  592. package/dist/components/Root/Root.js.map +1 -1
  593. package/dist/components/RootComponent/RootComponent.d.ts +9 -0
  594. package/dist/components/RootComponent/RootComponent.js +20 -0
  595. package/dist/components/RootComponent/RootComponent.js.map +1 -0
  596. package/dist/components/ScrollArrow/ScrollArrow.d.ts +1 -1
  597. package/dist/components/ScrollArrow/ScrollArrow.js +13 -12
  598. package/dist/components/ScrollArrow/ScrollArrow.js.map +1 -1
  599. package/dist/components/Search/Search.d.ts +3 -3
  600. package/dist/components/Search/Search.js +4 -2
  601. package/dist/components/Search/Search.js.map +1 -1
  602. package/dist/components/SegmentedControl/SegmentedControl.d.ts +3 -3
  603. package/dist/components/SegmentedControl/SegmentedControl.js +4 -6
  604. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  605. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +3 -3
  606. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +4 -2
  607. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  608. package/dist/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  609. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  610. package/dist/components/SelectTypography/SelectTypography.d.ts +2 -2
  611. package/dist/components/SelectTypography/SelectTypography.js.map +1 -1
  612. package/dist/components/Separator/Separator.d.ts +3 -2
  613. package/dist/components/Separator/Separator.js +5 -5
  614. package/dist/components/Separator/Separator.js.map +1 -1
  615. package/dist/components/Slider/Slider.d.ts +4 -3
  616. package/dist/components/Slider/Slider.js +5 -2
  617. package/dist/components/Slider/Slider.js.map +1 -1
  618. package/dist/components/Slider/SliderThumb/SliderThumb.d.ts +2 -1
  619. package/dist/components/Slider/SliderThumb/SliderThumb.js +56 -5
  620. package/dist/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  621. package/dist/components/Snackbar/Snackbar.d.ts +3 -2
  622. package/dist/components/Snackbar/Snackbar.js +8 -7
  623. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  624. package/dist/components/Spacing/Spacing.d.ts +3 -3
  625. package/dist/components/Spacing/Spacing.js +5 -6
  626. package/dist/components/Spacing/Spacing.js.map +1 -1
  627. package/dist/components/Spinner/Spinner.d.ts +3 -2
  628. package/dist/components/Spinner/Spinner.js +6 -6
  629. package/dist/components/Spinner/Spinner.js.map +1 -1
  630. package/dist/components/SplitCol/SplitCol.d.ts +2 -1
  631. package/dist/components/SplitCol/SplitCol.js +8 -6
  632. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  633. package/dist/components/SplitLayout/SplitLayout.d.ts +2 -2
  634. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  635. package/dist/components/SubnavigationBar/SubnavigationBar.d.ts +3 -2
  636. package/dist/components/SubnavigationBar/SubnavigationBar.js +7 -9
  637. package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  638. package/dist/components/Tabbar/Tabbar.d.ts +3 -2
  639. package/dist/components/Tabbar/Tabbar.js +6 -7
  640. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  641. package/dist/components/TabbarItem/TabbarItem.d.ts +1 -1
  642. package/dist/components/TabbarItem/TabbarItem.js +7 -7
  643. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  644. package/dist/components/Tabs/Tabs.d.ts +3 -3
  645. package/dist/components/Tabs/Tabs.js +4 -6
  646. package/dist/components/Tabs/Tabs.js.map +1 -1
  647. package/dist/components/TabsItem/TabsItem.d.ts +2 -1
  648. package/dist/components/TabsItem/TabsItem.js +6 -5
  649. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  650. package/dist/components/Tappable/Tappable.d.ts +6 -1
  651. package/dist/components/Tappable/Tappable.js +12 -9
  652. package/dist/components/Tappable/Tappable.js.map +1 -1
  653. package/dist/components/TextTooltip/TextTooltip.js +7 -6
  654. package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
  655. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  656. package/dist/components/Tooltip/Tooltip.js +6 -4
  657. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  658. package/dist/components/TooltipBase/TooltipBase.d.ts +8 -1
  659. package/dist/components/TooltipBase/TooltipBase.js +10 -5
  660. package/dist/components/TooltipBase/TooltipBase.js.map +1 -1
  661. package/dist/components/Typography/Caption/Caption.js +6 -5
  662. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  663. package/dist/components/Typography/Headline/Headline.js +5 -4
  664. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  665. package/dist/components/Typography/Title/Title.js +6 -5
  666. package/dist/components/Typography/Title/Title.js.map +1 -1
  667. package/dist/components/Typography/Typography.d.ts +1 -1
  668. package/dist/components/Typography/Typography.js +12 -13
  669. package/dist/components/Typography/Typography.js.map +1 -1
  670. package/dist/components/UsersStack/UsersStack.d.ts +3 -2
  671. package/dist/components/UsersStack/UsersStack.js +14 -12
  672. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  673. package/dist/components/View/View.d.ts +2 -1
  674. package/dist/components/View/View.js +7 -3
  675. package/dist/components/View/View.js.map +1 -1
  676. package/dist/components/View/ViewInfinite.d.ts +10 -3
  677. package/dist/components/View/ViewInfinite.js +7 -4
  678. package/dist/components/View/ViewInfinite.js.map +1 -1
  679. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  680. package/dist/components/VisuallyHidden/VisuallyHidden.js +8 -9
  681. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  682. package/dist/components.css +19 -18
  683. package/dist/components.css.map +1 -1
  684. package/dist/components.js.tmp +6990 -4428
  685. package/dist/cssm/components/Accordion/Accordion.d.ts +1 -1
  686. package/dist/cssm/components/Accordion/Accordion.js +5 -5
  687. package/dist/cssm/components/Accordion/Accordion.js.map +1 -1
  688. package/dist/cssm/components/ActionSheet/ActionSheet.d.ts +6 -1
  689. package/dist/cssm/components/ActionSheet/ActionSheet.js +11 -9
  690. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  691. package/dist/cssm/components/ActionSheet/ActionSheetContext.d.ts +6 -1
  692. package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
  693. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +1 -0
  694. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -1
  695. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +6 -1
  696. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +13 -3
  697. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  698. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +22 -8
  699. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  700. package/dist/cssm/components/AppRoot/AppRoot.d.ts +19 -2
  701. package/dist/cssm/components/AppRoot/AppRoot.js +49 -15
  702. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  703. package/dist/cssm/components/AppRoot/AppRootContext.d.ts +1 -0
  704. package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
  705. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts +1 -1
  706. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  707. package/dist/cssm/components/AspectRatio/AspectRatio.d.ts +3 -3
  708. package/dist/cssm/components/AspectRatio/AspectRatio.js +5 -5
  709. package/dist/cssm/components/AspectRatio/AspectRatio.js.map +1 -1
  710. package/dist/cssm/components/Badge/Badge.d.ts +3 -2
  711. package/dist/cssm/components/Badge/Badge.js +8 -5
  712. package/dist/cssm/components/Badge/Badge.js.map +1 -1
  713. package/dist/cssm/components/Banner/Banner.d.ts +3 -3
  714. package/dist/cssm/components/Banner/Banner.js +9 -7
  715. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  716. package/dist/cssm/components/BaseGallery/BaseGallery.d.ts +1 -1
  717. package/dist/cssm/components/BaseGallery/BaseGallery.js +10 -8
  718. package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
  719. package/dist/cssm/components/BaseGallery/types.d.ts +2 -2
  720. package/dist/cssm/components/BaseGallery/types.js.map +1 -1
  721. package/dist/cssm/components/Button/Button.js +26 -22
  722. package/dist/cssm/components/Button/Button.js.map +1 -1
  723. package/dist/cssm/components/ButtonGroup/ButtonGroup.d.ts +3 -3
  724. package/dist/cssm/components/ButtonGroup/ButtonGroup.js +19 -16
  725. package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  726. package/dist/cssm/components/Calendar/Calendar.d.ts +3 -3
  727. package/dist/cssm/components/Calendar/Calendar.js +4 -4
  728. package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
  729. package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +3 -2
  730. package/dist/cssm/components/CalendarDays/CalendarDays.js +9 -6
  731. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  732. package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +3 -2
  733. package/dist/cssm/components/CalendarHeader/CalendarHeader.js +6 -4
  734. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  735. package/dist/cssm/components/CalendarRange/CalendarRange.d.ts +3 -3
  736. package/dist/cssm/components/CalendarRange/CalendarRange.js +4 -5
  737. package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
  738. package/dist/cssm/components/Card/Card.d.ts +4 -4
  739. package/dist/cssm/components/Card/Card.js +6 -5
  740. package/dist/cssm/components/Card/Card.js.map +1 -1
  741. package/dist/cssm/components/Card/Card.module.css +1 -1
  742. package/dist/cssm/components/CardGrid/CardGrid.d.ts +3 -2
  743. package/dist/cssm/components/CardGrid/CardGrid.js +10 -8
  744. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  745. package/dist/cssm/components/CardGrid/CardGrid.module.css +0 -7
  746. package/dist/cssm/components/CardScroll/CardScroll.d.ts +3 -2
  747. package/dist/cssm/components/CardScroll/CardScroll.js +9 -7
  748. package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
  749. package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts +2 -1
  750. package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
  751. package/dist/cssm/components/Checkbox/Checkbox.js +2 -3
  752. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  753. package/dist/cssm/components/Chip/Chip.d.ts +3 -2
  754. package/dist/cssm/components/Chip/Chip.js +5 -5
  755. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  756. package/dist/cssm/components/Chip/Chip.module.css +24 -0
  757. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js +4 -2
  758. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  759. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.module.css +1 -4
  760. package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +7 -0
  761. package/dist/cssm/components/ConfigProvider/ConfigProvider.js +32 -7
  762. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  763. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.d.ts +47 -3
  764. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js +6 -1
  765. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  766. package/dist/cssm/components/Counter/Counter.d.ts +2 -1
  767. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  768. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +1 -1
  769. package/dist/cssm/components/CustomSelect/CustomSelect.js +1 -1
  770. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  771. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
  772. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  773. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.d.ts +2 -2
  774. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  775. package/dist/cssm/components/DatePicker/DatePicker.d.ts +2 -1
  776. package/dist/cssm/components/DatePicker/DatePicker.js +5 -4
  777. package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
  778. package/dist/cssm/components/Div/Div.d.ts +3 -4
  779. package/dist/cssm/components/Div/Div.js +5 -8
  780. package/dist/cssm/components/Div/Div.js.map +1 -1
  781. package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +2 -1
  782. package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
  783. package/dist/cssm/components/Epic/Epic.d.ts +3 -2
  784. package/dist/cssm/components/Epic/Epic.js +4 -4
  785. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  786. package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +2 -2
  787. package/dist/cssm/components/FixedLayout/FixedLayout.js +5 -4
  788. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  789. package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +2 -2
  790. package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
  791. package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +2 -1
  792. package/dist/cssm/components/FocusVisible/FocusVisible.js +8 -6
  793. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  794. package/dist/cssm/components/FormField/FormField.js +5 -4
  795. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  796. package/dist/cssm/components/FormItem/FormItem.d.ts +6 -1
  797. package/dist/cssm/components/FormItem/FormItem.js +9 -7
  798. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  799. package/dist/cssm/components/FormItem/FormItem.module.css +3 -0
  800. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +3 -3
  801. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +5 -4
  802. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  803. package/dist/cssm/components/FormStatus/FormStatus.d.ts +2 -2
  804. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  805. package/dist/cssm/components/Gradient/Gradient.d.ts +3 -2
  806. package/dist/cssm/components/Gradient/Gradient.js +14 -11
  807. package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
  808. package/dist/cssm/components/Group/Group.d.ts +3 -3
  809. package/dist/cssm/components/Group/Group.js +34 -19
  810. package/dist/cssm/components/Group/Group.js.map +1 -1
  811. package/dist/cssm/components/Group/Group.module.css +36 -4
  812. package/dist/cssm/components/Header/Header.d.ts +3 -3
  813. package/dist/cssm/components/Header/Header.js +10 -8
  814. package/dist/cssm/components/Header/Header.js.map +1 -1
  815. package/dist/cssm/components/HorizontalCell/HorizontalCell.js +6 -5
  816. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  817. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +3 -3
  818. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +4 -3
  819. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  820. package/dist/cssm/components/ImageBase/ImageBase.d.ts +2 -2
  821. package/dist/cssm/components/ImageBase/ImageBase.js +5 -5
  822. package/dist/cssm/components/ImageBase/ImageBase.js.map +1 -1
  823. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts +3 -2
  824. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js +7 -6
  825. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
  826. package/dist/cssm/components/InfoRow/InfoRow.d.ts +2 -1
  827. package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
  828. package/dist/cssm/components/Input/Input.module.css +15 -0
  829. package/dist/cssm/components/InputLike/InputLike.d.ts +3 -3
  830. package/dist/cssm/components/InputLike/InputLike.js +5 -5
  831. package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
  832. package/dist/cssm/components/List/List.d.ts +3 -2
  833. package/dist/cssm/components/List/List.js +4 -3
  834. package/dist/cssm/components/List/List.js.map +1 -1
  835. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts +2 -1
  836. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +14 -11
  837. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  838. package/dist/cssm/components/ModalCard/ModalCard.d.ts +1 -1
  839. package/dist/cssm/components/ModalCard/ModalCard.js +4 -4
  840. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  841. package/dist/cssm/components/ModalCardBase/ModalCardBase.d.ts +3 -3
  842. package/dist/cssm/components/ModalCardBase/ModalCardBase.js +4 -4
  843. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  844. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +2 -1
  845. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  846. package/dist/cssm/components/ModalPage/ModalPage.d.ts +3 -2
  847. package/dist/cssm/components/ModalPage/ModalPage.js +8 -4
  848. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  849. package/dist/cssm/components/ModalPage/ModalPage.module.css +7 -3
  850. package/dist/cssm/components/ModalRoot/ModalRoot.js +6 -4
  851. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  852. package/dist/cssm/components/ModalRoot/ModalRoot.module.css +1 -1
  853. package/dist/cssm/components/ModalRoot/ModalRootContext.js +2 -1
  854. package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
  855. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +3 -3
  856. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  857. package/dist/cssm/components/ModalRoot/types.d.ts +1 -0
  858. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  859. package/dist/cssm/components/NavTransitionDirectionContext/NavTransitionDirectionContext.d.ts +8 -0
  860. package/dist/cssm/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js +22 -0
  861. package/dist/cssm/components/NavTransitionDirectionContext/NavTransitionDirectionContext.js.map +1 -0
  862. package/dist/cssm/components/Pagination/Pagination.d.ts +3 -3
  863. package/dist/cssm/components/Pagination/Pagination.js +16 -31
  864. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  865. package/dist/cssm/components/Pagination/Pagination.module.css +0 -51
  866. package/dist/cssm/components/Pagination/PaginationPage/PaginationPage.module.css +43 -0
  867. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageButton.d.ts +12 -0
  868. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageButton.js +30 -0
  869. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageButton.js.map +1 -0
  870. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts +6 -0
  871. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageEllipsis.js +17 -0
  872. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map +1 -0
  873. package/dist/cssm/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts +5 -0
  874. package/dist/cssm/components/Pagination/PaginationPage/usePaginationPageClasses.js +10 -0
  875. package/dist/cssm/components/Pagination/PaginationPage/usePaginationPageClasses.js.map +1 -0
  876. package/dist/cssm/components/Pagination/utils.d.ts +1 -0
  877. package/dist/cssm/components/Pagination/utils.js +5 -0
  878. package/dist/cssm/components/Pagination/utils.js.map +1 -0
  879. package/dist/cssm/components/Panel/Panel.d.ts +3 -3
  880. package/dist/cssm/components/Panel/Panel.js +6 -4
  881. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  882. package/dist/cssm/components/Panel/Panel.module.css +9 -2
  883. package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +3 -3
  884. package/dist/cssm/components/PanelHeader/PanelHeader.js +17 -10
  885. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  886. package/dist/cssm/components/PanelHeader/PanelHeader.module.css +0 -4
  887. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +3 -2
  888. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +4 -4
  889. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  890. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.d.ts +2 -1
  891. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  892. package/dist/cssm/components/Placeholder/Placeholder.d.ts +24 -11
  893. package/dist/cssm/components/Placeholder/Placeholder.js +32 -15
  894. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  895. package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts +3 -3
  896. package/dist/cssm/components/PopoutRoot/PopoutRoot.js +12 -15
  897. package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
  898. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts +3 -2
  899. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +15 -14
  900. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  901. package/dist/cssm/components/Popper/Popper.d.ts +7 -3
  902. package/dist/cssm/components/Popper/Popper.js +18 -10
  903. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  904. package/dist/cssm/components/Progress/Progress.d.ts +3 -3
  905. package/dist/cssm/components/Progress/Progress.js +9 -8
  906. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  907. package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +3 -2
  908. package/dist/cssm/components/PromoBanner/PromoBanner.js +4 -4
  909. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  910. package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +25 -0
  911. package/dist/cssm/components/PullToRefresh/PullToRefresh.js +5 -2
  912. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  913. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts +7 -7
  914. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js +6 -5
  915. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  916. package/dist/cssm/components/RadioGroup/RadioGroup.d.ts +3 -2
  917. package/dist/cssm/components/RadioGroup/RadioGroup.js +4 -3
  918. package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
  919. package/dist/cssm/components/Removable/Removable.d.ts +3 -3
  920. package/dist/cssm/components/Removable/Removable.js +4 -6
  921. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  922. package/dist/cssm/components/RichCell/RichCell.d.ts +1 -1
  923. package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.d.ts +3 -1
  924. package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.js +6 -6
  925. package/dist/cssm/components/RichCell/RichCellIcon/RichCellIcon.js.map +1 -1
  926. package/dist/cssm/components/RichTooltip/RichTooltip.js +7 -6
  927. package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
  928. package/dist/cssm/components/Root/Root.d.ts +3 -2
  929. package/dist/cssm/components/Root/Root.js +12 -8
  930. package/dist/cssm/components/Root/Root.js.map +1 -1
  931. package/dist/cssm/components/RootComponent/RootComponent.d.ts +9 -0
  932. package/dist/cssm/components/RootComponent/RootComponent.js +11 -0
  933. package/dist/cssm/components/RootComponent/RootComponent.js.map +1 -0
  934. package/dist/cssm/components/ScrollArrow/ScrollArrow.d.ts +1 -1
  935. package/dist/cssm/components/ScrollArrow/ScrollArrow.js +13 -10
  936. package/dist/cssm/components/ScrollArrow/ScrollArrow.js.map +1 -1
  937. package/dist/cssm/components/Search/Search.d.ts +3 -3
  938. package/dist/cssm/components/Search/Search.js +2 -1
  939. package/dist/cssm/components/Search/Search.js.map +1 -1
  940. package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts +3 -3
  941. package/dist/cssm/components/SegmentedControl/SegmentedControl.js +4 -4
  942. package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  943. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +3 -3
  944. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +2 -1
  945. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  946. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  947. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  948. package/dist/cssm/components/SelectTypography/SelectTypography.d.ts +2 -2
  949. package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -1
  950. package/dist/cssm/components/Separator/Separator.d.ts +3 -2
  951. package/dist/cssm/components/Separator/Separator.js +3 -2
  952. package/dist/cssm/components/Separator/Separator.js.map +1 -1
  953. package/dist/cssm/components/Slider/Slider.d.ts +4 -3
  954. package/dist/cssm/components/Slider/Slider.js +3 -1
  955. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  956. package/dist/cssm/components/Slider/SliderThumb/SliderThumb.d.ts +2 -1
  957. package/dist/cssm/components/Slider/SliderThumb/SliderThumb.js +54 -5
  958. package/dist/cssm/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  959. package/dist/cssm/components/Snackbar/Snackbar.d.ts +3 -2
  960. package/dist/cssm/components/Snackbar/Snackbar.js +8 -6
  961. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  962. package/dist/cssm/components/Spacing/Spacing.d.ts +3 -3
  963. package/dist/cssm/components/Spacing/Spacing.js +4 -4
  964. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  965. package/dist/cssm/components/Spinner/Spinner.d.ts +3 -2
  966. package/dist/cssm/components/Spinner/Spinner.js +5 -4
  967. package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
  968. package/dist/cssm/components/SplitCol/SplitCol.d.ts +2 -1
  969. package/dist/cssm/components/SplitCol/SplitCol.js +7 -5
  970. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  971. package/dist/cssm/components/SplitLayout/SplitLayout.d.ts +2 -2
  972. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  973. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts +3 -2
  974. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js +6 -6
  975. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  976. package/dist/cssm/components/Tabbar/Tabbar.d.ts +3 -2
  977. package/dist/cssm/components/Tabbar/Tabbar.js +5 -4
  978. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  979. package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +1 -1
  980. package/dist/cssm/components/TabbarItem/TabbarItem.js +5 -4
  981. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  982. package/dist/cssm/components/Tabs/Tabs.d.ts +3 -3
  983. package/dist/cssm/components/Tabs/Tabs.js +4 -4
  984. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  985. package/dist/cssm/components/TabsItem/TabsItem.d.ts +2 -1
  986. package/dist/cssm/components/TabsItem/TabsItem.js +6 -5
  987. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  988. package/dist/cssm/components/Tappable/Tappable.d.ts +6 -1
  989. package/dist/cssm/components/Tappable/Tappable.js +10 -8
  990. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  991. package/dist/cssm/components/Tappable/Tappable.module.css +4 -0
  992. package/dist/cssm/components/TextTooltip/TextTooltip.js +7 -6
  993. package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
  994. package/dist/cssm/components/Tooltip/Tooltip.d.ts +1 -1
  995. package/dist/cssm/components/Tooltip/Tooltip.js +4 -3
  996. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  997. package/dist/cssm/components/TooltipBase/TooltipBase.d.ts +8 -1
  998. package/dist/cssm/components/TooltipBase/TooltipBase.js +9 -4
  999. package/dist/cssm/components/TooltipBase/TooltipBase.js.map +1 -1
  1000. package/dist/cssm/components/TooltipBase/TooltipBase.module.css +0 -1
  1001. package/dist/cssm/components/Typography/Caption/Caption.js +6 -5
  1002. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  1003. package/dist/cssm/components/Typography/Headline/Headline.js +5 -4
  1004. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  1005. package/dist/cssm/components/Typography/Title/Title.js +6 -5
  1006. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  1007. package/dist/cssm/components/Typography/Typography.d.ts +1 -1
  1008. package/dist/cssm/components/Typography/Typography.js +10 -8
  1009. package/dist/cssm/components/Typography/Typography.js.map +1 -1
  1010. package/dist/cssm/components/Typography/Typography.module.css +6 -0
  1011. package/dist/cssm/components/UsersStack/UsersStack.d.ts +3 -2
  1012. package/dist/cssm/components/UsersStack/UsersStack.js +14 -11
  1013. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  1014. package/dist/cssm/components/View/View.d.ts +2 -1
  1015. package/dist/cssm/components/View/View.js +7 -3
  1016. package/dist/cssm/components/View/View.js.map +1 -1
  1017. package/dist/cssm/components/View/ViewInfinite.d.ts +10 -3
  1018. package/dist/cssm/components/View/ViewInfinite.js +7 -4
  1019. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  1020. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  1021. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js +4 -6
  1022. package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  1023. package/dist/cssm/helpers/appearance.d.ts +4 -0
  1024. package/dist/cssm/helpers/appearance.js +4 -1
  1025. package/dist/cssm/helpers/appearance.js.map +1 -1
  1026. package/dist/cssm/hooks/useAppearance.d.ts +1 -1
  1027. package/dist/cssm/hooks/useAutoDetectAppearance.d.ts +4 -0
  1028. package/dist/cssm/hooks/useAutoDetectAppearance.js +4 -1
  1029. package/dist/cssm/hooks/useAutoDetectAppearance.js.map +1 -1
  1030. package/dist/cssm/hooks/useBridgeAdaptivity.d.ts +5 -1
  1031. package/dist/cssm/hooks/useBridgeAdaptivity.js +29 -22
  1032. package/dist/cssm/hooks/useBridgeAdaptivity.js.map +1 -1
  1033. package/dist/cssm/hooks/useInsets.d.ts +5 -1
  1034. package/dist/cssm/hooks/useInsets.js +15 -13
  1035. package/dist/cssm/hooks/useInsets.js.map +1 -1
  1036. package/dist/cssm/index.d.ts +6 -3
  1037. package/dist/cssm/index.js +3 -1
  1038. package/dist/cssm/index.js.map +1 -1
  1039. package/dist/cssm/lib/adaptivity/functions.d.ts +8 -0
  1040. package/dist/cssm/lib/adaptivity/functions.js +29 -1
  1041. package/dist/cssm/lib/adaptivity/functions.js.map +1 -1
  1042. package/dist/cssm/lib/appearance/index.d.ts +1 -0
  1043. package/dist/cssm/lib/appearance/index.js +3 -0
  1044. package/dist/cssm/lib/appearance/index.js.map +1 -0
  1045. package/dist/cssm/lib/appearance/types.d.ts +1 -0
  1046. package/dist/cssm/lib/appearance/types.js +3 -0
  1047. package/dist/cssm/lib/appearance/types.js.map +1 -0
  1048. package/dist/cssm/lib/floating/index.d.ts +1 -1
  1049. package/dist/cssm/lib/floating/index.js +1 -1
  1050. package/dist/cssm/lib/floating/index.js.map +1 -1
  1051. package/dist/cssm/lib/platform.js +9 -7
  1052. package/dist/cssm/lib/platform.js.map +1 -1
  1053. package/dist/cssm/lib/select.d.ts +1 -1
  1054. package/dist/cssm/lib/taptic.d.ts +4 -0
  1055. package/dist/cssm/lib/taptic.js +4 -1
  1056. package/dist/cssm/lib/taptic.js.map +1 -1
  1057. package/dist/cssm/lib/utils.d.ts +2 -0
  1058. package/dist/cssm/lib/utils.js +14 -0
  1059. package/dist/cssm/lib/utils.js.map +1 -1
  1060. package/dist/cssm/styles/common.css +8 -2
  1061. package/dist/cssm/styles/themes.css +226 -133
  1062. package/dist/cssm/types.d.ts +1 -0
  1063. package/dist/cssm/types.js.map +1 -1
  1064. package/dist/helpers/appearance.d.ts +4 -0
  1065. package/dist/helpers/appearance.js +4 -1
  1066. package/dist/helpers/appearance.js.map +1 -1
  1067. package/dist/hooks/useAppearance.d.ts +1 -1
  1068. package/dist/hooks/useAutoDetectAppearance.d.ts +4 -0
  1069. package/dist/hooks/useAutoDetectAppearance.js +4 -1
  1070. package/dist/hooks/useAutoDetectAppearance.js.map +1 -1
  1071. package/dist/hooks/useBridgeAdaptivity.d.ts +5 -1
  1072. package/dist/hooks/useBridgeAdaptivity.js +29 -21
  1073. package/dist/hooks/useBridgeAdaptivity.js.map +1 -1
  1074. package/dist/hooks/useInsets.d.ts +5 -1
  1075. package/dist/hooks/useInsets.js +15 -12
  1076. package/dist/hooks/useInsets.js.map +1 -1
  1077. package/dist/index.d.ts +6 -3
  1078. package/dist/index.js +3 -1
  1079. package/dist/index.js.map +1 -1
  1080. package/dist/lib/adaptivity/functions.d.ts +8 -0
  1081. package/dist/lib/adaptivity/functions.js +29 -1
  1082. package/dist/lib/adaptivity/functions.js.map +1 -1
  1083. package/dist/lib/appearance/index.d.ts +1 -0
  1084. package/dist/lib/appearance/index.js +3 -0
  1085. package/dist/lib/appearance/index.js.map +1 -0
  1086. package/dist/lib/appearance/types.d.ts +1 -0
  1087. package/dist/lib/appearance/types.js +3 -0
  1088. package/dist/lib/appearance/types.js.map +1 -0
  1089. package/dist/lib/floating/index.d.ts +1 -1
  1090. package/dist/lib/floating/index.js +1 -1
  1091. package/dist/lib/floating/index.js.map +1 -1
  1092. package/dist/lib/platform.js +11 -7
  1093. package/dist/lib/platform.js.map +1 -1
  1094. package/dist/lib/select.d.ts +1 -1
  1095. package/dist/lib/taptic.d.ts +4 -0
  1096. package/dist/lib/taptic.js +4 -1
  1097. package/dist/lib/taptic.js.map +1 -1
  1098. package/dist/lib/utils.d.ts +2 -0
  1099. package/dist/lib/utils.js +16 -0
  1100. package/dist/lib/utils.js.map +1 -1
  1101. package/dist/types.d.ts +1 -0
  1102. package/dist/types.js.map +1 -1
  1103. package/dist/vkui.css +20 -19
  1104. package/dist/vkui.css.map +1 -1
  1105. package/dist/vkui.js.tmp +6990 -4428
  1106. package/package.json +3 -3
@@ -106,6 +106,7 @@
106
106
  --vkui--size_popup_header_padding--regular: 24px;
107
107
  --vkui--size_popup_header_padding--compact: 16px;
108
108
  --vkui--size_label_horizontal_margin--regular: 16px;
109
+ --vkui--size_border_radius_rounded--regular: 48px;
109
110
  --vkui--size_check_border_radius--regular: 4px;
110
111
  --vkui--size_border_radius_paper--regular: 12px;
111
112
  --vkui--size_border_radius_promo--regular: 20px;
@@ -180,29 +181,17 @@
180
181
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
181
182
  --vkui--font_headline--font_weight--regular: 500;
182
183
  --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
184
  --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
186
185
  --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_tint: #71AAEB;
192
- --vkui--color_text_link_visited: #4986CC;
193
- --vkui--color_icon_contrast_secondary: #F2F3F5;
194
- --vkui--color_icon_positive: #4BB34B;
195
- --vkui--color_stroke_positive: #4BB34B;
196
- --vkui--color_stroke_contrast: #FFFFFF;
197
- --vkui--color_accent_red: #FF3347;
198
- --vkui--color_accent_green: #4BB34B;
199
- --vkui--color_accent_orange: #FFA000;
200
- --vkui--color_accent_orange_fire: #F05C44;
201
- --vkui--color_accent_secondary: #3F8AE0;
202
- --vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
186
+ --vkui--color_text_link_tint: #71aaeb;
187
+ --vkui--color_text_link_visited: #4986cc;
188
+ --vkui--color_icon_contrast_secondary: #f2f3f5;
189
+ --vkui--color_accent_orange_fire: #f05c44;
190
+ --vkui--color_accent_secondary: #3f8ae0;
191
+ --vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
203
192
  --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
204
193
  --vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
205
- --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
194
+ --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
206
195
  --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
207
196
  --vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
208
197
  --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
@@ -215,66 +204,54 @@
215
204
  --vkui--colors_scheme: light;
216
205
  --vkui--color_background_accent_tint--hover: #5698F7;
217
206
  --vkui--color_background_accent_tint--active: #5393EF;
218
- --vkui--color_background_content: #FFFFFF;
219
207
  --vkui--color_background_content--hover: #F5F5F7;
220
208
  --vkui--color_background_content--active: #EBECEF;
221
- --vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
222
- --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
223
- --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
224
209
  --vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
225
210
  --vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
226
211
  --vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
227
212
  --vkui--color_background_contrast--hover: #F5F5F7;
228
213
  --vkui--color_background_contrast--active: #EBECEF;
229
- --vkui--color_background_modal: #FFFFFF;
214
+ --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
230
215
  --vkui--color_background_modal--hover: #F5F5F7;
231
216
  --vkui--color_background_modal--active: #EBECEF;
232
- --vkui--color_background_warning: #FFF2D6;
217
+ --vkui--color_background_warning: #fff2d6;
233
218
  --vkui--color_background_warning--hover: #F5E9D0;
234
219
  --vkui--color_background_warning--active: #EBE0CA;
235
220
  --vkui--color_background_positive--hover: #48AC4A;
236
221
  --vkui--color_background_positive--active: #45A64A;
237
- --vkui--color_background_negative: #E64646;
238
222
  --vkui--color_background_negative--hover: #DD4446;
239
223
  --vkui--color_background_negative--active: #D44245;
240
- --vkui--color_background_negative_tint: #FAEBEB;
224
+ --vkui--color_background_negative_tint: #faebeb;
241
225
  --vkui--color_background_negative_tint--hover: #F0E2E4;
242
226
  --vkui--color_background_negative_tint--active: #E6D9DD;
227
+ --vkui--color_background_positive_tint: #e8f9e8;
243
228
  --vkui--color_background_positive_tint--hover: #DFF0E1;
244
229
  --vkui--color_background_positive_tint--active: #D5E6DA;
245
- --vkui--color_header_background: #FFFFFF;
246
230
  --vkui--color_header_background--hover: #F5F5F7;
247
231
  --vkui--color_header_background--active: #EBECEF;
248
232
  --vkui--color_text_primary: #000000;
249
233
  --vkui--color_text_primary--hover: #000102;
250
234
  --vkui--color_text_primary--active: #000105;
251
- --vkui--color_text_secondary: #818C99;
252
235
  --vkui--color_text_secondary--hover: #7C8795;
253
236
  --vkui--color_text_secondary--active: #778292;
254
- --vkui--color_text_tertiary: #99A2AD;
255
237
  --vkui--color_text_tertiary--hover: #939CA9;
256
238
  --vkui--color_text_tertiary--active: #8D96A4;
257
239
  --vkui--color_text_contrast--hover: #F5F5F7;
258
240
  --vkui--color_text_contrast--active: #EBECEF;
259
- --vkui--color_text_contrast_themed: #FFFFFF;
260
241
  --vkui--color_text_contrast_themed--hover: #F5F5F7;
261
242
  --vkui--color_text_contrast_themed--active: #EBECEF;
262
- --vkui--color_text_positive--hover: #48AC4A;
263
- --vkui--color_text_positive--active: #45A64A;
264
- --vkui--color_text_negative: #E64646;
265
243
  --vkui--color_text_negative--hover: #DD4446;
266
244
  --vkui--color_text_negative--active: #D44245;
267
245
  --vkui--color_text_link_tint--hover: #6CA4E4;
268
246
  --vkui--color_text_link_tint--active: #689EDD;
269
247
  --vkui--color_text_link_visited--hover: #4681C6;
270
248
  --vkui--color_text_link_visited--active: #437DC1;
271
- --vkui--color_icon_primary: #2C2D2E;
249
+ --vkui--color_icon_primary: #2c2d2e;
272
250
  --vkui--color_icon_primary--hover: #2A2C2F;
273
251
  --vkui--color_icon_primary--active: #282B2F;
274
252
  --vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
275
253
  --vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
276
254
  --vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
277
- --vkui--color_icon_secondary: #99A2AD;
278
255
  --vkui--color_icon_secondary--hover: #939CA9;
279
256
  --vkui--color_icon_secondary--active: #8D96A4;
280
257
  --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
@@ -285,17 +262,15 @@
285
262
  --vkui--color_icon_tertiary_alpha--active: rgba(0, 0, 0, 0.32);
286
263
  --vkui--color_icon_contrast--hover: #F5F5F7;
287
264
  --vkui--color_icon_contrast--active: #EBECEF;
288
- --vkui--color_icon_contrast_themed: #FFFFFF;
289
265
  --vkui--color_icon_contrast_themed--hover: #F5F5F7;
290
266
  --vkui--color_icon_contrast_themed--active: #EBECEF;
291
267
  --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
292
268
  --vkui--color_icon_contrast_secondary--active: #DFE1E6;
293
269
  --vkui--color_icon_positive--hover: #48AC4A;
294
270
  --vkui--color_icon_positive--active: #45A64A;
295
- --vkui--color_icon_negative: #E64646;
296
271
  --vkui--color_icon_negative--hover: #DD4446;
297
272
  --vkui--color_icon_negative--active: #D44245;
298
- --vkui--color_separator_primary: #D7D8D9;
273
+ --vkui--color_separator_primary: #d7d8d9;
299
274
  --vkui--color_separator_primary--hover: #CED0D3;
300
275
  --vkui--color_separator_primary--active: #C6C8CD;
301
276
  --vkui--color_separator_primary2x: #cbcccd;
@@ -309,9 +284,9 @@
309
284
  --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
310
285
  --vkui--color_stroke_positive--hover: #48AC4A;
311
286
  --vkui--color_stroke_positive--active: #45A64A;
312
- --vkui--color_stroke_negative: #E64646;
313
287
  --vkui--color_stroke_negative--hover: #DD4446;
314
288
  --vkui--color_stroke_negative--active: #D44245;
289
+ --vkui--color_stroke_contrast: #ffffff;
315
290
  --vkui--color_stroke_contrast--hover: #F5F5F7;
316
291
  --vkui--color_stroke_contrast--active: #EBECEF;
317
292
  --vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
@@ -332,15 +307,18 @@
332
307
  --vkui--color_accent_purple--active: #6A56D8;
333
308
  --vkui--color_accent_violet--hover: #742DBB;
334
309
  --vkui--color_accent_violet--active: #6F2CB6;
335
- --vkui--color_accent_raspberry_pink: #E03FAB;
310
+ --vkui--color_accent_raspberry_pink: #e03fab;
336
311
  --vkui--color_accent_raspberry_pink--hover: #D73DA7;
337
312
  --vkui--color_accent_raspberry_pink--active: #CE3BA2;
338
313
  --vkui--color_accent_secondary--hover: #3C85D9;
339
314
  --vkui--color_accent_secondary--active: #3A80D3;
340
- --vkui--color_action_sheet_text: #3F8AE0;
315
+ --vkui--color_overlay_secondary: rgb(44, 45, 46, 0.5);
316
+ --vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54);
317
+ --vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58);
318
+ --vkui--color_action_sheet_text: #3f8ae0;
341
319
  --vkui--color_action_sheet_text--hover: #3C85D9;
342
320
  --vkui--color_action_sheet_text--active: #3A80D3;
343
- --vkui--color_image_placeholder: #F2F3F5;
321
+ --vkui--color_image_placeholder: #f2f3f5;
344
322
  --vkui--color_image_placeholder--hover: #E8EAEE;
345
323
  --vkui--color_image_placeholder--active: #DFE1E6;
346
324
  --vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
@@ -349,9 +327,12 @@
349
327
  --vkui--color_write_bar_input_border_alpha: rgba(0, 0, 0, 0.08);
350
328
  --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 0, 0, 0.12);
351
329
  --vkui--color_write_bar_input_border_alpha--active: rgba(0, 0, 0, 0.16);
352
- --vkui--color_segmented_control: #FFFFFF;
330
+ --vkui--color_segmented_control: #ffffff;
353
331
  --vkui--color_segmented_control--hover: #F5F5F7;
354
332
  --vkui--color_segmented_control--active: #EBECEF;
333
+ --vkui--color_tabbar_text_inactive: #99a2ad;
334
+ --vkui--color_tabbar_text_inactive--hover: #939CA9;
335
+ --vkui--color_tabbar_text_inactive--active: #8D96A4;
355
336
  --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
356
337
  --vkui--color_transparent--active: rgba(0, 16, 61, 0.08)
357
338
  }
@@ -362,15 +343,20 @@
362
343
  --vkui--font_text--line_height--compact: 20px;
363
344
  --vkui--font_subhead--font_size--compact: 13px;
364
345
  --vkui--font_subhead--line_height--compact: 16px;
365
- --vkui--size_popup_small--regular: 420px;
346
+ --vkui--size_popup_small--regular: 430px;
366
347
  --vkui--size_form_item_padding_vertical--regular: 12px;
367
348
  --vkui--font_headline--font_size--compact: 15px;
368
349
  --vkui--font_headline--line_height--compact: 20px;
369
- --vkui--color_background_contrast_inverse: #2C2D2E;
350
+ --vkui--color_background_contrast_inverse: #2c2d2e;
351
+ --vkui--color_background_positive: #4bb34b;
370
352
  --vkui--color_text_primary_invariably: #000000;
371
- --vkui--color_link_contrast: #FFFFFF;
372
- --vkui--color_icon_primary_invariably: #2C2D2E;
373
- --vkui--color_accent_gray: #A3ADB8
353
+ --vkui--color_icon_primary_invariably: #2c2d2e;
354
+ --vkui--color_icon_positive: #4bb34b;
355
+ --vkui--color_stroke_positive: #4bb34b;
356
+ --vkui--color_accent_gray: #a3adb8;
357
+ --vkui--color_accent_red: #ff3347;
358
+ --vkui--color_accent_green: #4bb34b;
359
+ --vkui--color_accent_orange: #ffa000
374
360
  }
375
361
  :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
376
362
  --vkui--size_border_radius--regular: 8px;
@@ -378,115 +364,143 @@
378
364
  --vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1)
379
365
  }
380
366
  :root, .vkui--vkBase--light, .vkui--vkIOS--light {
381
- --vkui--color_background_accent: #2688EB;
367
+ --vkui--color_background_accent: #2688eb;
382
368
  --vkui--color_background_accent--hover: #2483E4;
383
369
  --vkui--color_background_accent--active: #237EDD;
384
- --vkui--color_background_accent_themed: #2688EB;
370
+ --vkui--color_background_accent_themed: #2688eb;
385
371
  --vkui--color_background_accent_themed--hover: #2483E4;
386
372
  --vkui--color_background_accent_themed--active: #237EDD;
387
373
  --vkui--color_background_accent_alternative: #2688EB;
388
374
  --vkui--color_background_accent_alternative--hover: #2483E4;
389
375
  --vkui--color_background_accent_alternative--active: #237EDD;
390
- --vkui--color_background: #EBEDF0;
376
+ --vkui--color_background: #ebedf0;
391
377
  --vkui--color_background--hover: #E2E4E9;
392
378
  --vkui--color_background--active: #D8DBE2;
393
- --vkui--color_background_secondary: #F5F5F5;
379
+ --vkui--color_background_content: #ffffff;
380
+ --vkui--color_background_secondary: #f5f5f5;
394
381
  --vkui--color_background_secondary--hover: #EBECEE;
395
382
  --vkui--color_background_secondary--active: #E1E3E6;
396
- --vkui--color_background_tertiary: #F9F9F9;
383
+ --vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
384
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
385
+ --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
386
+ --vkui--color_background_tertiary: #f9f9f9;
397
387
  --vkui--color_background_tertiary--hover: #EFF0F1;
398
388
  --vkui--color_background_tertiary--active: #E5E6EA;
389
+ --vkui--color_background_contrast: #ffffff;
399
390
  --vkui--color_background_contrast_inverse--hover: #2A2C2F;
400
391
  --vkui--color_background_contrast_inverse--active: #282B2F;
392
+ --vkui--color_background_modal: #ffffff;
401
393
  --vkui--color_background_modal_inverse: #2d2d2e;
402
394
  --vkui--color_background_modal_inverse--hover: #2B2C2F;
403
395
  --vkui--color_background_modal_inverse--active: #292B2F;
396
+ --vkui--color_background_negative: #e64646;
404
397
  --vkui--color_field_background: #f2f3f5;
405
398
  --vkui--color_field_background--hover: #E8EAEE;
406
399
  --vkui--color_field_background--active: #DFE1E6;
407
- --vkui--color_text_accent: #2688EB;
400
+ --vkui--color_header_background: #ffffff;
401
+ --vkui--color_text_accent: #2688eb;
408
402
  --vkui--color_text_accent--hover: #2483E4;
409
403
  --vkui--color_text_accent--active: #237EDD;
410
- --vkui--color_text_accent_themed: #2688EB;
404
+ --vkui--color_text_accent_themed: #2688eb;
411
405
  --vkui--color_text_accent_themed--hover: #2483E4;
412
406
  --vkui--color_text_accent_themed--active: #237EDD;
413
407
  --vkui--color_text_primary_invariably--hover: #000102;
414
408
  --vkui--color_text_primary_invariably--active: #000105;
415
- --vkui--color_text_subhead: #6D7885;
409
+ --vkui--color_text_secondary: #818c99;
410
+ --vkui--color_text_subhead: #6d7885;
416
411
  --vkui--color_text_subhead--hover: #697482;
417
412
  --vkui--color_text_subhead--active: #64707F;
418
- --vkui--color_text_link: #2D81E0;
413
+ --vkui--color_text_tertiary: #99a2ad;
414
+ --vkui--color_text_contrast: #ffffff;
415
+ --vkui--color_text_contrast_themed: #ffffff;
416
+ --vkui--color_text_positive: #4bb44b;
417
+ --vkui--color_text_positive--hover: #48AD4A;
418
+ --vkui--color_text_positive--active: #45A74A;
419
+ --vkui--color_text_negative: #e64646;
420
+ --vkui--color_text_link: #2d81e0;
419
421
  --vkui--color_text_link--hover: #2B7CD9;
420
422
  --vkui--color_text_link--active: #2978D3;
421
- --vkui--color_text_link_themed: #2D81E0;
423
+ --vkui--color_text_link_themed: #2d81e0;
422
424
  --vkui--color_text_link_themed--hover: #2B7CD9;
423
425
  --vkui--color_text_link_themed--active: #2978D3;
424
- --vkui--color_text_muted: #2C2D2E;
426
+ --vkui--color_text_muted: #2c2d2e;
425
427
  --vkui--color_text_muted--hover: #2A2C2F;
426
428
  --vkui--color_text_muted--active: #282B2F;
429
+ --vkui--color_link_contrast: #ffffff;
427
430
  --vkui--color_link_contrast--hover: #F5F5F7;
428
431
  --vkui--color_link_contrast--active: #EBECEF;
429
- --vkui--color_icon_accent: #2688EB;
432
+ --vkui--color_text_button: #2688eb;
433
+ --vkui--color_text_button--hover: #2483E4;
434
+ --vkui--color_text_button--active: #237EDD;
435
+ --vkui--color_icon_accent: #2688eb;
430
436
  --vkui--color_icon_accent--hover: #2483E4;
431
437
  --vkui--color_icon_accent--active: #237EDD;
432
- --vkui--color_icon_accent_themed: #2688EB;
438
+ --vkui--color_icon_accent_themed: #2688eb;
433
439
  --vkui--color_icon_accent_themed--hover: #2483E4;
434
440
  --vkui--color_icon_accent_themed--active: #237EDD;
435
441
  --vkui--color_icon_primary_invariably--hover: #2A2C2F;
436
442
  --vkui--color_icon_primary_invariably--active: #282B2F;
437
- --vkui--color_icon_medium: #818C99;
443
+ --vkui--color_icon_medium: #818c99;
438
444
  --vkui--color_icon_medium--hover: #7C8795;
439
445
  --vkui--color_icon_medium--active: #778292;
440
- --vkui--color_icon_tertiary: #B8C1CC;
446
+ --vkui--color_icon_secondary: #99a2ad;
447
+ --vkui--color_icon_tertiary: #b8c1cc;
441
448
  --vkui--color_icon_tertiary--hover: #B1BAC6;
442
449
  --vkui--color_icon_tertiary--active: #A9B3C1;
443
- --vkui--color_stroke_accent: #2688EB;
450
+ --vkui--color_icon_contrast: #ffffff;
451
+ --vkui--color_icon_contrast_themed: #ffffff;
452
+ --vkui--color_icon_negative: #e64646;
453
+ --vkui--color_icon_button: #2688eb;
454
+ --vkui--color_icon_button--hover: #2483E4;
455
+ --vkui--color_icon_button--active: #237EDD;
456
+ --vkui--color_stroke_accent: #2688eb;
444
457
  --vkui--color_stroke_accent--hover: #2483E4;
445
458
  --vkui--color_stroke_accent--active: #237EDD;
446
- --vkui--color_stroke_accent_themed: #2688EB;
459
+ --vkui--color_stroke_accent_themed: #2688eb;
447
460
  --vkui--color_stroke_accent_themed--hover: #2483E4;
448
461
  --vkui--color_stroke_accent_themed--active: #237EDD;
449
- --vkui--color_separator_secondary: #E1E3E6;
462
+ --vkui--color_separator_secondary: #e1e3e6;
450
463
  --vkui--color_separator_secondary--hover: #D8DBDF;
451
464
  --vkui--color_separator_secondary--active: #CFD2D8;
452
- --vkui--color_accent_blue: #3F8AE0;
465
+ --vkui--color_stroke_negative: #e64646;
466
+ --vkui--color_stroke_button: #2688eb;
467
+ --vkui--color_stroke_button--hover: #2483E4;
468
+ --vkui--color_stroke_button--active: #237EDD;
469
+ --vkui--color_accent_blue: #3f8ae0;
453
470
  --vkui--color_accent_blue--hover: #3C85D9;
454
471
  --vkui--color_accent_blue--active: #3A80D3;
455
472
  --vkui--color_accent_gray--hover: #9CA7B3;
456
473
  --vkui--color_accent_gray--active: #96A0AE;
457
- --vkui--color_skeleton_from: #F5F5F5;
474
+ --vkui--color_accent_purple: #735ce6;
475
+ --vkui--color_accent_violet: #792ec0;
476
+ --vkui--color_skeleton_from: #f5f5f5;
458
477
  --vkui--color_skeleton_from--hover: #EBECEE;
459
478
  --vkui--color_skeleton_from--active: #E1E3E6;
460
- --vkui--color_skeleton_to: #E1E3E6;
479
+ --vkui--color_skeleton_to: #e1e3e6;
461
480
  --vkui--color_skeleton_to--hover: #D8DBDF;
462
481
  --vkui--color_skeleton_to--active: #CFD2D8;
463
- --vkui--color_write_bar_icon: #3F8AE0;
482
+ --vkui--color_write_bar_icon: #3f8ae0;
464
483
  --vkui--color_write_bar_icon--hover: #3C85D9;
465
484
  --vkui--color_write_bar_icon--active: #3A80D3;
466
- --vkui--color_write_bar_input_background: #F2F3F5;
485
+ --vkui--color_write_bar_input_background: #f2f3f5;
467
486
  --vkui--color_write_bar_input_background--hover: #E8EAEE;
468
487
  --vkui--color_write_bar_input_background--active: #DFE1E6;
469
- --vkui--color_write_bar_input_border: #E1E3E6;
488
+ --vkui--color_write_bar_input_border: #e1e3e6;
470
489
  --vkui--color_write_bar_input_border--hover: #D8DBDF;
471
490
  --vkui--color_write_bar_input_border--active: #CFD2D8;
472
- --vkui--color_track_background: #E1E3E6;
491
+ --vkui--color_track_background: #e1e3e6;
473
492
  --vkui--color_track_background--hover: #D8DBDF;
474
493
  --vkui--color_track_background--active: #CFD2D8;
475
- --vkui--color_track_buffer: #A0BFE4;
494
+ --vkui--color_track_buffer: #a0bfe4;
476
495
  --vkui--color_track_buffer--hover: #9AB8DD;
477
496
  --vkui--color_track_buffer--active: #93B1D7;
478
- --vkui--color_search_field_background: #EBEDF0;
497
+ --vkui--color_search_field_background: #ebedf0;
479
498
  --vkui--color_search_field_background--hover: #E2E4E9;
480
499
  --vkui--color_search_field_background--active: #D8DBE2;
481
- --vkui--color_panel_header_icon: #2688EB;
500
+ --vkui--color_panel_header_icon: #2688eb;
482
501
  --vkui--color_panel_header_icon--hover: #2483E4;
483
502
  --vkui--color_panel_header_icon--active: #237EDD
484
503
  }
485
- :root, .vkui--vkBase--light, .vkui--vkBase--dark, .vkui--vkIOS--light, .vkui--vkIOS--dark, .vkui--vkCom--light {
486
- --vkui--color_icon_contrast: #FFFFFF;
487
- --vkui--color_accent_purple: #735CE6;
488
- --vkui--color_accent_violet: #792EC0
489
- }
490
504
  .vkui--vkBase--dark {
491
505
  --vkui--theme_name: 'vkBaseDark'
492
506
  }
@@ -503,6 +517,7 @@
503
517
  --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
504
518
  --vkui--color_background_contrast--hover: #EBEDF0;
505
519
  --vkui--color_background_contrast--active: #D7D8DB;
520
+ --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
506
521
  --vkui--color_background_modal_inverse: #FFFFFF;
507
522
  --vkui--color_background_modal_inverse--hover: #EBEDF0;
508
523
  --vkui--color_background_modal_inverse--active: #D7D8DB;
@@ -511,36 +526,33 @@
511
526
  --vkui--color_background_warning--active: #8F7D5E;
512
527
  --vkui--color_background_positive--hover: #52B652;
513
528
  --vkui--color_background_positive--active: #59B959;
514
- --vkui--color_background_negative: #FF5C5C;
515
529
  --vkui--color_background_negative--hover: #FF6363;
516
530
  --vkui--color_background_negative--active: #FF6969;
517
- --vkui--color_background_negative_tint: #522E2E;
531
+ --vkui--color_background_negative_tint: #522e2e;
518
532
  --vkui--color_background_negative_tint--hover: #593636;
519
533
  --vkui--color_background_negative_tint--active: #603F3F;
520
- --vkui--color_background_positive_tint--hover: #E9F9E9;
521
- --vkui--color_background_positive_tint--active: #EAF9EA;
522
- --vkui--color_text_primary: #E1E3E6;
534
+ --vkui--color_background_positive_tint: #b1d6b1;
535
+ --vkui--color_background_positive_tint--hover: #B4D8B4;
536
+ --vkui--color_background_positive_tint--active: #B7D9B7;
523
537
  --vkui--color_text_primary--hover: #E2E4E7;
524
538
  --vkui--color_text_primary--active: #E3E5E8;
525
539
  --vkui--color_text_contrast--hover: #EBEDF0;
526
540
  --vkui--color_text_contrast--active: #D7D8DB;
527
541
  --vkui--color_text_positive--hover: #52B652;
528
542
  --vkui--color_text_positive--active: #59B959;
529
- --vkui--color_text_negative: #FF5C5C;
530
543
  --vkui--color_text_negative--hover: #FF6363;
531
544
  --vkui--color_text_negative--active: #FF6969;
532
545
  --vkui--color_text_link_tint--hover: #77ADEC;
533
546
  --vkui--color_text_link_tint--active: #7CB1ED;
534
547
  --vkui--color_text_link_visited--hover: #508BCE;
535
548
  --vkui--color_text_link_visited--active: #5890D0;
536
- --vkui--color_icon_primary: #E1E3E6;
549
+ --vkui--color_icon_primary: #e1e3e6;
537
550
  --vkui--color_icon_primary--hover: #E2E4E7;
538
551
  --vkui--color_icon_primary--active: #E3E5E8;
539
552
  --vkui--color_icon_contrast_secondary--hover: #F3F3F5;
540
553
  --vkui--color_icon_contrast_secondary--active: #F3F4F6;
541
554
  --vkui--color_icon_positive--hover: #52B652;
542
555
  --vkui--color_icon_positive--active: #59B959;
543
- --vkui--color_icon_negative: #FF5C5C;
544
556
  --vkui--color_icon_negative--hover: #FF6363;
545
557
  --vkui--color_icon_negative--active: #FF6969;
546
558
  --vkui--color_separator_primary: #363738;
@@ -557,9 +569,9 @@
557
569
  --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.2);
558
570
  --vkui--color_stroke_positive--hover: #52B652;
559
571
  --vkui--color_stroke_positive--active: #59B959;
560
- --vkui--color_stroke_negative: #FF5C5C;
561
572
  --vkui--color_stroke_negative--hover: #FF6363;
562
573
  --vkui--color_stroke_negative--active: #FF6969;
574
+ --vkui--color_stroke_contrast: #FFFFFF;
563
575
  --vkui--color_stroke_contrast--hover: #EBEDF0;
564
576
  --vkui--color_stroke_contrast--active: #D7D8DB;
565
577
  --vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
@@ -576,12 +588,18 @@
576
588
  --vkui--color_accent_orange--active: #FFA814;
577
589
  --vkui--color_accent_orange_fire--hover: #F1634B;
578
590
  --vkui--color_accent_orange_fire--active: #F16953;
579
- --vkui--color_accent_raspberry_pink: #F060C0;
591
+ --vkui--color_accent_raspberry_pink: #f060c0;
580
592
  --vkui--color_accent_raspberry_pink--hover: #F166C3;
581
593
  --vkui--color_accent_raspberry_pink--active: #F16DC5;
582
594
  --vkui--color_accent_secondary--hover: #478FE1;
583
595
  --vkui--color_accent_secondary--active: #4E93E2;
584
- --vkui--color_image_placeholder: #2A2B2C;
596
+ --vkui--color_overlay_secondary: rgb(55, 56, 57, 0.5);
597
+ --vkui--color_overlay_secondary--hover: rgba(55, 56, 57, 0.54);
598
+ --vkui--color_overlay_secondary--active: rgba(55, 56, 57, 0.58);
599
+ --vkui--color_action_sheet_text: #71aaeb;
600
+ --vkui--color_action_sheet_text--hover: #77ADEC;
601
+ --vkui--color_action_sheet_text--active: #7CB1ED;
602
+ --vkui--color_image_placeholder: #2a2b2c;
585
603
  --vkui--color_image_placeholder--hover: #333334;
586
604
  --vkui--color_image_placeholder--active: #3B3C3D;
587
605
  --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
@@ -590,15 +608,14 @@
590
608
  --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
591
609
  --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
592
610
  --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
593
- --vkui--color_action_sheet_text: #529EF4;
594
- --vkui--color_action_sheet_text--hover: #59A2F4;
595
- --vkui--color_action_sheet_text--active: #60A6F5;
596
- --vkui--color_panel_header_icon: #71AAEB;
597
611
  --vkui--color_panel_header_icon--hover: #77ADEC;
598
612
  --vkui--color_panel_header_icon--active: #7CB1ED;
599
613
  --vkui--color_segmented_control: #626364;
600
614
  --vkui--color_segmented_control--hover: #68696A;
601
615
  --vkui--color_segmented_control--active: #6F6F70;
616
+ --vkui--color_tabbar_text_inactive: #76787a;
617
+ --vkui--color_tabbar_text_inactive--hover: #7B7D7F;
618
+ --vkui--color_tabbar_text_inactive--active: #818385;
602
619
  --vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
603
620
  --vkui--color_transparent--active: rgba(255, 255, 255, 0.08)
604
621
  }
@@ -606,7 +623,7 @@
606
623
  --vkui--theme_inherits_from: 'vkBase'
607
624
  }
608
625
  .vkui--vkBase--dark, .vkui--vkIOS--dark {
609
- --vkui--color_background_accent: #529EF4;
626
+ --vkui--color_background_accent: #529ef4;
610
627
  --vkui--color_background_accent--hover: #59A2F4;
611
628
  --vkui--color_background_accent--active: #60A6F5;
612
629
  --vkui--color_background_accent_themed: #FFFFFF;
@@ -615,10 +632,10 @@
615
632
  --vkui--color_background_accent_alternative: #529EF4;
616
633
  --vkui--color_background_accent_alternative--hover: #59A2F4;
617
634
  --vkui--color_background_accent_alternative--active: #60A6F5;
618
- --vkui--color_background: #0A0A0A;
635
+ --vkui--color_background: #0a0a0a;
619
636
  --vkui--color_background--hover: #141414;
620
637
  --vkui--color_background--active: #1E1E1E;
621
- --vkui--color_background_content: #19191A;
638
+ --vkui--color_background_content: #19191a;
622
639
  --vkui--color_background_content--hover: #222223;
623
640
  --vkui--color_background_content--active: #2B2B2C;
624
641
  --vkui--color_background_secondary: #232324;
@@ -629,47 +646,55 @@
629
646
  --vkui--color_background_tertiary--active: #323233;
630
647
  --vkui--color_background_contrast_inverse--hover: #343536;
631
648
  --vkui--color_background_contrast_inverse--active: #3D3E3F;
632
- --vkui--color_background_modal: #2C2D2E;
649
+ --vkui--color_background_modal: #2c2d2e;
633
650
  --vkui--color_background_modal--hover: #343536;
634
651
  --vkui--color_background_modal--active: #3D3E3F;
652
+ --vkui--color_background_negative: #ff5c5c;
635
653
  --vkui--color_field_background: #232324;
636
654
  --vkui--color_field_background--hover: #2C2C2D;
637
655
  --vkui--color_field_background--active: #353536;
638
- --vkui--color_header_background: #19191A;
656
+ --vkui--color_header_background: #19191a;
639
657
  --vkui--color_header_background--hover: #222223;
640
658
  --vkui--color_header_background--active: #2B2B2C;
641
- --vkui--color_text_accent: #529EF4;
659
+ --vkui--color_text_accent: #529ef4;
642
660
  --vkui--color_text_accent--hover: #59A2F4;
643
661
  --vkui--color_text_accent--active: #60A6F5;
644
662
  --vkui--color_text_accent_themed: #FFFFFF;
645
663
  --vkui--color_text_accent_themed--hover: #EBEDF0;
646
664
  --vkui--color_text_accent_themed--active: #D7D8DB;
665
+ --vkui--color_text_primary: #e1e3e6;
647
666
  --vkui--color_text_primary_invariably--hover: #0A0A0A;
648
667
  --vkui--color_text_primary_invariably--active: #141414;
649
- --vkui--color_text_secondary: #76787A;
668
+ --vkui--color_text_secondary: #76787a;
650
669
  --vkui--color_text_secondary--hover: #7B7D7F;
651
670
  --vkui--color_text_secondary--active: #818385;
652
- --vkui--color_text_subhead: #969A9F;
671
+ --vkui--color_text_subhead: #969a9f;
653
672
  --vkui--color_text_subhead--hover: #9A9EA3;
654
673
  --vkui--color_text_subhead--active: #9EA2A7;
655
- --vkui--color_text_tertiary: #5D5F61;
674
+ --vkui--color_text_tertiary: #5d5f61;
656
675
  --vkui--color_text_tertiary--hover: #636567;
657
676
  --vkui--color_text_tertiary--active: #6A6C6E;
658
677
  --vkui--color_text_contrast_themed: #000000;
659
678
  --vkui--color_text_contrast_themed--hover: #0A0A0A;
660
679
  --vkui--color_text_contrast_themed--active: #141414;
661
- --vkui--color_text_link: #529EF4;
680
+ --vkui--color_text_positive: #4bb34b;
681
+ --vkui--color_text_negative: #ff5c5c;
682
+ --vkui--color_text_link: #529ef4;
662
683
  --vkui--color_text_link--hover: #59A2F4;
663
684
  --vkui--color_text_link--active: #60A6F5;
664
685
  --vkui--color_text_link_themed: #FFFFFF;
665
686
  --vkui--color_text_link_themed--hover: #EBEDF0;
666
687
  --vkui--color_text_link_themed--active: #D7D8DB;
667
- --vkui--color_text_muted: #E1E3E6;
688
+ --vkui--color_text_muted: #e1e3e6;
668
689
  --vkui--color_text_muted--hover: #E2E4E7;
669
690
  --vkui--color_text_muted--active: #E3E5E8;
691
+ --vkui--color_link_contrast: #FFFFFF;
670
692
  --vkui--color_link_contrast--hover: #EBEDF0;
671
693
  --vkui--color_link_contrast--active: #D7D8DB;
672
- --vkui--color_icon_accent: #529EF4;
694
+ --vkui--color_text_button: #FFFFFF;
695
+ --vkui--color_text_button--hover: #EBEDF0;
696
+ --vkui--color_text_button--active: #D7D8DB;
697
+ --vkui--color_icon_accent: #529ef4;
673
698
  --vkui--color_icon_accent--hover: #59A2F4;
674
699
  --vkui--color_icon_accent--active: #60A6F5;
675
700
  --vkui--color_icon_accent_themed: #FFFFFF;
@@ -677,22 +702,22 @@
677
702
  --vkui--color_icon_accent_themed--active: #D7D8DB;
678
703
  --vkui--color_icon_primary_invariably--hover: #343536;
679
704
  --vkui--color_icon_primary_invariably--active: #3D3E3F;
680
- --vkui--color_icon_medium: #B0B1B6;
705
+ --vkui--color_icon_medium: #b0b1b6;
681
706
  --vkui--color_icon_medium--hover: #B3B4B9;
682
707
  --vkui--color_icon_medium--active: #B6B7BC;
683
708
  --vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66);
684
709
  --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7000000000000001);
685
710
  --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74);
686
- --vkui--color_icon_secondary: #76787A;
711
+ --vkui--color_icon_secondary: #76787a;
687
712
  --vkui--color_icon_secondary--hover: #7B7D7F;
688
713
  --vkui--color_icon_secondary--active: #818385;
689
714
  --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.43);
690
715
  --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.47000000000000003);
691
716
  --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.51);
692
- --vkui--color_icon_tertiary: #5D5F61;
717
+ --vkui--color_icon_tertiary: #5d5f61;
693
718
  --vkui--color_icon_tertiary--hover: #636567;
694
719
  --vkui--color_icon_tertiary--active: #6A6C6E;
695
- --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.3);
720
+ --vkui--color_icon_tertiary_alpha: rgba(255, 255, 255, 0.30);
696
721
  --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.34);
697
722
  --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.38);
698
723
  --vkui--color_icon_contrast--hover: #EBEDF0;
@@ -700,7 +725,11 @@
700
725
  --vkui--color_icon_contrast_themed: #000000;
701
726
  --vkui--color_icon_contrast_themed--hover: #0A0A0A;
702
727
  --vkui--color_icon_contrast_themed--active: #141414;
703
- --vkui--color_stroke_accent: #529EF4;
728
+ --vkui--color_icon_negative: #ff5c5c;
729
+ --vkui--color_icon_button: #FFFFFF;
730
+ --vkui--color_icon_button--hover: #EBEDF0;
731
+ --vkui--color_icon_button--active: #D7D8DB;
732
+ --vkui--color_stroke_accent: #529ef4;
704
733
  --vkui--color_stroke_accent--hover: #59A2F4;
705
734
  --vkui--color_stroke_accent--active: #60A6F5;
706
735
  --vkui--color_stroke_accent_themed: #FFFFFF;
@@ -709,28 +738,34 @@
709
738
  --vkui--color_separator_secondary: #141415;
710
739
  --vkui--color_separator_secondary--hover: #1D1D1E;
711
740
  --vkui--color_separator_secondary--active: #272728;
712
- --vkui--color_accent_blue: #529EF4;
713
- --vkui--color_accent_blue--hover: #59A2F4;
714
- --vkui--color_accent_blue--active: #60A6F5;
741
+ --vkui--color_stroke_negative: #ff5c5c;
742
+ --vkui--color_stroke_button: #FFFFFF;
743
+ --vkui--color_stroke_button--hover: #EBEDF0;
744
+ --vkui--color_stroke_button--active: #D7D8DB;
745
+ --vkui--color_accent_blue: #71aaeb;
746
+ --vkui--color_accent_blue--hover: #77ADEC;
747
+ --vkui--color_accent_blue--active: #7CB1ED;
715
748
  --vkui--color_accent_gray--hover: #A7B0BB;
716
749
  --vkui--color_accent_gray--active: #AAB4BE;
717
- --vkui--color_accent_purple--hover: #7963E7;
718
- --vkui--color_accent_purple--active: #7E69E8;
719
- --vkui--color_accent_violet--hover: #7E36C3;
720
- --vkui--color_accent_violet--active: #843FC5;
750
+ --vkui--color_accent_purple: #8b74ff;
751
+ --vkui--color_accent_purple--hover: #907AFF;
752
+ --vkui--color_accent_purple--active: #947FFF;
753
+ --vkui--color_accent_violet: #a94fff;
754
+ --vkui--color_accent_violet--hover: #AC56FF;
755
+ --vkui--color_accent_violet--active: #B05DFF;
721
756
  --vkui--color_skeleton_from: #232324;
722
757
  --vkui--color_skeleton_from--hover: #2C2C2D;
723
758
  --vkui--color_skeleton_from--active: #353536;
724
- --vkui--color_skeleton_to: #2C2D2E;
759
+ --vkui--color_skeleton_to: #2c2d2e;
725
760
  --vkui--color_skeleton_to--hover: #343536;
726
761
  --vkui--color_skeleton_to--active: #3D3E3F;
727
- --vkui--color_write_bar_icon: #529EF4;
728
- --vkui--color_write_bar_icon--hover: #59A2F4;
729
- --vkui--color_write_bar_icon--active: #60A6F5;
730
- --vkui--color_write_bar_input_background: #2C2D2E;
762
+ --vkui--color_write_bar_icon: #76787a;
763
+ --vkui--color_write_bar_icon--hover: #7B7D7F;
764
+ --vkui--color_write_bar_icon--active: #818385;
765
+ --vkui--color_write_bar_input_background: #2c2d2e;
731
766
  --vkui--color_write_bar_input_background--hover: #343536;
732
767
  --vkui--color_write_bar_input_background--active: #3D3E3F;
733
- --vkui--color_write_bar_input_border: #2C2D2E;
768
+ --vkui--color_write_bar_input_border: #2c2d2e;
734
769
  --vkui--color_write_bar_input_border--hover: #343536;
735
770
  --vkui--color_write_bar_input_border--active: #3D3E3F;
736
771
  --vkui--color_track_background: #454647;
@@ -741,7 +776,15 @@
741
776
  --vkui--color_track_buffer--active: #4F647D;
742
777
  --vkui--color_search_field_background: #363738;
743
778
  --vkui--color_search_field_background--hover: #3E3F40;
744
- --vkui--color_search_field_background--active: #464748
779
+ --vkui--color_search_field_background--active: #464748;
780
+ --vkui--color_panel_header_icon: #71aaeb
781
+ }
782
+ .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
783
+ --vkui--color_background_contrast: #FFFFFF;
784
+ --vkui--color_text_contrast: #FFFFFF
785
+ }
786
+ .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light {
787
+ --vkui--color_icon_contrast: #FFFFFF
745
788
  }
746
789
  .vkui--vkIOS--light {
747
790
  --vkui--theme_name: 'vkIOS'
@@ -782,20 +825,27 @@
782
825
  --vkui--color_background: #EDEEF0;
783
826
  --vkui--color_background--hover: #E4E5E9;
784
827
  --vkui--color_background--active: #DADCE2;
828
+ --vkui--color_background_content: #FFFFFF;
785
829
  --vkui--color_background_secondary: #F0F2F5;
786
830
  --vkui--color_background_secondary--hover: #E6E9EE;
787
831
  --vkui--color_background_secondary--active: #DDE0E6;
832
+ --vkui--color_background_secondary_alpha: rgba(229, 235, 241, 0.99);
833
+ --vkui--color_background_secondary_alpha--hover: rgba(213, 224, 234, 0.99);
834
+ --vkui--color_background_secondary_alpha--active: rgba(200, 212, 224, 0.99);
788
835
  --vkui--color_background_tertiary: #FAFBFC;
789
836
  --vkui--color_background_tertiary--hover: #F0F2F4;
790
837
  --vkui--color_background_tertiary--active: #E6E8ED;
791
838
  --vkui--color_background_contrast_inverse--hover: #313233;
792
839
  --vkui--color_background_contrast_inverse--active: #2F3034;
840
+ --vkui--color_background_modal: #FFFFFF;
793
841
  --vkui--color_background_modal_inverse: #000000;
794
842
  --vkui--color_background_modal_inverse--hover: #000102;
795
843
  --vkui--color_background_modal_inverse--active: #000105;
844
+ --vkui--color_background_negative: #E64646;
796
845
  --vkui--color_field_background: #F7F8FA;
797
846
  --vkui--color_field_background--hover: #EDEFF2;
798
847
  --vkui--color_field_background--active: #E3E5EB;
848
+ --vkui--color_header_background: #FFFFFF;
799
849
  --vkui--color_text_accent: #447BBA;
800
850
  --vkui--color_text_accent--hover: #4177B5;
801
851
  --vkui--color_text_accent--active: #3F72B0;
@@ -804,9 +854,15 @@
804
854
  --vkui--color_text_accent_themed--active: #3F72B0;
805
855
  --vkui--color_text_primary_invariably--hover: #313233;
806
856
  --vkui--color_text_primary_invariably--active: #2F3034;
857
+ --vkui--color_text_secondary: #818C99;
807
858
  --vkui--color_text_subhead: #626D7A;
808
859
  --vkui--color_text_subhead--hover: #5E6978;
809
860
  --vkui--color_text_subhead--active: #5A6675;
861
+ --vkui--color_text_tertiary: #99A2AD;
862
+ --vkui--color_text_contrast_themed: #FFFFFF;
863
+ --vkui--color_text_positive--hover: #48AC4A;
864
+ --vkui--color_text_positive--active: #45A64A;
865
+ --vkui--color_text_negative: #E64646;
810
866
  --vkui--color_text_link: #2A5885;
811
867
  --vkui--color_text_link--hover: #285582;
812
868
  --vkui--color_text_link--active: #27527F;
@@ -819,6 +875,9 @@
819
875
  --vkui--color_link_contrast: #333333;
820
876
  --vkui--color_link_contrast--hover: #313233;
821
877
  --vkui--color_link_contrast--active: #2F3034;
878
+ --vkui--color_text_button: #346297;
879
+ --vkui--color_text_button--hover: #325F93;
880
+ --vkui--color_text_button--active: #305B90;
822
881
  --vkui--color_icon_accent: #447BBA;
823
882
  --vkui--color_icon_accent--hover: #4177B5;
824
883
  --vkui--color_icon_accent--active: #3F72B0;
@@ -830,9 +889,15 @@
830
889
  --vkui--color_icon_medium: #6F7985;
831
890
  --vkui--color_icon_medium--hover: #6B7582;
832
891
  --vkui--color_icon_medium--active: #66717F;
892
+ --vkui--color_icon_secondary: #99A2AD;
833
893
  --vkui--color_icon_tertiary: #AEB7C2;
834
894
  --vkui--color_icon_tertiary--hover: #A7B0BD;
835
895
  --vkui--color_icon_tertiary--active: #A0AAB7;
896
+ --vkui--color_icon_contrast_themed: #FFFFFF;
897
+ --vkui--color_icon_negative: #E64646;
898
+ --vkui--color_icon_button: #346297;
899
+ --vkui--color_icon_button--hover: #325F93;
900
+ --vkui--color_icon_button--active: #305B90;
836
901
  --vkui--color_stroke_accent: #447BBA;
837
902
  --vkui--color_stroke_accent--hover: #4177B5;
838
903
  --vkui--color_stroke_accent--active: #3F72B0;
@@ -842,11 +907,17 @@
842
907
  --vkui--color_separator_secondary: #E7E8EC;
843
908
  --vkui--color_separator_secondary--hover: #DEDFE5;
844
909
  --vkui--color_separator_secondary--active: #D5D7DE;
910
+ --vkui--color_stroke_negative: #E64646;
911
+ --vkui--color_stroke_button: #346297;
912
+ --vkui--color_stroke_button--hover: #325F93;
913
+ --vkui--color_stroke_button--active: #305B90;
845
914
  --vkui--color_accent_blue: #5181B8;
846
915
  --vkui--color_accent_blue--hover: #4E7CB3;
847
916
  --vkui--color_accent_blue--active: #4B78AE;
848
917
  --vkui--color_accent_gray--hover: #A7B0BD;
849
918
  --vkui--color_accent_gray--active: #A0AAB7;
919
+ --vkui--color_accent_purple: #735CE6;
920
+ --vkui--color_accent_violet: #792EC0;
850
921
  --vkui--color_skeleton_from: #F0F2F5;
851
922
  --vkui--color_skeleton_from--hover: #E6E9EE;
852
923
  --vkui--color_skeleton_from--active: #DDE0E6;
@@ -895,9 +966,16 @@
895
966
  --vkui--font_headline--font_size--compact: 14px;
896
967
  --vkui--font_headline--line_height--compact: 18px;
897
968
  --vkui--color_background_contrast_inverse: #333333;
969
+ --vkui--color_background_positive: #4BB34B;
898
970
  --vkui--color_text_primary_invariably: #333333;
971
+ --vkui--color_text_positive: #4BB34B;
899
972
  --vkui--color_icon_primary_invariably: #333333;
900
- --vkui--color_accent_gray: #AEB7C2
973
+ --vkui--color_icon_positive: #4BB34B;
974
+ --vkui--color_stroke_positive: #4BB34B;
975
+ --vkui--color_accent_gray: #AEB7C2;
976
+ --vkui--color_accent_red: #FF3347;
977
+ --vkui--color_accent_green: #4BB34B;
978
+ --vkui--color_accent_orange: #FFA000
901
979
  }
902
980
  .vkui--vkCom--dark {
903
981
  --vkui--theme_name: 'vkComDark';
@@ -927,6 +1005,7 @@
927
1005
  --vkui--color_background_modal: #292929;
928
1006
  --vkui--color_background_modal--hover: #323232;
929
1007
  --vkui--color_background_modal--active: #3A3A3A;
1008
+ --vkui--color_background_negative: #FF5C5C;
930
1009
  --vkui--color_field_background: #292929;
931
1010
  --vkui--color_field_background--hover: #323232;
932
1011
  --vkui--color_field_background--active: #3A3A3A;
@@ -939,11 +1018,12 @@
939
1018
  --vkui--color_text_accent_themed: #E1E3E6;
940
1019
  --vkui--color_text_accent_themed--hover: #E2E4E7;
941
1020
  --vkui--color_text_accent_themed--active: #E3E5E8;
1021
+ --vkui--color_text_primary: #E1E3E6;
942
1022
  --vkui--color_text_primary_invariably--hover: #3B3B3B;
943
1023
  --vkui--color_text_primary_invariably--active: #434343;
944
- --vkui--color_text_secondary: #B2B2B2;
945
- --vkui--color_text_secondary--hover: #B5B5B5;
946
- --vkui--color_text_secondary--active: #B8B8B8;
1024
+ --vkui--color_text_secondary: #828282;
1025
+ --vkui--color_text_secondary--hover: #878787;
1026
+ --vkui--color_text_secondary--active: #8C8C8C;
947
1027
  --vkui--color_text_subhead: #939393;
948
1028
  --vkui--color_text_subhead--hover: #979797;
949
1029
  --vkui--color_text_subhead--active: #9C9C9C;
@@ -953,6 +1033,7 @@
953
1033
  --vkui--color_text_contrast_themed: #222222;
954
1034
  --vkui--color_text_contrast_themed--hover: #2B2B2B;
955
1035
  --vkui--color_text_contrast_themed--active: #343434;
1036
+ --vkui--color_text_negative: #FF5C5C;
956
1037
  --vkui--color_text_link: #71AAEB;
957
1038
  --vkui--color_text_link--hover: #77ADEC;
958
1039
  --vkui--color_text_link--active: #7CB1ED;
@@ -965,6 +1046,9 @@
965
1046
  --vkui--color_link_contrast: #CCCCCC;
966
1047
  --vkui--color_link_contrast--hover: #CECECE;
967
1048
  --vkui--color_link_contrast--active: #D0D0D0;
1049
+ --vkui--color_text_button: #E1E3E6;
1050
+ --vkui--color_text_button--hover: #E2E4E7;
1051
+ --vkui--color_text_button--active: #E3E5E8;
968
1052
  --vkui--color_icon_accent: #71AAEB;
969
1053
  --vkui--color_icon_accent--hover: #77ADEC;
970
1054
  --vkui--color_icon_accent--active: #7CB1ED;
@@ -997,6 +1081,10 @@
997
1081
  --vkui--color_icon_contrast_themed: #222222;
998
1082
  --vkui--color_icon_contrast_themed--hover: #2B2B2B;
999
1083
  --vkui--color_icon_contrast_themed--active: #343434;
1084
+ --vkui--color_icon_negative: #FF5C5C;
1085
+ --vkui--color_icon_button: #E1E3E6;
1086
+ --vkui--color_icon_button--hover: #E2E4E7;
1087
+ --vkui--color_icon_button--active: #E3E5E8;
1000
1088
  --vkui--color_stroke_accent: #71AAEB;
1001
1089
  --vkui--color_stroke_accent--hover: #77ADEC;
1002
1090
  --vkui--color_stroke_accent--active: #7CB1ED;
@@ -1006,6 +1094,10 @@
1006
1094
  --vkui--color_separator_secondary: #292929;
1007
1095
  --vkui--color_separator_secondary--hover: #323232;
1008
1096
  --vkui--color_separator_secondary--active: #3A3A3A;
1097
+ --vkui--color_stroke_negative: #FF5C5C;
1098
+ --vkui--color_stroke_button: #E1E3E6;
1099
+ --vkui--color_stroke_button--hover: #E2E4E7;
1100
+ --vkui--color_stroke_button--active: #E3E5E8;
1009
1101
  --vkui--color_accent_blue: #397DCC;
1010
1102
  --vkui--color_accent_blue--hover: #4182CE;
1011
1103
  --vkui--color_accent_blue--active: #4987D0;
@@ -1040,5 +1132,6 @@
1040
1132
  --vkui--color_track_buffer--active: #D7D8DB;
1041
1133
  --vkui--color_search_field_background: #424242;
1042
1134
  --vkui--color_search_field_background--hover: #4A4A4A;
1043
- --vkui--color_search_field_background--active: #515151
1135
+ --vkui--color_search_field_background--active: #515151;
1136
+ --vkui--color_panel_header_icon: #71AAEB
1044
1137
  }