@consta/uikit 3.9.3 → 3.10.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 (371) hide show
  1. package/Attach/package.json +1 -1
  2. package/Attachment/package.json +1 -1
  3. package/Avatar/package.json +1 -1
  4. package/Badge/package.json +1 -1
  5. package/BasicSelectDeprecated/package.json +1 -1
  6. package/Breadcrumbs/package.json +1 -1
  7. package/Button/package.json +1 -1
  8. package/CHANGELOG.md +24 -11
  9. package/Calendar/package.json +1 -1
  10. package/Card/package.json +1 -1
  11. package/Checkbox/package.json +1 -1
  12. package/CheckboxGroup/package.json +1 -1
  13. package/ChoiceGroup/package.json +1 -1
  14. package/Collapse/package.json +1 -1
  15. package/CollapseGroup/package.json +1 -1
  16. package/Combobox/package.json +1 -1
  17. package/ComboboxDeprecated/package.json +1 -1
  18. package/ContextMenu/package.json +1 -1
  19. package/DatePickerCanary/package.json +1 -1
  20. package/DateTimeCanary/package.json +1 -1
  21. package/DragNDropField/package.json +1 -1
  22. package/EventInterceptor/package.json +1 -1
  23. package/FieldCaption/package.json +1 -1
  24. package/FieldLabel/package.json +1 -1
  25. package/File/package.json +1 -1
  26. package/FileField/package.json +1 -1
  27. package/FileIcon/package.json +1 -1
  28. package/FileIconAvi/package.json +1 -1
  29. package/FileIconBmp/package.json +1 -1
  30. package/FileIconCsv/package.json +1 -1
  31. package/FileIconDoc/package.json +1 -1
  32. package/FileIconExe/package.json +1 -1
  33. package/FileIconGif/package.json +1 -1
  34. package/FileIconJpg/package.json +1 -1
  35. package/FileIconJson/package.json +1 -1
  36. package/FileIconLoading/package.json +1 -1
  37. package/FileIconMov/package.json +1 -1
  38. package/FileIconMp3/package.json +1 -1
  39. package/FileIconMp4/package.json +1 -1
  40. package/FileIconPdf/package.json +1 -1
  41. package/FileIconPng/package.json +1 -1
  42. package/FileIconPtt/package.json +1 -1
  43. package/FileIconRar/package.json +1 -1
  44. package/FileIconRtf/package.json +1 -1
  45. package/FileIconTiff/package.json +1 -1
  46. package/FileIconTxt/package.json +1 -1
  47. package/FileIconUndefined/package.json +1 -1
  48. package/FileIconWav/package.json +1 -1
  49. package/FileIconXls/package.json +1 -1
  50. package/FileIconZip/package.json +1 -1
  51. package/Grid/package.json +1 -1
  52. package/Header/package.json +1 -1
  53. package/Icon/package.json +1 -1
  54. package/IconAdd/package.json +1 -1
  55. package/IconAddToComparison/package.json +1 -1
  56. package/IconAlert/package.json +1 -1
  57. package/IconAlignBlocksLeft/package.json +1 -1
  58. package/IconAlignBlocksRight/package.json +1 -1
  59. package/IconAlignCenter/package.json +1 -1
  60. package/IconAlignJustify/package.json +1 -1
  61. package/IconAlignLeft/package.json +1 -1
  62. package/IconAlignRight/package.json +1 -1
  63. package/IconAllDone/package.json +1 -1
  64. package/IconArrowDown/package.json +1 -1
  65. package/IconArrowLeft/package.json +1 -1
  66. package/IconArrowRight/package.json +1 -1
  67. package/IconArrowUp/package.json +1 -1
  68. package/IconArtBrush/package.json +1 -1
  69. package/IconAttach/package.json +1 -1
  70. package/IconBackward/package.json +1 -1
  71. package/IconBag/package.json +1 -1
  72. package/IconBarrier/package.json +1 -1
  73. package/IconBento/package.json +1 -1
  74. package/IconBold/package.json +1 -1
  75. package/IconBook/package.json +1 -1
  76. package/IconBookmarkFilled/package.json +1 -1
  77. package/IconBookmarkStroked/package.json +1 -1
  78. package/IconCalculator/package.json +1 -1
  79. package/IconCalendar/package.json +1 -1
  80. package/IconCamera/package.json +1 -1
  81. package/IconCancel/package.json +1 -1
  82. package/IconCards/package.json +1 -1
  83. package/IconChat/package.json +1 -1
  84. package/IconCheck/package.json +1 -1
  85. package/IconClose/package.json +1 -1
  86. package/IconCollapse/package.json +1 -1
  87. package/IconColorFill/package.json +1 -1
  88. package/IconColorText/package.json +1 -1
  89. package/IconColumns/package.json +1 -1
  90. package/IconComment/package.json +1 -1
  91. package/IconConnection/package.json +1 -1
  92. package/IconCopy/package.json +1 -1
  93. package/IconCrown/package.json +1 -1
  94. package/IconCursorMouse/package.json +1 -1
  95. package/IconDataNull/package.json +1 -1
  96. package/IconDiamond/package.json +1 -1
  97. package/IconDinosaur/package.json +1 -1
  98. package/IconDisconnection/package.json +1 -1
  99. package/IconDocAdd/package.json +1 -1
  100. package/IconDocBlank/package.json +1 -1
  101. package/IconDocDelete/package.json +1 -1
  102. package/IconDocExport/package.json +1 -1
  103. package/IconDocFilled/package.json +1 -1
  104. package/IconDown/package.json +1 -1
  105. package/IconDownload/package.json +1 -1
  106. package/IconDrag/package.json +1 -1
  107. package/IconDraggable/package.json +1 -1
  108. package/IconDrillingRig/package.json +1 -1
  109. package/IconDrop/package.json +1 -1
  110. package/IconEdit/package.json +1 -1
  111. package/IconExit/package.json +1 -1
  112. package/IconExpand/package.json +1 -1
  113. package/IconEye/package.json +1 -1
  114. package/IconEyeClose/package.json +1 -1
  115. package/IconFavorite/package.json +1 -1
  116. package/IconFilter/package.json +1 -1
  117. package/IconFitToDefault/package.json +1 -1
  118. package/IconFlagFilled/package.json +1 -1
  119. package/IconFlagStroked/package.json +1 -1
  120. package/IconFolders/package.json +1 -1
  121. package/IconForward/package.json +1 -1
  122. package/IconFunnel/package.json +1 -1
  123. package/IconGas/package.json +1 -1
  124. package/IconGeo/package.json +1 -1
  125. package/IconGrouping/package.json +1 -1
  126. package/IconHamburger/package.json +1 -1
  127. package/IconHand/package.json +1 -1
  128. package/IconHealth/package.json +1 -1
  129. package/IconInComparison/package.json +1 -1
  130. package/IconInfo/package.json +1 -1
  131. package/IconIntroduction/package.json +1 -1
  132. package/IconIpad/package.json +1 -1
  133. package/IconItalic/package.json +1 -1
  134. package/IconKebab/package.json +1 -1
  135. package/IconLaptop/package.json +1 -1
  136. package/IconLayers/package.json +1 -1
  137. package/IconLeaf/package.json +1 -1
  138. package/IconLightningBolt/package.json +1 -1
  139. package/IconLineAndBarChart/package.json +1 -1
  140. package/IconLink/package.json +1 -1
  141. package/IconList/package.json +1 -1
  142. package/IconListNumbered/package.json +1 -1
  143. package/IconLock/package.json +1 -1
  144. package/IconLogicalElement/package.json +1 -1
  145. package/IconMBU/package.json +1 -1
  146. package/IconMGRP/package.json +1 -1
  147. package/IconMLSP/package.json +1 -1
  148. package/IconMMP/package.json +1 -1
  149. package/IconMail/package.json +1 -1
  150. package/IconMap/package.json +1 -1
  151. package/IconMaxHeight/package.json +1 -1
  152. package/IconMaxWidth/package.json +1 -1
  153. package/IconMeatball/package.json +1 -1
  154. package/IconMic/package.json +1 -1
  155. package/IconMolecules/package.json +1 -1
  156. package/IconMoon/package.json +1 -1
  157. package/IconNodeEnd/package.json +1 -1
  158. package/IconNodeStart/package.json +1 -1
  159. package/IconNodeStep/package.json +1 -1
  160. package/IconNodes/package.json +1 -1
  161. package/IconOpenInNew/package.json +1 -1
  162. package/IconPanelBottom/package.json +1 -1
  163. package/IconPanelLeft/package.json +1 -1
  164. package/IconPanelRight/package.json +1 -1
  165. package/IconPanelTop/package.json +1 -1
  166. package/IconPaste/package.json +1 -1
  167. package/IconPause/package.json +1 -1
  168. package/IconPhone/package.json +1 -1
  169. package/IconPhoto/package.json +1 -1
  170. package/IconPlay/package.json +1 -1
  171. package/IconPressure/package.json +1 -1
  172. package/IconProcessing/package.json +1 -1
  173. package/IconQuestion/package.json +1 -1
  174. package/IconQuote/package.json +1 -1
  175. package/IconRUO/package.json +1 -1
  176. package/IconRUS/package.json +1 -1
  177. package/IconRecord/package.json +1 -1
  178. package/IconRemove/package.json +1 -1
  179. package/IconRemoveFromComparison/package.json +1 -1
  180. package/IconReply/package.json +1 -1
  181. package/IconResize/package.json +1 -1
  182. package/IconRestart/package.json +1 -1
  183. package/IconRevert/package.json +1 -1
  184. package/IconRing/package.json +1 -1
  185. package/IconRouble/package.json +1 -1
  186. package/IconRuler/package.json +1 -1
  187. package/IconScreen/package.json +1 -1
  188. package/IconSearch/package.json +1 -1
  189. package/IconSelect/package.json +1 -1
  190. package/IconSelectOpen/package.json +1 -1
  191. package/IconSettings/package.json +1 -1
  192. package/IconShape/package.json +1 -1
  193. package/IconShuffle/package.json +1 -1
  194. package/IconSmile/package.json +1 -1
  195. package/IconSortDown/package.json +1 -1
  196. package/IconSortDownCenter/package.json +1 -1
  197. package/IconSortUp/package.json +1 -1
  198. package/IconSortUpCenter/package.json +1 -1
  199. package/IconStop/package.json +1 -1
  200. package/IconStorage/package.json +1 -1
  201. package/IconStrikethrough/package.json +1 -1
  202. package/IconSun/package.json +1 -1
  203. package/IconTable/package.json +1 -1
  204. package/IconTarget/package.json +1 -1
  205. package/IconTeam/package.json +1 -1
  206. package/IconTest/package.json +1 -1
  207. package/IconThumbUp/package.json +1 -1
  208. package/IconTie/package.json +1 -1
  209. package/IconTop/package.json +1 -1
  210. package/IconTrash/package.json +1 -1
  211. package/IconType/package.json +1 -1
  212. package/IconUnderline/package.json +1 -1
  213. package/IconUnlock/package.json +1 -1
  214. package/IconUnsort/package.json +1 -1
  215. package/IconUnsortCenter/package.json +1 -1
  216. package/IconUpload/package.json +1 -1
  217. package/IconUser/package.json +1 -1
  218. package/IconVZD/package.json +1 -1
  219. package/IconVideo/package.json +1 -1
  220. package/IconWarning/package.json +1 -1
  221. package/IconWatch/package.json +1 -1
  222. package/IconWideScreen/package.json +1 -1
  223. package/IconWorld/package.json +1 -1
  224. package/Informer/package.json +1 -1
  225. package/LayoutCanary/package.json +1 -1
  226. package/Loader/package.json +1 -1
  227. package/MixCard/package.json +1 -1
  228. package/MixFocus/package.json +1 -1
  229. package/MixSpace/es.js +1 -0
  230. package/MixSpace/index.d.ts +1 -0
  231. package/MixSpace/index.js +4 -0
  232. package/MixSpace/package.json +9 -0
  233. package/MixVisuallyHidden/package.json +1 -1
  234. package/Modal/package.json +1 -1
  235. package/MultiComboboxDeprecated/package.json +1 -1
  236. package/Pagination/package.json +1 -1
  237. package/Popover/package.json +1 -1
  238. package/PortalWithTheme/package.json +1 -1
  239. package/ProgressSpin/package.json +1 -1
  240. package/ProgressStepBarCanary/package.json +1 -1
  241. package/Radio/package.json +1 -1
  242. package/RadioGroup/package.json +1 -1
  243. package/Responses/package.json +1 -1
  244. package/Responses403/package.json +1 -1
  245. package/Responses404/package.json +1 -1
  246. package/Responses500/package.json +1 -1
  247. package/Responses503/package.json +1 -1
  248. package/ResponsesConnectionError/package.json +1 -1
  249. package/ResponsesDeleted/package.json +1 -1
  250. package/ResponsesEmptyBox/package.json +1 -1
  251. package/ResponsesEmptyPockets/package.json +1 -1
  252. package/ResponsesImage/package.json +1 -1
  253. package/ResponsesImage403/package.json +1 -1
  254. package/ResponsesImage404/package.json +1 -1
  255. package/ResponsesImage500/package.json +1 -1
  256. package/ResponsesImage503/package.json +1 -1
  257. package/ResponsesImageConnectionError/package.json +1 -1
  258. package/ResponsesImageDeleted/package.json +1 -1
  259. package/ResponsesImageEmptyBox/package.json +1 -1
  260. package/ResponsesImageEmptyPockets/package.json +1 -1
  261. package/ResponsesImageNothingFound/package.json +1 -1
  262. package/ResponsesImageSuccess/package.json +1 -1
  263. package/ResponsesNothingFound/package.json +1 -1
  264. package/ResponsesSuccess/package.json +1 -1
  265. package/Select/package.json +1 -1
  266. package/Sidebar/package.json +1 -1
  267. package/Skeleton/package.json +1 -1
  268. package/SnackBar/package.json +1 -1
  269. package/Steps/package.json +1 -1
  270. package/Switch/package.json +1 -1
  271. package/SwitchGroup/package.json +1 -1
  272. package/Table/package.json +1 -1
  273. package/Tabs/package.json +1 -1
  274. package/Tag/package.json +1 -1
  275. package/TagBase/package.json +1 -1
  276. package/Text/package.json +1 -1
  277. package/TextField/package.json +1 -1
  278. package/Theme/package.json +1 -1
  279. package/ThemeToggler/package.json +1 -1
  280. package/Timer/package.json +1 -1
  281. package/Tooltip/package.json +1 -1
  282. package/User/package.json +1 -1
  283. package/UserSelect/package.json +1 -1
  284. package/UserSelectDeprecated/package.json +1 -1
  285. package/__internal__/cjs-src/components/Breadcrumbs/Breadcrumbs.js +2 -2
  286. package/__internal__/cjs-src/components/Button/Button.js +8 -6
  287. package/__internal__/cjs-src/components/Calendar/Calendar.js +2 -2
  288. package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.d.ts +13 -24
  289. package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.js +2 -2
  290. package/__internal__/cjs-src/components/Collapse/Collapse.js +2 -2
  291. package/__internal__/cjs-src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.js +2 -2
  292. package/__internal__/cjs-src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.js +16 -3
  293. package/__internal__/cjs-src/components/ContextMenu/helpers.d.ts +7 -2
  294. package/__internal__/cjs-src/components/DatePickerCanary/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.js +3 -3
  295. package/__internal__/cjs-src/components/DateTimeCanary/DateTimeCanary.js +2 -2
  296. package/__internal__/cjs-src/components/ProgressSpin/ProgressSpin.js +3 -3
  297. package/__internal__/cjs-src/components/ProgressStepBarCanary/ProgressStepBarLine/ProgressStepBarLine.js +2 -2
  298. package/__internal__/cjs-src/components/SelectComponents/SelectItem/SelectItem.js +2 -2
  299. package/__internal__/cjs-src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js +2 -2
  300. package/__internal__/cjs-src/components/SnackBar/SnackBar.css +6 -0
  301. package/__internal__/cjs-src/components/Steps/StepsStep/StepsStep.js +2 -2
  302. package/__internal__/cjs-src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.js +1 -1
  303. package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.js +2 -2
  304. package/__internal__/cjs-src/components/TagBase/TagBase.js +3 -3
  305. package/__internal__/cjs-src/components/TextField/TextField.js +2 -2
  306. package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDark.css +3 -2
  307. package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDefault.css +4 -2
  308. package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDisplay.css +4 -2
  309. package/__internal__/cjs-src/components/ThemeToggler/ThemeToggler.js +4 -4
  310. package/__internal__/cjs-src/components/User/User.js +6 -6
  311. package/__internal__/cjs-src/hooks/useSelect/useSelect.js +1 -1
  312. package/__internal__/cjs-src/mixs/MixSpace/MixSpace.css +400 -0
  313. package/__internal__/cjs-src/mixs/MixSpace/MixSpace.d.ts +21 -0
  314. package/__internal__/cjs-src/mixs/MixSpace/MixSpace.js +19 -0
  315. package/__internal__/cjs-src/utils/getByMap.d.ts +1 -0
  316. package/__internal__/cjs-src/utils/getByMap.js +10 -0
  317. package/__internal__/src/components/Breadcrumbs/Breadcrumbs.js +2 -2
  318. package/__internal__/src/components/Button/Button.js +8 -6
  319. package/__internal__/src/components/Calendar/Calendar.js +2 -2
  320. package/__internal__/src/components/ChoiceGroup/ChoiceGroup.d.ts +13 -24
  321. package/__internal__/src/components/ChoiceGroup/ChoiceGroup.js +2 -2
  322. package/__internal__/src/components/Collapse/Collapse.js +2 -2
  323. package/__internal__/src/components/ContextMenu/ContextMenuGroupHeader/ContextMenuGroupHeader.js +2 -2
  324. package/__internal__/src/components/ContextMenu/ContextMenuLevel/ContextMenuLevel.js +16 -3
  325. package/__internal__/src/components/ContextMenu/helpers.d.ts +7 -2
  326. package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.js +3 -3
  327. package/__internal__/src/components/DateTimeCanary/DateTimeCanary.js +2 -2
  328. package/__internal__/src/components/ProgressSpin/ProgressSpin.js +3 -3
  329. package/__internal__/src/components/ProgressStepBarCanary/ProgressStepBarLine/ProgressStepBarLine.js +2 -2
  330. package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js +2 -2
  331. package/__internal__/src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js +2 -2
  332. package/__internal__/src/components/SnackBar/SnackBar.css +6 -0
  333. package/__internal__/src/components/Steps/StepsStep/StepsStep.js +2 -2
  334. package/__internal__/src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.js +1 -1
  335. package/__internal__/src/components/Tabs/Tab/TabsTab.js +2 -2
  336. package/__internal__/src/components/TagBase/TagBase.js +3 -3
  337. package/__internal__/src/components/TextField/TextField.js +2 -2
  338. package/__internal__/src/components/Theme/_color/Theme_color_gpnDark.css +3 -2
  339. package/__internal__/src/components/Theme/_color/Theme_color_gpnDefault.css +4 -2
  340. package/__internal__/src/components/Theme/_color/Theme_color_gpnDisplay.css +4 -2
  341. package/__internal__/src/components/ThemeToggler/ThemeToggler.js +4 -4
  342. package/__internal__/src/components/User/User.js +6 -6
  343. package/__internal__/src/hooks/useSelect/useSelect.js +1 -1
  344. package/__internal__/src/mixs/MixSpace/MixSpace.css +400 -0
  345. package/__internal__/src/mixs/MixSpace/MixSpace.d.ts +21 -0
  346. package/__internal__/src/mixs/MixSpace/MixSpace.js +16 -0
  347. package/__internal__/src/utils/getByMap.d.ts +1 -0
  348. package/__internal__/src/utils/{getSizeByMap.js → getByMap.js} +1 -1
  349. package/createIcon/package.json +1 -1
  350. package/createResponsesImage/package.json +1 -1
  351. package/package.json +4 -3
  352. package/useChoiceGroup/package.json +1 -1
  353. package/useChoiceGroupIndexed/package.json +1 -1
  354. package/useClickOutside/package.json +1 -1
  355. package/useComponentSize/package.json +1 -1
  356. package/useDebounce/package.json +1 -1
  357. package/useFlag/package.json +1 -1
  358. package/useForkRef/package.json +1 -1
  359. package/useGlobalKeys/package.json +1 -1
  360. package/useKeys/package.json +1 -1
  361. package/useMutableRef/package.json +1 -1
  362. package/usePrevious/package.json +1 -1
  363. package/useResizeObserved/package.json +1 -1
  364. package/useScrollPosition/package.json +1 -1
  365. package/useSelect/package.json +1 -1
  366. package/useThemeVars/package.json +1 -1
  367. package/useTimer/package.json +1 -1
  368. package/withTooltip/package.json +1 -1
  369. package/__internal__/cjs-src/utils/getSizeByMap.d.ts +0 -1
  370. package/__internal__/cjs-src/utils/getSizeByMap.js +0 -10
  371. package/__internal__/src/utils/getSizeByMap.d.ts +0 -1
@@ -0,0 +1,400 @@
1
+ .MixSpace_pT_3xs,
2
+ .MixSpace_pT_2xs,
3
+ .MixSpace_pT_xs,
4
+ .MixSpace_pT_s,
5
+ .MixSpace_pT_m,
6
+ .MixSpace_pT_l,
7
+ .MixSpace_pT_xl,
8
+ .MixSpace_pT_2xl,
9
+ .MixSpace_pT_3xl,
10
+ .MixSpace_pT_4xl,
11
+ .MixSpace_pT_5xl,
12
+ .MixSpace_pT_6xl {
13
+ padding-top: var(--space-padding-top);
14
+ }
15
+ .MixSpace_pT_3xs {
16
+ --space-padding-top: var(--space-3xs);
17
+ }
18
+ .MixSpace_pT_2xs {
19
+ --space-padding-top: var(--space-2xs);
20
+ }
21
+ .MixSpace_pT_xs {
22
+ --space-padding-top: var(--space-xs);
23
+ }
24
+ .MixSpace_pT_s {
25
+ --space-padding-top: var(--space-s);
26
+ }
27
+ .MixSpace_pT_m {
28
+ --space-padding-top: var(--space-m);
29
+ }
30
+ .MixSpace_pT_l {
31
+ --space-padding-top: var(--space-l);
32
+ }
33
+ .MixSpace_pT_xl {
34
+ --space-padding-top: var(--space-xl);
35
+ }
36
+ .MixSpace_pT_2xl {
37
+ --space-padding-top: var(--space-2xl);
38
+ }
39
+ .MixSpace_pT_3xl {
40
+ --space-padding-top: var(--space-3xl);
41
+ }
42
+ .MixSpace_pT_4xl {
43
+ --space-padding-top: var(--space-4xl);
44
+ }
45
+ .MixSpace_pT_5xl {
46
+ --space-padding-top: var(--space-5xl);
47
+ }
48
+ .MixSpace_pT_6xl {
49
+ --space-padding-top: var(--space-6xl);
50
+ }
51
+ .MixSpace_pL_3xs,
52
+ .MixSpace_pL_2xs,
53
+ .MixSpace_pL_xs,
54
+ .MixSpace_pL_s,
55
+ .MixSpace_pL_m,
56
+ .MixSpace_pL_l,
57
+ .MixSpace_pL_xl,
58
+ .MixSpace_pL_2xl,
59
+ .MixSpace_pL_3xl,
60
+ .MixSpace_pL_4xl,
61
+ .MixSpace_pL_5xl,
62
+ .MixSpace_pL_6xl {
63
+ padding-left: var(--space-padding-left);
64
+ }
65
+ .MixSpace_pL_3xs {
66
+ --space-padding-left: var(--space-3xs);
67
+ }
68
+ .MixSpace_pL_2xs {
69
+ --space-padding-left: var(--space-2xs);
70
+ }
71
+ .MixSpace_pL_xs {
72
+ --space-padding-left: var(--space-xs);
73
+ }
74
+ .MixSpace_pL_s {
75
+ --space-padding-left: var(--space-s);
76
+ }
77
+ .MixSpace_pL_m {
78
+ --space-padding-left: var(--space-m);
79
+ }
80
+ .MixSpace_pL_l {
81
+ --space-padding-left: var(--space-l);
82
+ }
83
+ .MixSpace_pL_xl {
84
+ --space-padding-left: var(--space-xl);
85
+ }
86
+ .MixSpace_pL_2xl {
87
+ --space-padding-left: var(--space-2xl);
88
+ }
89
+ .MixSpace_pL_3xl {
90
+ --space-padding-left: var(--space-3xl);
91
+ }
92
+ .MixSpace_pL_4xl {
93
+ --space-padding-left: var(--space-4xl);
94
+ }
95
+ .MixSpace_pL_5xl {
96
+ --space-padding-left: var(--space-5xl);
97
+ }
98
+ .MixSpace_pL_6xl {
99
+ --space-padding-left: var(--space-6xl);
100
+ }
101
+ .MixSpace_pR_3xs,
102
+ .MixSpace_pR_2xs,
103
+ .MixSpace_pR_xs,
104
+ .MixSpace_pR_s,
105
+ .MixSpace_pR_m,
106
+ .MixSpace_pR_l,
107
+ .MixSpace_pR_xl,
108
+ .MixSpace_pR_2xl,
109
+ .MixSpace_pR_3xl,
110
+ .MixSpace_pR_4xl,
111
+ .MixSpace_pR_5xl,
112
+ .MixSpace_pR_6xl {
113
+ padding-right: var(--space-padding-right);
114
+ }
115
+ .MixSpace_pR_3xs {
116
+ --space-padding-right: var(--space-3xs);
117
+ }
118
+ .MixSpace_pR_2xs {
119
+ --space-padding-right: var(--space-2xs);
120
+ }
121
+ .MixSpace_pR_xs {
122
+ --space-padding-right: var(--space-xs);
123
+ }
124
+ .MixSpace_pR_s {
125
+ --space-padding-right: var(--space-s);
126
+ }
127
+ .MixSpace_pR_m {
128
+ --space-padding-right: var(--space-m);
129
+ }
130
+ .MixSpace_pR_l {
131
+ --space-padding-right: var(--space-l);
132
+ }
133
+ .MixSpace_pR_xl {
134
+ --space-padding-right: var(--space-xl);
135
+ }
136
+ .MixSpace_pR_2xl {
137
+ --space-padding-right: var(--space-2xl);
138
+ }
139
+ .MixSpace_pR_3xl {
140
+ --space-padding-right: var(--space-3xl);
141
+ }
142
+ .MixSpace_pR_4xl {
143
+ --space-padding-right: var(--space-4xl);
144
+ }
145
+ .MixSpace_pR_5xl {
146
+ --space-padding-right: var(--space-5xl);
147
+ }
148
+ .MixSpace_pR_6xl {
149
+ --space-padding-right: var(--space-6xl);
150
+ }
151
+ .MixSpace_pB_3xs,
152
+ .MixSpace_pB_2xs,
153
+ .MixSpace_pB_xs,
154
+ .MixSpace_pB_s,
155
+ .MixSpace_pB_m,
156
+ .MixSpace_pB_l,
157
+ .MixSpace_pB_xl,
158
+ .MixSpace_pB_2xl,
159
+ .MixSpace_pB_3xl,
160
+ .MixSpace_pB_4xl,
161
+ .MixSpace_pB_5xl,
162
+ .MixSpace_pB_6xl {
163
+ padding-bottom: var(--space-padding-bottom);
164
+ }
165
+ .MixSpace_pB_3xs {
166
+ --space-padding-bottom: var(--space-3xs);
167
+ }
168
+ .MixSpace_pB_2xs {
169
+ --space-padding-bottom: var(--space-2xs);
170
+ }
171
+ .MixSpace_pB_xs {
172
+ --space-padding-bottom: var(--space-xs);
173
+ }
174
+ .MixSpace_pB_s {
175
+ --space-padding-bottom: var(--space-s);
176
+ }
177
+ .MixSpace_pB_m {
178
+ --space-padding-bottom: var(--space-m);
179
+ }
180
+ .MixSpace_pB_l {
181
+ --space-padding-bottom: var(--space-l);
182
+ }
183
+ .MixSpace_pB_xl {
184
+ --space-padding-bottom: var(--space-xl);
185
+ }
186
+ .MixSpace_pB_2xl {
187
+ --space-padding-bottom: var(--space-2xl);
188
+ }
189
+ .MixSpace_pB_3xl {
190
+ --space-padding-bottom: var(--space-3xl);
191
+ }
192
+ .MixSpace_pB_4xl {
193
+ --space-padding-bottom: var(--space-4xl);
194
+ }
195
+ .MixSpace_pB_5xl {
196
+ --space-padding-bottom: var(--space-5xl);
197
+ }
198
+ .MixSpace_pB_6xl {
199
+ --space-padding-bottom: var(--space-6xl);
200
+ }
201
+ .MixSpace_mT_3xs,
202
+ .MixSpace_mT_2xs,
203
+ .MixSpace_mT_xs,
204
+ .MixSpace_mT_s,
205
+ .MixSpace_mT_m,
206
+ .MixSpace_mT_l,
207
+ .MixSpace_mT_xl,
208
+ .MixSpace_mT_2xl,
209
+ .MixSpace_mT_3xl,
210
+ .MixSpace_mT_4xl,
211
+ .MixSpace_mT_5xl,
212
+ .MixSpace_mT_6xl {
213
+ margin-top: var(--space-margin-top);
214
+ }
215
+ .MixSpace_mT_3xs {
216
+ --space-margin-top: var(--space-3xs);
217
+ }
218
+ .MixSpace_mT_2xs {
219
+ --space-margin-top: var(--space-2xs);
220
+ }
221
+ .MixSpace_mT_xs {
222
+ --space-margin-top: var(--space-xs);
223
+ }
224
+ .MixSpace_mT_s {
225
+ --space-margin-top: var(--space-s);
226
+ }
227
+ .MixSpace_mT_m {
228
+ --space-margin-top: var(--space-m);
229
+ }
230
+ .MixSpace_mT_l {
231
+ --space-margin-top: var(--space-l);
232
+ }
233
+ .MixSpace_mT_xl {
234
+ --space-margin-top: var(--space-xl);
235
+ }
236
+ .MixSpace_mT_2xl {
237
+ --space-margin-top: var(--space-2xl);
238
+ }
239
+ .MixSpace_mT_3xl {
240
+ --space-margin-top: var(--space-3xl);
241
+ }
242
+ .MixSpace_mT_4xl {
243
+ --space-margin-top: var(--space-4xl);
244
+ }
245
+ .MixSpace_mT_5xl {
246
+ --space-margin-top: var(--space-5xl);
247
+ }
248
+ .MixSpace_mT_6xl {
249
+ --space-margin-top: var(--space-6xl);
250
+ }
251
+ .MixSpace_mL_3xs,
252
+ .MixSpace_mL_2xs,
253
+ .MixSpace_mL_xs,
254
+ .MixSpace_mL_s,
255
+ .MixSpace_mL_m,
256
+ .MixSpace_mL_l,
257
+ .MixSpace_mL_xl,
258
+ .MixSpace_mL_2xl,
259
+ .MixSpace_mL_3xl,
260
+ .MixSpace_mL_4xl,
261
+ .MixSpace_mL_5xl,
262
+ .MixSpace_mL_6xl {
263
+ margin-left: var(--space-margin-left);
264
+ }
265
+ .MixSpace_mL_3xs {
266
+ --space-margin-left: var(--space-3xs);
267
+ }
268
+ .MixSpace_mL_2xs {
269
+ --space-margin-left: var(--space-2xs);
270
+ }
271
+ .MixSpace_mL_xs {
272
+ --space-margin-left: var(--space-xs);
273
+ }
274
+ .MixSpace_mL_s {
275
+ --space-margin-left: var(--space-s);
276
+ }
277
+ .MixSpace_mL_m {
278
+ --space-margin-left: var(--space-m);
279
+ }
280
+ .MixSpace_mL_l {
281
+ --space-margin-left: var(--space-l);
282
+ }
283
+ .MixSpace_mL_xl {
284
+ --space-margin-left: var(--space-xl);
285
+ }
286
+ .MixSpace_mL_2xl {
287
+ --space-margin-left: var(--space-2xl);
288
+ }
289
+ .MixSpace_mL_3xl {
290
+ --space-margin-left: var(--space-3xl);
291
+ }
292
+ .MixSpace_mL_4xl {
293
+ --space-margin-left: var(--space-4xl);
294
+ }
295
+ .MixSpace_mL_5xl {
296
+ --space-margin-left: var(--space-5xl);
297
+ }
298
+ .MixSpace_mL_6xl {
299
+ --space-margin-left: var(--space-6xl);
300
+ }
301
+ .MixSpace_mR_3xs,
302
+ .MixSpace_mR_2xs,
303
+ .MixSpace_mR_xs,
304
+ .MixSpace_mR_s,
305
+ .MixSpace_mR_m,
306
+ .MixSpace_mR_l,
307
+ .MixSpace_mR_xl,
308
+ .MixSpace_mR_2xl,
309
+ .MixSpace_mR_3xl,
310
+ .MixSpace_mR_4xl,
311
+ .MixSpace_mR_5xl,
312
+ .MixSpace_mR_6xl {
313
+ margin-right: var(--space-margin-right);
314
+ }
315
+ .MixSpace_mR_3xs {
316
+ --space-margin-right: var(--space-3xs);
317
+ }
318
+ .MixSpace_mR_2xs {
319
+ --space-margin-right: var(--space-2xs);
320
+ }
321
+ .MixSpace_mR_xs {
322
+ --space-margin-right: var(--space-xs);
323
+ }
324
+ .MixSpace_mR_s {
325
+ --space-margin-right: var(--space-s);
326
+ }
327
+ .MixSpace_mR_m {
328
+ --space-margin-right: var(--space-m);
329
+ }
330
+ .MixSpace_mR_l {
331
+ --space-margin-right: var(--space-l);
332
+ }
333
+ .MixSpace_mR_xl {
334
+ --space-margin-right: var(--space-xl);
335
+ }
336
+ .MixSpace_mR_2xl {
337
+ --space-margin-right: var(--space-2xl);
338
+ }
339
+ .MixSpace_mR_3xl {
340
+ --space-margin-right: var(--space-3xl);
341
+ }
342
+ .MixSpace_mR_4xl {
343
+ --space-margin-right: var(--space-4xl);
344
+ }
345
+ .MixSpace_mR_5xl {
346
+ --space-margin-right: var(--space-5xl);
347
+ }
348
+ .MixSpace_mR_6xl {
349
+ --space-margin-right: var(--space-6xl);
350
+ }
351
+ .MixSpace_mB_3xs,
352
+ .MixSpace_mB_2xs,
353
+ .MixSpace_mB_xs,
354
+ .MixSpace_mB_s,
355
+ .MixSpace_mB_m,
356
+ .MixSpace_mB_l,
357
+ .MixSpace_mB_xl,
358
+ .MixSpace_mB_2xl,
359
+ .MixSpace_mB_3xl,
360
+ .MixSpace_mB_4xl,
361
+ .MixSpace_mB_5xl,
362
+ .MixSpace_mB_6xl {
363
+ margin-bottom: var(--space-margin-bottom);
364
+ }
365
+ .MixSpace_mB_3xs {
366
+ --space-margin-bottom: var(--space-3xs);
367
+ }
368
+ .MixSpace_mB_2xs {
369
+ --space-margin-bottom: var(--space-2xs);
370
+ }
371
+ .MixSpace_mB_xs {
372
+ --space-margin-bottom: var(--space-xs);
373
+ }
374
+ .MixSpace_mB_s {
375
+ --space-margin-bottom: var(--space-s);
376
+ }
377
+ .MixSpace_mB_m {
378
+ --space-margin-bottom: var(--space-m);
379
+ }
380
+ .MixSpace_mB_l {
381
+ --space-margin-bottom: var(--space-l);
382
+ }
383
+ .MixSpace_mB_xl {
384
+ --space-margin-bottom: var(--space-xl);
385
+ }
386
+ .MixSpace_mB_2xl {
387
+ --space-margin-bottom: var(--space-2xl);
388
+ }
389
+ .MixSpace_mB_3xl {
390
+ --space-margin-bottom: var(--space-3xl);
391
+ }
392
+ .MixSpace_mB_4xl {
393
+ --space-margin-bottom: var(--space-4xl);
394
+ }
395
+ .MixSpace_mB_5xl {
396
+ --space-margin-bottom: var(--space-5xl);
397
+ }
398
+ .MixSpace_mB_6xl {
399
+ --space-margin-bottom: var(--space-6xl);
400
+ }
@@ -0,0 +1,21 @@
1
+ import './MixSpace.css';
2
+ declare type PropSpace = 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
3
+ declare type Props = {
4
+ p?: PropSpace;
5
+ m?: PropSpace;
6
+ pV?: PropSpace;
7
+ pH?: PropSpace;
8
+ mV?: PropSpace;
9
+ mH?: PropSpace;
10
+ mT?: PropSpace;
11
+ mL?: PropSpace;
12
+ mR?: PropSpace;
13
+ mB?: PropSpace;
14
+ pT?: PropSpace;
15
+ pL?: PropSpace;
16
+ pR?: PropSpace;
17
+ pB?: PropSpace;
18
+ };
19
+ declare type CnMixSpace = (props: Props) => string;
20
+ export declare const cnMixSpace: CnMixSpace;
21
+ export {};
@@ -0,0 +1,16 @@
1
+ import './MixSpace.css';
2
+ import { cn } from '../../utils/bem';
3
+ var cnSpace = cn('MixSpace');
4
+ export var cnMixSpace = function (props) {
5
+ var p = props.p, m = props.m, pV = props.pV, pH = props.pH, mV = props.mV, mH = props.mH, mT = props.mT, mL = props.mL, mR = props.mR, mB = props.mB, pT = props.pT, pL = props.pL, pR = props.pR, pB = props.pB;
6
+ return cnSpace({
7
+ pT: pT || pV || p,
8
+ pL: pL || pH || p,
9
+ pR: pR || pH || p,
10
+ pB: pB || pV || p,
11
+ mT: mT || mV || m,
12
+ mL: mL || mH || m,
13
+ mR: mR || mH || m,
14
+ mB: mB || mV || m
15
+ });
16
+ };
@@ -0,0 +1 @@
1
+ export declare function getByMap<COMPONENT_SIZE extends string | number, SIZE>(map: Record<COMPONENT_SIZE, SIZE>, componentSize: COMPONENT_SIZE, size?: SIZE): SIZE;
@@ -1,4 +1,4 @@
1
- export function getSizeByMap(map, componentSize, size) {
1
+ export function getByMap(map, componentSize, size) {
2
2
  if (size) {
3
3
  return size;
4
4
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/createIcon",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/createResponsesImage",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "keywords": [
5
5
  "ui-kit",
6
6
  "design-system",
@@ -20,8 +20,8 @@
20
20
  "tslib": "^2.1.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "react": "^16.8.6",
24
- "react-dom": "^16.8.6"
23
+ "react": ">= 16.8.0",
24
+ "react-dom": ">= 16.8.0"
25
25
  },
26
26
  "files": [
27
27
  "Attach",
@@ -251,6 +251,7 @@
251
251
  "Loader",
252
252
  "MixCard",
253
253
  "MixFocus",
254
+ "MixSpace",
254
255
  "MixVisuallyHidden",
255
256
  "Modal",
256
257
  "MultiComboboxDeprecated",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useChoiceGroup",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useChoiceGroupIndexed",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useClickOutside",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useComponentSize",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useDebounce",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useFlag",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useForkRef",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useGlobalKeys",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useKeys",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useMutableRef",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/usePrevious",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useResizeObserved",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useScrollPosition",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useSelect",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useThemeVars",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/useTimer",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit/withTooltip",
3
- "version": "3.9.3",
3
+ "version": "3.10.0",
4
4
  "main": "index.js",
5
5
  "module": "es.js",
6
6
  "sideEffects": [
@@ -1 +0,0 @@
1
- export declare function getSizeByMap<COMPONENT_SIZE extends string | number, SIZE>(map: Record<COMPONENT_SIZE, SIZE>, componentSize: COMPONENT_SIZE, size?: SIZE): SIZE;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.getSizeByMap = void 0;
4
- function getSizeByMap(map, componentSize, size) {
5
- if (size) {
6
- return size;
7
- }
8
- return map[componentSize];
9
- }
10
- exports.getSizeByMap = getSizeByMap;
@@ -1 +0,0 @@
1
- export declare function getSizeByMap<COMPONENT_SIZE extends string | number, SIZE>(map: Record<COMPONENT_SIZE, SIZE>, componentSize: COMPONENT_SIZE, size?: SIZE): SIZE;