amis 1.4.2-beta.6 → 1.5.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 (488) hide show
  1. package/lib/Schema.d.ts +11 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/Alert2.d.ts +26 -21
  4. package/lib/components/Alert2.js +11 -4
  5. package/lib/components/Alert2.js.map +2 -2
  6. package/lib/components/AnchorNav.d.ts +22 -21
  7. package/lib/components/AnchorNav.js +7 -3
  8. package/lib/components/AnchorNav.js.map +2 -2
  9. package/lib/components/ArrayInput.d.ts +84 -84
  10. package/lib/components/AssociatedSelection.d.ts +930 -0
  11. package/lib/components/AssociatedSelection.js +89 -0
  12. package/lib/components/AssociatedSelection.js.map +13 -0
  13. package/lib/components/Badge.js +2 -2
  14. package/lib/components/Badge.js.map +2 -2
  15. package/lib/components/Button.js +1 -1
  16. package/lib/components/Button.js.map +2 -2
  17. package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
  18. package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
  19. package/lib/components/ChainedSelection.js.map +13 -0
  20. package/lib/components/Checkbox.d.ts +20 -20
  21. package/lib/components/Collapse.d.ts +51 -23
  22. package/lib/components/Collapse.js +70 -11
  23. package/lib/components/Collapse.js.map +2 -2
  24. package/lib/components/CollapseGroup.d.ts +88 -0
  25. package/lib/components/CollapseGroup.js +81 -0
  26. package/lib/components/CollapseGroup.js.map +13 -0
  27. package/lib/components/ColorPicker.d.ts +89 -85
  28. package/lib/components/ColorPicker.js +17 -4
  29. package/lib/components/ColorPicker.js.map +2 -2
  30. package/lib/components/DatePicker.d.ts +84 -84
  31. package/lib/components/DateRangePicker.d.ts +84 -84
  32. package/lib/components/Drawer.js +2 -2
  33. package/lib/components/Drawer.js.map +2 -2
  34. package/lib/components/Editor.d.ts +84 -84
  35. package/lib/components/GridNav.d.ts +52 -0
  36. package/lib/components/GridNav.js +123 -0
  37. package/lib/components/GridNav.js.map +13 -0
  38. package/lib/components/GroupedSelection.d.ts +907 -0
  39. package/lib/components/GroupedSelection.js +48 -0
  40. package/lib/components/GroupedSelection.js.map +13 -0
  41. package/lib/components/InputBox.d.ts +22 -21
  42. package/lib/components/InputBox.js +10 -2
  43. package/lib/components/InputBox.js.map +2 -2
  44. package/lib/components/Link.d.ts +29 -36
  45. package/lib/components/Link.js +14 -15
  46. package/lib/components/Link.js.map +2 -2
  47. package/lib/components/ListGroup.d.ts +21 -21
  48. package/lib/components/ModalManager.js +1 -1
  49. package/lib/components/ModalManager.js.map +2 -2
  50. package/lib/components/MonthRangePicker.d.ts +84 -84
  51. package/lib/components/NumberInput.d.ts +20 -20
  52. package/lib/components/Overlay.js +5 -0
  53. package/lib/components/Overlay.js.map +2 -2
  54. package/lib/components/PickerColumn.d.ts +514 -0
  55. package/lib/components/PickerColumn.js +279 -0
  56. package/lib/components/PickerColumn.js.map +13 -0
  57. package/lib/components/PickerContainer.d.ts +513 -0
  58. package/lib/components/PickerContainer.js +96 -0
  59. package/lib/components/PickerContainer.js.map +13 -0
  60. package/lib/components/PopOver.d.ts +1 -0
  61. package/lib/components/PopOver.js +12 -1
  62. package/lib/components/PopOver.js.map +2 -2
  63. package/lib/components/Progress.d.ts +85 -0
  64. package/lib/components/Progress.js +81 -0
  65. package/lib/components/Progress.js.map +13 -0
  66. package/lib/components/Radios.d.ts +22 -21
  67. package/lib/components/Radios.js +1 -0
  68. package/lib/components/Radios.js.map +2 -2
  69. package/lib/components/Rating.d.ts +21 -21
  70. package/lib/components/ResultBox.d.ts +84 -84
  71. package/lib/components/ResultBox.js +10 -2
  72. package/lib/components/ResultBox.js.map +2 -2
  73. package/lib/components/SearchBox.d.ts +84 -84
  74. package/lib/components/Select.d.ts +245 -237
  75. package/lib/components/Select.js +25 -4
  76. package/lib/components/Select.js.map +2 -2
  77. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  78. package/lib/components/Selection.js +134 -0
  79. package/lib/components/Selection.js.map +13 -0
  80. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  81. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  82. package/lib/components/TableSelection.js.map +13 -0
  83. package/lib/components/Tabs.d.ts +20 -20
  84. package/lib/components/TabsTransfer.d.ts +84 -84
  85. package/lib/components/TabsTransfer.js +9 -9
  86. package/lib/components/TabsTransfer.js.map +2 -2
  87. package/lib/components/TabsTransferPicker.d.ts +489 -0
  88. package/lib/components/TabsTransferPicker.js +60 -0
  89. package/lib/components/TabsTransferPicker.js.map +13 -0
  90. package/lib/components/Toast.d.ts +90 -87
  91. package/lib/components/Toast.js +15 -5
  92. package/lib/components/Toast.js.map +2 -2
  93. package/lib/components/Transfer.d.ts +908 -274
  94. package/lib/components/Transfer.js +31 -24
  95. package/lib/components/Transfer.js.map +2 -2
  96. package/lib/components/TransferDropDown.d.ts +488 -0
  97. package/lib/components/TransferDropDown.js +59 -0
  98. package/lib/components/TransferDropDown.js.map +13 -0
  99. package/lib/components/TransferPicker.d.ts +493 -0
  100. package/lib/components/TransferPicker.js +60 -0
  101. package/lib/components/TransferPicker.js.map +13 -0
  102. package/lib/components/Tree.d.ts +115 -84
  103. package/lib/components/Tree.js +183 -30
  104. package/lib/components/Tree.js.map +2 -2
  105. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  106. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  107. package/lib/components/TreeSelection.js.map +13 -0
  108. package/lib/components/condition-builder/Field.js +4 -2
  109. package/lib/components/condition-builder/Field.js.map +2 -2
  110. package/lib/components/condition-builder/Func.js +2 -2
  111. package/lib/components/condition-builder/Func.js.map +2 -2
  112. package/lib/components/condition-builder/InputSwitch.js +2 -2
  113. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  114. package/lib/components/condition-builder/Item.js +3 -3
  115. package/lib/components/condition-builder/Item.js.map +2 -2
  116. package/lib/components/icons.js +10 -0
  117. package/lib/components/icons.js.map +2 -2
  118. package/lib/components/index.d.ts +8 -8
  119. package/lib/components/index.js +16 -16
  120. package/lib/components/index.js.map +2 -2
  121. package/lib/envOverwrite.d.ts +1 -1
  122. package/lib/envOverwrite.js +24 -9
  123. package/lib/envOverwrite.js.map +2 -2
  124. package/lib/factory.d.ts +15 -1
  125. package/lib/factory.js +35 -6
  126. package/lib/factory.js.map +2 -2
  127. package/lib/helper.css.map +1 -1
  128. package/lib/hooks/index.d.ts +5 -0
  129. package/lib/hooks/index.js +14 -0
  130. package/lib/hooks/index.js.map +13 -0
  131. package/lib/hooks/use-set-state.d.ts +2 -0
  132. package/lib/hooks/use-set-state.js +15 -0
  133. package/lib/hooks/use-set-state.js.map +13 -0
  134. package/lib/hooks/use-touch.d.ts +16 -0
  135. package/lib/hooks/use-touch.js +73 -0
  136. package/lib/hooks/use-touch.js.map +13 -0
  137. package/lib/hooks/use-update-effect.d.ts +3 -0
  138. package/lib/hooks/use-update-effect.js +17 -0
  139. package/lib/hooks/use-update-effect.js.map +13 -0
  140. package/lib/icons/alert-danger.js +7 -0
  141. package/lib/icons/alert-info.js +7 -0
  142. package/lib/icons/alert-success.js +7 -0
  143. package/lib/icons/alert-warning.js +7 -0
  144. package/lib/icons/download.js +7 -0
  145. package/lib/icons/drag-bar.js +10 -3
  146. package/lib/index.d.ts +5 -0
  147. package/lib/index.js +6 -1
  148. package/lib/index.js.map +2 -2
  149. package/lib/locale/de-DE.js +2 -0
  150. package/lib/locale/de-DE.js.map +2 -2
  151. package/lib/locale/en-US.js +3 -0
  152. package/lib/locale/en-US.js.map +2 -2
  153. package/lib/locale/zh-CN.js +5 -2
  154. package/lib/locale/zh-CN.js.map +2 -2
  155. package/lib/renderers/Action.d.ts +10 -5
  156. package/lib/renderers/Action.js +23 -5
  157. package/lib/renderers/Action.js.map +2 -2
  158. package/lib/renderers/Alert.d.ts +21 -1
  159. package/lib/renderers/Alert.js.map +2 -2
  160. package/lib/renderers/AnchorNav.d.ts +1 -0
  161. package/lib/renderers/AnchorNav.js +2 -2
  162. package/lib/renderers/AnchorNav.js.map +2 -2
  163. package/lib/renderers/Avatar.js +3 -3
  164. package/lib/renderers/Avatar.js.map +2 -2
  165. package/lib/renderers/Breadcrumb.js +1 -1
  166. package/lib/renderers/Breadcrumb.js.map +2 -2
  167. package/lib/renderers/CRUD.d.ts +5 -0
  168. package/lib/renderers/CRUD.js +25 -4
  169. package/lib/renderers/CRUD.js.map +2 -2
  170. package/lib/renderers/Card.d.ts +5 -0
  171. package/lib/renderers/Card.js +34 -23
  172. package/lib/renderers/Card.js.map +2 -2
  173. package/lib/renderers/Collapse.d.ts +25 -20
  174. package/lib/renderers/Collapse.js +10 -72
  175. package/lib/renderers/Collapse.js.map +2 -2
  176. package/lib/renderers/CollapseGroup.d.ts +42 -0
  177. package/lib/renderers/CollapseGroup.js +33 -0
  178. package/lib/renderers/CollapseGroup.js.map +13 -0
  179. package/lib/renderers/Form/ConditionBuilder.js +2 -2
  180. package/lib/renderers/Form/ConditionBuilder.js.map +2 -2
  181. package/lib/renderers/Form/DiffEditor.d.ts +4 -3
  182. package/lib/renderers/Form/Editor.d.ts +3 -2
  183. package/lib/renderers/Form/InputCity.d.ts +84 -84
  184. package/lib/renderers/Form/InputCity.js +7 -6
  185. package/lib/renderers/Form/InputCity.js.map +2 -2
  186. package/lib/renderers/Form/InputColor.d.ts +86 -85
  187. package/lib/renderers/Form/InputColor.js +1 -1
  188. package/lib/renderers/Form/InputColor.js.map +2 -2
  189. package/lib/renderers/Form/InputFile.d.ts +6 -0
  190. package/lib/renderers/Form/InputFile.js +28 -8
  191. package/lib/renderers/Form/InputFile.js.map +2 -2
  192. package/lib/renderers/Form/InputImage.js +11 -4
  193. package/lib/renderers/Form/InputImage.js.map +2 -2
  194. package/lib/renderers/Form/Item.d.ts +1 -1
  195. package/lib/renderers/Form/Item.js +2 -1
  196. package/lib/renderers/Form/Item.js.map +2 -2
  197. package/lib/renderers/Form/Options.js +25 -4
  198. package/lib/renderers/Form/Options.js.map +2 -2
  199. package/lib/renderers/Form/Select.d.ts +42 -4
  200. package/lib/renderers/Form/Select.js +37 -3
  201. package/lib/renderers/Form/Select.js.map +2 -2
  202. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  203. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  204. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  205. package/lib/renderers/Form/Transfer.js +18 -3
  206. package/lib/renderers/Form/Transfer.js.map +2 -2
  207. package/lib/renderers/Form/TransferPicker.d.ts +52 -0
  208. package/lib/renderers/Form/TransferPicker.js +43 -0
  209. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  210. package/lib/renderers/Form/TreeSelect.js +2 -2
  211. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  212. package/lib/renderers/Form/index.d.ts +5 -0
  213. package/lib/renderers/Form/index.js +5 -3
  214. package/lib/renderers/Form/index.js.map +2 -2
  215. package/lib/renderers/Form/wrapControl.js +13 -1
  216. package/lib/renderers/Form/wrapControl.js.map +2 -2
  217. package/lib/renderers/GridNav.d.ts +99 -0
  218. package/lib/renderers/GridNav.js +82 -0
  219. package/lib/renderers/GridNav.js.map +13 -0
  220. package/lib/renderers/IFrame.js +1 -3
  221. package/lib/renderers/IFrame.js.map +2 -2
  222. package/lib/renderers/Image.js +7 -5
  223. package/lib/renderers/Image.js.map +2 -2
  224. package/lib/renderers/Json.d.ts +4 -0
  225. package/lib/renderers/Json.js +4 -13
  226. package/lib/renderers/Json.js.map +2 -2
  227. package/lib/renderers/Link.d.ts +4 -2
  228. package/lib/renderers/Link.js +15 -8
  229. package/lib/renderers/Link.js.map +2 -2
  230. package/lib/renderers/List.js +1 -1
  231. package/lib/renderers/List.js.map +2 -2
  232. package/lib/renderers/Nav.d.ts +21 -21
  233. package/lib/renderers/Nav.js +37 -19
  234. package/lib/renderers/Nav.js.map +2 -2
  235. package/lib/renderers/Page.d.ts +18 -0
  236. package/lib/renderers/Page.js +53 -9
  237. package/lib/renderers/Page.js.map +2 -2
  238. package/lib/renderers/Portlet.d.ts +125 -0
  239. package/lib/renderers/Portlet.js +156 -0
  240. package/lib/renderers/Portlet.js.map +13 -0
  241. package/lib/renderers/Progress.d.ts +23 -3
  242. package/lib/renderers/Progress.js +15 -19
  243. package/lib/renderers/Progress.js.map +2 -2
  244. package/lib/renderers/Property.js +1 -1
  245. package/lib/renderers/Property.js.map +2 -2
  246. package/lib/renderers/Table/ColumnToggler.js +1 -1
  247. package/lib/renderers/Table/ColumnToggler.js.map +2 -2
  248. package/lib/renderers/Table/TableContent.d.ts +4 -1
  249. package/lib/renderers/Table/TableContent.js +21 -1
  250. package/lib/renderers/Table/TableContent.js.map +2 -2
  251. package/lib/renderers/Table/index.d.ts +5 -1
  252. package/lib/renderers/Table/index.js +65 -30
  253. package/lib/renderers/Table/index.js.map +2 -2
  254. package/lib/renderers/Tabs.js +9 -1
  255. package/lib/renderers/Tabs.js.map +2 -2
  256. package/lib/renderers/WebComponent.js +1 -1
  257. package/lib/renderers/WebComponent.js.map +2 -2
  258. package/lib/store/combo.d.ts +2 -2
  259. package/lib/store/form.d.ts +1 -1
  260. package/lib/store/form.js +3 -5
  261. package/lib/store/form.js.map +2 -2
  262. package/lib/store/formItem.js +44 -4
  263. package/lib/store/formItem.js.map +2 -2
  264. package/lib/store/table.d.ts +3 -2
  265. package/lib/store/table.js +35 -12
  266. package/lib/store/table.js.map +2 -2
  267. package/lib/themes/ang-ie11.css +934 -222
  268. package/lib/themes/ang.css +934 -222
  269. package/lib/themes/ang.css.map +1 -1
  270. package/lib/themes/antd-ie11.css +934 -222
  271. package/lib/themes/antd.css +934 -222
  272. package/lib/themes/antd.css.map +1 -1
  273. package/lib/themes/cxd-ie11.css +970 -260
  274. package/lib/themes/cxd.css +970 -260
  275. package/lib/themes/cxd.css.map +1 -1
  276. package/lib/themes/dark-ie11.css +934 -222
  277. package/lib/themes/dark.css +934 -222
  278. package/lib/themes/dark.css.map +1 -1
  279. package/lib/themes/default.css +970 -260
  280. package/lib/themes/default.css.map +1 -1
  281. package/lib/types.d.ts +38 -1
  282. package/lib/types.js +0 -5
  283. package/lib/types.js.map +2 -2
  284. package/lib/utils/api.d.ts +3 -2
  285. package/lib/utils/api.js +90 -17
  286. package/lib/utils/api.js.map +2 -2
  287. package/lib/utils/dom.d.ts +4 -0
  288. package/lib/utils/dom.js +11 -1
  289. package/lib/utils/dom.js.map +2 -2
  290. package/lib/utils/helper.d.ts +12 -23
  291. package/lib/utils/helper.js +62 -166
  292. package/lib/utils/helper.js.map +2 -2
  293. package/lib/utils/tpl-builtin.d.ts +2 -20
  294. package/lib/utils/tpl-builtin.js +25 -743
  295. package/lib/utils/tpl-builtin.js.map +2 -2
  296. package/lib/utils/tpl.js +24 -0
  297. package/lib/utils/tpl.js.map +2 -2
  298. package/package.json +5 -2
  299. package/schema.json +3966 -1263
  300. package/scss/_mixins.scss +1 -3
  301. package/scss/_properties.scss +42 -13
  302. package/scss/base/_common.scss +3 -0
  303. package/scss/base/_normalize.scss +2 -0
  304. package/scss/components/_alert.scss +28 -5
  305. package/scss/components/_anchor-nav.scss +89 -29
  306. package/scss/components/_button.scss +12 -0
  307. package/scss/components/_card.scss +9 -15
  308. package/scss/components/_collapse-group.scss +15 -0
  309. package/scss/components/_collapse.scss +48 -23
  310. package/scss/components/_grid-nav.scss +128 -0
  311. package/scss/components/_images.scss +1 -0
  312. package/scss/components/_input-box.scss +1 -0
  313. package/scss/components/_nav.scss +2 -7
  314. package/scss/components/_page.scss +35 -2
  315. package/scss/components/_picker-columns.scss +124 -0
  316. package/scss/components/_popover.scss +13 -0
  317. package/scss/components/_portlet.scss +51 -0
  318. package/scss/components/_progress.scss +141 -33
  319. package/scss/components/_result-box.scss +1 -0
  320. package/scss/components/_spinner.scss +5 -4
  321. package/scss/components/_status.scss +1 -1
  322. package/scss/components/_table.scss +32 -0
  323. package/scss/components/_toast.scss +41 -11
  324. package/scss/components/form/_checks.scss +0 -351
  325. package/scss/components/form/_color.scss +32 -3
  326. package/scss/components/form/_combo.scss +4 -0
  327. package/scss/components/form/_fieldset.scss +6 -1
  328. package/scss/components/form/_file.scss +11 -0
  329. package/scss/components/form/_form.scss +48 -0
  330. package/scss/components/form/_selection.scss +354 -0
  331. package/scss/components/form/_transfer.scss +76 -18
  332. package/scss/components/form/_tree.scss +42 -0
  333. package/scss/themes/_common.scss +6 -0
  334. package/scss/themes/_cxd-variables.scss +13 -6
  335. package/scss/themes/cxd.scss +19 -20
  336. package/sdk/ang-ie11.css +1065 -246
  337. package/sdk/ang.css +1069 -230
  338. package/sdk/antd-ie11.css +1068 -249
  339. package/sdk/antd.css +1069 -230
  340. package/sdk/charts.js +17 -17
  341. package/sdk/color-picker.js +65 -69
  342. package/sdk/cropperjs.js +3 -3
  343. package/sdk/cxd-ie11.css +1081 -268
  344. package/sdk/cxd.css +1116 -279
  345. package/sdk/dark-ie11.css +1069 -250
  346. package/sdk/dark.css +1069 -230
  347. package/sdk/exceljs.js +1 -1
  348. package/sdk/helper.css.map +1 -1
  349. package/sdk/iconfont.svg +2513 -0
  350. package/sdk/iconfont.ttf +0 -0
  351. package/sdk/iconfont.woff +0 -0
  352. package/sdk/locale/de-DE.js +2 -0
  353. package/sdk/markdown.js +69 -69
  354. package/sdk/papaparse.js +1 -1
  355. package/sdk/renderers/Form/CityDB.js +1 -1
  356. package/sdk/rest.js +20 -28
  357. package/sdk/rich-text.js +62 -62
  358. package/sdk/sdk-ie11.css +1081 -268
  359. package/sdk/sdk.css +1116 -279
  360. package/sdk/sdk.js +1371 -1189
  361. package/sdk/thirds/hls.js/hls.js +18 -18
  362. package/sdk/thirds/mpegts.js/mpegts.js +2 -2
  363. package/sdk/tinymce.js +57 -57
  364. package/src/Schema.ts +19 -1
  365. package/src/components/Alert2.tsx +32 -4
  366. package/src/components/AnchorNav.tsx +15 -4
  367. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +43 -37
  368. package/src/components/Badge.tsx +3 -3
  369. package/src/components/Button.tsx +1 -0
  370. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  371. package/src/components/Collapse.tsx +139 -20
  372. package/src/components/CollapseGroup.tsx +130 -0
  373. package/src/components/ColorPicker.tsx +32 -10
  374. package/src/components/Drawer.tsx +8 -6
  375. package/src/components/GridNav.tsx +233 -0
  376. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  377. package/src/components/InputBox.tsx +10 -9
  378. package/src/components/Link.tsx +28 -37
  379. package/src/components/ModalManager.ts +1 -1
  380. package/src/components/Overlay.tsx +6 -0
  381. package/src/components/PickerColumn.tsx +429 -0
  382. package/src/components/PickerContainer.tsx +128 -0
  383. package/src/components/PopOver.tsx +15 -1
  384. package/src/components/Progress.tsx +140 -0
  385. package/src/components/Radios.tsx +3 -8
  386. package/src/components/ResultBox.tsx +9 -9
  387. package/src/components/Select.tsx +57 -5
  388. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  389. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  390. package/src/components/TabsTransfer.tsx +13 -7
  391. package/src/components/TabsTransferPicker.tsx +85 -0
  392. package/src/components/Toast.tsx +48 -21
  393. package/src/components/Transfer.tsx +71 -50
  394. package/src/components/TransferDropDown.tsx +120 -0
  395. package/src/components/TransferPicker.tsx +91 -0
  396. package/src/components/Tree.tsx +194 -8
  397. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  398. package/src/components/condition-builder/Field.tsx +7 -5
  399. package/src/components/condition-builder/Func.tsx +3 -3
  400. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  401. package/src/components/condition-builder/Item.tsx +5 -12
  402. package/src/components/icons.tsx +10 -0
  403. package/src/components/index.tsx +13 -13
  404. package/src/envOverwrite.ts +20 -8
  405. package/src/factory.tsx +70 -9
  406. package/src/hooks/index.ts +5 -0
  407. package/src/hooks/use-set-state.ts +19 -0
  408. package/src/hooks/use-touch.ts +100 -0
  409. package/src/hooks/use-update-effect.ts +16 -0
  410. package/src/icons/alert-danger.svg +1 -0
  411. package/src/icons/alert-info.svg +1 -0
  412. package/src/icons/alert-success.svg +1 -0
  413. package/src/icons/alert-warning.svg +1 -0
  414. package/src/icons/download.svg +4 -0
  415. package/src/icons/drag-bar.svg +12 -6
  416. package/src/index.tsx +5 -0
  417. package/src/locale/de-DE.ts +2 -0
  418. package/src/locale/en-US.ts +3 -0
  419. package/src/locale/zh-CN.ts +5 -2
  420. package/src/renderers/Action.tsx +58 -3
  421. package/src/renderers/Alert.tsx +31 -1
  422. package/src/renderers/AnchorNav.tsx +4 -0
  423. package/src/renderers/Avatar.tsx +8 -4
  424. package/src/renderers/Breadcrumb.tsx +5 -1
  425. package/src/renderers/CRUD.tsx +29 -3
  426. package/src/renderers/Card.tsx +76 -36
  427. package/src/renderers/Collapse.tsx +70 -115
  428. package/src/renderers/CollapseGroup.tsx +80 -0
  429. package/src/renderers/Form/ConditionBuilder.tsx +2 -2
  430. package/src/renderers/Form/InputCity.tsx +4 -8
  431. package/src/renderers/Form/InputColor.tsx +4 -2
  432. package/src/renderers/Form/InputFile.tsx +65 -24
  433. package/src/renderers/Form/InputImage.tsx +11 -3
  434. package/src/renderers/Form/Item.tsx +3 -2
  435. package/src/renderers/Form/Options.tsx +29 -3
  436. package/src/renderers/Form/Select.tsx +162 -21
  437. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  438. package/src/renderers/Form/Transfer.tsx +19 -4
  439. package/src/renderers/Form/TransferPicker.tsx +145 -0
  440. package/src/renderers/Form/TreeSelect.tsx +25 -0
  441. package/src/renderers/Form/index.tsx +15 -2
  442. package/src/renderers/Form/wrapControl.tsx +26 -1
  443. package/src/renderers/GridNav.tsx +204 -0
  444. package/src/renderers/IFrame.tsx +2 -4
  445. package/src/renderers/Image.tsx +19 -15
  446. package/src/renderers/Json.tsx +9 -9
  447. package/src/renderers/Link.tsx +29 -16
  448. package/src/renderers/List.tsx +1 -1
  449. package/src/renderers/Nav.tsx +105 -56
  450. package/src/renderers/Page.tsx +62 -1
  451. package/src/renderers/Portlet.tsx +423 -0
  452. package/src/renderers/Progress.tsx +56 -38
  453. package/src/renderers/Property.tsx +6 -4
  454. package/src/renderers/Table/ColumnToggler.tsx +1 -1
  455. package/src/renderers/Table/TableContent.tsx +40 -2
  456. package/src/renderers/Table/index.tsx +88 -43
  457. package/src/renderers/Tabs.tsx +9 -1
  458. package/src/renderers/WebComponent.tsx +2 -2
  459. package/src/store/form.ts +3 -9
  460. package/src/store/formItem.ts +94 -2
  461. package/src/store/table.ts +55 -14
  462. package/src/types.ts +58 -1
  463. package/src/utils/api.ts +120 -26
  464. package/src/utils/dom.tsx +12 -0
  465. package/src/utils/helper.ts +55 -185
  466. package/src/utils/tpl-builtin.ts +40 -866
  467. package/src/utils/tpl.ts +33 -0
  468. package/tsconfig-for-declaration.json +1 -1
  469. package/dump.rdb +0 -0
  470. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  471. package/lib/components/AssociatedCheckboxes.js +0 -90
  472. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  473. package/lib/components/ChainedCheckboxes.js.map +0 -13
  474. package/lib/components/Checkboxes.js +0 -101
  475. package/lib/components/Checkboxes.js.map +0 -13
  476. package/lib/components/ListCheckboxes.d.ts +0 -739
  477. package/lib/components/ListCheckboxes.js +0 -48
  478. package/lib/components/ListCheckboxes.js.map +0 -13
  479. package/lib/components/ListRadios.d.ts +0 -763
  480. package/lib/components/ListRadios.js +0 -86
  481. package/lib/components/ListRadios.js.map +0 -13
  482. package/lib/components/TableCheckboxes.js.map +0 -13
  483. package/lib/components/TreeCheckboxes.js.map +0 -13
  484. package/lib/components/TreeRadios.d.ts +0 -838
  485. package/lib/components/TreeRadios.js +0 -116
  486. package/lib/components/TreeRadios.js.map +0 -13
  487. package/src/components/ListRadios.tsx +0 -159
  488. package/src/components/TreeRadios.tsx +0 -202
@@ -450,6 +450,7 @@
450
450
  ) / 2 - var(--ColorPicker-borderWidth)
451
451
  );
452
452
  --ColorPicker-placeholderColor: var(--Form-input-placeholderColor);
453
+ --ColorPicker-boxShadow: var(--boxShadow);
453
454
  --Combo--horizontal-dragger-top: var(--Form-label-paddingTop);
454
455
  --Combo--horizontal-item-gap: var(--gap-xs);
455
456
  --Combo--vertical-item-borderColor: var(--borderColor);
@@ -495,8 +496,13 @@
495
496
  --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
496
497
  --Collapse-header-bg: transparent;
497
498
  --Collapse-header-onHover-bg: transparent;
498
- --Collapse-header-collapsed-borderBottom: var(--borderWidth) solid
499
+ --Collapse-header-collapsed-border: var(--borderWidth) solid
499
500
  var(--Collapse-border-color);
501
+ --Collapse-header-collapsed-borderTop: none;
502
+ --Collapse-header-collapsed-borderBottom: var(
503
+ --Collapse-header-collapsed-border
504
+ );
505
+ --Collapse-header-wrapper-direction: row;
500
506
  --Collapse-content-padding: 1.125rem 0;
501
507
  --Collapse-content-color: var(--body-color);
502
508
  --Collapse-content-fontSize: var(--body-size);
@@ -984,11 +990,28 @@
984
990
  --Panel-titleMarginTop: 0;
985
991
  --Picker-iconColor: var(--icon-color);
986
992
  --Picker-onHover-iconColor: var(--icon-onHover-color);
993
+ --PickerColumns-bg: white;
994
+ --PickerColumns-toolbar-height: 3.125rem;
995
+ --PickerColumns-title-fontSize: var(--fontSizeLg);
996
+ --PickerColumns-title-lineHeight: 1.5;
997
+ --PickerColumns-action-padding: 0 var(--gap-sm);
998
+ --PickerColumns-action-fontSize: var(--fontSizeMd);
999
+ --PickerColumns-confirmAction-color: var(--Button--info-bg);
1000
+ --PickerColumns-cancelAction-color: var(--Button--light-bg);
1001
+ --PickerColumns-option-fontSize: var(--fontSizeLg);
1002
+ --PickerColumns-optionText-color: var(--text-color);
1003
+ --PickerColumns-optionDisabled-opacity: 0.3;
1004
+ --PickerColumns-loadingIcon-color: var(--icon-color);
1005
+ --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
987
1006
  --PopOver-bg: white;
988
1007
  --PopOverAble-iconColor: inherit;
989
1008
  --PopOverAble-onHover-iconColor: inherit;
990
1009
  --Property-title-bg: #f2f2f2;
991
1010
  --Property-label-bg: #f7f7f7;
1011
+ --Portlet-borderColor: var(--borderColor);
1012
+ --Portlet-borderStyle: solid;
1013
+ --Portlet-borderWidth: var(--borderWidth);
1014
+ --Portlet-borderRadius: var(--borderRadius);
992
1015
  --QuickEdit-iconColor: inherit;
993
1016
  --QuickEdit-onFocus-borderColor: var(--info);
994
1017
  --QuickEdit-onFocus-borderWidth: var(--borderWidth);
@@ -1165,29 +1188,29 @@
1165
1188
  ) / 2
1166
1189
  );
1167
1190
  --TagControl-sugTip-color: var(--info);
1168
- --Toast--danger-bgColor: var(--danger);
1169
- --Toast--danger-borderColor: var(--danger);
1191
+ --Toast-color: var(--text-color);
1192
+ --Toast--danger-bgColor: var(--background);
1193
+ --Toast--danger-borderColor: transparent;
1170
1194
  --Toast--danger-color: var(--Toast-color);
1171
- --Toast--info-bgColor: var(--info);
1172
- --Toast--info-borderColor: var(--info);
1195
+ --Toast--info-bgColor: var(--background);
1196
+ --Toast--info-borderColor: transparent;
1173
1197
  --Toast--info-color: var(--Toast-color);
1174
- --Toast--success-bgColor: var(--success);
1175
- --Toast--success-borderColor: var(--success);
1198
+ --Toast--success-bgColor: var(--background);
1199
+ --Toast--success-borderColor: transparent;
1176
1200
  --Toast--success-color: var(--Toast-color);
1177
- --Toast--warning-bgColor: var(--warning);
1178
- --Toast--warning-borderColor: var(--warning);
1201
+ --Toast--warning-bgColor: var(--background);
1202
+ --Toast--warning-borderColor: transparent;
1179
1203
  --Toast--warning-color: var(--Toast-color);
1180
1204
  --Toast-border-width: 0;
1181
- --Toast-borderRadius: var(--borderRadiusLg);
1205
+ --Toast-borderRadius: 0.125rem;
1182
1206
  --Toast-box-shadow: var(--boxShadow);
1207
+ --Toast-close-color: var(--icon-color);
1183
1208
  --Toast-close--onHover-color: var(--Toast-close-color);
1184
- --Toast-close-color: var(--white);
1185
- --Toast-color: var(--white);
1186
1209
  --Toast-icon-width: 1rem;
1187
1210
  --Toast-icon-height: var(--Toast-icon-width);
1188
1211
  --Toast-opacity: 0.8;
1189
1212
  --Toast-paddingL: 2.5rem;
1190
- --Toast-paddingX: var(--gap-sm);
1213
+ --Toast-paddingX: var(--gap-md);
1191
1214
  --Toast-paddingY: var(--gap-xs);
1192
1215
  --Toast-title-display: block;
1193
1216
  --Toast-width: 18.75rem;
@@ -1269,6 +1292,8 @@
1269
1292
  --Steps-line-bg: var(--Steps-bg);
1270
1293
  --Steps-line-success-bg: var(--Steps-status-success);
1271
1294
  --Progress-borderRadius: var(--borderRadius);
1295
+ --Progress-animate-backgroundColor: #fff;
1296
+ --Progress-bar-backgroundColor: #d3d9e6;
1272
1297
  --ColumnToggler-backgroundColor: var(--white);
1273
1298
  --ColumnToggler-borderRadius: 0.25rem;
1274
1299
  --ColumnToggler-lineHeight: 1.5rem;
@@ -1704,6 +1729,8 @@ svg.icon {
1704
1729
  width: 1em;
1705
1730
  height: 1em;
1706
1731
  fill: currentColor;
1732
+ position: relative;
1733
+ top: 0.125em;
1707
1734
  }
1708
1735
 
1709
1736
  svg.r90 {
@@ -1776,6 +1803,10 @@ samp {
1776
1803
  height: 100%;
1777
1804
  }
1778
1805
 
1806
+ .has-popover {
1807
+ position: relative;
1808
+ }
1809
+
1779
1810
  html,
1780
1811
  body {
1781
1812
  width: 100%;
@@ -3166,6 +3197,9 @@ img.antd-AsideNav-itemIcon {
3166
3197
  border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
3167
3198
  background: var(--Button-onDisabled-bg);
3168
3199
  }
3200
+ .antd-Button.is-disabled > svg, .antd-Button.is-disabled > svg path, .antd-Button:disabled > svg, .antd-Button:disabled > svg path {
3201
+ fill: currentColor;
3202
+ }
3169
3203
  .antd-Button:not(:disabled):not(.is-disabled) {
3170
3204
  cursor: pointer;
3171
3205
  }
@@ -3599,6 +3633,13 @@ input[type=button].antd-Button--block {
3599
3633
  margin-top: var(--gap-xs);
3600
3634
  }
3601
3635
 
3636
+ .antd-Action {
3637
+ display: inline-block;
3638
+ }
3639
+ .antd-Action:hover {
3640
+ cursor: pointer;
3641
+ }
3642
+
3602
3643
  .antd-Avatar {
3603
3644
  background: var(--Avatar-bg);
3604
3645
  width: var(--Avatar-width);
@@ -4545,6 +4586,120 @@ input[type=button].antd-Button--block {
4545
4586
  bottom: 0;
4546
4587
  background: transparent;
4547
4588
  }
4589
+ .antd-PopOver-isMobile .antd-PopOver-overlay {
4590
+ background: rgba(0, 0, 0, 0.3);
4591
+ }
4592
+ .antd-PopOver--leftBottomLeftTop {
4593
+ margin-top: 0.25rem;
4594
+ }
4595
+ .antd-PopOver--leftTopLeftBottom {
4596
+ margin-top: -0.25rem;
4597
+ }
4598
+
4599
+ .antd-PickerColumns {
4600
+ position: relative;
4601
+ background-color: var(--PickerColumns-bg);
4602
+ user-select: none;
4603
+ }
4604
+ .antd-PickerColumns-popOver {
4605
+ position: fixed;
4606
+ bottom: 0;
4607
+ left: 0;
4608
+ width: 100%;
4609
+ padding: 0 var(--gap-sm);
4610
+ }
4611
+ .antd-PickerColumns-toolbar {
4612
+ display: flex;
4613
+ align-items: center;
4614
+ justify-content: space-between;
4615
+ height: var(--PickerColumns-toolbar-height);
4616
+ }
4617
+ .antd-PickerColumns-cancel, .antd-PickerColumns-confirm {
4618
+ height: 100%;
4619
+ padding: var(--PickerColumns-action-padding);
4620
+ font-size: var(--PickerColumns-action-fontSize);
4621
+ background-color: transparent;
4622
+ border: none;
4623
+ cursor: pointer;
4624
+ }
4625
+ .antd-PickerColumns-cancel:active, .antd-PickerColumns-confirm:active {
4626
+ opacity: 0.7;
4627
+ }
4628
+ .antd-PickerColumns-confirm {
4629
+ color: var(--PickerColumns-confirmAction-color);
4630
+ }
4631
+ .antd-PickerColumns-cancel {
4632
+ color: var(--PickerColumns-cancelAction-color);
4633
+ }
4634
+ .antd-PickerColumns-title {
4635
+ max-width: 50%;
4636
+ font-weight: 500;
4637
+ font-size: var(--PickerColumns-title-fontSize);
4638
+ line-height: var(--PickerColumns-title-lineHeight);
4639
+ text-align: center;
4640
+ }
4641
+ .antd-PickerColumns-columns {
4642
+ touch-action: none;
4643
+ position: relative;
4644
+ display: flex;
4645
+ cursor: grab;
4646
+ }
4647
+ .antd-PickerColumns-loading {
4648
+ position: absolute;
4649
+ top: 0;
4650
+ right: 0;
4651
+ bottom: 0;
4652
+ left: 0;
4653
+ z-index: 3;
4654
+ display: flex;
4655
+ align-items: center;
4656
+ justify-content: center;
4657
+ color: var(--PickerColumns-loadingIcon-color);
4658
+ background-color: var(--PickerColumns-loadingMask-color);
4659
+ }
4660
+ .antd-PickerColumns-frame {
4661
+ position: absolute;
4662
+ top: 50%;
4663
+ right: var(--gap-md);
4664
+ left: var(--gap-md);
4665
+ z-index: 2;
4666
+ transform: translateY(-50%);
4667
+ pointer-events: none;
4668
+ }
4669
+ .antd-PickerColumns-mask {
4670
+ position: absolute;
4671
+ top: 0;
4672
+ left: 0;
4673
+ z-index: 1;
4674
+ width: 100%;
4675
+ height: 100%;
4676
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
4677
+ background-repeat: no-repeat;
4678
+ background-position: top, bottom;
4679
+ transform: translateZ(0);
4680
+ pointer-events: none;
4681
+ }
4682
+ .antd-PickerColumns-column {
4683
+ flex: 1;
4684
+ overflow: hidden;
4685
+ font-size: var(--PickerColumns-option-fontSize);
4686
+ }
4687
+ .antd-PickerColumns-columnWrapper {
4688
+ margin: 0;
4689
+ padding: 0;
4690
+ list-style: none;
4691
+ transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
4692
+ }
4693
+ .antd-PickerColumns-columnItem {
4694
+ display: flex;
4695
+ align-items: center;
4696
+ justify-content: center;
4697
+ color: var(--PickerColumns-optionText-color);
4698
+ }
4699
+ .antd-PickerColumns-columnItem.is-disabled {
4700
+ cursor: not-allowed;
4701
+ opacity: var(--PickerColumns-optionDisabled-opacity);
4702
+ }
4548
4703
 
4549
4704
  @keyframes bounceIn {
4550
4705
  from, 20%, 40%, 60%, 80%, to {
@@ -4587,7 +4742,9 @@ input[type=button].antd-Button--block {
4587
4742
  }
4588
4743
  .antd-Toast {
4589
4744
  display: flex;
4590
- align-items: center;
4745
+ flex-flow: row nowrap;
4746
+ justify-content: space-between;
4747
+ align-items: flex-start;
4591
4748
  max-width: var(--Toast-width);
4592
4749
  pointer-events: auto;
4593
4750
  margin-bottom: var(--gap-xs);
@@ -4598,7 +4755,6 @@ input[type=button].antd-Button--block {
4598
4755
  color: var(--Toast-color);
4599
4756
  position: relative;
4600
4757
  opacity: var(--Toast-opacity);
4601
- cursor: pointer;
4602
4758
  opacity: 0;
4603
4759
  transform: translateZ(0);
4604
4760
  }
@@ -4619,27 +4775,54 @@ input[type=button].antd-Button--block {
4619
4775
  animation-name: bounceOut;
4620
4776
  }
4621
4777
  .antd-Toast-close {
4622
- color: var(--Toast-close-color);
4623
4778
  display: inline-flex;
4624
- margin-left: var(--gap-xs);
4779
+ font-size: var(--fontSizeLg);
4780
+ line-height: var(--gap-xl);
4781
+ height: var(--gap-xl);
4782
+ color: var(--Toast-close-color);
4783
+ margin-left: var(--gap-sm);
4625
4784
  opacity: 0.8;
4785
+ align-items: center;
4786
+ cursor: pointer;
4626
4787
  }
4627
4788
  .antd-Toast-close:hover {
4628
4789
  color: var(--Toast-close--onHover-color);
4629
4790
  opacity: 1;
4630
4791
  }
4631
- .antd-Toast-body {
4792
+ .antd-Toast-close > svg {
4793
+ top: 0;
4794
+ }
4795
+ .antd-Toast-content {
4796
+ flex: 1;
4797
+ display: flex;
4798
+ flex-flow: column nowrap;
4799
+ justify-content: space-between;
4800
+ align-items: flex-start;
4801
+ }
4802
+ .antd-Toast-content .antd-Toast-title {
4803
+ color: var(--text-color);
4804
+ font-size: var(--fontSizeBase);
4805
+ font-weight: 500;
4806
+ line-height: var(--gap-xl);
4807
+ margin-bottom: var(--gap-xs);
4808
+ }
4809
+ .antd-Toast-content .antd-Toast-body {
4810
+ font-size: var(--fontSizeSm);
4632
4811
  display: inline-block;
4633
4812
  vertical-align: middle;
4634
4813
  white-space: pre-wrap;
4635
4814
  flex-grow: 1;
4815
+ line-height: var(--gap-xl);
4636
4816
  }
4637
4817
  .antd-Toast-icon {
4638
4818
  display: inline-flex;
4639
4819
  text-rendering: auto;
4640
4820
  -webkit-font-smoothing: antialiased;
4641
4821
  vertical-align: middle;
4642
- margin-right: var(--gap-xs);
4822
+ margin-right: var(--gap-sm);
4823
+ height: var(--gap-xl);
4824
+ line-height: var(--gap-xl);
4825
+ align-items: center;
4643
4826
  }
4644
4827
  .antd-Toast-icon > svg {
4645
4828
  top: 0;
@@ -4702,23 +4885,42 @@ input[type=button].antd-Button--block {
4702
4885
  border-radius: var(--Alert-borderRadius);
4703
4886
  margin-bottom: var(--Alert-marginBottom);
4704
4887
  position: relative;
4888
+ color: var(--Alert-fontColor);
4889
+ display: flex;
4890
+ flex-flow: row nowrap;
4891
+ justify-content: space-between;
4892
+ align-items: flex-start;
4893
+ }
4894
+ .antd-Alert-icon {
4895
+ margin-right: 0.5rem;
4896
+ font-size: var(--fontSizeLg);
4897
+ }
4898
+ .antd-Alert-content {
4899
+ flex: 1;
4900
+ }
4901
+ .antd-Alert-content .antd-Alert-title {
4902
+ color: var(--text-color);
4903
+ font-size: var(--fontSizeBase);
4904
+ font-weight: 500;
4905
+ line-height: 1.5rem;
4906
+ margin-bottom: 0.25rem;
4907
+ }
4908
+ .antd-Alert-content .antd-Alert-desc {
4909
+ line-height: 1.5rem;
4705
4910
  }
4706
4911
  .antd-Alert-close {
4707
- position: absolute;
4708
4912
  outline: none;
4709
4913
  padding: 0;
4710
4914
  cursor: pointer;
4711
4915
  background: transparent;
4712
4916
  border: 0;
4713
- float: right;
4714
4917
  line-height: 1;
4715
4918
  color: #000;
4716
4919
  text-shadow: 0 1px 0 #fff;
4717
4920
  filter: alpha(opacity=20);
4718
4921
  opacity: 0.2;
4719
- right: var(--Alert-paddingX);
4720
- top: 50%;
4721
- transform: translateY(-50%);
4922
+ margin-left: 0.5rem;
4923
+ line-height: 1.5rem;
4722
4924
  }
4723
4925
  .antd-Alert-close:hover {
4724
4926
  color: #000;
@@ -5357,8 +5559,8 @@ input[type=button].antd-Button--block {
5357
5559
  cursor: move;
5358
5560
  position: absolute;
5359
5561
  left: 0;
5360
- top: 0.6875rem;
5361
5562
  display: none;
5563
+ line-height: 0;
5362
5564
  }
5363
5565
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon {
5364
5566
  color: var(--icon-color);
@@ -5441,12 +5643,10 @@ input[type=button].antd-Button--block {
5441
5643
  background: transparent;
5442
5644
  pointer-events: none;
5443
5645
  }
5444
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active {
5445
- background: var(--Nav-item-onActive-bg) !important;
5446
- }
5447
5646
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
5448
5647
  color: var(--Nav-item-onActive-color);
5449
5648
  position: relative;
5649
+ background: var(--Nav-item-onActive-bg);
5450
5650
  }
5451
5651
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
5452
5652
  transform: scaleY(1);
@@ -5550,6 +5750,31 @@ input[type=button].antd-Button--block {
5550
5750
  .antd-Page-asideTplWrapper {
5551
5751
  padding: var(--gap-xs);
5552
5752
  }
5753
+ .antd-Page-asideResizor {
5754
+ position: absolute;
5755
+ right: -0.375rem;
5756
+ top: 50%;
5757
+ cursor: ew-resize;
5758
+ writing-mode: vertical-lr;
5759
+ width: 0.75rem;
5760
+ height: 1.5rem;
5761
+ margin-top: -0.75rem;
5762
+ border: 0.0625rem solid #dee2e6;
5763
+ background-color: #fff;
5764
+ border-radius: 0.142rem;
5765
+ font-size: 12px;
5766
+ line-height: 0.625rem;
5767
+ text-align: center;
5768
+ user-select: none;
5769
+ color: #666;
5770
+ }
5771
+ .antd-Page-asideResizor:hover {
5772
+ color: #000;
5773
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
5774
+ }
5775
+ .antd-Page-asideResizor:after {
5776
+ content: "···";
5777
+ }
5553
5778
 
5554
5779
  .antd-Page-toolbar > * + * {
5555
5780
  margin-left: var(--gap-xs);
@@ -5557,8 +5782,7 @@ input[type=button].antd-Button--block {
5557
5782
 
5558
5783
  @media (min-width: 768px) {
5559
5784
  .antd-Page-aside {
5560
- min-width: var(--Page-aside-width);
5561
- max-width: var(--Page-aside-maxWidth);
5785
+ width: var(--Page-aside-width);
5562
5786
  border-right: var(--borderWidth) solid var(--borderColor);
5563
5787
  }
5564
5788
  .antd-Page-aside::before {
@@ -5571,6 +5795,10 @@ input[type=button].antd-Button--block {
5571
5795
  background: inherit;
5572
5796
  border: inherit;
5573
5797
  }
5798
+ .antd-Page-aside--withWidth {
5799
+ min-width: var(--Page-aside-width);
5800
+ max-width: var(--Page-aside-maxWidth);
5801
+ }
5574
5802
 
5575
5803
  .antd-Page--withSidebar {
5576
5804
  display: flex;
@@ -6059,12 +6287,13 @@ input[type=button].antd-Button--block {
6059
6287
  .antd-Spinner--icon {
6060
6288
  background: transparent;
6061
6289
  animation: spin 2s linear infinite;
6062
- width: var(--fontSizeLg);
6063
- height: var(--fontSizeLg);
6290
+ width: 16px;
6291
+ height: 16px;
6064
6292
  }
6065
6293
  .antd-Spinner--icon svg.icon {
6066
- width: var(--fontSizeLg);
6067
- height: var(--fontSizeLg);
6294
+ width: 16px;
6295
+ height: 16px;
6296
+ top: 0;
6068
6297
  }
6069
6298
 
6070
6299
  .antd-Spinner--overlay {
@@ -6282,7 +6511,7 @@ input[type=button].antd-Button--block {
6282
6511
  .antd-Collapse {
6283
6512
  border: var(--Collapse-border);
6284
6513
  padding: 0;
6285
- margin-bottom: var(--Form-item-gap);
6514
+ line-height: 1.25rem;
6286
6515
  }
6287
6516
  .antd-Collapse-header {
6288
6517
  font-size: var(--Collapse-header-fontSize);
@@ -6290,9 +6519,16 @@ input[type=button].antd-Button--block {
6290
6519
  color: var(--text--loud-color);
6291
6520
  padding: var(--Collapse-header-padding);
6292
6521
  margin: 0;
6293
- border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6522
+ cursor: pointer;
6294
6523
  background: var(--Collapse-header-bg);
6295
6524
  }
6525
+ .antd-Collapse-header-wrapper {
6526
+ display: inline-flex;
6527
+ flex-direction: var(--Collapse-header-wrapper-direction);
6528
+ }
6529
+ .antd-Collapse-header-tpl {
6530
+ margin-right: 0.5rem;
6531
+ }
6296
6532
  .antd-Collapse-header:hover {
6297
6533
  background: var(--Collapse-header-onHover-bg);
6298
6534
  }
@@ -6300,8 +6536,7 @@ input[type=button].antd-Button--block {
6300
6536
  display: inline-block;
6301
6537
  width: 1rem;
6302
6538
  text-align: center;
6303
- margin-right: 0.5rem;
6304
- cursor: pointer;
6539
+ margin-right: var(--gap-sm);
6305
6540
  }
6306
6541
  .antd-Collapse-arrow:before {
6307
6542
  content: "";
@@ -6309,42 +6544,56 @@ input[type=button].antd-Button--block {
6309
6544
  display: inline-block;
6310
6545
  width: 0.375rem;
6311
6546
  height: 0.375rem;
6312
- top: -0.25rem;
6547
+ top: -0.125rem;
6313
6548
  border-color: var(--text-color);
6314
6549
  border-style: solid;
6315
6550
  border-width: 0.0625rem 0.0625rem 0 0;
6316
- transform: rotate(135deg);
6551
+ transform: rotate(45deg);
6317
6552
  transform-origin: 50% 50%;
6318
6553
  }
6319
- .antd-Collapse-TplField {
6554
+ .antd-Collapse-icon-tranform {
6555
+ display: inline-block;
6556
+ width: 1rem;
6557
+ text-align: center;
6558
+ margin-right: var(--gap-xs);
6559
+ }
6560
+ .antd-Collapse .antd-TplField {
6320
6561
  display: inline-block;
6321
6562
  }
6322
- .antd-Collapse.is-collapsed .antd-Collapse-arrow:before {
6323
- transform: rotate(45deg);
6324
- transform-origin: 0% 50%;
6563
+ .antd-Collapse.is-active .antd-Collapse-arrow:before {
6564
+ transform: rotate(135deg);
6565
+ transform-origin: 50% 30%;
6325
6566
  }
6326
- .antd-Collapse.is-collapsed .antd-Collapse-header {
6327
- border-bottom: var(--Collapse-header-collapsed-borderBottom);
6567
+ .antd-Collapse.is-active .antd-Collapse-icon-tranform {
6568
+ transform: rotate(90deg);
6328
6569
  }
6329
- .antd-Collapse--collapsable .antd-Collapse-header {
6330
- cursor: pointer;
6570
+ .antd-Collapse--disabled .antd-Collapse-header {
6571
+ cursor: not-allowed;
6331
6572
  user-select: none;
6573
+ color: var(--text--muted-color);
6574
+ }
6575
+ .antd-Collapse--disabled .antd-Collapse-header:hover {
6576
+ background-color: var(--Collapse-header-bg-disabled-color);
6577
+ }
6578
+ .antd-Collapse--disabled .antd-Collapse-arrow:before {
6579
+ border-color: var(--text--muted-color);
6332
6580
  }
6333
6581
  .antd-Collapse--title-bottom .antd-Collapse-header {
6334
6582
  text-align: center;
6335
- color: var(--link-color);
6336
- border-left: none;
6337
6583
  font-size: var(--fontSizeBase);
6584
+ border-top: var(--Collapse-header-collapsed-borderTop);
6585
+ border-bottom: var(--Collapse-header-collapsed-borderBottom);
6338
6586
  }
6339
- .antd-Collapse--title-bottom .antd-Collapse-arrow:before {
6340
- top: 0.125rem;
6341
- transform: rotate(-45deg);
6342
- transform-origin: 0% 50%;
6587
+ .antd-Collapse--title-bottom.is-collapsed .antd-Collapse-header {
6588
+ border-top: none;
6343
6589
  }
6344
- .antd-Collapse--title-bottom.is-collapsed .antd-Collapse-arrow:before {
6345
- top: -0.375rem;
6590
+ .antd-Collapse--title-bottom .antd-Collapse-arrow:before {
6591
+ top: -0.25rem;
6346
6592
  transform: rotate(135deg);
6347
- transform-origin: 0% 50%;
6593
+ }
6594
+ .antd-Collapse--title-bottom.is-active .antd-Collapse-arrow:before {
6595
+ top: 0;
6596
+ transform: rotate(-45deg);
6348
6597
  }
6349
6598
  .antd-Collapse-contentWrapper {
6350
6599
  transition: height var(--animation-duration) ease;
@@ -6360,6 +6609,13 @@ input[type=button].antd-Button--block {
6360
6609
  font-weight: var(--Collapse-content-fontWeight);
6361
6610
  }
6362
6611
 
6612
+ .antd-CollapseGroup .antd-Collapse:not(:last-child) {
6613
+ border-bottom: none;
6614
+ }
6615
+ .antd-CollapseGroup.icon-position-right .antd-Collapse-header .antd-Collapse-arrow {
6616
+ float: right;
6617
+ }
6618
+
6363
6619
  .antd-ColorField {
6364
6620
  display: inline-block;
6365
6621
  }
@@ -7335,6 +7591,9 @@ input[type=button].antd-Button--block {
7335
7591
  .antd-Table-table--withCombine > tbody > tr > td:not(:last-child) {
7336
7592
  border-right: var(--Table-borderWidth) solid var(--Table-borderColor);
7337
7593
  }
7594
+ .antd-Table-table--checkOnItemClick > tbody > tr {
7595
+ cursor: pointer;
7596
+ }
7338
7597
  .antd-Table-table > thead > tr > th {
7339
7598
  background: var(--Table-thead-bg);
7340
7599
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
@@ -8047,6 +8306,10 @@ input[type=button].antd-Button--block {
8047
8306
  padding-right: 0;
8048
8307
  cursor: move;
8049
8308
  }
8309
+ .antd-Table-table > thead > tr > th.antd-Table-dragCell > svg,
8310
+ .antd-Table-table > tbody > tr > td.antd-Table-dragCell > svg {
8311
+ vertical-align: middle;
8312
+ }
8050
8313
  .antd-Table-table > tbody > tr > td.antd-Table-expandCell {
8051
8314
  position: relative;
8052
8315
  }
@@ -8354,6 +8617,9 @@ input[type=button].antd-Button--block {
8354
8617
  text-decoration: none;
8355
8618
  color: var(--icon-onHover-color);
8356
8619
  }
8620
+ .antd-Table-dragBtn > svg {
8621
+ vertical-align: -2px;
8622
+ }
8357
8623
  .antd-Table-table > tbody > tr:hover .antd-Table-dragBtn, .antd-Table-table > tbody > tr.is-dragging .antd-Table-dragBtn, .antd-Table-table > tbody > tr.is-drop-allowed .antd-Table-dragBtn {
8358
8624
  visibility: visible;
8359
8625
  }
@@ -8366,6 +8632,23 @@ input[type=button].antd-Button--block {
8366
8632
  top: 0;
8367
8633
  left: 0;
8368
8634
  }
8635
+ .antd-Table--autoFillHeight {
8636
+ margin-bottom: 0;
8637
+ }
8638
+ .antd-Table--autoFillHeight > .antd-Table-contentWrap > .antd-Table-content table {
8639
+ border-top: none;
8640
+ }
8641
+ .antd-Table--autoFillHeight > .antd-Table-contentWrap > .antd-Table-content table thead {
8642
+ position: sticky;
8643
+ top: 0;
8644
+ z-index: 1;
8645
+ }
8646
+ .antd-Table--autoFillHeight > .antd-Table-fixedTop {
8647
+ display: none;
8648
+ }
8649
+ .antd-Table--autoFillHeight > .antd-Table-footToolbar {
8650
+ margin-bottom: 0;
8651
+ }
8369
8652
 
8370
8653
  .antd-InputTable-toolbar {
8371
8654
  display: flex;
@@ -9004,23 +9287,14 @@ input[type=button].antd-Button--block {
9004
9287
  .antd-Card-title + .antd-Card-subTitle {
9005
9288
  margin-top: var(--gap-xs);
9006
9289
  }
9007
- .antd-Card-checkBtn {
9008
- position: absolute;
9009
- top: 0;
9010
- right: 0;
9011
- margin: var(--gap-sm);
9012
- z-index: 1;
9013
- }
9014
- .antd-Card-checkBtn .antd-Checkbox {
9015
- margin-right: 0;
9016
- }
9017
9290
  .antd-Card-dragBtn {
9018
9291
  cursor: pointer;
9019
9292
  float: right;
9020
9293
  margin: var(--gap-sm);
9021
9294
  }
9022
9295
  .antd-Card-heading {
9023
- overflow: hidden;
9296
+ display: flex;
9297
+ flex-direction: row;
9024
9298
  padding: var(--gap-sm) var(--gap-base);
9025
9299
  flex: 1 0 auto;
9026
9300
  }
@@ -9044,15 +9318,19 @@ input[type=button].antd-Button--block {
9044
9318
  float: left;
9045
9319
  margin-right: var(--gap-base);
9046
9320
  font-size: var(--fontSizeXl);
9047
- text-transform: uppercase();
9321
+ text-transform: uppercase;
9048
9322
  }
9049
9323
  .antd-Card-meta {
9050
9324
  display: block;
9325
+ flex-grow: 1;
9051
9326
  height: 100%;
9052
- overflow: hidden;
9053
9327
  position: relative;
9054
9328
  margin-right: var(--gap-md);
9055
9329
  }
9330
+ .antd-Card-toolbar {
9331
+ margin-right: calc(-1 * var(--gap-base));
9332
+ text-align: right;
9333
+ }
9056
9334
  .antd-Card-highlight {
9057
9335
  background: var(--success);
9058
9336
  width: 0.5rem;
@@ -9265,32 +9543,120 @@ input[type=button].antd-Button--block {
9265
9543
  right: 0;
9266
9544
  }
9267
9545
 
9268
- .antd-Progress {
9546
+ .antd-Progress-line {
9547
+ display: inline-block;
9548
+ width: 100%;
9549
+ margin-right: calc(-2em + -8px);
9550
+ padding-right: calc(2em + 8px);
9551
+ }
9552
+ .antd-Progress-line-inter {
9269
9553
  height: 10px;
9270
- background: #ebebeb;
9554
+ background-color: var(--Progress-bar-backgroundColor);
9271
9555
  overflow: hidden;
9272
9556
  border-radius: var(--Progress-borderRadius);
9273
9557
  }
9274
- .antd-Progress-bar {
9275
- float: left;
9276
- width: 0;
9277
- height: 100%;
9278
- font-size: 12px;
9279
- line-height: 10px;
9280
- color: #fff;
9281
- text-align: center;
9282
- background: var(--primary);
9558
+ .antd-Progress-line-no-label {
9559
+ padding-right: 0;
9560
+ margin-right: 0;
9561
+ }
9562
+ .antd-Progress-line-text {
9563
+ display: inline-block;
9564
+ width: 2em;
9565
+ margin-left: 8px;
9566
+ color: var(--text-color);
9567
+ font-size: var(--fontSizeXs);
9568
+ white-space: nowrap;
9569
+ text-align: left;
9570
+ word-break: normal;
9571
+ }
9572
+ .antd-Progress-line-text .icon {
9573
+ font-size: 15px;
9574
+ }
9575
+ .antd-Progress-line-bar {
9576
+ float: left;
9577
+ width: 0;
9578
+ height: 100%;
9579
+ font-size: 12px;
9580
+ line-height: 10px;
9581
+ text-align: center;
9582
+ background: var(--primary);
9283
9583
  transition: width var(--animation-duration) ease;
9284
- border-radius: var(--Progress-borderRadius);
9285
9584
  }
9286
- .antd-Progress-bar--stripe {
9585
+ .antd-Progress-line-bar--stripe {
9287
9586
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
9288
9587
  background-size: 2rem 2rem;
9289
9588
  }
9290
- .antd-Progress-bar--animate {
9589
+ .antd-Progress-line-bar--animate {
9590
+ position: relative;
9591
+ transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
9592
+ }
9593
+ .antd-Progress-line-bar--animate::before {
9594
+ position: absolute;
9595
+ top: 0;
9596
+ right: 0;
9597
+ bottom: 0;
9598
+ left: 0;
9599
+ background: var(--Progress-animate-backgroundColor);
9600
+ border-radius: 10px;
9601
+ opacity: 0;
9602
+ animation: progress-bar-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
9603
+ content: "";
9604
+ }
9605
+ .antd-Progress-line-bar--stripe-animate {
9291
9606
  animation: progress-bar-stripes 1s linear infinite;
9292
9607
  }
9608
+ .antd-Progress-circle {
9609
+ width: 120px;
9610
+ height: 120px;
9611
+ position: relative;
9612
+ }
9613
+ .antd-Progress-circle-text {
9614
+ position: absolute;
9615
+ top: 50%;
9616
+ left: 50%;
9617
+ width: 100%;
9618
+ margin: 0;
9619
+ padding: 0;
9620
+ color: var(--text-color);
9621
+ font-size: 1em;
9622
+ line-height: 1;
9623
+ white-space: normal;
9624
+ text-align: center;
9625
+ transform: translate(-50%, -50%);
9626
+ }
9627
+ .antd-Progress-circle-text .icon {
9628
+ font-size: 1.2em;
9629
+ }
9630
+ .antd-Progress-circle .bg-warning-circle-path {
9631
+ stroke: var(--warning);
9632
+ }
9633
+ .antd-Progress-circle .bg-danger-circle-path {
9634
+ stroke: var(--danger);
9635
+ }
9636
+ .antd-Progress-circle .bg-info-circle-path {
9637
+ stroke: var(--info);
9638
+ }
9639
+ .antd-Progress-circle .bg-success-circle-path {
9640
+ stroke: var(--success);
9641
+ }
9642
+ .antd-Progress-circle .bg-primary-circle-path {
9643
+ stroke: var(--primary);
9644
+ }
9293
9645
 
9646
+ @keyframes progress-bar-active {
9647
+ 0% {
9648
+ transform: translateX(-100%) scaleX(0);
9649
+ opacity: 0.1;
9650
+ }
9651
+ 20% {
9652
+ transform: translateX(-100%) scaleX(0);
9653
+ opacity: 0.5;
9654
+ }
9655
+ 100% {
9656
+ transform: translateX(0) scaleX(1);
9657
+ opacity: 0;
9658
+ }
9659
+ }
9294
9660
  @keyframes progress-bar-stripes {
9295
9661
  from {
9296
9662
  background-position: 2rem 0;
@@ -9474,7 +9840,7 @@ input[type=button].antd-Button--block {
9474
9840
  }
9475
9841
  .antd-StatusField-label {
9476
9842
  font-size: var(--fontSizeSm);
9477
- margin-left: var(--gap-sm);
9843
+ margin-left: var(--gap-xs);
9478
9844
  }
9479
9845
  @keyframes animation-rolling_red {
9480
9846
  0% {
@@ -10036,7 +10402,7 @@ input[type=button].antd-Button--block {
10036
10402
  line-height: 1;
10037
10403
  font-size: 1rem;
10038
10404
  }
10039
- .antd-Image-thumbWrap:hover .antd-Image-overlay {
10405
+ .antd-Image-origin:hover .antd-Image-overlay, .antd-Image-thumbWrap:hover .antd-Image-overlay {
10040
10406
  display: flex;
10041
10407
  }
10042
10408
 
@@ -10091,6 +10457,14 @@ input[type=button].antd-Button--block {
10091
10457
  .antd-InputBox:hover {
10092
10458
  border-color: var(--Form-input-onFocused-borderColor);
10093
10459
  }
10460
+ .antd-InputBox--borderHalf {
10461
+ border-left-color: transparent !important;
10462
+ border-right-color: transparent !important;
10463
+ border-top-color: transparent !important;
10464
+ }
10465
+ .antd-InputBox--borderNone {
10466
+ border-color: transparent !important;
10467
+ }
10094
10468
  .antd-InputBox--inline {
10095
10469
  display: inline-flex;
10096
10470
  }
@@ -10177,6 +10551,14 @@ input[type=button].antd-Button--block {
10177
10551
  .antd-ResultBox:hover {
10178
10552
  border-color: var(--Form-input-onFocused-borderColor);
10179
10553
  }
10554
+ .antd-ResultBox--borderHalf {
10555
+ border-left-color: transparent !important;
10556
+ border-right-color: transparent !important;
10557
+ border-top-color: transparent !important;
10558
+ }
10559
+ .antd-ResultBox--borderNone {
10560
+ border-color: transparent !important;
10561
+ }
10180
10562
  .antd-ResultBox.is-error {
10181
10563
  border-color: var(--Form-input-onError-borderColor);
10182
10564
  background: var(--Form-input-onError-bg);
@@ -10611,6 +10993,148 @@ input[type=button].antd-Button--block {
10611
10993
  border: 1px solid var(--Steps-status-success);
10612
10994
  }
10613
10995
 
10996
+ .antd-Portlet {
10997
+ border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);
10998
+ border-radius: var(--Portlet-borderRadius);
10999
+ padding: var(--gap-base);
11000
+ }
11001
+ .antd-Portlet-tab.unactive-select .is-active a:first-child, .antd-Portlet-tab.unactive-select .is-active:hover > a:first-child,
11002
+ .antd-Portlet-tab.unactive-select .is-active > a:first-child:focus {
11003
+ border: none !important;
11004
+ color: inherit !important;
11005
+ cursor: auto !important;
11006
+ }
11007
+ .antd-Portlet-tab.no-divider .antd-Tabs-links {
11008
+ border-bottom: none;
11009
+ }
11010
+ .antd-Portlet .antd-Tabs-pane {
11011
+ padding: unset;
11012
+ }
11013
+ .antd-Portlet-toolbar {
11014
+ display: inline-flex;
11015
+ float: right;
11016
+ justify-content: flex-end;
11017
+ }
11018
+ .antd-Portlet-toolbar .antd-Button {
11019
+ margin-left: calc(var(--gap-xs));
11020
+ }
11021
+ .antd-Portlet-header-desc {
11022
+ height: 100%;
11023
+ overflow: hidden;
11024
+ position: relative;
11025
+ margin-left: var(--gap-base);
11026
+ }
11027
+
11028
+ .antd-Portlet.no-header .antd-Portlet-tab .antd-Tabs-links {
11029
+ display: none;
11030
+ }
11031
+
11032
+ .u-hairline::after {
11033
+ position: absolute;
11034
+ box-sizing: border-box;
11035
+ content: " ";
11036
+ pointer-events: none;
11037
+ top: -50%;
11038
+ right: -50%;
11039
+ bottom: -50%;
11040
+ left: -50%;
11041
+ border: 0 solid var(--borderColorLight);
11042
+ z-index: 1;
11043
+ transform: scale(0.5);
11044
+ }
11045
+
11046
+ .antd-GridNav {
11047
+ display: flex;
11048
+ flex-wrap: wrap;
11049
+ }
11050
+ .antd-GridNav-top {
11051
+ position: relative;
11052
+ }
11053
+ .antd-GridNav-top::after {
11054
+ border-top-width: 0.0625rem;
11055
+ }
11056
+
11057
+ .antd-GridNavItem {
11058
+ position: relative;
11059
+ box-sizing: border-box;
11060
+ }
11061
+ .antd-GridNavItem--square {
11062
+ height: 0;
11063
+ position: relative;
11064
+ }
11065
+ .antd-GridNavItem-icon {
11066
+ width: var(--rv-grid-item-icon-size);
11067
+ }
11068
+ .antd-GridNavItem-text {
11069
+ color: var(--text-color);
11070
+ font-size: var(--fontSizeSm);
11071
+ line-height: 1.5;
11072
+ word-break: break-all;
11073
+ flex-shrink: 0;
11074
+ }
11075
+ .antd-GridNavItem-icon + .antd-GridNavItem-text {
11076
+ margin-top: 0.5rem;
11077
+ }
11078
+ .antd-GridNavItem-image {
11079
+ display: inline-block;
11080
+ }
11081
+ .antd-GridNavItem-image svg,
11082
+ .antd-GridNavItem-image img {
11083
+ max-width: 100%;
11084
+ display: block;
11085
+ width: 60%;
11086
+ margin: 0 auto;
11087
+ }
11088
+ .antd-GridNavItem-content {
11089
+ display: flex;
11090
+ flex-direction: column;
11091
+ box-sizing: border-box;
11092
+ height: 100%;
11093
+ padding: var(--gap-md) var(--gap-sm);
11094
+ background-color: var(--white);
11095
+ position: relative;
11096
+ }
11097
+ .antd-GridNavItem-content .antd-Badge-text {
11098
+ z-index: 10;
11099
+ }
11100
+ .antd-GridNavItem-content--border::after {
11101
+ border-width: 0 var(--borderWidth) var(--borderWidth) 0;
11102
+ }
11103
+ .antd-GridNavItem-content--square {
11104
+ position: absolute;
11105
+ top: 0;
11106
+ right: 0;
11107
+ left: 0;
11108
+ }
11109
+ .antd-GridNavItem-content--center {
11110
+ align-items: center;
11111
+ justify-content: center;
11112
+ }
11113
+ .antd-GridNavItem-content--horizontal {
11114
+ flex-direction: row;
11115
+ }
11116
+ .antd-GridNavItem-content--horizontal .antd-GridNavItem-text {
11117
+ margin: 0 0 0 var(--gap-sm);
11118
+ }
11119
+ .antd-GridNavItem-content--reverse {
11120
+ flex-direction: column-reverse;
11121
+ }
11122
+ .antd-GridNavItem-content--reverse .antd-GridNavItem-text {
11123
+ margin: 0 0 var(--gap-sm);
11124
+ }
11125
+ .antd-GridNavItem-content--horizontal .antd-GridNavItem-content--reverse {
11126
+ flex-direction: row-reverse;
11127
+ }
11128
+ .antd-GridNavItem-content--horizontal .antd-GridNavItem-content--reverse .antd-GridNavItem-text {
11129
+ margin: 0 var(--gap-sm) 0 0;
11130
+ }
11131
+ .antd-GridNavItem-content--surround::after {
11132
+ border-width: var(--borderWidth);
11133
+ }
11134
+ .antd-GridNavItem-content--clickable {
11135
+ cursor: pointer;
11136
+ }
11137
+
10614
11138
  fieldset.antd-Collapse--lg, fieldset.antd-Collapse--md, fieldset.antd-Collapse--base, fieldset.antd-Collapse--sm, fieldset.antd-Collapse--xs {
10615
11139
  position: relative;
10616
11140
  }
@@ -10640,6 +11164,9 @@ fieldset.antd-Collapse--lg .collapse, fieldset.antd-Collapse--md .collapse, fiel
10640
11164
  position: relative;
10641
11165
  }
10642
11166
 
11167
+ fieldset.antd-Collapse {
11168
+ margin-bottom: var(--Form-item-gap);
11169
+ }
10643
11170
  fieldset.antd-Collapse > legend {
10644
11171
  font-weight: var(--fontWeightNormal);
10645
11172
  padding: var(--gap-xs) 0;
@@ -10650,10 +11177,14 @@ fieldset.antd-Collapse > legend {
10650
11177
  margin: var(--gap-base) 0;
10651
11178
  padding: 0 0 0 14px;
10652
11179
  cursor: pointer;
10653
- border-bottom: 0;
11180
+ border-bottom: none !important;
11181
+ background: transparent;
10654
11182
  display: flex;
10655
11183
  flex-direction: row;
10656
11184
  }
11185
+ fieldset.antd-Collapse > legend:hover {
11186
+ background: transparent;
11187
+ }
10657
11188
  fieldset.antd-Collapse--xs {
10658
11189
  padding: 20px 5px 5px 5px;
10659
11190
  }
@@ -11549,45 +12080,38 @@ fieldset.antd-Collapse--lg:after {
11549
12080
  color: #999;
11550
12081
  }
11551
12082
 
11552
- .antd-Checkboxes > .antd-Checkbox {
12083
+ .antd-Selection > .antd-Checkbox {
11553
12084
  display: block;
11554
12085
  height: var(--Form-input-height);
11555
12086
  line-height: var(--Form-input-lineHeight);
11556
12087
  font-size: var(--Form-input-fontSize);
11557
12088
  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
11558
12089
  }
11559
- .antd-Checkboxes--inline > .antd-Checkbox {
12090
+ .antd-Selection--inline > .antd-Checkbox {
11560
12091
  display: inline-block;
11561
12092
  }
11562
- .antd-Checkboxes-addBtn {
12093
+ .antd-Selection-addBtn {
11563
12094
  display: block;
11564
12095
  cursor: pointer;
11565
12096
  }
11566
- .antd-Checkboxes-addBtn:hover {
12097
+ .antd-Selection-addBtn:hover {
11567
12098
  text-decoration: none;
11568
12099
  }
11569
- .antd-Checkboxes-addBtn > svg {
12100
+ .antd-Selection-addBtn > svg {
11570
12101
  width: 0.875rem;
11571
12102
  height: 0.875rem;
11572
12103
  margin-right: var(--Checkbox-gap);
11573
12104
  }
11574
12105
 
11575
- .antd-ListCheckboxes-group:not(:first-child) > .antd-ListCheckboxes-itemLabel,
11576
- .antd-ListCheckboxes-group:not(:first-child) > .antd-ListRadios-itemLabel,
11577
- .antd-ListRadios-group:not(:first-child) > .antd-ListCheckboxes-itemLabel,
11578
- .antd-ListRadios-group:not(:first-child) > .antd-ListRadios-itemLabel {
12106
+ .antd-GroupedSelection-group:not(:first-child) > .antd-GroupedSelection-itemLabel {
11579
12107
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
11580
12108
  }
11581
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-itemLabel,
11582
- .antd-ListCheckboxes-group > .antd-ListRadios-itemLabel,
11583
- .antd-ListRadios-group > .antd-ListCheckboxes-itemLabel,
11584
- .antd-ListRadios-group > .antd-ListRadios-itemLabel {
12109
+ .antd-GroupedSelection-group > .antd-GroupedSelection-itemLabel {
11585
12110
  font-size: var(--fontSizeSm);
11586
12111
  padding: var(--gap-xs) var(--gap-xs);
11587
12112
  color: var(--text--muted-color);
11588
12113
  }
11589
- .antd-ListCheckboxes-item,
11590
- .antd-ListRadios-item {
12114
+ .antd-GroupedSelection-item {
11591
12115
  display: flex;
11592
12116
  height: var(--Form-input-height);
11593
12117
  line-height: var(--Form-input-lineHeight);
@@ -11597,44 +12121,30 @@ fieldset.antd-Collapse--lg:after {
11597
12121
  cursor: pointer;
11598
12122
  user-select: none;
11599
12123
  }
11600
- .antd-ListCheckboxes-item > .antd-Checkbox,
11601
- .antd-ListRadios-item > .antd-Checkbox {
12124
+ .antd-GroupedSelection-item > .antd-Checkbox {
11602
12125
  margin-right: 0;
11603
12126
  }
11604
- .antd-ListCheckboxes-item.is-active,
11605
- .antd-ListRadios-item.is-active {
12127
+ .antd-GroupedSelection-item.is-active {
11606
12128
  color: var(--Form-select-menu-onActive-color);
11607
12129
  background: var(--Form-select-menu-onActive-bg);
11608
12130
  }
11609
- .antd-ListCheckboxes-item:hover,
11610
- .antd-ListRadios-item:hover {
12131
+ .antd-GroupedSelection-item:hover {
11611
12132
  background: var(--Tree-item-onHover-bg);
11612
12133
  }
11613
- .antd-ListCheckboxes-item.is-disabled,
11614
- .antd-ListRadios-item.is-disabled {
12134
+ .antd-GroupedSelection-item.is-disabled {
11615
12135
  pointer-events: none;
11616
12136
  color: var(--text--muted-color);
11617
12137
  }
11618
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-items > .antd-ListCheckboxes-item,
11619
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-items > .antd-ListRadios-item,
11620
- .antd-ListCheckboxes-group > .antd-ListRadios-items > .antd-ListCheckboxes-item,
11621
- .antd-ListCheckboxes-group > .antd-ListRadios-items > .antd-ListRadios-item,
11622
- .antd-ListRadios-group > .antd-ListCheckboxes-items > .antd-ListCheckboxes-item,
11623
- .antd-ListRadios-group > .antd-ListCheckboxes-items > .antd-ListRadios-item,
11624
- .antd-ListRadios-group > .antd-ListRadios-items > .antd-ListCheckboxes-item,
11625
- .antd-ListRadios-group > .antd-ListRadios-items > .antd-ListRadios-item {
12138
+ .antd-GroupedSelection-group > .antd-GroupedSelection-items > .antd-GroupedSelection-item {
11626
12139
  padding-left: var(--gap-base);
11627
12140
  }
11628
- .antd-ListCheckboxes-itemLabel,
11629
- .antd-ListRadios-itemLabel {
12141
+ .antd-GroupedSelection-itemLabel {
11630
12142
  flex-grow: 1;
11631
12143
  }
11632
- .antd-ListCheckboxes-itemLabel span,
11633
- .antd-ListRadios-itemLabel span {
12144
+ .antd-GroupedSelection-itemLabel span {
11634
12145
  white-space: nowrap;
11635
12146
  }
11636
- .antd-ListCheckboxes-placeholder,
11637
- .antd-ListRadios-placeholder {
12147
+ .antd-GroupedSelection-placeholder {
11638
12148
  height: var(--Form-input-height);
11639
12149
  line-height: var(--Form-input-lineHeight);
11640
12150
  font-size: var(--Form-input-fontSize);
@@ -11642,45 +12152,46 @@ fieldset.antd-Collapse--lg:after {
11642
12152
  color: var(--text--muted-color);
11643
12153
  }
11644
12154
 
11645
- .antd-TableCheckboxes .antd-Table-content {
12155
+ .antd-TableSelection .antd-Table-content {
11646
12156
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
11647
12157
  }
11648
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th,
11649
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td {
12158
+ .antd-TableSelection .antd-Table-table > thead > tr > th,
12159
+ .antd-TableSelection .antd-Table-table > tbody > tr > td {
11650
12160
  font-size: var(--fontSizeSm);
11651
12161
  padding-top: var(--gap-xs);
11652
12162
  padding-bottom: 0.375rem;
11653
12163
  vertical-align: middle;
11654
12164
  }
11655
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th {
12165
+ .antd-TableSelection .antd-Table-table > thead > tr > th {
11656
12166
  padding-top: 0.375rem;
11657
12167
  }
11658
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th:first-child,
11659
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td:first-child {
12168
+ .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
12169
+ .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
11660
12170
  padding-left: 0.625rem;
11661
12171
  padding-right: 0;
11662
12172
  }
11663
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th:last-child,
11664
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td:last-child {
12173
+ .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
12174
+ .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
11665
12175
  padding-right: var(--gap-md);
11666
12176
  }
11667
- .antd-TableCheckboxes .antd-Table-table > tbody > tr {
12177
+ .antd-TableSelection .antd-Table-table > tbody > tr {
11668
12178
  cursor: pointer;
11669
12179
  }
12180
+ .antd-TableSelection .antd-Table-table > tbody > tr.is-active {
12181
+ color: var(--Form-select-menu-onActive-color);
12182
+ background: var(--Form-select-menu-onActive-bg);
12183
+ }
11670
12184
 
11671
- .antd-TreeCheckboxes .antd-Table-expandBtn,
11672
- .antd-TreeRadios .antd-Table-expandBtn {
12185
+ .antd-TreeSelection .antd-Table-expandBtn {
11673
12186
  color: var(--icon-color);
11674
12187
  margin-right: 5px;
11675
12188
  }
11676
- .antd-TreeCheckboxes-sublist,
11677
- .antd-TreeRadios-sublist {
12189
+ .antd-TreeSelection-sublist {
11678
12190
  position: relative;
11679
12191
  margin: 0 0 0 2.1875rem;
11680
12192
  display: none;
11681
12193
  }
11682
- .antd-TreeCheckboxes-sublist:before,
11683
- .antd-TreeRadios-sublist:before {
12194
+ .antd-TreeSelection-sublist:before {
11684
12195
  width: 1px;
11685
12196
  content: "";
11686
12197
  display: block;
@@ -11690,26 +12201,16 @@ fieldset.antd-Collapse--lg:after {
11690
12201
  left: -19px;
11691
12202
  border-left: dashed 1px var(--icon-color);
11692
12203
  }
11693
- .antd-TreeCheckboxes-item,
11694
- .antd-TreeRadios-item {
12204
+ .antd-TreeSelection-item {
11695
12205
  position: relative;
11696
12206
  }
11697
- .antd-TreeCheckboxes-item.is-expanded > .antd-TreeCheckboxes-sublist,
11698
- .antd-TreeCheckboxes-item.is-expanded > .antd-TreeRadios-sublist,
11699
- .antd-TreeRadios-item.is-expanded > .antd-TreeCheckboxes-sublist,
11700
- .antd-TreeRadios-item.is-expanded > .antd-TreeRadios-sublist {
12207
+ .antd-TreeSelection-item.is-expanded > .antd-TreeSelection-sublist {
11701
12208
  display: block;
11702
12209
  }
11703
- .antd-TreeCheckboxes-item:not(:last-child) > .antd-TreeCheckboxes-sublist:before,
11704
- .antd-TreeCheckboxes-item:not(:last-child) > .antd-TreeRadios-sublist:before,
11705
- .antd-TreeRadios-item:not(:last-child) > .antd-TreeCheckboxes-sublist:before,
11706
- .antd-TreeRadios-item:not(:last-child) > .antd-TreeRadios-sublist:before {
12210
+ .antd-TreeSelection-item:not(:last-child) > .antd-TreeSelection-sublist:before {
11707
12211
  bottom: 0;
11708
12212
  }
11709
- .antd-TreeCheckboxes-sublist .antd-TreeCheckboxes-item:before,
11710
- .antd-TreeCheckboxes-sublist .antd-TreeRadios-item:before,
11711
- .antd-TreeRadios-sublist .antd-TreeCheckboxes-item:before,
11712
- .antd-TreeRadios-sublist .antd-TreeRadios-item:before {
12213
+ .antd-TreeSelection-sublist .antd-TreeSelection-item:before {
11713
12214
  height: 1px;
11714
12215
  content: "";
11715
12216
  display: block;
@@ -11719,8 +12220,7 @@ fieldset.antd-Collapse--lg:after {
11719
12220
  left: -19px;
11720
12221
  border-top: dashed 1px var(--icon-color);
11721
12222
  }
11722
- .antd-TreeCheckboxes-itemInner,
11723
- .antd-TreeRadios-itemInner {
12223
+ .antd-TreeSelection-itemInner {
11724
12224
  display: flex;
11725
12225
  align-items: center;
11726
12226
  height: var(--Form-input-height);
@@ -11732,18 +12232,15 @@ fieldset.antd-Collapse--lg:after {
11732
12232
  user-select: none;
11733
12233
  position: relative;
11734
12234
  }
11735
- .antd-TreeCheckboxes-itemInner > .antd-Checkbox,
11736
- .antd-TreeRadios-itemInner > .antd-Checkbox {
12235
+ .antd-TreeSelection-itemInner > .antd-Checkbox {
11737
12236
  margin-right: 0;
11738
12237
  margin-left: var(--gap-sm);
11739
12238
  }
11740
- .antd-TreeCheckboxes-itemInner > *,
11741
- .antd-TreeRadios-itemInner > * {
12239
+ .antd-TreeSelection-itemInner > * {
11742
12240
  position: relative;
11743
12241
  z-index: 2;
11744
12242
  }
11745
- .antd-TreeCheckboxes-itemInner:hover:after,
11746
- .antd-TreeRadios-itemInner:hover:after {
12243
+ .antd-TreeSelection-itemInner:hover:after {
11747
12244
  position: absolute;
11748
12245
  content: "";
11749
12246
  z-index: 1;
@@ -11753,21 +12250,17 @@ fieldset.antd-Collapse--lg:after {
11753
12250
  left: -99999px;
11754
12251
  background: var(--Tree-item-onHover-bg);
11755
12252
  }
11756
- .antd-TreeCheckboxes-itemInner.is-active,
11757
- .antd-TreeRadios-itemInner.is-active {
12253
+ .antd-TreeSelection-itemInner.is-active {
11758
12254
  color: var(--Form-select-menu-onActive-color);
11759
12255
  }
11760
- .antd-TreeCheckboxes-itemInner.is-disabled,
11761
- .antd-TreeRadios-itemInner.is-disabled {
12256
+ .antd-TreeSelection-itemInner.is-disabled {
11762
12257
  pointer-events: none;
11763
12258
  color: var(--text--muted-color);
11764
12259
  }
11765
- .antd-TreeCheckboxes-itemLabel,
11766
- .antd-TreeRadios-itemLabel {
12260
+ .antd-TreeSelection-itemLabel {
11767
12261
  flex-grow: 1;
11768
12262
  }
11769
- .antd-TreeCheckboxes-placeholder,
11770
- .antd-TreeRadios-placeholder {
12263
+ .antd-TreeSelection-placeholder {
11771
12264
  height: var(--Form-input-height);
11772
12265
  line-height: var(--Form-input-lineHeight);
11773
12266
  font-size: var(--Form-input-fontSize);
@@ -11775,23 +12268,23 @@ fieldset.antd-Collapse--lg:after {
11775
12268
  color: var(--text--muted-color);
11776
12269
  }
11777
12270
 
11778
- .antd-ChainedCheckboxes {
12271
+ .antd-ChainedSelection {
11779
12272
  display: flex;
11780
12273
  flex-direction: row;
11781
12274
  }
11782
- .antd-ChainedCheckboxes-col {
12275
+ .antd-ChainedSelection-col {
11783
12276
  flex-grow: 1;
11784
12277
  min-width: 150px;
11785
12278
  }
11786
- .antd-ChainedCheckboxes-col:not(:last-child) {
12279
+ .antd-ChainedSelection-col:not(:last-child) {
11787
12280
  border-right: 1px solid var(--borderColor);
11788
12281
  }
11789
- .antd-ChainedCheckboxes-subTitle {
12282
+ .antd-ChainedSelection-subTitle {
11790
12283
  font-size: var(--fontSizeSm);
11791
12284
  padding: var(--gap-xs) var(--gap-xs);
11792
12285
  color: var(--text--muted-color);
11793
12286
  }
11794
- .antd-ChainedCheckboxes-item {
12287
+ .antd-ChainedSelection-item {
11795
12288
  display: flex;
11796
12289
  height: var(--Form-input-height);
11797
12290
  line-height: var(--Form-input-lineHeight);
@@ -11801,24 +12294,24 @@ fieldset.antd-Collapse--lg:after {
11801
12294
  cursor: pointer;
11802
12295
  user-select: none;
11803
12296
  }
11804
- .antd-ChainedCheckboxes-item > .antd-Checkbox {
12297
+ .antd-ChainedSelection-item > .antd-Checkbox {
11805
12298
  margin-right: 0;
11806
12299
  }
11807
- .antd-ChainedCheckboxes-item.is-active {
12300
+ .antd-ChainedSelection-item.is-active {
11808
12301
  color: var(--Form-select-menu-onActive-color);
11809
12302
  background: var(--Form-select-menu-onActive-bg);
11810
12303
  }
11811
- .antd-ChainedCheckboxes-item:hover {
12304
+ .antd-ChainedSelection-item:hover {
11812
12305
  background: var(--Tree-item-onHover-bg);
11813
12306
  }
11814
- .antd-ChainedCheckboxes-item.is-disabled {
12307
+ .antd-ChainedSelection-item.is-disabled {
11815
12308
  pointer-events: none;
11816
12309
  color: var(--text--muted-color);
11817
12310
  }
11818
- .antd-ChainedCheckboxes-itemLabel {
12311
+ .antd-ChainedSelection-itemLabel {
11819
12312
  flex-grow: 1;
11820
12313
  }
11821
- .antd-ChainedCheckboxes-placeholder {
12314
+ .antd-ChainedSelection-placeholder {
11822
12315
  height: var(--Form-input-height);
11823
12316
  line-height: var(--Form-input-lineHeight);
11824
12317
  font-size: var(--Form-input-fontSize);
@@ -11826,28 +12319,29 @@ fieldset.antd-Collapse--lg:after {
11826
12319
  color: var(--text--muted-color);
11827
12320
  }
11828
12321
 
11829
- .antd-AssociatedCheckboxes {
12322
+ .antd-AssociatedSelection {
11830
12323
  display: flex;
11831
12324
  flex-direction: row;
11832
12325
  }
11833
- .antd-AssociatedCheckboxes-left, .antd-AssociatedCheckboxes-right {
12326
+ .antd-AssociatedSelection-left, .antd-AssociatedSelection-right {
11834
12327
  flex-grow: 1;
11835
12328
  width: 0;
11836
- height: 10.9375rem;
12329
+ min-height: 12.5rem;
12330
+ max-height: 25rem;
11837
12331
  overflow: auto;
11838
12332
  }
11839
- .antd-AssociatedCheckboxes-left {
12333
+ .antd-AssociatedSelection-left {
11840
12334
  border-right: 1px solid var(--borderColor);
11841
12335
  }
11842
- .antd-AssociatedCheckboxes-reload {
12336
+ .antd-AssociatedSelection-reload {
11843
12337
  text-align: center;
11844
12338
  color: var(--info);
11845
12339
  margin: 20px 0 0;
11846
12340
  }
11847
- .antd-AssociatedCheckboxes-reload.is-clickable {
12341
+ .antd-AssociatedSelection-reload.is-clickable {
11848
12342
  cursor: pointer;
11849
12343
  }
11850
- .antd-AssociatedCheckboxes-box {
12344
+ .antd-AssociatedSelection-box {
11851
12345
  line-height: var(--Form-input-lineHeight);
11852
12346
  font-size: var(--fontSizeSm);
11853
12347
  color: var(--text--muted-color);
@@ -11858,7 +12352,7 @@ fieldset.antd-Collapse--lg:after {
11858
12352
  justify-content: center;
11859
12353
  height: 100%;
11860
12354
  }
11861
- .antd-AssociatedCheckboxes-box > p {
12355
+ .antd-AssociatedSelection-box > p {
11862
12356
  text-align: center;
11863
12357
  margin: 10px 0 20px;
11864
12358
  color: var(--text--muted-color);
@@ -12749,7 +13243,7 @@ fieldset.antd-Collapse--lg:after {
12749
13243
  .antd-ColorPicker-preview {
12750
13244
  display: flex;
12751
13245
  align-items: center;
12752
- margin-left: var(--gap-xs);
13246
+ margin-right: var(--gap-sm);
12753
13247
  cursor: pointer;
12754
13248
  }
12755
13249
  .antd-ColorPicker-previewIcon {
@@ -12777,15 +13271,40 @@ fieldset.antd-Collapse--lg:after {
12777
13271
  .antd-ColorPicker-clear:hover svg {
12778
13272
  fill: var(--Form-input-onHover-iconColor);
12779
13273
  }
13274
+ .antd-ColorPicker-arrow {
13275
+ margin-right: var(--gap-xs);
13276
+ width: var(--gap-md);
13277
+ text-align: center;
13278
+ display: flex;
13279
+ align-items: center;
13280
+ justify-content: center;
13281
+ line-height: 1;
13282
+ }
13283
+ .antd-ColorPicker-arrow > svg {
13284
+ transition: transform var(--animation-duration);
13285
+ display: inline-block;
13286
+ color: var(--Form-select-caret-iconColor);
13287
+ width: 10px;
13288
+ height: 10px;
13289
+ top: 0;
13290
+ }
13291
+ .antd-ColorPicker.is-opened .antd-ColorPicker-arrow > svg {
13292
+ transform: rotate(180deg);
13293
+ }
13294
+
13295
+ .antd-ColorPicker-popover {
13296
+ border: none;
13297
+ box-shadow: none;
13298
+ }
12780
13299
 
12781
13300
  .antd-ColorControl:not(.is-inline) > .antd-ColorPicker {
12782
13301
  display: flex;
12783
13302
  }
12784
13303
 
12785
13304
  .sketch-picker {
12786
- box-shadow: none !important;
12787
- border-radius: 0 !important;
12788
13305
  border: none !important;
13306
+ border-radius: var(--borderRadius) !important;
13307
+ box-shadow: var(--ColorPicker-boxShadow) !important;
12789
13308
  }
12790
13309
 
12791
13310
  .antd-DatePicker {
@@ -13605,6 +14124,15 @@ td.rdtQuarter.rdtDisabled > span {
13605
14124
  height: 100%;
13606
14125
  }
13607
14126
 
14127
+ .antd-FileControl-templateInfo {
14128
+ display: block;
14129
+ margin-bottom: var(--gap-base);
14130
+ padding: var(--Button-paddingY) var(--Button-paddingX);
14131
+ cursor: pointer;
14132
+ }
14133
+ .antd-FileControl-templateInfo > svg {
14134
+ margin-right: var(--gap-xs);
14135
+ }
13608
14136
  .antd-FileControl-dropzone {
13609
14137
  outline: none;
13610
14138
  }
@@ -14177,6 +14705,9 @@ td.rdtQuarter.rdtDisabled > span {
14177
14705
  .antd-Tree.is-disabled {
14178
14706
  pointer-events: none;
14179
14707
  }
14708
+ .antd-Tree.is-draggable {
14709
+ position: relative;
14710
+ }
14180
14711
  .antd-Tree--outline .antd-Tree-sublist .antd-Tree-item--isLeaf:before {
14181
14712
  position: absolute;
14182
14713
  top: -8px;
@@ -14210,6 +14741,9 @@ td.rdtQuarter.rdtDisabled > span {
14210
14741
  bottom: 0;
14211
14742
  left: -99999px;
14212
14743
  }
14744
+ .antd-Tree.is-draggable .antd-Tree-itemLabel:hover::after {
14745
+ display: none;
14746
+ }
14213
14747
  .antd-Tree-item-icons {
14214
14748
  visibility: hidden;
14215
14749
  transition: visibility var(--animation-duration) ease;
@@ -14306,6 +14840,10 @@ td.rdtQuarter.rdtDisabled > span {
14306
14840
  display: inline-block;
14307
14841
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
14308
14842
  }
14843
+ .antd-Tree-itemDrager {
14844
+ cursor: move;
14845
+ color: var(--icon-color);
14846
+ }
14309
14847
  .antd-Tree-spinner {
14310
14848
  margin-right: var(--gap-xs);
14311
14849
  }
@@ -14340,6 +14878,31 @@ td.rdtQuarter.rdtDisabled > span {
14340
14878
  .antd-Tree-placeholder {
14341
14879
  color: var(--text--muted-color);
14342
14880
  }
14881
+ .antd-Tree-dropIndicator {
14882
+ position: absolute;
14883
+ height: 0.125rem;
14884
+ background-color: var(--Tree-itemLabel--onChecked-color);
14885
+ border-radius: 0.0625rem;
14886
+ z-index: 1;
14887
+ }
14888
+ .antd-Tree-dropIndicator::after {
14889
+ position: absolute;
14890
+ top: -0.1875rem;
14891
+ left: -0.375rem;
14892
+ width: 0.5rem;
14893
+ height: 0.5rem;
14894
+ background-color: transparent;
14895
+ border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
14896
+ border-radius: 50%;
14897
+ content: "";
14898
+ }
14899
+ .antd-Tree-dropIndicator--hover {
14900
+ border-radius: 0;
14901
+ background-color: var(--Tree-item-onHover-bg);
14902
+ }
14903
+ .antd-Tree-dropIndicator--hover::after {
14904
+ display: none;
14905
+ }
14343
14906
 
14344
14907
  .antd-TreeSelectControl {
14345
14908
  position: relative;
@@ -14613,6 +15176,8 @@ td.rdtQuarter.rdtDisabled > span {
14613
15176
  }
14614
15177
  .antd-Combo--hor .antd-Combo-itemDrager {
14615
15178
  padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
15179
+ display: flex;
15180
+ align-items: center;
14616
15181
  }
14617
15182
  .antd-Combo--ver:not(.antd-Combo--noBorder)::before, .antd-Combo--ver:not(.antd-Combo--noBorder)::after {
14618
15183
  display: table;
@@ -14659,6 +15224,8 @@ td.rdtQuarter.rdtDisabled > span {
14659
15224
  position: absolute;
14660
15225
  top: var(--Combo--horizontal-dragger-top);
14661
15226
  left: -1.875rem;
15227
+ display: flex;
15228
+ align-items: center;
14662
15229
  }
14663
15230
  .antd-Combo--ver:not(.antd-Combo--noBorder).is-draggable > .antd-Combo-items > .antd-Combo-item {
14664
15231
  margin-left: 2.1875rem;
@@ -15187,16 +15754,16 @@ td.rdtQuarter.rdtDisabled > span {
15187
15754
  flex-direction: column;
15188
15755
  border-radius: var(--borderRadius);
15189
15756
  }
15190
- .antd-Transfer-select > .antd-Transfer-checkboxes, .antd-Transfer-result > .antd-Transfer-selections {
15757
+ .antd-Transfer-select > .antd-Transfer-selection, .antd-Transfer-result > .antd-Transfer-value {
15191
15758
  flex-grow: 1;
15192
15759
  max-height: 100%;
15193
15760
  overflow: auto;
15194
15761
  position: relative;
15195
15762
  }
15196
- .antd-Transfer-search + .antd-Transfer-checkboxes {
15763
+ .antd-Transfer-search + .antd-Transfer-selection {
15197
15764
  border-top: 1px solid var(--borderColor);
15198
15765
  }
15199
- .antd-Transfer-checkboxes .antd-ListCheckboxes-placeholder {
15766
+ .antd-Transfer-selection .antd-ListSelection-placeholder {
15200
15767
  height: 100%;
15201
15768
  display: flex;
15202
15769
  align-items: center;
@@ -15235,12 +15802,27 @@ td.rdtQuarter.rdtDisabled > span {
15235
15802
  pointer-events: none;
15236
15803
  color: var(--text--muted-color);
15237
15804
  }
15238
- .antd-Transfer-tabs {
15805
+
15806
+ .antd-TabsTransfer .antd-Transfer-title {
15807
+ height: 40px;
15808
+ }
15809
+ .antd-TabsTransfer-placeholder {
15810
+ height: var(--Form-input-height);
15811
+ line-height: var(--Form-input-lineHeight);
15812
+ font-size: var(--Form-input-fontSize);
15813
+ padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15814
+ color: var(--text--muted-color);
15815
+ }
15816
+ .antd-TabsTransfer-tab {
15817
+ padding: 0;
15818
+ overflow: auto;
15819
+ }
15820
+ .antd-TabsTransfer-tabs {
15239
15821
  display: flex;
15240
15822
  flex-direction: column;
15241
15823
  height: 100%;
15242
15824
  }
15243
- .antd-Transfer-tabs > .antd-Tabs-links {
15825
+ .antd-TabsTransfer-tabs > .antd-Tabs-links {
15244
15826
  border-top: 0 none;
15245
15827
  padding: 5px 0 0 5px;
15246
15828
  display: flex;
@@ -15248,51 +15830,41 @@ td.rdtQuarter.rdtDisabled > span {
15248
15830
  flex-wrap: wrap;
15249
15831
  align-items: center;
15250
15832
  }
15251
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-Tabs-link > a:first-child {
15833
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-Tabs-link > a:first-child {
15252
15834
  font-size: 12px;
15253
15835
  padding: 7px 8px;
15254
15836
  }
15255
- .antd-Transfer-tabs > .antd-Tabs-links .antd-TabsTransfer-tabsMid {
15837
+ .antd-TabsTransfer-tabs > .antd-Tabs-links .antd-TabsTransfer-tabsMid {
15256
15838
  flex-grow: 1;
15257
15839
  }
15258
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-SearchBox {
15840
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-SearchBox {
15259
15841
  margin: -5px 5px 0 10px;
15260
15842
  }
15261
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-SearchBox.is-active {
15843
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-SearchBox.is-active {
15262
15844
  width: 150px;
15263
15845
  margin-right: 10px;
15264
15846
  padding-left: 10px;
15265
15847
  }
15266
- .antd-Transfer-tabs > .antd-Tabs-content {
15848
+ .antd-TabsTransfer-tabs > .antd-Tabs-content {
15267
15849
  flex-grow: 1;
15850
+ min-height: 0;
15268
15851
  position: relative;
15269
15852
  padding: 5px 0 0;
15270
15853
  }
15271
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane {
15854
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane {
15272
15855
  position: relative;
15273
- min-height: 100%;
15856
+ height: 100%;
15274
15857
  }
15275
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active {
15858
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active {
15276
15859
  display: flex;
15277
15860
  flex-direction: column;
15278
15861
  }
15279
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active > .antd-Transfer-checkboxes {
15862
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active > .antd-Transfer-selection {
15280
15863
  flex-grow: 1;
15281
15864
  max-height: 100%;
15282
15865
  overflow: auto;
15283
15866
  }
15284
15867
 
15285
- .antd-TabsTransfer .antd-Transfer-title {
15286
- height: 40px;
15287
- }
15288
- .antd-TabsTransfer-placeholder {
15289
- height: var(--Form-input-height);
15290
- line-height: var(--Form-input-lineHeight);
15291
- font-size: var(--Form-input-fontSize);
15292
- padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15293
- color: var(--text--muted-color);
15294
- }
15295
-
15296
15868
  .antd-TransferControl {
15297
15869
  position: relative;
15298
15870
  }
@@ -15300,6 +15872,51 @@ td.rdtQuarter.rdtDisabled > span {
15300
15872
  display: inline-block;
15301
15873
  }
15302
15874
 
15875
+ .antd-TransferPicker-icon {
15876
+ transition: transform var(--animation-duration) ease-out;
15877
+ margin: 5px 5px 5px auto;
15878
+ display: flex;
15879
+ color: var(--Form-select-caret-iconColor);
15880
+ }
15881
+ .antd-TransferPicker-icon:hover {
15882
+ color: var(--Form-select-caret-onHover-iconColor);
15883
+ }
15884
+ .antd-TransferPicker-icon > svg {
15885
+ width: 0.75rem;
15886
+ height: 0.75rem;
15887
+ top: 0;
15888
+ }
15889
+
15890
+ .antd-TransferDropDown-icon {
15891
+ transition: transform var(--animation-duration) ease-out;
15892
+ margin: 5px 5px 5px auto;
15893
+ display: flex;
15894
+ color: var(--Form-select-caret-iconColor);
15895
+ }
15896
+ .antd-TransferDropDown-icon:hover {
15897
+ color: var(--Form-select-caret-onHover-iconColor);
15898
+ }
15899
+ .antd-TransferDropDown-icon > svg {
15900
+ width: 0.625rem;
15901
+ height: 0.625rem;
15902
+ top: 0;
15903
+ }
15904
+ .antd-TransferDropDown.is-active .antd-TransferDropDown-icon {
15905
+ transform: rotate(180deg);
15906
+ }
15907
+
15908
+ .antd-TransferDropDown-content {
15909
+ min-height: 12.5rem;
15910
+ display: flex;
15911
+ flex-direction: column;
15912
+ }
15913
+ .antd-TransferDropDown-content > .antd-Transfer-selection {
15914
+ flex-grow: 1;
15915
+ max-height: 100%;
15916
+ overflow: auto;
15917
+ position: relative;
15918
+ }
15919
+
15303
15920
  .antd-NestedSelectControl {
15304
15921
  position: relative;
15305
15922
  }
@@ -15900,22 +16517,70 @@ td.rdtQuarter.rdtDisabled > span {
15900
16517
  min-width: var(--Form-control-widthSm);
15901
16518
  }
15902
16519
 
16520
+ .antd-Form--column {
16521
+ display: flex;
16522
+ flex-wrap: wrap;
16523
+ margin-left: calc(var(--Form-group-gutterWidth) / -2);
16524
+ margin-right: calc(var(--Form-group-gutterWidth) / -2);
16525
+ }
16526
+ .antd-Form--column > .antd-Form-item {
16527
+ flex-grow: 1;
16528
+ padding-left: calc(var(--Form-group-gutterWidth) / 2);
16529
+ padding-right: calc(var(--Form-group-gutterWidth) / 2);
16530
+ }
16531
+
16532
+ .antd-Form--column-2 > .antd-Form-item {
16533
+ width: 50%;
16534
+ }
16535
+
16536
+ .antd-Form--column-3 > .antd-Form-item {
16537
+ width: 33%;
16538
+ }
16539
+
16540
+ .antd-Form--column-4 > .antd-Form-item {
16541
+ width: 25%;
16542
+ }
16543
+
16544
+ .antd-Form--column-5 > .antd-Form-item {
16545
+ width: 20%;
16546
+ }
16547
+
16548
+ .antd-Form--column-6 > .antd-Form-item {
16549
+ width: 16.6%;
16550
+ }
16551
+
16552
+ .antd-Form--column-7 > .antd-Form-item {
16553
+ width: 14.2%;
16554
+ }
16555
+
16556
+ .antd-Form--column-8 > .antd-Form-item {
16557
+ width: 12.5%;
16558
+ }
16559
+
16560
+ .antd-Form-column-9 > .antd-Form-item {
16561
+ width: 11.1%;
16562
+ }
16563
+
16564
+ .antd-Form-column-10 > .antd-Form-item {
16565
+ width: 10%;
16566
+ }
16567
+
15903
16568
  .antd-AnchorNav {
15904
16569
  display: flex;
15905
16570
  height: 25rem;
15906
16571
  }
15907
- .antd-AnchorNav-link-wrap {
16572
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap {
15908
16573
  margin: 0;
15909
16574
  padding: 0;
15910
16575
  width: var(--Tabs--vertical-width);
15911
16576
  border-right: var(--AnchorNav-links-container-borderRight);
15912
16577
  padding-bottom: 3.75rem;
15913
16578
  }
15914
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
16579
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
15915
16580
  position: relative;
15916
16581
  display: block;
15917
16582
  }
15918
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a {
16583
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a {
15919
16584
  display: block;
15920
16585
  border: var(--Tabs-borderWidth) solid transparent;
15921
16586
  border-width: var(--AnchorNav-onActive-borderWidth);
@@ -15928,18 +16593,65 @@ td.rdtQuarter.rdtDisabled > span {
15928
16593
  cursor: pointer;
15929
16594
  margin: 0;
15930
16595
  }
15931
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
16596
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
15932
16597
  color: var(--primary);
15933
16598
  }
15934
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
15935
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
16599
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
16600
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
15936
16601
  color: var(--Tabs--vertical-onActive-color);
15937
16602
  border-color: var(--Tabs--vertical-onActive-border);
15938
16603
  }
16604
+ .antd-AnchorNav--horizontal {
16605
+ flex-direction: column;
16606
+ }
16607
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap {
16608
+ user-select: none;
16609
+ margin: 0px;
16610
+ padding: 0px;
16611
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16612
+ list-style: none;
16613
+ }
16614
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
16615
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16616
+ display: inline-block;
16617
+ position: relative;
16618
+ }
16619
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:first-child {
16620
+ font-size: var(--Tabs-linkFontSize);
16621
+ outline: 0;
16622
+ border: var(--Tabs-borderWidth) solid transparent;
16623
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16624
+ border-top-left-radius: var(--Tabs-borderRadius);
16625
+ border-top-right-radius: var(--Tabs-borderRadius);
16626
+ color: var(--Tabs-color);
16627
+ margin: var(--Tabs-linkMargin);
16628
+ padding: var(--Tabs-linkPadding);
16629
+ text-decoration: none;
16630
+ cursor: pointer;
16631
+ display: block;
16632
+ }
16633
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:first-child:hover, .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:first-child:focus {
16634
+ color: var(--primary);
16635
+ background: transparent;
16636
+ border-color: transparent;
16637
+ }
16638
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link:last-child > a {
16639
+ margin: 0;
16640
+ }
16641
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child,
16642
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child:hover,
16643
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child:focus {
16644
+ font-size: var(--Tabs-linkFontSize);
16645
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16646
+ border-color: var(--Tabs--line-onHover-borderColor);
16647
+ color: var(--Tabs--line-onHover-color);
16648
+ background: transparent;
16649
+ }
15939
16650
  .antd-AnchorNav-section-wrap {
15940
16651
  border: none;
15941
16652
  flex-grow: 1;
15942
16653
  overflow: auto;
16654
+ scroll-behavior: smooth;
15943
16655
  background: var(--Tabs-content-bg);
15944
16656
  }
15945
16657
  .antd-AnchorNav-section-wrap > .antd-AnchorNav-section {