@vkontakte/vkui 7.8.2 → 7.9.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 (282) hide show
  1. package/dist/components/Box/Box.d.ts +11 -0
  2. package/dist/components/Box/Box.d.ts.map +1 -0
  3. package/dist/components/Box/Box.js +25 -0
  4. package/dist/components/Box/Box.js.map +1 -0
  5. package/dist/components/CarouselBase/CarouselBase.d.ts +1 -1
  6. package/dist/components/CarouselBase/CarouselBase.d.ts.map +1 -1
  7. package/dist/components/CarouselBase/CarouselBase.js +6 -4
  8. package/dist/components/CarouselBase/CarouselBase.js.map +1 -1
  9. package/dist/components/CarouselBase/constants.d.ts +1 -1
  10. package/dist/components/CarouselBase/constants.d.ts.map +1 -1
  11. package/dist/components/CarouselBase/constants.js +1 -1
  12. package/dist/components/CarouselBase/constants.js.map +1 -1
  13. package/dist/components/CarouselBase/hooks.d.ts +3 -1
  14. package/dist/components/CarouselBase/hooks.d.ts.map +1 -1
  15. package/dist/components/CarouselBase/hooks.js +46 -6
  16. package/dist/components/CarouselBase/hooks.js.map +1 -1
  17. package/dist/components/CarouselBase/types.d.ts +12 -0
  18. package/dist/components/CarouselBase/types.d.ts.map +1 -1
  19. package/dist/components/CarouselBase/types.js.map +1 -1
  20. package/dist/components/Checkbox/Checkbox.d.ts +10 -1
  21. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  22. package/dist/components/Checkbox/Checkbox.js +44 -10
  23. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  24. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.d.ts +16 -3
  25. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  26. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.js +32 -19
  27. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.js.map +1 -1
  28. package/dist/components/Checkbox/CheckboxSimple/CheckboxSimple.d.ts +1 -1
  29. package/dist/components/Checkbox/CheckboxSimple/CheckboxSimple.d.ts.map +1 -1
  30. package/dist/components/Checkbox/CheckboxSimple/CheckboxSimple.js +39 -10
  31. package/dist/components/Checkbox/CheckboxSimple/CheckboxSimple.js.map +1 -1
  32. package/dist/components/ChipsInput/ChipsInput.d.ts +1 -1
  33. package/dist/components/ChipsInput/ChipsInput.d.ts.map +1 -1
  34. package/dist/components/ChipsInput/ChipsInput.js +32 -13
  35. package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
  36. package/dist/components/ChipsInputBase/ChipsInputBase.d.ts +1 -1
  37. package/dist/components/ChipsInputBase/ChipsInputBase.d.ts.map +1 -1
  38. package/dist/components/ChipsInputBase/ChipsInputBase.js +52 -26
  39. package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  40. package/dist/components/ChipsInputBase/types.d.ts +13 -4
  41. package/dist/components/ChipsInputBase/types.d.ts.map +1 -1
  42. package/dist/components/ChipsInputBase/types.js.map +1 -1
  43. package/dist/components/ChipsSelect/ChipsSelect.d.ts +1 -1
  44. package/dist/components/ChipsSelect/ChipsSelect.d.ts.map +1 -1
  45. package/dist/components/ChipsSelect/ChipsSelect.js +67 -38
  46. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  47. package/dist/components/CustomSelect/CustomSelect.d.ts +16 -2
  48. package/dist/components/CustomSelect/CustomSelect.d.ts.map +1 -1
  49. package/dist/components/CustomSelect/CustomSelect.js +99 -50
  50. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  51. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.d.ts +6 -2
  52. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.d.ts.map +1 -1
  53. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.js +38 -20
  54. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.js.map +1 -1
  55. package/dist/components/CustomSelect/helpers.d.ts +1 -0
  56. package/dist/components/CustomSelect/helpers.d.ts.map +1 -1
  57. package/dist/components/CustomSelect/helpers.js +11 -0
  58. package/dist/components/CustomSelect/helpers.js.map +1 -1
  59. package/dist/components/Div/Div.d.ts +3 -0
  60. package/dist/components/Div/Div.d.ts.map +1 -1
  61. package/dist/components/Div/Div.js +11 -1
  62. package/dist/components/Div/Div.js.map +1 -1
  63. package/dist/components/File/File.d.ts +16 -3
  64. package/dist/components/File/File.d.ts.map +1 -1
  65. package/dist/components/File/File.js +29 -17
  66. package/dist/components/File/File.js.map +1 -1
  67. package/dist/components/Input/Input.d.ts +16 -3
  68. package/dist/components/Input/Input.d.ts.map +1 -1
  69. package/dist/components/Input/Input.js +28 -13
  70. package/dist/components/Input/Input.js.map +1 -1
  71. package/dist/components/NativeSelect/NativeSelect.d.ts +17 -3
  72. package/dist/components/NativeSelect/NativeSelect.d.ts.map +1 -1
  73. package/dist/components/NativeSelect/NativeSelect.js +37 -14
  74. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  75. package/dist/components/Radio/Radio.d.ts +18 -3
  76. package/dist/components/Radio/Radio.d.ts.map +1 -1
  77. package/dist/components/Radio/Radio.js +31 -11
  78. package/dist/components/Radio/Radio.js.map +1 -1
  79. package/dist/components/Radio/RadioInput/RadioInput.d.ts +16 -3
  80. package/dist/components/Radio/RadioInput/RadioInput.d.ts.map +1 -1
  81. package/dist/components/Radio/RadioInput/RadioInput.js +22 -11
  82. package/dist/components/Radio/RadioInput/RadioInput.js.map +1 -1
  83. package/dist/components/Search/Search.d.ts +16 -3
  84. package/dist/components/Search/Search.d.ts.map +1 -1
  85. package/dist/components/Search/Search.js +50 -28
  86. package/dist/components/Search/Search.js.map +1 -1
  87. package/dist/components/Select/Select.d.ts.map +1 -1
  88. package/dist/components/Select/Select.js +10 -4
  89. package/dist/components/Select/Select.js.map +1 -1
  90. package/dist/components/SelectionControl/SelectionControl.d.ts +2 -2
  91. package/dist/components/SelectionControl/SelectionControl.d.ts.map +1 -1
  92. package/dist/components/SelectionControl/SelectionControl.js.map +1 -1
  93. package/dist/components/Snackbar/Snackbar.d.ts +10 -1
  94. package/dist/components/Snackbar/Snackbar.d.ts.map +1 -1
  95. package/dist/components/Snackbar/Snackbar.js +20 -6
  96. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  97. package/dist/components/SplitLayout/SplitLayout.d.ts +16 -3
  98. package/dist/components/SplitLayout/SplitLayout.d.ts.map +1 -1
  99. package/dist/components/SplitLayout/SplitLayout.js +24 -9
  100. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  101. package/dist/components/Switch/Switch.d.ts +16 -3
  102. package/dist/components/Switch/Switch.d.ts.map +1 -1
  103. package/dist/components/Switch/Switch.js +32 -20
  104. package/dist/components/Switch/Switch.js.map +1 -1
  105. package/dist/components/Textarea/Textarea.d.ts +16 -3
  106. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  107. package/dist/components/Textarea/Textarea.js +36 -18
  108. package/dist/components/Textarea/Textarea.js.map +1 -1
  109. package/dist/components/WriteBar/WriteBar.d.ts +16 -3
  110. package/dist/components/WriteBar/WriteBar.d.ts.map +1 -1
  111. package/dist/components/WriteBar/WriteBar.js +28 -11
  112. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  113. package/dist/components.css +1 -1
  114. package/dist/components.css.map +1 -1
  115. package/dist/cssm/components/Box/Box.js +19 -0
  116. package/dist/cssm/components/Box/Box.js.map +1 -0
  117. package/dist/cssm/components/CarouselBase/CarouselBase.js +4 -4
  118. package/dist/cssm/components/CarouselBase/CarouselBase.js.map +1 -1
  119. package/dist/cssm/components/CarouselBase/constants.js +1 -1
  120. package/dist/cssm/components/CarouselBase/constants.js.map +1 -1
  121. package/dist/cssm/components/CarouselBase/hooks.js +46 -6
  122. package/dist/cssm/components/CarouselBase/hooks.js.map +1 -1
  123. package/dist/cssm/components/CarouselBase/types.js.map +1 -1
  124. package/dist/cssm/components/Checkbox/Checkbox.js +29 -6
  125. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  126. package/dist/cssm/components/Checkbox/CheckboxInput/CheckboxInput.js +24 -13
  127. package/dist/cssm/components/Checkbox/CheckboxInput/CheckboxInput.js.map +1 -1
  128. package/dist/cssm/components/Checkbox/CheckboxSimple/CheckboxSimple.js +24 -6
  129. package/dist/cssm/components/Checkbox/CheckboxSimple/CheckboxSimple.js.map +1 -1
  130. package/dist/cssm/components/ChipsInput/ChipsInput.js +25 -11
  131. package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
  132. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js +30 -12
  133. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -1
  134. package/dist/cssm/components/ChipsInputBase/types.js.map +1 -1
  135. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +49 -30
  136. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  137. package/dist/cssm/components/CustomSelect/CustomSelect.js +73 -41
  138. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  139. package/dist/cssm/components/CustomSelect/CustomSelectInput/CustomSelectInput.js +20 -9
  140. package/dist/cssm/components/CustomSelect/CustomSelectInput/CustomSelectInput.js.map +1 -1
  141. package/dist/cssm/components/CustomSelect/helpers.js +11 -0
  142. package/dist/cssm/components/CustomSelect/helpers.js.map +1 -1
  143. package/dist/cssm/components/Div/Div.js +11 -1
  144. package/dist/cssm/components/Div/Div.js.map +1 -1
  145. package/dist/cssm/components/File/File.js +20 -7
  146. package/dist/cssm/components/File/File.js.map +1 -1
  147. package/dist/cssm/components/Input/Input.js +20 -7
  148. package/dist/cssm/components/Input/Input.js.map +1 -1
  149. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.module.css +1 -1
  150. package/dist/cssm/components/NativeSelect/NativeSelect.js +25 -8
  151. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  152. package/dist/cssm/components/Radio/Radio.js +28 -8
  153. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  154. package/dist/cssm/components/Radio/RadioInput/RadioInput.js +18 -6
  155. package/dist/cssm/components/Radio/RadioInput/RadioInput.js.map +1 -1
  156. package/dist/cssm/components/Search/Search.js +34 -17
  157. package/dist/cssm/components/Search/Search.js.map +1 -1
  158. package/dist/cssm/components/Select/Select.js +6 -1
  159. package/dist/cssm/components/Select/Select.js.map +1 -1
  160. package/dist/cssm/components/SelectionControl/SelectionControl.js.map +1 -1
  161. package/dist/cssm/components/Snackbar/Snackbar.js +11 -2
  162. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  163. package/dist/cssm/components/SplitLayout/SplitLayout.js +22 -8
  164. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  165. package/dist/cssm/components/Switch/Switch.js +29 -17
  166. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  167. package/dist/cssm/components/Textarea/Textarea.js +22 -8
  168. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  169. package/dist/cssm/components/WriteBar/WriteBar.js +24 -9
  170. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  171. package/dist/cssm/hooks/useMergeProps.js +34 -0
  172. package/dist/cssm/hooks/useMergeProps.js.map +1 -0
  173. package/dist/cssm/index.js +2 -0
  174. package/dist/cssm/index.js.map +1 -1
  175. package/dist/cssm/lib/animation/useCSSTransition.js +1 -1
  176. package/dist/cssm/lib/animation/useCSSTransition.js.map +1 -1
  177. package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js +1 -1
  178. package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map +1 -1
  179. package/dist/cssm/lib/fx.js +55 -8
  180. package/dist/cssm/lib/fx.js.map +1 -1
  181. package/dist/cssm/lib/layouts/gaps.js.map +1 -1
  182. package/dist/cssm/lib/layouts/helpers.js +21 -0
  183. package/dist/cssm/lib/layouts/helpers.js.map +1 -0
  184. package/dist/cssm/lib/layouts/index.js +1 -0
  185. package/dist/cssm/lib/layouts/index.js.map +1 -1
  186. package/dist/cssm/lib/layouts/layoutProps.js +89 -0
  187. package/dist/cssm/lib/layouts/layoutProps.js.map +1 -0
  188. package/dist/cssm/lib/layouts/resolveLayoutProps.js +36 -0
  189. package/dist/cssm/lib/layouts/resolveLayoutProps.js.map +1 -0
  190. package/dist/cssm/lib/layouts/types.js +3 -0
  191. package/dist/cssm/lib/layouts/types.js.map +1 -0
  192. package/dist/cssm/lib/warnOnce.js +1 -1
  193. package/dist/cssm/lib/warnOnce.js.map +1 -1
  194. package/dist/cssm/styles/layout.css +922 -0
  195. package/dist/hooks/useMergeProps.d.ts +6 -0
  196. package/dist/hooks/useMergeProps.d.ts.map +1 -0
  197. package/dist/hooks/useMergeProps.js +38 -0
  198. package/dist/hooks/useMergeProps.js.map +1 -0
  199. package/dist/index.d.ts +3 -0
  200. package/dist/index.d.ts.map +1 -1
  201. package/dist/index.js +1 -0
  202. package/dist/index.js.map +1 -1
  203. package/dist/lib/animation/useCSSTransition.js +1 -1
  204. package/dist/lib/animation/useCSSTransition.js.map +1 -1
  205. package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js +1 -1
  206. package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map +1 -1
  207. package/dist/lib/fx.d.ts +8 -1
  208. package/dist/lib/fx.d.ts.map +1 -1
  209. package/dist/lib/fx.js +55 -8
  210. package/dist/lib/fx.js.map +1 -1
  211. package/dist/lib/layouts/gaps.d.ts +4 -5
  212. package/dist/lib/layouts/gaps.d.ts.map +1 -1
  213. package/dist/lib/layouts/gaps.js.map +1 -1
  214. package/dist/lib/layouts/helpers.d.ts +17 -0
  215. package/dist/lib/layouts/helpers.d.ts.map +1 -0
  216. package/dist/lib/layouts/helpers.js +21 -0
  217. package/dist/lib/layouts/helpers.js.map +1 -0
  218. package/dist/lib/layouts/index.d.ts +2 -0
  219. package/dist/lib/layouts/index.d.ts.map +1 -1
  220. package/dist/lib/layouts/index.js +1 -0
  221. package/dist/lib/layouts/index.js.map +1 -1
  222. package/dist/lib/layouts/layoutProps.d.ts +33 -0
  223. package/dist/lib/layouts/layoutProps.d.ts.map +1 -0
  224. package/dist/lib/layouts/layoutProps.js +89 -0
  225. package/dist/lib/layouts/layoutProps.js.map +1 -0
  226. package/dist/lib/layouts/resolveLayoutProps.d.ts +18 -0
  227. package/dist/lib/layouts/resolveLayoutProps.d.ts.map +1 -0
  228. package/dist/lib/layouts/resolveLayoutProps.js +35 -0
  229. package/dist/lib/layouts/resolveLayoutProps.js.map +1 -0
  230. package/dist/lib/layouts/types.d.ts +123 -0
  231. package/dist/lib/layouts/types.d.ts.map +1 -0
  232. package/dist/lib/layouts/types.js +3 -0
  233. package/dist/lib/layouts/types.js.map +1 -0
  234. package/dist/lib/warnOnce.js +1 -1
  235. package/dist/lib/warnOnce.js.map +1 -1
  236. package/dist/vkui.css +1 -1
  237. package/dist/vkui.css.map +1 -1
  238. package/package.json +2 -2
  239. package/src/components/Box/Box.tsx +26 -0
  240. package/src/components/CarouselBase/CarouselBase.tsx +11 -4
  241. package/src/components/CarouselBase/constants.ts +1 -1
  242. package/src/components/CarouselBase/hooks.ts +31 -6
  243. package/src/components/CarouselBase/types.ts +13 -0
  244. package/src/components/Checkbox/Checkbox.tsx +56 -6
  245. package/src/components/Checkbox/CheckboxInput/CheckboxInput.tsx +51 -18
  246. package/src/components/Checkbox/CheckboxSimple/CheckboxSimple.tsx +36 -6
  247. package/src/components/ChipsInput/ChipsInput.tsx +38 -11
  248. package/src/components/ChipsInputBase/ChipsInputBase.tsx +60 -17
  249. package/src/components/ChipsInputBase/types.ts +15 -4
  250. package/src/components/ChipsSelect/ChipsSelect.tsx +71 -33
  251. package/src/components/CustomSelect/CustomSelect.tsx +135 -45
  252. package/src/components/CustomSelect/CustomSelectInput/CustomSelectInput.tsx +48 -17
  253. package/src/components/CustomSelect/helpers.ts +23 -0
  254. package/src/components/Div/Div.tsx +13 -3
  255. package/src/components/File/File.tsx +48 -11
  256. package/src/components/Input/Input.tsx +51 -14
  257. package/src/components/MiniInfoCell/MiniInfoCell.module.css +1 -1
  258. package/src/components/NativeSelect/NativeSelect.tsx +57 -18
  259. package/src/components/Radio/Radio.tsx +51 -8
  260. package/src/components/Radio/RadioInput/RadioInput.tsx +35 -11
  261. package/src/components/Search/Search.tsx +80 -29
  262. package/src/components/Select/Select.tsx +11 -1
  263. package/src/components/SelectionControl/SelectionControl.tsx +2 -1
  264. package/src/components/Snackbar/Snackbar.tsx +35 -5
  265. package/src/components/SplitLayout/SplitLayout.tsx +46 -12
  266. package/src/components/Switch/Switch.tsx +62 -31
  267. package/src/components/Textarea/Textarea.tsx +58 -14
  268. package/src/components/WriteBar/WriteBar.tsx +57 -13
  269. package/src/hooks/useMergeProps.ts +61 -0
  270. package/src/index.ts +3 -0
  271. package/src/lib/animation/useCSSTransition.ts +1 -1
  272. package/src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts +1 -1
  273. package/src/lib/fx.ts +63 -8
  274. package/src/lib/layouts/gaps.ts +4 -5
  275. package/src/lib/layouts/helpers.ts +24 -0
  276. package/src/lib/layouts/index.ts +13 -0
  277. package/src/lib/layouts/layoutProps.ts +75 -0
  278. package/src/lib/layouts/resolveLayoutProps.ts +51 -0
  279. package/src/lib/layouts/types.ts +142 -0
  280. package/src/lib/warnOnce.ts +1 -1
  281. package/src/styles/layout.css +1 -0
  282. package/src/styles/layout.css.d.ts.map +1 -0
@@ -0,0 +1,922 @@
1
+ .vkui-padding-2xs {
2
+ padding: var(--vkui--spacing_size_2xs);
3
+ }
4
+ .vkui-padding-xs {
5
+ padding: var(--vkui--spacing_size_xs);
6
+ }
7
+ .vkui-padding-s {
8
+ padding: var(--vkui--spacing_size_s);
9
+ }
10
+ .vkui-padding-m {
11
+ padding: var(--vkui--spacing_size_m);
12
+ }
13
+ .vkui-padding-l {
14
+ padding: var(--vkui--spacing_size_l);
15
+ }
16
+ .vkui-padding-xl {
17
+ padding: var(--vkui--spacing_size_xl);
18
+ }
19
+ .vkui-padding-2xl {
20
+ padding: var(--vkui--spacing_size_2xl);
21
+ }
22
+ .vkui-padding-3xl {
23
+ padding: var(--vkui--spacing_size_3xl);
24
+ }
25
+ .vkui-padding-4xl {
26
+ padding: var(--vkui--spacing_size_4xl);
27
+ }
28
+ .vkui-padding-inherit {
29
+ padding: inherit;
30
+ }
31
+ .vkui-padding-initial {
32
+ padding: initial;
33
+ }
34
+ .vkui-padding-unset {
35
+ padding: unset;
36
+ }
37
+ .vkui-padding {
38
+ padding: var(--vkui_internal--padding);
39
+ }
40
+ .vkui-padding-inline-2xs {
41
+ padding-inline: var(--vkui--spacing_size_2xs);
42
+ }
43
+ .vkui-padding-inline-xs {
44
+ padding-inline: var(--vkui--spacing_size_xs);
45
+ }
46
+ .vkui-padding-inline-s {
47
+ padding-inline: var(--vkui--spacing_size_s);
48
+ }
49
+ .vkui-padding-inline-m {
50
+ padding-inline: var(--vkui--spacing_size_m);
51
+ }
52
+ .vkui-padding-inline-l {
53
+ padding-inline: var(--vkui--spacing_size_l);
54
+ }
55
+ .vkui-padding-inline-xl {
56
+ padding-inline: var(--vkui--spacing_size_xl);
57
+ }
58
+ .vkui-padding-inline-2xl {
59
+ padding-inline: var(--vkui--spacing_size_2xl);
60
+ }
61
+ .vkui-padding-inline-3xl {
62
+ padding-inline: var(--vkui--spacing_size_3xl);
63
+ }
64
+ .vkui-padding-inline-4xl {
65
+ padding-inline: var(--vkui--spacing_size_4xl);
66
+ }
67
+ .vkui-padding-inline-inherit {
68
+ padding-inline: inherit;
69
+ }
70
+ .vkui-padding-inline-initial {
71
+ padding-inline: initial;
72
+ }
73
+ .vkui-padding-inline-unset {
74
+ padding-inline: unset;
75
+ }
76
+ .vkui-padding-inline {
77
+ padding-inline: var(--vkui_internal--padding-inline);
78
+ }
79
+ .vkui-padding-block-2xs {
80
+ padding-block: var(--vkui--spacing_size_2xs);
81
+ }
82
+ .vkui-padding-block-xs {
83
+ padding-block: var(--vkui--spacing_size_xs);
84
+ }
85
+ .vkui-padding-block-s {
86
+ padding-block: var(--vkui--spacing_size_s);
87
+ }
88
+ .vkui-padding-block-m {
89
+ padding-block: var(--vkui--spacing_size_m);
90
+ }
91
+ .vkui-padding-block-l {
92
+ padding-block: var(--vkui--spacing_size_l);
93
+ }
94
+ .vkui-padding-block-xl {
95
+ padding-block: var(--vkui--spacing_size_xl);
96
+ }
97
+ .vkui-padding-block-2xl {
98
+ padding-block: var(--vkui--spacing_size_2xl);
99
+ }
100
+ .vkui-padding-block-3xl {
101
+ padding-block: var(--vkui--spacing_size_3xl);
102
+ }
103
+ .vkui-padding-block-4xl {
104
+ padding-block: var(--vkui--spacing_size_4xl);
105
+ }
106
+ .vkui-padding-block-inherit {
107
+ padding-block: inherit;
108
+ }
109
+ .vkui-padding-block-initial {
110
+ padding-block: initial;
111
+ }
112
+ .vkui-padding-block-unset {
113
+ padding-block: unset;
114
+ }
115
+ .vkui-padding-block {
116
+ padding-block: var(--vkui_internal--padding-block);
117
+ }
118
+ .vkui-padding-inline-start-2xs {
119
+ -webkit-padding-start: var(--vkui--spacing_size_2xs);
120
+ padding-inline-start: var(--vkui--spacing_size_2xs);
121
+ }
122
+ .vkui-padding-inline-start-xs {
123
+ -webkit-padding-start: var(--vkui--spacing_size_xs);
124
+ padding-inline-start: var(--vkui--spacing_size_xs);
125
+ }
126
+ .vkui-padding-inline-start-s {
127
+ -webkit-padding-start: var(--vkui--spacing_size_s);
128
+ padding-inline-start: var(--vkui--spacing_size_s);
129
+ }
130
+ .vkui-padding-inline-start-m {
131
+ -webkit-padding-start: var(--vkui--spacing_size_m);
132
+ padding-inline-start: var(--vkui--spacing_size_m);
133
+ }
134
+ .vkui-padding-inline-start-l {
135
+ -webkit-padding-start: var(--vkui--spacing_size_l);
136
+ padding-inline-start: var(--vkui--spacing_size_l);
137
+ }
138
+ .vkui-padding-inline-start-xl {
139
+ -webkit-padding-start: var(--vkui--spacing_size_xl);
140
+ padding-inline-start: var(--vkui--spacing_size_xl);
141
+ }
142
+ .vkui-padding-inline-start-2xl {
143
+ -webkit-padding-start: var(--vkui--spacing_size_2xl);
144
+ padding-inline-start: var(--vkui--spacing_size_2xl);
145
+ }
146
+ .vkui-padding-inline-start-3xl {
147
+ -webkit-padding-start: var(--vkui--spacing_size_3xl);
148
+ padding-inline-start: var(--vkui--spacing_size_3xl);
149
+ }
150
+ .vkui-padding-inline-start-4xl {
151
+ -webkit-padding-start: var(--vkui--spacing_size_4xl);
152
+ padding-inline-start: var(--vkui--spacing_size_4xl);
153
+ }
154
+ .vkui-padding-inline-start-inherit {
155
+ -webkit-padding-start: inherit;
156
+ padding-inline-start: inherit;
157
+ }
158
+ .vkui-padding-inline-start-initial {
159
+ -webkit-padding-start: initial;
160
+ padding-inline-start: initial;
161
+ }
162
+ .vkui-padding-inline-start-unset {
163
+ -webkit-padding-start: unset;
164
+ padding-inline-start: unset;
165
+ }
166
+ .vkui-padding-inline-start {
167
+ -webkit-padding-start: var(--vkui_internal--padding-inline-start);
168
+ padding-inline-start: var(--vkui_internal--padding-inline-start);
169
+ }
170
+ .vkui-padding-inline-end-2xs {
171
+ -webkit-padding-end: var(--vkui--spacing_size_2xs);
172
+ padding-inline-end: var(--vkui--spacing_size_2xs);
173
+ }
174
+ .vkui-padding-inline-end-xs {
175
+ -webkit-padding-end: var(--vkui--spacing_size_xs);
176
+ padding-inline-end: var(--vkui--spacing_size_xs);
177
+ }
178
+ .vkui-padding-inline-end-s {
179
+ -webkit-padding-end: var(--vkui--spacing_size_s);
180
+ padding-inline-end: var(--vkui--spacing_size_s);
181
+ }
182
+ .vkui-padding-inline-end-m {
183
+ -webkit-padding-end: var(--vkui--spacing_size_m);
184
+ padding-inline-end: var(--vkui--spacing_size_m);
185
+ }
186
+ .vkui-padding-inline-end-l {
187
+ -webkit-padding-end: var(--vkui--spacing_size_l);
188
+ padding-inline-end: var(--vkui--spacing_size_l);
189
+ }
190
+ .vkui-padding-inline-end-xl {
191
+ -webkit-padding-end: var(--vkui--spacing_size_xl);
192
+ padding-inline-end: var(--vkui--spacing_size_xl);
193
+ }
194
+ .vkui-padding-inline-end-2xl {
195
+ -webkit-padding-end: var(--vkui--spacing_size_2xl);
196
+ padding-inline-end: var(--vkui--spacing_size_2xl);
197
+ }
198
+ .vkui-padding-inline-end-3xl {
199
+ -webkit-padding-end: var(--vkui--spacing_size_3xl);
200
+ padding-inline-end: var(--vkui--spacing_size_3xl);
201
+ }
202
+ .vkui-padding-inline-end-4xl {
203
+ -webkit-padding-end: var(--vkui--spacing_size_4xl);
204
+ padding-inline-end: var(--vkui--spacing_size_4xl);
205
+ }
206
+ .vkui-padding-inline-end-inherit {
207
+ -webkit-padding-end: inherit;
208
+ padding-inline-end: inherit;
209
+ }
210
+ .vkui-padding-inline-end-initial {
211
+ -webkit-padding-end: initial;
212
+ padding-inline-end: initial;
213
+ }
214
+ .vkui-padding-inline-end-unset {
215
+ -webkit-padding-end: unset;
216
+ padding-inline-end: unset;
217
+ }
218
+ .vkui-padding-inline-end {
219
+ -webkit-padding-end: var(--vkui_internal--padding-inline-end);
220
+ padding-inline-end: var(--vkui_internal--padding-inline-end);
221
+ }
222
+ .vkui-padding-block-start-2xs {
223
+ -webkit-padding-before: var(--vkui--spacing_size_2xs);
224
+ padding-block-start: var(--vkui--spacing_size_2xs);
225
+ }
226
+ .vkui-padding-block-start-xs {
227
+ -webkit-padding-before: var(--vkui--spacing_size_xs);
228
+ padding-block-start: var(--vkui--spacing_size_xs);
229
+ }
230
+ .vkui-padding-block-start-s {
231
+ -webkit-padding-before: var(--vkui--spacing_size_s);
232
+ padding-block-start: var(--vkui--spacing_size_s);
233
+ }
234
+ .vkui-padding-block-start-m {
235
+ -webkit-padding-before: var(--vkui--spacing_size_m);
236
+ padding-block-start: var(--vkui--spacing_size_m);
237
+ }
238
+ .vkui-padding-block-start-l {
239
+ -webkit-padding-before: var(--vkui--spacing_size_l);
240
+ padding-block-start: var(--vkui--spacing_size_l);
241
+ }
242
+ .vkui-padding-block-start-xl {
243
+ -webkit-padding-before: var(--vkui--spacing_size_xl);
244
+ padding-block-start: var(--vkui--spacing_size_xl);
245
+ }
246
+ .vkui-padding-block-start-2xl {
247
+ -webkit-padding-before: var(--vkui--spacing_size_2xl);
248
+ padding-block-start: var(--vkui--spacing_size_2xl);
249
+ }
250
+ .vkui-padding-block-start-3xl {
251
+ -webkit-padding-before: var(--vkui--spacing_size_3xl);
252
+ padding-block-start: var(--vkui--spacing_size_3xl);
253
+ }
254
+ .vkui-padding-block-start-4xl {
255
+ -webkit-padding-before: var(--vkui--spacing_size_4xl);
256
+ padding-block-start: var(--vkui--spacing_size_4xl);
257
+ }
258
+ .vkui-padding-block-start-inherit {
259
+ -webkit-padding-before: inherit;
260
+ padding-block-start: inherit;
261
+ }
262
+ .vkui-padding-block-start-initial {
263
+ -webkit-padding-before: initial;
264
+ padding-block-start: initial;
265
+ }
266
+ .vkui-padding-block-start-unset {
267
+ -webkit-padding-before: unset;
268
+ padding-block-start: unset;
269
+ }
270
+ .vkui-padding-block-start {
271
+ -webkit-padding-before: var(--vkui_internal--padding-block-start);
272
+ padding-block-start: var(--vkui_internal--padding-block-start);
273
+ }
274
+ .vkui-padding-block-end-2xs {
275
+ -webkit-padding-after: var(--vkui--spacing_size_2xs);
276
+ padding-block-end: var(--vkui--spacing_size_2xs);
277
+ }
278
+ .vkui-padding-block-end-xs {
279
+ -webkit-padding-after: var(--vkui--spacing_size_xs);
280
+ padding-block-end: var(--vkui--spacing_size_xs);
281
+ }
282
+ .vkui-padding-block-end-s {
283
+ -webkit-padding-after: var(--vkui--spacing_size_s);
284
+ padding-block-end: var(--vkui--spacing_size_s);
285
+ }
286
+ .vkui-padding-block-end-m {
287
+ -webkit-padding-after: var(--vkui--spacing_size_m);
288
+ padding-block-end: var(--vkui--spacing_size_m);
289
+ }
290
+ .vkui-padding-block-end-l {
291
+ -webkit-padding-after: var(--vkui--spacing_size_l);
292
+ padding-block-end: var(--vkui--spacing_size_l);
293
+ }
294
+ .vkui-padding-block-end-xl {
295
+ -webkit-padding-after: var(--vkui--spacing_size_xl);
296
+ padding-block-end: var(--vkui--spacing_size_xl);
297
+ }
298
+ .vkui-padding-block-end-2xl {
299
+ -webkit-padding-after: var(--vkui--spacing_size_2xl);
300
+ padding-block-end: var(--vkui--spacing_size_2xl);
301
+ }
302
+ .vkui-padding-block-end-3xl {
303
+ -webkit-padding-after: var(--vkui--spacing_size_3xl);
304
+ padding-block-end: var(--vkui--spacing_size_3xl);
305
+ }
306
+ .vkui-padding-block-end-4xl {
307
+ -webkit-padding-after: var(--vkui--spacing_size_4xl);
308
+ padding-block-end: var(--vkui--spacing_size_4xl);
309
+ }
310
+ .vkui-padding-block-end-inherit {
311
+ -webkit-padding-after: inherit;
312
+ padding-block-end: inherit;
313
+ }
314
+ .vkui-padding-block-end-initial {
315
+ -webkit-padding-after: initial;
316
+ padding-block-end: initial;
317
+ }
318
+ .vkui-padding-block-end-unset {
319
+ -webkit-padding-after: unset;
320
+ padding-block-end: unset;
321
+ }
322
+ .vkui-padding-block-end {
323
+ -webkit-padding-after: var(--vkui_internal--padding-block-end);
324
+ padding-block-end: var(--vkui_internal--padding-block-end);
325
+ }
326
+ .vkui-inline-size-auto {
327
+ inline-size: auto;
328
+ }
329
+ .vkui-inline-size-max-content {
330
+ inline-size: -webkit-max-content;
331
+ inline-size: -moz-max-content;
332
+ inline-size: max-content;
333
+ }
334
+ .vkui-inline-size-min-content {
335
+ inline-size: -webkit-min-content;
336
+ inline-size: -moz-min-content;
337
+ inline-size: min-content;
338
+ }
339
+ .vkui-inline-size-fit-content {
340
+ inline-size: -webkit-fit-content;
341
+ inline-size: -moz-fit-content;
342
+ inline-size: fit-content;
343
+ }
344
+ .vkui-inline-size-inherit {
345
+ inline-size: inherit;
346
+ }
347
+ .vkui-inline-size-initial {
348
+ inline-size: initial;
349
+ }
350
+ .vkui-inline-size-unset {
351
+ inline-size: unset;
352
+ }
353
+ .vkui-inline-size {
354
+ inline-size: var(--vkui_internal--inline-size);
355
+ }
356
+ .vkui-min-inline-size-max-content {
357
+ min-inline-size: -webkit-max-content;
358
+ min-inline-size: -moz-max-content;
359
+ min-inline-size: max-content;
360
+ }
361
+ .vkui-min-inline-size-min-content {
362
+ min-inline-size: -webkit-min-content;
363
+ min-inline-size: -moz-min-content;
364
+ min-inline-size: min-content;
365
+ }
366
+ .vkui-min-inline-size-fit-content {
367
+ min-inline-size: -webkit-fit-content;
368
+ min-inline-size: -moz-fit-content;
369
+ min-inline-size: fit-content;
370
+ }
371
+ .vkui-min-inline-size-inherit {
372
+ min-inline-size: inherit;
373
+ }
374
+ .vkui-min-inline-size-initial {
375
+ min-inline-size: initial;
376
+ }
377
+ .vkui-min-inline-size-unset {
378
+ min-inline-size: unset;
379
+ }
380
+ .vkui-min-inline-size {
381
+ min-inline-size: var(--vkui_internal--min-inline-size);
382
+ }
383
+ .vkui-max-inline-size-max-content {
384
+ max-inline-size: -webkit-max-content;
385
+ max-inline-size: -moz-max-content;
386
+ max-inline-size: max-content;
387
+ }
388
+ .vkui-max-inline-size-min-content {
389
+ max-inline-size: -webkit-min-content;
390
+ max-inline-size: -moz-min-content;
391
+ max-inline-size: min-content;
392
+ }
393
+ .vkui-max-inline-size-fit-content {
394
+ max-inline-size: -webkit-fit-content;
395
+ max-inline-size: -moz-fit-content;
396
+ max-inline-size: fit-content;
397
+ }
398
+ .vkui-max-inline-size-inherit {
399
+ max-inline-size: inherit;
400
+ }
401
+ .vkui-max-inline-size-initial {
402
+ max-inline-size: initial;
403
+ }
404
+ .vkui-max-inline-size-unset {
405
+ max-inline-size: unset;
406
+ }
407
+ .vkui-max-inline-size {
408
+ max-inline-size: var(--vkui_internal--max-inline-size);
409
+ }
410
+ .vkui-block-size-auto {
411
+ block-size: auto;
412
+ }
413
+ .vkui-block-size-max-content {
414
+ block-size: -webkit-max-content;
415
+ block-size: -moz-max-content;
416
+ block-size: max-content;
417
+ }
418
+ .vkui-block-size-min-content {
419
+ block-size: -webkit-min-content;
420
+ block-size: -moz-min-content;
421
+ block-size: min-content;
422
+ }
423
+ .vkui-block-size-fit-content {
424
+ block-size: -webkit-fit-content;
425
+ block-size: -moz-fit-content;
426
+ block-size: fit-content;
427
+ }
428
+ .vkui-block-size-inherit {
429
+ block-size: inherit;
430
+ }
431
+ .vkui-block-size-initial {
432
+ block-size: initial;
433
+ }
434
+ .vkui-block-size-unset {
435
+ block-size: unset;
436
+ }
437
+ .vkui-block-size {
438
+ block-size: var(--vkui_internal--block-size);
439
+ }
440
+ .vkui-min-block-size-max-content {
441
+ min-block-size: -webkit-max-content;
442
+ min-block-size: -moz-max-content;
443
+ min-block-size: max-content;
444
+ }
445
+ .vkui-min-block-size-min-content {
446
+ min-block-size: -webkit-min-content;
447
+ min-block-size: -moz-min-content;
448
+ min-block-size: min-content;
449
+ }
450
+ .vkui-min-block-size-fit-content {
451
+ min-block-size: -webkit-fit-content;
452
+ min-block-size: -moz-fit-content;
453
+ min-block-size: fit-content;
454
+ }
455
+ .vkui-min-block-size-inherit {
456
+ min-block-size: inherit;
457
+ }
458
+ .vkui-min-block-size-initial {
459
+ min-block-size: initial;
460
+ }
461
+ .vkui-min-block-size-unset {
462
+ min-block-size: unset;
463
+ }
464
+ .vkui-min-block-size {
465
+ min-block-size: var(--vkui_internal--min-block-size);
466
+ }
467
+ .vkui-max-block-size-max-content {
468
+ max-block-size: -webkit-max-content;
469
+ max-block-size: -moz-max-content;
470
+ max-block-size: max-content;
471
+ }
472
+ .vkui-max-block-size-min-content {
473
+ max-block-size: -webkit-min-content;
474
+ max-block-size: -moz-min-content;
475
+ max-block-size: min-content;
476
+ }
477
+ .vkui-max-block-size-fit-content {
478
+ max-block-size: -webkit-fit-content;
479
+ max-block-size: -moz-fit-content;
480
+ max-block-size: fit-content;
481
+ }
482
+ .vkui-max-block-size-inherit {
483
+ max-block-size: inherit;
484
+ }
485
+ .vkui-max-block-size-initial {
486
+ max-block-size: initial;
487
+ }
488
+ .vkui-max-block-size-unset {
489
+ max-block-size: unset;
490
+ }
491
+ .vkui-max-block-size {
492
+ max-block-size: var(--vkui_internal--max-block-size);
493
+ }
494
+ .vkui-inset-2xs {
495
+ inset: var(--vkui--spacing_size_2xs);
496
+ }
497
+ .vkui-inset-xs {
498
+ inset: var(--vkui--spacing_size_xs);
499
+ }
500
+ .vkui-inset-s {
501
+ inset: var(--vkui--spacing_size_s);
502
+ }
503
+ .vkui-inset-m {
504
+ inset: var(--vkui--spacing_size_m);
505
+ }
506
+ .vkui-inset-l {
507
+ inset: var(--vkui--spacing_size_l);
508
+ }
509
+ .vkui-inset-xl {
510
+ inset: var(--vkui--spacing_size_xl);
511
+ }
512
+ .vkui-inset-2xl {
513
+ inset: var(--vkui--spacing_size_2xl);
514
+ }
515
+ .vkui-inset-3xl {
516
+ inset: var(--vkui--spacing_size_3xl);
517
+ }
518
+ .vkui-inset-4xl {
519
+ inset: var(--vkui--spacing_size_4xl);
520
+ }
521
+ .vkui-inset-inherit {
522
+ inset: inherit;
523
+ }
524
+ .vkui-inset-initial {
525
+ inset: initial;
526
+ }
527
+ .vkui-inset-unset {
528
+ inset: unset;
529
+ }
530
+ .vkui-inset-auto {
531
+ inset: auto;
532
+ }
533
+ .vkui-inset {
534
+ inset: var(--vkui_internal--inset);
535
+ }
536
+ .vkui-inset-inline-2xs {
537
+ inset-inline: var(--vkui--spacing_size_2xs);
538
+ }
539
+ .vkui-inset-inline-xs {
540
+ inset-inline: var(--vkui--spacing_size_xs);
541
+ }
542
+ .vkui-inset-inline-s {
543
+ inset-inline: var(--vkui--spacing_size_s);
544
+ }
545
+ .vkui-inset-inline-m {
546
+ inset-inline: var(--vkui--spacing_size_m);
547
+ }
548
+ .vkui-inset-inline-l {
549
+ inset-inline: var(--vkui--spacing_size_l);
550
+ }
551
+ .vkui-inset-inline-xl {
552
+ inset-inline: var(--vkui--spacing_size_xl);
553
+ }
554
+ .vkui-inset-inline-2xl {
555
+ inset-inline: var(--vkui--spacing_size_2xl);
556
+ }
557
+ .vkui-inset-inline-3xl {
558
+ inset-inline: var(--vkui--spacing_size_3xl);
559
+ }
560
+ .vkui-inset-inline-4xl {
561
+ inset-inline: var(--vkui--spacing_size_4xl);
562
+ }
563
+ .vkui-inset-inline-inherit {
564
+ inset-inline: inherit;
565
+ }
566
+ .vkui-inset-inline-initial {
567
+ inset-inline: initial;
568
+ }
569
+ .vkui-inset-inline-unset {
570
+ inset-inline: unset;
571
+ }
572
+ .vkui-inset-inline-auto {
573
+ inset-inline: auto;
574
+ }
575
+ .vkui-inset-inline {
576
+ inset-inline: var(--vkui_internal--inset-inline);
577
+ }
578
+ .vkui-inset-block-2xs {
579
+ inset-block: var(--vkui--spacing_size_2xs);
580
+ }
581
+ .vkui-inset-block-xs {
582
+ inset-block: var(--vkui--spacing_size_xs);
583
+ }
584
+ .vkui-inset-block-s {
585
+ inset-block: var(--vkui--spacing_size_s);
586
+ }
587
+ .vkui-inset-block-m {
588
+ inset-block: var(--vkui--spacing_size_m);
589
+ }
590
+ .vkui-inset-block-l {
591
+ inset-block: var(--vkui--spacing_size_l);
592
+ }
593
+ .vkui-inset-block-xl {
594
+ inset-block: var(--vkui--spacing_size_xl);
595
+ }
596
+ .vkui-inset-block-2xl {
597
+ inset-block: var(--vkui--spacing_size_2xl);
598
+ }
599
+ .vkui-inset-block-3xl {
600
+ inset-block: var(--vkui--spacing_size_3xl);
601
+ }
602
+ .vkui-inset-block-4xl {
603
+ inset-block: var(--vkui--spacing_size_4xl);
604
+ }
605
+ .vkui-inset-block-inherit {
606
+ inset-block: inherit;
607
+ }
608
+ .vkui-inset-block-initial {
609
+ inset-block: initial;
610
+ }
611
+ .vkui-inset-block-unset {
612
+ inset-block: unset;
613
+ }
614
+ .vkui-inset-block-auto {
615
+ inset-block: auto;
616
+ }
617
+ .vkui-inset-block {
618
+ inset-block: var(--vkui_internal--inset-block);
619
+ }
620
+ .vkui-inset-inline-start-2xs {
621
+ inset-inline-start: var(--vkui--spacing_size_2xs);
622
+ }
623
+ .vkui-inset-inline-start-xs {
624
+ inset-inline-start: var(--vkui--spacing_size_xs);
625
+ }
626
+ .vkui-inset-inline-start-s {
627
+ inset-inline-start: var(--vkui--spacing_size_s);
628
+ }
629
+ .vkui-inset-inline-start-m {
630
+ inset-inline-start: var(--vkui--spacing_size_m);
631
+ }
632
+ .vkui-inset-inline-start-l {
633
+ inset-inline-start: var(--vkui--spacing_size_l);
634
+ }
635
+ .vkui-inset-inline-start-xl {
636
+ inset-inline-start: var(--vkui--spacing_size_xl);
637
+ }
638
+ .vkui-inset-inline-start-2xl {
639
+ inset-inline-start: var(--vkui--spacing_size_2xl);
640
+ }
641
+ .vkui-inset-inline-start-3xl {
642
+ inset-inline-start: var(--vkui--spacing_size_3xl);
643
+ }
644
+ .vkui-inset-inline-start-4xl {
645
+ inset-inline-start: var(--vkui--spacing_size_4xl);
646
+ }
647
+ .vkui-inset-inline-start-inherit {
648
+ inset-inline-start: inherit;
649
+ }
650
+ .vkui-inset-inline-start-initial {
651
+ inset-inline-start: initial;
652
+ }
653
+ .vkui-inset-inline-start-unset {
654
+ inset-inline-start: unset;
655
+ }
656
+ .vkui-inset-inline-start-auto {
657
+ inset-inline-start: auto;
658
+ }
659
+ .vkui-inset-inline-start {
660
+ inset-inline-start: var(--vkui_internal--inset-inline-start);
661
+ }
662
+ .vkui-inset-inline-end-2xs {
663
+ inset-inline-end: var(--vkui--spacing_size_2xs);
664
+ }
665
+ .vkui-inset-inline-end-xs {
666
+ inset-inline-end: var(--vkui--spacing_size_xs);
667
+ }
668
+ .vkui-inset-inline-end-s {
669
+ inset-inline-end: var(--vkui--spacing_size_s);
670
+ }
671
+ .vkui-inset-inline-end-m {
672
+ inset-inline-end: var(--vkui--spacing_size_m);
673
+ }
674
+ .vkui-inset-inline-end-l {
675
+ inset-inline-end: var(--vkui--spacing_size_l);
676
+ }
677
+ .vkui-inset-inline-end-xl {
678
+ inset-inline-end: var(--vkui--spacing_size_xl);
679
+ }
680
+ .vkui-inset-inline-end-2xl {
681
+ inset-inline-end: var(--vkui--spacing_size_2xl);
682
+ }
683
+ .vkui-inset-inline-end-3xl {
684
+ inset-inline-end: var(--vkui--spacing_size_3xl);
685
+ }
686
+ .vkui-inset-inline-end-4xl {
687
+ inset-inline-end: var(--vkui--spacing_size_4xl);
688
+ }
689
+ .vkui-inset-inline-end-inherit {
690
+ inset-inline-end: inherit;
691
+ }
692
+ .vkui-inset-inline-end-initial {
693
+ inset-inline-end: initial;
694
+ }
695
+ .vkui-inset-inline-end-unset {
696
+ inset-inline-end: unset;
697
+ }
698
+ .vkui-inset-inline-end-auto {
699
+ inset-inline-end: auto;
700
+ }
701
+ .vkui-inset-inline-end {
702
+ inset-inline-end: var(--vkui_internal--inset-inline-end);
703
+ }
704
+ .vkui-inset-block-start-2xs {
705
+ inset-block-start: var(--vkui--spacing_size_2xs);
706
+ }
707
+ .vkui-inset-block-start-xs {
708
+ inset-block-start: var(--vkui--spacing_size_xs);
709
+ }
710
+ .vkui-inset-block-start-s {
711
+ inset-block-start: var(--vkui--spacing_size_s);
712
+ }
713
+ .vkui-inset-block-start-m {
714
+ inset-block-start: var(--vkui--spacing_size_m);
715
+ }
716
+ .vkui-inset-block-start-l {
717
+ inset-block-start: var(--vkui--spacing_size_l);
718
+ }
719
+ .vkui-inset-block-start-xl {
720
+ inset-block-start: var(--vkui--spacing_size_xl);
721
+ }
722
+ .vkui-inset-block-start-2xl {
723
+ inset-block-start: var(--vkui--spacing_size_2xl);
724
+ }
725
+ .vkui-inset-block-start-3xl {
726
+ inset-block-start: var(--vkui--spacing_size_3xl);
727
+ }
728
+ .vkui-inset-block-start-4xl {
729
+ inset-block-start: var(--vkui--spacing_size_4xl);
730
+ }
731
+ .vkui-inset-block-start-inherit {
732
+ inset-block-start: inherit;
733
+ }
734
+ .vkui-inset-block-start-initial {
735
+ inset-block-start: initial;
736
+ }
737
+ .vkui-inset-block-start-unset {
738
+ inset-block-start: unset;
739
+ }
740
+ .vkui-inset-block-start-auto {
741
+ inset-block-start: auto;
742
+ }
743
+ .vkui-inset-block-start {
744
+ inset-block-start: var(--vkui_internal--inset-block-start);
745
+ }
746
+ .vkui-inset-block-end-2xs {
747
+ inset-block-end: var(--vkui--spacing_size_2xs);
748
+ }
749
+ .vkui-inset-block-end-xs {
750
+ inset-block-end: var(--vkui--spacing_size_xs);
751
+ }
752
+ .vkui-inset-block-end-s {
753
+ inset-block-end: var(--vkui--spacing_size_s);
754
+ }
755
+ .vkui-inset-block-end-m {
756
+ inset-block-end: var(--vkui--spacing_size_m);
757
+ }
758
+ .vkui-inset-block-end-l {
759
+ inset-block-end: var(--vkui--spacing_size_l);
760
+ }
761
+ .vkui-inset-block-end-xl {
762
+ inset-block-end: var(--vkui--spacing_size_xl);
763
+ }
764
+ .vkui-inset-block-end-2xl {
765
+ inset-block-end: var(--vkui--spacing_size_2xl);
766
+ }
767
+ .vkui-inset-block-end-3xl {
768
+ inset-block-end: var(--vkui--spacing_size_3xl);
769
+ }
770
+ .vkui-inset-block-end-4xl {
771
+ inset-block-end: var(--vkui--spacing_size_4xl);
772
+ }
773
+ .vkui-inset-block-end-inherit {
774
+ inset-block-end: inherit;
775
+ }
776
+ .vkui-inset-block-end-initial {
777
+ inset-block-end: initial;
778
+ }
779
+ .vkui-inset-block-end-unset {
780
+ inset-block-end: unset;
781
+ }
782
+ .vkui-inset-block-end-auto {
783
+ inset-block-end: auto;
784
+ }
785
+ .vkui-inset-block-end {
786
+ inset-block-end: var(--vkui_internal--inset-block-end);
787
+ }
788
+ .vkui-position-static {
789
+ position: static;
790
+ }
791
+ .vkui-position-relative {
792
+ position: relative;
793
+ }
794
+ .vkui-position-absolute {
795
+ position: absolute;
796
+ }
797
+ .vkui-position-fixed {
798
+ position: fixed;
799
+ }
800
+ .vkui-flex-grow-inherit {
801
+ flex-grow: inherit;
802
+ }
803
+ .vkui-flex-grow-initial {
804
+ flex-grow: initial;
805
+ }
806
+ .vkui-flex-grow-unset {
807
+ flex-grow: unset;
808
+ }
809
+ .vkui-flex-grow {
810
+ flex-grow: var(--vkui_internal--flex-grow);
811
+ }
812
+ .vkui-flex-shrink-inherit {
813
+ flex-shrink: inherit;
814
+ }
815
+ .vkui-flex-shrink-initial {
816
+ flex-shrink: initial;
817
+ }
818
+ .vkui-flex-shrink-unset {
819
+ flex-shrink: unset;
820
+ }
821
+ .vkui-flex-shrink {
822
+ flex-shrink: var(--vkui_internal--flex-shrink);
823
+ }
824
+ .vkui-flex-basis-auto {
825
+ flex-basis: auto;
826
+ }
827
+ .vkui-flex-basis-max-content {
828
+ flex-basis: max-content;
829
+ }
830
+ .vkui-flex-basis-min-content {
831
+ flex-basis: min-content;
832
+ }
833
+ .vkui-flex-basis-fit-content {
834
+ flex-basis: fit-content;
835
+ }
836
+ .vkui-flex-basis-inherit {
837
+ flex-basis: inherit;
838
+ }
839
+ .vkui-flex-basis-initial {
840
+ flex-basis: initial;
841
+ }
842
+ .vkui-flex-basis-unset {
843
+ flex-basis: unset;
844
+ }
845
+ .vkui-flex-basis-content {
846
+ flex-basis: content;
847
+ }
848
+ .vkui-flex-basis {
849
+ flex-basis: var(--vkui_internal--flex-basis);
850
+ }
851
+ .vkui-overflow-visible {
852
+ overflow: visible;
853
+ }
854
+ .vkui-overflow-hidden {
855
+ overflow: hidden;
856
+ }
857
+ .vkui-overflow-clip {
858
+ overflow: clip;
859
+ }
860
+ .vkui-overflow-scroll {
861
+ overflow: scroll;
862
+ }
863
+ .vkui-overflow-auto {
864
+ overflow: auto;
865
+ }
866
+ .vkui-overflow-inherit {
867
+ overflow: inherit;
868
+ }
869
+ .vkui-overflow-initial {
870
+ overflow: initial;
871
+ }
872
+ .vkui-overflow-unset {
873
+ overflow: unset;
874
+ }
875
+ .vkui-overflow-block-visible {
876
+ overflow-block: visible;
877
+ }
878
+ .vkui-overflow-block-hidden {
879
+ overflow-block: hidden;
880
+ }
881
+ .vkui-overflow-block-clip {
882
+ overflow-block: clip;
883
+ }
884
+ .vkui-overflow-block-scroll {
885
+ overflow-block: scroll;
886
+ }
887
+ .vkui-overflow-block-auto {
888
+ overflow-block: auto;
889
+ }
890
+ .vkui-overflow-block-inherit {
891
+ overflow-block: inherit;
892
+ }
893
+ .vkui-overflow-block-initial {
894
+ overflow-block: initial;
895
+ }
896
+ .vkui-overflow-block-unset {
897
+ overflow-block: unset;
898
+ }
899
+ .vkui-overflow-inline-visible {
900
+ overflow-inline: visible;
901
+ }
902
+ .vkui-overflow-inline-hidden {
903
+ overflow-inline: hidden;
904
+ }
905
+ .vkui-overflow-inline-clip {
906
+ overflow-inline: clip;
907
+ }
908
+ .vkui-overflow-inline-scroll {
909
+ overflow-inline: scroll;
910
+ }
911
+ .vkui-overflow-inline-auto {
912
+ overflow-inline: auto;
913
+ }
914
+ .vkui-overflow-inline-inherit {
915
+ overflow-inline: inherit;
916
+ }
917
+ .vkui-overflow-inline-initial {
918
+ overflow-inline: initial;
919
+ }
920
+ .vkui-overflow-inline-unset {
921
+ overflow-inline: unset;
922
+ }