amis 1.4.0 → 1.4.2-beta.12

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 (520) hide show
  1. package/README.md +1 -1
  2. package/lib/Schema.d.ts +26 -2
  3. package/lib/Schema.js.map +1 -1
  4. package/lib/components/Alert.js +3 -1
  5. package/lib/components/Alert.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.d.ts +4 -3
  14. package/lib/components/Badge.js +42 -7
  15. package/lib/components/Badge.js.map +2 -2
  16. package/lib/components/Button.d.ts +24 -22
  17. package/lib/components/Button.js +13 -7
  18. package/lib/components/Button.js.map +2 -2
  19. package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
  20. package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
  21. package/lib/components/ChainedSelection.js.map +13 -0
  22. package/lib/components/Collapse.js +1 -1
  23. package/lib/components/Collapse.js.map +2 -2
  24. package/lib/components/ColorPicker.d.ts +84 -84
  25. package/lib/components/DatePicker.d.ts +84 -84
  26. package/lib/components/DatePicker.js +1 -1
  27. package/lib/components/DatePicker.js.map +2 -2
  28. package/lib/components/DateRangePicker.d.ts +84 -84
  29. package/lib/components/DateRangePicker.js +1 -1
  30. package/lib/components/DateRangePicker.js.map +2 -2
  31. package/lib/components/Editor.d.ts +84 -84
  32. package/lib/components/GroupedSelection.d.ts +907 -0
  33. package/lib/components/GroupedSelection.js +48 -0
  34. package/lib/components/GroupedSelection.js.map +13 -0
  35. package/lib/components/InputBox.js +1 -1
  36. package/lib/components/InputBox.js.map +2 -2
  37. package/lib/components/Link.d.ts +84 -0
  38. package/lib/components/Link.js +43 -0
  39. package/lib/components/Link.js.map +13 -0
  40. package/lib/components/ListGroup.d.ts +21 -21
  41. package/lib/components/ModalManager.js +1 -1
  42. package/lib/components/ModalManager.js.map +2 -2
  43. package/lib/components/MonthRangePicker.d.ts +84 -84
  44. package/lib/components/MonthRangePicker.js +1 -1
  45. package/lib/components/MonthRangePicker.js.map +2 -2
  46. package/lib/components/NumberInput.d.ts +20 -20
  47. package/lib/components/PickerColumn.d.ts +514 -0
  48. package/lib/components/PickerColumn.js +279 -0
  49. package/lib/components/PickerColumn.js.map +13 -0
  50. package/lib/components/PickerContainer.d.ts +513 -0
  51. package/lib/components/PickerContainer.js +96 -0
  52. package/lib/components/PickerContainer.js.map +13 -0
  53. package/lib/components/Radios.d.ts +22 -21
  54. package/lib/components/Radios.js +1 -0
  55. package/lib/components/Radios.js.map +2 -2
  56. package/lib/components/Rating.d.ts +21 -21
  57. package/lib/components/ResultBox.d.ts +84 -84
  58. package/lib/components/RichText.d.ts +6 -1
  59. package/lib/components/RichText.js +207 -8
  60. package/lib/components/RichText.js.map +2 -2
  61. package/lib/components/SearchBox.d.ts +84 -84
  62. package/lib/components/SearchBox.js +4 -4
  63. package/lib/components/SearchBox.js.map +2 -2
  64. package/lib/components/Select.d.ts +245 -237
  65. package/lib/components/Select.js +28 -4
  66. package/lib/components/Select.js.map +2 -2
  67. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  68. package/lib/components/Selection.js +134 -0
  69. package/lib/components/Selection.js.map +13 -0
  70. package/lib/components/SparkLine.d.ts +85 -84
  71. package/lib/components/SparkLine.js +2 -2
  72. package/lib/components/SparkLine.js.map +2 -2
  73. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  74. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  75. package/lib/components/TableSelection.js.map +13 -0
  76. package/lib/components/Tabs.d.ts +20 -20
  77. package/lib/components/TabsTransfer.d.ts +84 -84
  78. package/lib/components/TabsTransfer.js +9 -9
  79. package/lib/components/TabsTransfer.js.map +2 -2
  80. package/lib/components/TabsTransferPicker.d.ts +489 -0
  81. package/lib/components/TabsTransferPicker.js +60 -0
  82. package/lib/components/TabsTransferPicker.js.map +13 -0
  83. package/lib/components/Toast.js +2 -2
  84. package/lib/components/Toast.js.map +2 -2
  85. package/lib/components/Transfer.d.ts +908 -274
  86. package/lib/components/Transfer.js +31 -24
  87. package/lib/components/Transfer.js.map +2 -2
  88. package/lib/components/TransferDropDown.d.ts +487 -0
  89. package/lib/components/TransferDropDown.js +59 -0
  90. package/lib/components/TransferDropDown.js.map +13 -0
  91. package/lib/components/TransferPicker.d.ts +489 -0
  92. package/lib/components/TransferPicker.js +60 -0
  93. package/lib/components/TransferPicker.js.map +13 -0
  94. package/lib/components/Tree.d.ts +84 -84
  95. package/lib/components/Tree.js +5 -3
  96. package/lib/components/Tree.js.map +2 -2
  97. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  98. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  99. package/lib/components/TreeSelection.js.map +13 -0
  100. package/lib/components/WithRemoteConfig.js +1 -1
  101. package/lib/components/WithRemoteConfig.js.map +2 -2
  102. package/lib/components/calendar/DaysView.js +2 -2
  103. package/lib/components/calendar/DaysView.js.map +2 -2
  104. package/lib/components/condition-builder/Field.js +5 -2
  105. package/lib/components/condition-builder/Field.js.map +2 -2
  106. package/lib/components/condition-builder/Func.js +2 -2
  107. package/lib/components/condition-builder/Func.js.map +2 -2
  108. package/lib/components/condition-builder/InputSwitch.js +2 -2
  109. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  110. package/lib/components/condition-builder/Item.js +3 -3
  111. package/lib/components/condition-builder/Item.js.map +2 -2
  112. package/lib/components/icons.js +14 -0
  113. package/lib/components/icons.js.map +2 -2
  114. package/lib/components/index.d.ts +8 -8
  115. package/lib/components/index.js +16 -16
  116. package/lib/components/index.js.map +2 -2
  117. package/lib/envOverwrite.js.map +2 -2
  118. package/lib/factory.d.ts +4 -0
  119. package/lib/factory.js +4 -2
  120. package/lib/factory.js.map +2 -2
  121. package/lib/helper.css.map +1 -1
  122. package/lib/hooks/index.d.ts +5 -0
  123. package/lib/hooks/index.js +14 -0
  124. package/lib/hooks/index.js.map +13 -0
  125. package/lib/hooks/use-set-state.d.ts +2 -0
  126. package/lib/hooks/use-set-state.js +15 -0
  127. package/lib/hooks/use-set-state.js.map +13 -0
  128. package/lib/hooks/use-touch.d.ts +16 -0
  129. package/lib/hooks/use-touch.js +73 -0
  130. package/lib/hooks/use-touch.js.map +13 -0
  131. package/lib/hooks/use-update-effect.d.ts +3 -0
  132. package/lib/hooks/use-update-effect.js +17 -0
  133. package/lib/hooks/use-update-effect.js.map +13 -0
  134. package/lib/icons/clock.js +10 -0
  135. package/lib/icons/loading-outline.js +7 -0
  136. package/lib/icons/status-close.js +11 -0
  137. package/lib/icons/status-fail.js +11 -0
  138. package/lib/icons/status-info.js +10 -0
  139. package/lib/icons/status-success.js +11 -0
  140. package/lib/icons/status-warning.js +10 -0
  141. package/lib/index.d.ts +3 -0
  142. package/lib/index.js +4 -1
  143. package/lib/index.js.map +2 -2
  144. package/lib/locale/de-DE.js +4 -0
  145. package/lib/locale/de-DE.js.map +2 -2
  146. package/lib/locale/en-US.js +4 -0
  147. package/lib/locale/en-US.js.map +2 -2
  148. package/lib/locale/zh-CN.js +7 -3
  149. package/lib/locale/zh-CN.js.map +2 -2
  150. package/lib/renderers/Action.d.ts +17 -1
  151. package/lib/renderers/Action.js +21 -8
  152. package/lib/renderers/Action.js.map +2 -2
  153. package/lib/renderers/AnchorNav.d.ts +1 -0
  154. package/lib/renderers/AnchorNav.js +2 -2
  155. package/lib/renderers/AnchorNav.js.map +2 -2
  156. package/lib/renderers/Avatar.js +3 -3
  157. package/lib/renderers/Avatar.js.map +2 -2
  158. package/lib/renderers/Breadcrumb.js +1 -1
  159. package/lib/renderers/Breadcrumb.js.map +2 -2
  160. package/lib/renderers/CRUD.d.ts +9 -0
  161. package/lib/renderers/CRUD.js +43 -8
  162. package/lib/renderers/CRUD.js.map +2 -2
  163. package/lib/renderers/Card.d.ts +4 -0
  164. package/lib/renderers/Card.js +29 -23
  165. package/lib/renderers/Card.js.map +2 -2
  166. package/lib/renderers/Chart.js +1 -1
  167. package/lib/renderers/Chart.js.map +2 -2
  168. package/lib/renderers/Collapse.js +3 -2
  169. package/lib/renderers/Collapse.js.map +2 -2
  170. package/lib/renderers/Dialog.js +0 -3
  171. package/lib/renderers/Dialog.js.map +2 -2
  172. package/lib/renderers/Drawer.js +0 -3
  173. package/lib/renderers/Drawer.js.map +2 -2
  174. package/lib/renderers/DropDownButton.d.ts +9 -1
  175. package/lib/renderers/DropDownButton.js +8 -4
  176. package/lib/renderers/DropDownButton.js.map +2 -2
  177. package/lib/renderers/Form/Checkbox.d.ts +5 -0
  178. package/lib/renderers/Form/Checkbox.js +4 -0
  179. package/lib/renderers/Form/Checkbox.js.map +2 -2
  180. package/lib/renderers/Form/Combo.js +2 -2
  181. package/lib/renderers/Form/Combo.js.map +2 -2
  182. package/lib/renderers/Form/DiffEditor.d.ts +4 -3
  183. package/lib/renderers/Form/Editor.d.ts +3 -2
  184. package/lib/renderers/Form/InputCity.d.ts +84 -84
  185. package/lib/renderers/Form/InputCity.js +7 -6
  186. package/lib/renderers/Form/InputCity.js.map +2 -2
  187. package/lib/renderers/Form/InputColor.d.ts +84 -84
  188. package/lib/renderers/Form/InputFile.js +12 -6
  189. package/lib/renderers/Form/InputFile.js.map +2 -2
  190. package/lib/renderers/Form/InputImage.js +16 -7
  191. package/lib/renderers/Form/InputImage.js.map +2 -2
  192. package/lib/renderers/Form/Item.d.ts +1 -1
  193. package/lib/renderers/Form/Item.js.map +1 -1
  194. package/lib/renderers/Form/Options.js +19 -6
  195. package/lib/renderers/Form/Options.js.map +2 -2
  196. package/lib/renderers/Form/Picker.js +2 -2
  197. package/lib/renderers/Form/Picker.js.map +2 -2
  198. package/lib/renderers/Form/Select.d.ts +41 -4
  199. package/lib/renderers/Form/Select.js +37 -3
  200. package/lib/renderers/Form/Select.js.map +2 -2
  201. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  202. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  203. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  204. package/lib/renderers/Form/Transfer.js +18 -3
  205. package/lib/renderers/Form/Transfer.js.map +2 -2
  206. package/lib/renderers/Form/TransferPicker.d.ts +48 -0
  207. package/lib/renderers/Form/TransferPicker.js +43 -0
  208. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  209. package/lib/renderers/Form/TreeSelect.js +2 -2
  210. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  211. package/lib/renderers/Form/index.d.ts +5 -0
  212. package/lib/renderers/Form/index.js +5 -3
  213. package/lib/renderers/Form/index.js.map +2 -2
  214. package/lib/renderers/Form/wrapControl.js +15 -3
  215. package/lib/renderers/Form/wrapControl.js.map +2 -2
  216. package/lib/renderers/IFrame.js +3 -5
  217. package/lib/renderers/IFrame.js.map +2 -2
  218. package/lib/renderers/Image.d.ts +1 -0
  219. package/lib/renderers/Image.js +15 -1
  220. package/lib/renderers/Image.js.map +2 -2
  221. package/lib/renderers/Json.d.ts +4 -0
  222. package/lib/renderers/Json.js +4 -13
  223. package/lib/renderers/Json.js.map +2 -2
  224. package/lib/renderers/Link.d.ts +18 -3
  225. package/lib/renderers/Link.js +27 -15
  226. package/lib/renderers/Link.js.map +2 -2
  227. package/lib/renderers/List.js +1 -1
  228. package/lib/renderers/List.js.map +2 -2
  229. package/lib/renderers/Log.d.ts +2 -2
  230. package/lib/renderers/Log.js +7 -1
  231. package/lib/renderers/Log.js.map +2 -2
  232. package/lib/renderers/Mapping.d.ts +9 -2
  233. package/lib/renderers/Mapping.js +18 -6
  234. package/lib/renderers/Mapping.js.map +2 -2
  235. package/lib/renderers/Nav.d.ts +81 -25
  236. package/lib/renderers/Nav.js +292 -31
  237. package/lib/renderers/Nav.js.map +2 -2
  238. package/lib/renderers/Page.js +1 -1
  239. package/lib/renderers/Page.js.map +2 -2
  240. package/lib/renderers/Portlet.d.ts +125 -0
  241. package/lib/renderers/Portlet.js +156 -0
  242. package/lib/renderers/Portlet.js.map +13 -0
  243. package/lib/renderers/Property.js +2 -1
  244. package/lib/renderers/Property.js.map +2 -2
  245. package/lib/renderers/SearchBox.d.ts +6 -1
  246. package/lib/renderers/SearchBox.js +19 -5
  247. package/lib/renderers/SearchBox.js.map +2 -2
  248. package/lib/renderers/SparkLine.d.ts +4 -0
  249. package/lib/renderers/SparkLine.js.map +2 -2
  250. package/lib/renderers/Table/ColumnToggler.d.ts +113 -0
  251. package/lib/renderers/Table/ColumnToggler.js +216 -0
  252. package/lib/renderers/Table/ColumnToggler.js.map +13 -0
  253. package/lib/renderers/Table/ItemActionsWrapper.d.ts +11 -0
  254. package/lib/renderers/Table/ItemActionsWrapper.js +31 -0
  255. package/lib/renderers/Table/ItemActionsWrapper.js.map +13 -0
  256. package/lib/renderers/Table/TableBody.d.ts +4 -0
  257. package/lib/renderers/Table/TableCell.js +3 -1
  258. package/lib/renderers/Table/TableCell.js.map +2 -2
  259. package/lib/renderers/Table/TableContent.d.ts +4 -1
  260. package/lib/renderers/Table/TableContent.js +21 -1
  261. package/lib/renderers/Table/TableContent.js.map +2 -2
  262. package/lib/renderers/Table/index.d.ts +19 -2
  263. package/lib/renderers/Table/index.js +172 -57
  264. package/lib/renderers/Table/index.js.map +2 -2
  265. package/lib/renderers/Tabs.js +9 -1
  266. package/lib/renderers/Tabs.js.map +2 -2
  267. package/lib/renderers/WebComponent.js +1 -1
  268. package/lib/renderers/WebComponent.js.map +2 -2
  269. package/lib/store/combo.d.ts +2 -16
  270. package/lib/store/crud.js +3 -7
  271. package/lib/store/crud.js.map +2 -2
  272. package/lib/store/form.d.ts +1 -1
  273. package/lib/store/form.js +5 -6
  274. package/lib/store/form.js.map +2 -2
  275. package/lib/store/service.js +5 -4
  276. package/lib/store/service.js.map +2 -2
  277. package/lib/store/table.d.ts +260 -3
  278. package/lib/store/table.js +64 -6
  279. package/lib/store/table.js.map +2 -2
  280. package/lib/themes/ang-ie11.css +1175 -255
  281. package/lib/themes/ang.css +1175 -255
  282. package/lib/themes/ang.css.map +1 -1
  283. package/lib/themes/antd-ie11.css +1175 -255
  284. package/lib/themes/antd.css +1175 -255
  285. package/lib/themes/antd.css.map +1 -1
  286. package/lib/themes/cxd-ie11.css +1761 -514
  287. package/lib/themes/cxd.css +1761 -514
  288. package/lib/themes/cxd.css.map +1 -1
  289. package/lib/themes/dark-ie11.css +1175 -255
  290. package/lib/themes/dark.css +1175 -255
  291. package/lib/themes/dark.css.map +1 -1
  292. package/lib/themes/default.css +1761 -514
  293. package/lib/themes/default.css.map +1 -1
  294. package/lib/types.d.ts +37 -0
  295. package/lib/types.js +0 -5
  296. package/lib/types.js.map +2 -2
  297. package/lib/utils/api.d.ts +3 -2
  298. package/lib/utils/api.js +31 -15
  299. package/lib/utils/api.js.map +2 -2
  300. package/lib/utils/dom.d.ts +4 -0
  301. package/lib/utils/dom.js +11 -1
  302. package/lib/utils/dom.js.map +2 -2
  303. package/lib/utils/handleAction.d.ts +7 -0
  304. package/lib/utils/handleAction.js +30 -0
  305. package/lib/utils/handleAction.js.map +13 -0
  306. package/lib/utils/helper.d.ts +3 -1
  307. package/lib/utils/helper.js +14 -5
  308. package/lib/utils/helper.js.map +2 -2
  309. package/lib/utils/icon.js +3 -0
  310. package/lib/utils/icon.js.map +2 -2
  311. package/lib/utils/tpl-builtin.d.ts +1 -1
  312. package/lib/utils/tpl-builtin.js +25 -15
  313. package/lib/utils/tpl-builtin.js.map +2 -2
  314. package/package.json +1 -2
  315. package/schema.json +3534 -1028
  316. package/scss/_mixins.scss +27 -0
  317. package/scss/_properties.scss +84 -13
  318. package/scss/_utilities.scss +4 -0
  319. package/scss/base/_normalize.scss +2 -0
  320. package/scss/components/_anchor-nav.scss +88 -29
  321. package/scss/components/_badge.scss +52 -1
  322. package/scss/components/_button.scss +34 -3
  323. package/scss/components/_card.scss +8 -14
  324. package/scss/components/_collapse.scss +41 -8
  325. package/scss/components/_column-toggler.scss +234 -0
  326. package/scss/components/_dropdown.scss +2 -1
  327. package/scss/components/_image-gallery.scss +1 -1
  328. package/scss/components/_images.scss +2 -1
  329. package/scss/components/_link.scss +6 -0
  330. package/scss/components/_mapping.scss +6 -0
  331. package/scss/components/_nav.scss +236 -154
  332. package/scss/components/_page.scss +5 -4
  333. package/scss/components/_picker-columns.scss +123 -0
  334. package/scss/components/_popover.scss +17 -0
  335. package/scss/components/_portlet.scss +51 -0
  336. package/scss/components/_progress.scss +2 -0
  337. package/scss/components/_status.scss +1 -1
  338. package/scss/components/_steps.scss +1 -1
  339. package/scss/components/_table.scss +51 -1
  340. package/scss/components/form/_checks.scss +0 -351
  341. package/scss/components/form/_color.scss +1 -0
  342. package/scss/components/form/_date-range.scss +2 -0
  343. package/scss/components/form/_date.scss +2 -0
  344. package/scss/components/form/_fieldset.scss +6 -3
  345. package/scss/components/form/_file.scss +5 -4
  346. package/scss/components/form/_form.scss +48 -0
  347. package/scss/components/form/_image.scss +7 -2
  348. package/scss/components/form/_list.scss +1 -0
  349. package/scss/components/form/_location.scss +1 -1
  350. package/scss/components/form/_selection.scss +354 -0
  351. package/scss/components/form/_text.scss +13 -0
  352. package/scss/components/form/_textarea.scss +10 -0
  353. package/scss/components/form/_transfer.scss +77 -18
  354. package/scss/themes/_common.scss +6 -0
  355. package/scss/themes/_cxd-colors.scss +56 -0
  356. package/scss/themes/_cxd-variables.scss +219 -91
  357. package/scss/themes/cxd.scss +370 -0
  358. package/sdk/ang-ie11.css +1596 -515
  359. package/sdk/ang.css +1395 -256
  360. package/sdk/antd-ie11.css +1397 -318
  361. package/sdk/antd.css +1395 -256
  362. package/sdk/charts.js +13 -13
  363. package/sdk/color-picker.js +65 -65
  364. package/sdk/cropperjs.js +2 -2
  365. package/sdk/cxd-ie11.css +2739 -1361
  366. package/sdk/cxd.css +2095 -588
  367. package/sdk/dark-ie11.css +1593 -512
  368. package/sdk/dark.css +1395 -256
  369. package/sdk/exceljs.js +1 -1
  370. package/sdk/helper.css.map +1 -1
  371. package/sdk/iconfont.svg +2513 -0
  372. package/sdk/iconfont.ttf +0 -0
  373. package/sdk/iconfont.woff +0 -0
  374. package/sdk/ie11-patch.css +1 -0
  375. package/sdk/locale/de-DE.js +4 -0
  376. package/sdk/markdown.js +69 -69
  377. package/sdk/papaparse.js +1 -1
  378. package/sdk/renderers/Form/CityDB.js +1 -1
  379. package/sdk/rest.js +18 -32
  380. package/sdk/rich-text.js +62 -64
  381. package/sdk/sdk-ie11.css +2739 -1361
  382. package/sdk/sdk.css +2095 -588
  383. package/sdk/sdk.js +1189 -1133
  384. package/sdk/thirds/hls.js/hls.js +1 -1
  385. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  386. package/sdk/tinymce.js +57 -57
  387. package/src/Schema.ts +32 -0
  388. package/src/components/Alert.tsx +3 -1
  389. package/src/components/AnchorNav.tsx +15 -4
  390. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +41 -37
  391. package/src/components/Badge.tsx +96 -28
  392. package/src/components/Button.tsx +23 -7
  393. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  394. package/src/components/Collapse.tsx +14 -9
  395. package/src/components/DatePicker.tsx +1 -1
  396. package/src/components/DateRangePicker.tsx +23 -11
  397. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  398. package/src/components/InputBox.tsx +1 -1
  399. package/src/components/Link.tsx +85 -0
  400. package/src/components/ModalManager.ts +1 -1
  401. package/src/components/MonthRangePicker.tsx +10 -2
  402. package/src/components/PickerColumn.tsx +429 -0
  403. package/src/components/PickerContainer.tsx +128 -0
  404. package/src/components/Radios.tsx +3 -8
  405. package/src/components/RichText.tsx +244 -3
  406. package/src/components/SearchBox.tsx +4 -5
  407. package/src/components/Select.tsx +60 -5
  408. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  409. package/src/components/SparkLine.tsx +4 -1
  410. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  411. package/src/components/TabsTransfer.tsx +13 -7
  412. package/src/components/TabsTransferPicker.tsx +85 -0
  413. package/src/components/Toast.tsx +5 -5
  414. package/src/components/Transfer.tsx +71 -50
  415. package/src/components/TransferDropDown.tsx +117 -0
  416. package/src/components/TransferPicker.tsx +84 -0
  417. package/src/components/Tree.tsx +6 -8
  418. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  419. package/src/components/WithRemoteConfig.tsx +7 -2
  420. package/src/components/calendar/DaysView.tsx +2 -2
  421. package/src/components/condition-builder/Field.tsx +5 -5
  422. package/src/components/condition-builder/Func.tsx +3 -3
  423. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  424. package/src/components/condition-builder/Item.tsx +5 -12
  425. package/src/components/icons.tsx +15 -0
  426. package/src/components/index.tsx +13 -13
  427. package/src/envOverwrite.ts +0 -1
  428. package/src/factory.tsx +18 -3
  429. package/src/hooks/index.ts +5 -0
  430. package/src/hooks/use-set-state.ts +19 -0
  431. package/src/hooks/use-touch.ts +100 -0
  432. package/src/hooks/use-update-effect.ts +16 -0
  433. package/src/icons/clock.svg +1 -0
  434. package/src/icons/loading-outline.svg +4 -0
  435. package/src/icons/status-close.svg +10 -0
  436. package/src/icons/status-fail.svg +10 -0
  437. package/src/icons/status-info.svg +8 -0
  438. package/src/icons/status-success.svg +10 -0
  439. package/src/icons/status-warning.svg +8 -0
  440. package/src/index.tsx +3 -0
  441. package/src/locale/de-DE.ts +4 -0
  442. package/src/locale/en-US.ts +4 -0
  443. package/src/locale/zh-CN.ts +7 -3
  444. package/src/renderers/Action.tsx +99 -15
  445. package/src/renderers/AnchorNav.tsx +4 -0
  446. package/src/renderers/Avatar.tsx +8 -4
  447. package/src/renderers/Breadcrumb.tsx +5 -1
  448. package/src/renderers/CRUD.tsx +63 -28
  449. package/src/renderers/Card.tsx +63 -34
  450. package/src/renderers/Chart.tsx +6 -2
  451. package/src/renderers/Collapse.tsx +4 -2
  452. package/src/renderers/Dialog.tsx +0 -4
  453. package/src/renderers/Drawer.tsx +0 -4
  454. package/src/renderers/DropDownButton.tsx +26 -12
  455. package/src/renderers/Form/Checkbox.tsx +8 -0
  456. package/src/renderers/Form/Combo.tsx +2 -3
  457. package/src/renderers/Form/InputCity.tsx +4 -8
  458. package/src/renderers/Form/InputFile.tsx +30 -20
  459. package/src/renderers/Form/InputImage.tsx +16 -5
  460. package/src/renderers/Form/Item.tsx +1 -1
  461. package/src/renderers/Form/Options.tsx +32 -7
  462. package/src/renderers/Form/Picker.tsx +3 -2
  463. package/src/renderers/Form/Select.tsx +158 -21
  464. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  465. package/src/renderers/Form/Transfer.tsx +19 -4
  466. package/src/renderers/Form/TransferPicker.tsx +139 -0
  467. package/src/renderers/Form/TreeSelect.tsx +25 -0
  468. package/src/renderers/Form/index.tsx +16 -2
  469. package/src/renderers/Form/wrapControl.tsx +28 -3
  470. package/src/renderers/IFrame.tsx +4 -5
  471. package/src/renderers/Image.tsx +10 -0
  472. package/src/renderers/Json.tsx +9 -9
  473. package/src/renderers/Link.tsx +53 -14
  474. package/src/renderers/List.tsx +1 -1
  475. package/src/renderers/Log.tsx +16 -3
  476. package/src/renderers/Mapping.tsx +27 -11
  477. package/src/renderers/Nav.tsx +392 -60
  478. package/src/renderers/Page.tsx +1 -1
  479. package/src/renderers/Portlet.tsx +423 -0
  480. package/src/renderers/Property.tsx +3 -2
  481. package/src/renderers/SearchBox.tsx +23 -4
  482. package/src/renderers/SparkLine.tsx +5 -0
  483. package/src/renderers/Table/ColumnToggler.tsx +544 -0
  484. package/src/renderers/Table/ItemActionsWrapper.tsx +44 -0
  485. package/src/renderers/Table/TableCell.tsx +16 -1
  486. package/src/renderers/Table/TableContent.tsx +40 -2
  487. package/src/renderers/Table/index.tsx +257 -80
  488. package/src/renderers/Tabs.tsx +9 -1
  489. package/src/renderers/WebComponent.tsx +2 -2
  490. package/src/store/crud.ts +3 -8
  491. package/src/store/form.ts +5 -10
  492. package/src/store/service.ts +5 -4
  493. package/src/store/table.ts +94 -6
  494. package/src/types.ts +57 -0
  495. package/src/utils/api.ts +52 -23
  496. package/src/utils/dom.tsx +12 -0
  497. package/src/utils/handleAction.ts +41 -0
  498. package/src/utils/helper.ts +12 -3
  499. package/src/utils/icon.tsx +4 -0
  500. package/src/utils/tpl-builtin.ts +48 -17
  501. package/dump.rdb +0 -0
  502. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  503. package/lib/components/AssociatedCheckboxes.js +0 -90
  504. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  505. package/lib/components/ChainedCheckboxes.js.map +0 -13
  506. package/lib/components/Checkboxes.js +0 -101
  507. package/lib/components/Checkboxes.js.map +0 -13
  508. package/lib/components/ListCheckboxes.d.ts +0 -739
  509. package/lib/components/ListCheckboxes.js +0 -48
  510. package/lib/components/ListCheckboxes.js.map +0 -13
  511. package/lib/components/ListRadios.d.ts +0 -763
  512. package/lib/components/ListRadios.js +0 -86
  513. package/lib/components/ListRadios.js.map +0 -13
  514. package/lib/components/TableCheckboxes.js.map +0 -13
  515. package/lib/components/TreeCheckboxes.js.map +0 -13
  516. package/lib/components/TreeRadios.d.ts +0 -838
  517. package/lib/components/TreeRadios.js +0 -116
  518. package/lib/components/TreeRadios.js.map +0 -13
  519. package/src/components/ListRadios.tsx +0 -159
  520. package/src/components/TreeRadios.tsx +0 -202
@@ -6,8 +6,8 @@
6
6
  --black: #000;
7
7
  --white: #fff;
8
8
  --primary: #1890ff;
9
- --primary-onHover: #007df1;
10
- --primary-onActive: #0076e4;
9
+ --primary-onHover: #4f86f4;
10
+ --primary-onActive: #1c53c1;
11
11
  --secondary: #6c757d;
12
12
  --secondary-onHover: #5a6268;
13
13
  --secondary-onActive: #545b62;
@@ -167,12 +167,12 @@
167
167
  --Button--default-bg: var(--white);
168
168
  --Button--default-border: var(--borderColor);
169
169
  --Button--default-color: var(--text-color);
170
- --Button--default-onActive-bg: #e6e6e6;
171
- --Button--default-onActive-border: #adb4bf;
172
- --Button--default-onActive-color: var(--Button--default-color);
173
- --Button--default-onHover-bg: #ececec;
174
- --Button--default-onHover-border: #b4bbc5;
175
- --Button--default-onHover-color: var(--Button--default-color);
170
+ --Button--default-onActive-bg: var(--white);
171
+ --Button--default-onActive-border: var(--primary-onActive);
172
+ --Button--default-onActive-color: var(--primary-onActive);
173
+ --Button--default-onHover-bg: var(--white);
174
+ --Button--default-onHover-border: var(--primary);
175
+ --Button--default-onHover-color: var(--primary);
176
176
  --Button--iconOnly-minWidthRate: 4 / 3;
177
177
  --Button--info-bg: var(--info);
178
178
  --Button--info-border: var(--Button--info-bg);
@@ -205,7 +205,8 @@
205
205
  --Button--light-onHover-color: var(--Button--light-color);
206
206
  --Button--link-color: var(--primary);
207
207
  --Button--link-onDisabled-color: #4b5563;
208
- --Button--link-onHover-color: var(--text--loud-color);
208
+ --Button--link-onHover-color: var(--primary-onHover);
209
+ --Button--link-onActive-color: var(--primary-onActive);
209
210
  --Button--md-fontSize: var(--Button-fontSize);
210
211
  --Button--md-height: var(--Button-height);
211
212
  --Button--md-lineHeight: var(--Button-lineHeight);
@@ -220,10 +221,10 @@
220
221
  --Button--primary-border: var(--Button--primary-bg);
221
222
  --Button--primary-color: var(--button-color);
222
223
  --Button--primary-onActive-bg: var(--primary-onActive);
223
- --Button--primary-onActive-border: #0070d7;
224
+ --Button--primary-onActive-border: var(--primary-onActive);
224
225
  --Button--primary-onActive-color: var(--Button--primary-color);
225
226
  --Button--primary-onHover-bg: var(--primary-onHover);
226
- --Button--primary-onHover-border: var(--primary-onActive);
227
+ --Button--primary-onHover-border: var(--primary-onHover);
227
228
  --Button--primary-onHover-color: var(--Button--primary-color);
228
229
  --Button--secondary-bg: var(--secondary);
229
230
  --Button--secondary-border: var(--Button--secondary-bg);
@@ -254,6 +255,14 @@
254
255
  --Button--success-onHover-bg: var(--success-onHover);
255
256
  --Button--success-onHover-border: var(--success-onActive);
256
257
  --Button--success-onHover-color: var(--Button--success-color);
258
+ --Button--enhance-border: var(--primary);
259
+ --Button--enhance-color: var(--primary);
260
+ --Button--enhance-onActive-bg: var(--white);
261
+ --Button--enhance-onActive-border: var(--primary-onActive);
262
+ --Button--enhance-onActive-color: var(--primary-onActive);
263
+ --Button--enhance-onHover-bg: var(--white);
264
+ --Button--enhance-onHover-border: var(--primary-onHover);
265
+ --Button--enhance-onHover-color: var(--primary-onHover);
257
266
  --Button--warning-bg: var(--warning);
258
267
  --Button--warning-border: var(--Button--warning-bg);
259
268
  --Button--warning-color: var(--button-color);
@@ -284,12 +293,16 @@
284
293
  --Button-lineHeight: var(--Form-input-lineHeight);
285
294
  --Button-mimWidth: auto;
286
295
  --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
296
+ --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
297
+ --Button-animation-spin: spin 1s infinite linear;
287
298
  --Button-onActive-color: var(--primary);
288
299
  --Button-onActive-border: var(--primary);
289
300
  --Button-onDisabled-borderColor: #dee2e6;
290
301
  --Button-onDisabled-opacity: 0.65;
302
+ --Button-onDisabled-bg: #f2f3f3;
291
303
  --Button-onFocus-boxShadow: none;
292
304
  --Button-paddingX: 0.75rem;
305
+ --Button-paddingX-right: 0.625rem;
293
306
  --Button-paddingY: calc(
294
307
  (
295
308
  var(--Button-height) - var(--Button-borderWidth) * 2 -
@@ -475,6 +488,24 @@
475
488
  --Combo-toolbarBtn-paddingY: 0.125rem;
476
489
  --Copyable-iconColor: var(--icon-color);
477
490
  --Copyable-onHover-iconColor: var(--icon-onHover-color);
491
+ --Collapse-border: none;
492
+ --Collapse-border-color: var(--borderColorLight);
493
+ --Collapse-header-fontSize: var(--fontSizeMd);
494
+ --Collapse-header-fontWeight: var(--fontWeightNormal);
495
+ --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
496
+ --Collapse-header-bg: transparent;
497
+ --Collapse-header-onHover-bg: transparent;
498
+ --Collapse-header-collapsed-border: var(--borderWidth) solid
499
+ var(--Collapse-border-color);
500
+ --Collapse-header-collapsed-borderTop: none;
501
+ --Collapse-header-collapsed-borderBottom: var(
502
+ --Collapse-header-collapsed-border
503
+ );
504
+ --Collapse-header-wrapper-direction: row;
505
+ --Collapse-content-padding: 1.125rem 0;
506
+ --Collapse-content-color: var(--body-color);
507
+ --Collapse-content-fontSize: var(--body-size);
508
+ --Collapse-content-fontWeight: var(--body-weight);
478
509
  --Crud-toolbar-gap: var(--gap-xs);
479
510
  --Crud-toolbar-height: 1.875rem;
480
511
  --Crud-toolbar-lineHeight: var(--lineHeightBase);
@@ -500,6 +531,7 @@
500
531
  ) / 2 - var(--DatePicker-borderWidth)
501
532
  );
502
533
  --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
534
+ --LocationPicker-borderRadius: var(--Form-input-borderWidth);
503
535
  --Divider-borderStyle: dashed;
504
536
  --Drawer-bg: var(--background);
505
537
  --Drawer-body-padding: var(--gap-base);
@@ -533,8 +565,9 @@
533
565
  --DropDown-menu-paddingX: 0;
534
566
  --DropDown-menu-paddingY: var(--gap-xs);
535
567
  --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
536
- --DropDown-menuItem-onHover-color: inherit;
537
- --DropDown-menuItem-onActive-color: var(--info);
568
+ --DropDown-menuItem-color: var(--text-color);
569
+ --DropDown-menuItem-onHover-color: var(--primary);
570
+ --DropDown-menuItem-onActive-color: var(--primary);
538
571
  --DropDown-menuItem-onDisabled-color: var(--text--muted-color);
539
572
  --DropDown-menuItem-paddingX: var(--gap-sm);
540
573
  --DropDown-menuItem-paddingY: calc(
@@ -596,6 +629,7 @@
596
629
  ) / 2
597
630
  );
598
631
  --Form-input-placeholderColor: var(--text--muted-color);
632
+ --Form-input-onDisabled-color: var(--text--muted-color);
599
633
  --Form-item-gap: var(--gap-base);
600
634
  --Form-label-paddingTop: calc(
601
635
  (
@@ -654,6 +688,7 @@
654
688
  --IconPicker-tabs-bg: #f0f3f4;
655
689
  --ImageControl-addBtn-bg: var(--Button--default-bg);
656
690
  --ImageControl-addBtn-border: var(--Button--default-border);
691
+ --ImageControl-addBtn-borderRadius: 0;
657
692
  --ImageControl-addBtn-color: var(--Button--default-color);
658
693
  --ImageControl-addBtn-onActive-bg: #e6e6e6;
659
694
  --ImageControl-addBtn-onActive-border: #adb4bf;
@@ -666,6 +701,8 @@
666
701
  --ImageControl-addBtn-onHover-bg: #ececec;
667
702
  --ImageControl-addBtn-onHover-border: #b4bbc5;
668
703
  --ImageControl-addBtn-onHover-color: var(--Button--default-color);
704
+ --ImageControl-progress-borderRadius: 0;
705
+ --FileControl-progress-borderRadius: 0;
669
706
  --InputGroup-addOn-bg: var(--Form-input-addOnBg);
670
707
  --InputGroup-addOn-borderColor: var(--Form-input-borderColor);
671
708
  --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
@@ -781,6 +818,7 @@
781
818
  --ListControl-item-bg: var(--white);
782
819
  --ListControl-item-borderColor: var(--borderColor);
783
820
  --ListControl-item-borderWidth: var(--borderWidth);
821
+ --ListControl-item-borderRadius: 0.1875rem;
784
822
  --ListControl-item-color: var(--text-color);
785
823
  --ListControl-item-onActive-after-borderColor: var(--primary);
786
824
  --ListControl-item-onActive-before-bg: var(--white);
@@ -951,11 +989,28 @@
951
989
  --Panel-titleMarginTop: 0;
952
990
  --Picker-iconColor: var(--icon-color);
953
991
  --Picker-onHover-iconColor: var(--icon-onHover-color);
992
+ --PickerColumns-bg: white;
993
+ --PickerColumns-toolbar-height: 3.125rem;
994
+ --PickerColumns-title-fontSize: var(--fontSizeLg);
995
+ --PickerColumns-title-lineHeight: 1.5;
996
+ --PickerColumns-action-padding: 0 var(--gap-sm);
997
+ --PickerColumns-action-fontSize: var(--fontSizeMd);
998
+ --PickerColumns-confirmAction-color: var(--Button--info-bg);
999
+ --PickerColumns-cancelAction-color: var(--Button--light-bg);
1000
+ --PickerColumns-option-fontSize: var(--fontSizeLg);
1001
+ --PickerColumns-optionText-color: var(--text-color);
1002
+ --PickerColumns-optionDisabled-opacity: 0.3;
1003
+ --PickerColumns-loadingIcon-color: var(--icon-color);
1004
+ --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
954
1005
  --PopOver-bg: white;
955
1006
  --PopOverAble-iconColor: inherit;
956
1007
  --PopOverAble-onHover-iconColor: inherit;
957
1008
  --Property-title-bg: #f2f2f2;
958
1009
  --Property-label-bg: #f7f7f7;
1010
+ --Portlet-borderColor: var(--borderColor);
1011
+ --Portlet-borderStyle: solid;
1012
+ --Portlet-borderWidth: var(--borderWidth);
1013
+ --Portlet-borderRadius: var(--borderRadius);
959
1014
  --QuickEdit-iconColor: inherit;
960
1015
  --QuickEdit-onFocus-borderColor: var(--info);
961
1016
  --QuickEdit-onFocus-borderWidth: var(--borderWidth);
@@ -1048,6 +1103,8 @@
1048
1103
  --Table-toolbar-marginX: 0;
1049
1104
  --Table-toolbar-marginY: var(--gap-base);
1050
1105
  --Table-tree-borderColor: var(--Table-borderColor);
1106
+ --Table-searchableForm-backgroundColor: #f6f7f8;
1107
+ --Table-searchableForm-borderRadius: 0.25rem;
1051
1108
  --TableCell--edge-paddingX: var(--gap-md);
1052
1109
  --TableCell-filterBtn--onActive-color: var(--primary);
1053
1110
  --TableCell-filterBtn-width: 1rem;
@@ -1233,6 +1290,14 @@
1233
1290
  --Steps-sub-title-color: var(--text-color);
1234
1291
  --Steps-line-bg: var(--Steps-bg);
1235
1292
  --Steps-line-success-bg: var(--Steps-status-success);
1293
+ --Progress-borderRadius: var(--borderRadius);
1294
+ --ColumnToggler-backgroundColor: var(--white);
1295
+ --ColumnToggler-borderRadius: 0.25rem;
1296
+ --ColumnToggler-lineHeight: 1.5rem;
1297
+ --ColumnToggler-title-fontColor: #080e1a;
1298
+ --ColumnToggler-fontColor: #151a26;
1299
+ --ColumnToggler-item-backgroundColor: #f6f7f8;
1300
+ --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);
1236
1301
  }
1237
1302
 
1238
1303
  :root {
@@ -1661,6 +1726,8 @@ svg.icon {
1661
1726
  width: 1em;
1662
1727
  height: 1em;
1663
1728
  fill: currentColor;
1729
+ position: relative;
1730
+ top: 0.125em;
1664
1731
  }
1665
1732
 
1666
1733
  svg.r90 {
@@ -3094,6 +3161,15 @@ img.antd-AsideNav-itemIcon {
3094
3161
  .antd-Button > .pull-right {
3095
3162
  margin-left: var(--Button-paddingX);
3096
3163
  }
3164
+ .antd-Button .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3165
+ .antd-Button > svg.icon:not(:last-child):not(.pull-right),
3166
+ .antd-Button > .pull-left {
3167
+ margin-right: var(--Button-paddingX);
3168
+ }
3169
+ .antd-Button .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3170
+ .antd-Button > .pull-right {
3171
+ margin-left: var(--Button-paddingX);
3172
+ }
3097
3173
  .antd-Button img.antd-Button-icon {
3098
3174
  height: var(--Button-fontSize);
3099
3175
  vertical-align: middle;
@@ -3106,14 +3182,21 @@ img.antd-AsideNav-itemIcon {
3106
3182
  box-shadow: var(--Button-onFocus-boxShadow);
3107
3183
  }
3108
3184
  .antd-Button.is-disabled, .antd-Button:disabled {
3109
- opacity: var(--Button-onDisabled-opacity);
3110
3185
  filter: grayscale(100%);
3111
3186
  box-shadow: none;
3112
3187
  cursor: not-allowed;
3188
+ color: var(--text--muted-color);
3189
+ pointer-events: auto;
3190
+ border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
3191
+ background: var(--Button-onDisabled-bg);
3113
3192
  }
3114
3193
  .antd-Button:not(:disabled):not(.is-disabled) {
3115
3194
  cursor: pointer;
3116
3195
  }
3196
+ .antd-Button.cxd-Button--link.is-disabled {
3197
+ background: transparent;
3198
+ border: none;
3199
+ }
3117
3200
  .antd-Button > .pull-left,
3118
3201
  .antd-Button > .pull-right {
3119
3202
  line-height: inherit;
@@ -3141,6 +3224,11 @@ fieldset:disabled a.antd-Button {
3141
3224
  background: var(--Button--primary-onHover-bg);
3142
3225
  border-color: var(--Button--primary-onHover-border);
3143
3226
  }
3227
+ .antd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
3228
+ color: var(--Button--primary-onActive-color);
3229
+ background: var(--Button--primary-onActive-bg);
3230
+ border-color: var(--Button--primary-onActive-border);
3231
+ }
3144
3232
  .antd-Button--primary:hover:focus {
3145
3233
  box-shadow: var(--Button-boxShadow);
3146
3234
  }
@@ -3157,6 +3245,11 @@ fieldset:disabled a.antd-Button {
3157
3245
  background: var(--Button--secondary-onHover-bg);
3158
3246
  border-color: var(--Button--secondary-onHover-border);
3159
3247
  }
3248
+ .antd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
3249
+ color: var(--Button--secondary-onActive-color);
3250
+ background: var(--Button--secondary-onActive-bg);
3251
+ border-color: var(--Button--secondary-onActive-border);
3252
+ }
3160
3253
  .antd-Button--secondary:hover:focus {
3161
3254
  box-shadow: var(--Button-boxShadow);
3162
3255
  }
@@ -3173,10 +3266,36 @@ fieldset:disabled a.antd-Button {
3173
3266
  background: var(--Button--success-onHover-bg);
3174
3267
  border-color: var(--Button--success-onHover-border);
3175
3268
  }
3269
+ .antd-Button--success:not(:disabled):not(.is-disabled):hover:active {
3270
+ color: var(--Button--success-onActive-color);
3271
+ background: var(--Button--success-onActive-bg);
3272
+ border-color: var(--Button--success-onActive-border);
3273
+ }
3176
3274
  .antd-Button--success:hover:focus {
3177
3275
  box-shadow: var(--Button-boxShadow);
3178
3276
  }
3179
3277
 
3278
+ .antd-Button--enhance {
3279
+ color: var(--Button--enhance-color);
3280
+ background: var(--Button--enhance-bg);
3281
+ border-color: var(--Button--enhance-border);
3282
+ box-shadow: var(--Button-boxShadow);
3283
+ text-shadow: var(--Button-textShadow);
3284
+ }
3285
+ .antd-Button--enhance:not(:disabled):not(.is-disabled):hover {
3286
+ color: var(--Button--enhance-onHover-color);
3287
+ background: var(--Button--enhance-onHover-bg);
3288
+ border-color: var(--Button--enhance-onHover-border);
3289
+ }
3290
+ .antd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
3291
+ color: var(--Button--enhance-onActive-color);
3292
+ background: var(--Button--enhance-onActive-bg);
3293
+ border-color: var(--Button--enhance-onActive-border);
3294
+ }
3295
+ .antd-Button--enhance:hover:focus {
3296
+ box-shadow: var(--Button-boxShadow);
3297
+ }
3298
+
3180
3299
  .antd-Button--info {
3181
3300
  color: var(--Button--info-color);
3182
3301
  background: var(--Button--info-bg);
@@ -3189,6 +3308,11 @@ fieldset:disabled a.antd-Button {
3189
3308
  background: var(--Button--info-onHover-bg);
3190
3309
  border-color: var(--Button--info-onHover-border);
3191
3310
  }
3311
+ .antd-Button--info:not(:disabled):not(.is-disabled):hover:active {
3312
+ color: var(--Button--info-onActive-color);
3313
+ background: var(--Button--info-onActive-bg);
3314
+ border-color: var(--Button--info-onActive-border);
3315
+ }
3192
3316
  .antd-Button--info:hover:focus {
3193
3317
  box-shadow: var(--Button-boxShadow);
3194
3318
  }
@@ -3205,6 +3329,11 @@ fieldset:disabled a.antd-Button {
3205
3329
  background: var(--Button--warning-onHover-bg);
3206
3330
  border-color: var(--Button--warning-onHover-border);
3207
3331
  }
3332
+ .antd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
3333
+ color: var(--Button--warning-onActive-color);
3334
+ background: var(--Button--warning-onActive-bg);
3335
+ border-color: var(--Button--warning-onActive-border);
3336
+ }
3208
3337
  .antd-Button--warning:hover:focus {
3209
3338
  box-shadow: var(--Button-boxShadow);
3210
3339
  }
@@ -3221,6 +3350,11 @@ fieldset:disabled a.antd-Button {
3221
3350
  background: var(--Button--danger-onHover-bg);
3222
3351
  border-color: var(--Button--danger-onHover-border);
3223
3352
  }
3353
+ .antd-Button--danger:not(:disabled):not(.is-disabled):hover:active {
3354
+ color: var(--Button--danger-onActive-color);
3355
+ background: var(--Button--danger-onActive-bg);
3356
+ border-color: var(--Button--danger-onActive-border);
3357
+ }
3224
3358
  .antd-Button--danger:hover:focus {
3225
3359
  box-shadow: var(--Button-boxShadow);
3226
3360
  }
@@ -3237,6 +3371,11 @@ fieldset:disabled a.antd-Button {
3237
3371
  background: var(--Button--light-onHover-bg);
3238
3372
  border-color: var(--Button--light-onHover-border);
3239
3373
  }
3374
+ .antd-Button--light:not(:disabled):not(.is-disabled):hover:active {
3375
+ color: var(--Button--light-onActive-color);
3376
+ background: var(--Button--light-onActive-bg);
3377
+ border-color: var(--Button--light-onActive-border);
3378
+ }
3240
3379
  .antd-Button--light:hover:focus {
3241
3380
  box-shadow: var(--Button-boxShadow);
3242
3381
  }
@@ -3253,6 +3392,11 @@ fieldset:disabled a.antd-Button {
3253
3392
  background: var(--Button--dark-onHover-bg);
3254
3393
  border-color: var(--Button--dark-onHover-border);
3255
3394
  }
3395
+ .antd-Button--dark:not(:disabled):not(.is-disabled):hover:active {
3396
+ color: var(--Button--dark-onActive-color);
3397
+ background: var(--Button--dark-onActive-bg);
3398
+ border-color: var(--Button--dark-onActive-border);
3399
+ }
3256
3400
  .antd-Button--dark:hover:focus {
3257
3401
  box-shadow: var(--Button-boxShadow);
3258
3402
  }
@@ -3269,6 +3413,11 @@ fieldset:disabled a.antd-Button {
3269
3413
  background: var(--Button--default-onHover-bg);
3270
3414
  border-color: var(--Button--default-onHover-border);
3271
3415
  }
3416
+ .antd-Button--default:not(:disabled):not(.is-disabled):hover:active {
3417
+ color: var(--Button--default-onActive-color);
3418
+ background: var(--Button--default-onActive-bg);
3419
+ border-color: var(--Button--default-onActive-border);
3420
+ }
3272
3421
  .antd-Button--default:hover:focus {
3273
3422
  box-shadow: var(--Button-boxShadow);
3274
3423
  }
@@ -3289,6 +3438,15 @@ fieldset:disabled a.antd-Button {
3289
3438
  .antd-Button--xs > .pull-right {
3290
3439
  margin-left: var(--Button--xs-paddingX);
3291
3440
  }
3441
+ .antd-Button--xs .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3442
+ .antd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
3443
+ .antd-Button--xs > .pull-left {
3444
+ margin-right: var(--Button--xs-paddingX);
3445
+ }
3446
+ .antd-Button--xs .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3447
+ .antd-Button--xs > .pull-right {
3448
+ margin-left: var(--Button--xs-paddingX);
3449
+ }
3292
3450
  .antd-Button--xs img.antd-Button-icon {
3293
3451
  height: var(--Button-fontSize);
3294
3452
  vertical-align: middle;
@@ -3313,6 +3471,15 @@ fieldset:disabled a.antd-Button {
3313
3471
  .antd-Button--sm > .pull-right {
3314
3472
  margin-left: var(--Button--sm-paddingX);
3315
3473
  }
3474
+ .antd-Button--sm .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3475
+ .antd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
3476
+ .antd-Button--sm > .pull-left {
3477
+ margin-right: var(--Button--sm-paddingX);
3478
+ }
3479
+ .antd-Button--sm .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3480
+ .antd-Button--sm > .pull-right {
3481
+ margin-left: var(--Button--sm-paddingX);
3482
+ }
3316
3483
  .antd-Button--sm img.antd-Button-icon {
3317
3484
  height: var(--Button-fontSize);
3318
3485
  vertical-align: middle;
@@ -3337,6 +3504,15 @@ fieldset:disabled a.antd-Button {
3337
3504
  .antd-Button--md > .pull-right {
3338
3505
  margin-left: var(--Button--md-paddingX);
3339
3506
  }
3507
+ .antd-Button--md .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3508
+ .antd-Button--md > svg.icon:not(:last-child):not(.pull-right),
3509
+ .antd-Button--md > .pull-left {
3510
+ margin-right: var(--Button--md-paddingX);
3511
+ }
3512
+ .antd-Button--md .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3513
+ .antd-Button--md > .pull-right {
3514
+ margin-left: var(--Button--md-paddingX);
3515
+ }
3340
3516
  .antd-Button--md img.antd-Button-icon {
3341
3517
  height: var(--Button-fontSize);
3342
3518
  vertical-align: middle;
@@ -3361,6 +3537,15 @@ fieldset:disabled a.antd-Button {
3361
3537
  .antd-Button--lg > .pull-right {
3362
3538
  margin-left: var(--Button--lg-paddingX);
3363
3539
  }
3540
+ .antd-Button--lg .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3541
+ .antd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
3542
+ .antd-Button--lg > .pull-left {
3543
+ margin-right: var(--Button--lg-paddingX);
3544
+ }
3545
+ .antd-Button--lg .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3546
+ .antd-Button--lg > .pull-right {
3547
+ margin-left: var(--Button--lg-paddingX);
3548
+ }
3364
3549
  .antd-Button--lg img.antd-Button-icon {
3365
3550
  height: var(--Button-fontSize);
3366
3551
  vertical-align: middle;
@@ -3385,6 +3570,13 @@ fieldset:disabled a.antd-Button {
3385
3570
  line-height: 1;
3386
3571
  }
3387
3572
 
3573
+ .antd-Button--loading {
3574
+ transition: --Button-transition;
3575
+ }
3576
+ .antd-Button--loading svg {
3577
+ animation: var(--Button-animation-spin);
3578
+ }
3579
+
3388
3580
  .antd-Button--link {
3389
3581
  width: auto;
3390
3582
  min-width: auto;
@@ -3396,13 +3588,16 @@ fieldset:disabled a.antd-Button {
3396
3588
  }
3397
3589
  .antd-Button--link:hover:focus {
3398
3590
  color: var(--Button--link-onHover-color);
3399
- text-decoration: var(--link-onHover-decoration);
3591
+ box-shadow: none;
3592
+ }
3593
+ .antd-Button--link:hover:active {
3594
+ color: var(--Button--link-onActive-color);
3400
3595
  box-shadow: none;
3401
3596
  }
3402
3597
  .antd-Button--link:disabled, .antd-Button--link.is-disabled {
3403
3598
  color: var(--text--muted-color);
3404
3599
  pointer-events: none;
3405
- background: transparent;
3600
+ background: var(--Button-onDisabled-bg);
3406
3601
  }
3407
3602
 
3408
3603
  .antd-Button--block {
@@ -3471,7 +3666,7 @@ input[type=button].antd-Button--block {
3471
3666
  display: inline-block;
3472
3667
  position: relative;
3473
3668
  }
3474
- .antd-Badge-text, .antd-Badge-dot {
3669
+ .antd-Badge-text, .antd-Badge-dot, .antd-Badge-ribbon {
3475
3670
  background: var(--danger);
3476
3671
  position: absolute;
3477
3672
  top: 0;
@@ -3527,6 +3722,49 @@ input[type=button].antd-Button--block {
3527
3722
  height: var(--Badge-size);
3528
3723
  border-radius: 50%;
3529
3724
  }
3725
+ .antd-Badge-ribbon-out {
3726
+ overflow: hidden;
3727
+ position: absolute;
3728
+ top: 0;
3729
+ bottom: 0;
3730
+ right: 0;
3731
+ }
3732
+ .antd-Badge-ribbon {
3733
+ color: var(--Badge-color);
3734
+ height: var(--Badge-size);
3735
+ line-height: var(--Badge-size);
3736
+ transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7);
3737
+ transform-origin: 50% 0;
3738
+ border-radius: 0;
3739
+ text-align: center;
3740
+ width: 62.5rem;
3741
+ top: 5px;
3742
+ }
3743
+ .antd-Badge-ribbon-out--top-left, .antd-Badge-ribbon-out--bottom-left {
3744
+ left: 0;
3745
+ right: auto;
3746
+ }
3747
+ .antd-Badge-ribbon--top-left {
3748
+ transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7);
3749
+ left: 0;
3750
+ right: auto;
3751
+ }
3752
+ .antd-Badge-ribbon--bottom-left {
3753
+ transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
3754
+ transform-origin: 50% 100%;
3755
+ left: 0;
3756
+ right: auto;
3757
+ bottom: 5px;
3758
+ top: auto;
3759
+ }
3760
+ .antd-Badge-ribbon--bottom-right {
3761
+ transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
3762
+ transform-origin: 50% 100%;
3763
+ left: auto;
3764
+ right: 0;
3765
+ bottom: 5px;
3766
+ top: auto;
3767
+ }
3530
3768
  @keyframes badgeDotAnimation {
3531
3769
  0% {
3532
3770
  transform: scale(0.8);
@@ -4331,6 +4569,123 @@ input[type=button].antd-Button--block {
4331
4569
  bottom: 0;
4332
4570
  background: transparent;
4333
4571
  }
4572
+ .antd-PopOver-isMobile .antd-PopOver-overlay {
4573
+ background: rgba(0, 0, 0, 0.3);
4574
+ }
4575
+ .antd-PopOver--leftBottomLeftTop {
4576
+ margin-top: 0.25rem;
4577
+ }
4578
+ .antd-PopOver--leftTopLeftBottom {
4579
+ margin-top: -0.25rem;
4580
+ }
4581
+
4582
+ .has-popover {
4583
+ position: relative;
4584
+ }
4585
+
4586
+ .antd-PickerColumns {
4587
+ position: relative;
4588
+ background-color: var(--PickerColumns-bg);
4589
+ user-select: none;
4590
+ }
4591
+ .antd-PickerColumns-popOver {
4592
+ position: fixed;
4593
+ bottom: 0;
4594
+ left: 0;
4595
+ width: 100%;
4596
+ padding: 0 var(--gap-sm);
4597
+ }
4598
+ .antd-PickerColumns-toolbar {
4599
+ display: flex;
4600
+ align-items: center;
4601
+ justify-content: space-between;
4602
+ height: var(--PickerColumns-toolbar-height);
4603
+ }
4604
+ .antd-PickerColumns-cancel, .antd-PickerColumns-confirm {
4605
+ height: 100%;
4606
+ padding: var(--PickerColumns-action-padding);
4607
+ font-size: var(--PickerColumns-action-fontSize);
4608
+ background-color: transparent;
4609
+ border: none;
4610
+ cursor: pointer;
4611
+ }
4612
+ .antd-PickerColumns-cancel:active, .antd-PickerColumns-confirm:active {
4613
+ opacity: 0.7;
4614
+ }
4615
+ .antd-PickerColumns-confirm {
4616
+ color: var(--PickerColumns-confirmAction-color);
4617
+ }
4618
+ .antd-PickerColumns-cancel {
4619
+ color: var(--PickerColumns-cancelAction-color);
4620
+ }
4621
+ .antd-PickerColumns-title {
4622
+ max-width: 50%;
4623
+ font-weight: 500;
4624
+ font-size: var(--PickerColumns-title-fontSize);
4625
+ line-height: var(--PickerColumns-title-lineHeight);
4626
+ text-align: center;
4627
+ }
4628
+ .antd-PickerColumns-columns {
4629
+ position: relative;
4630
+ display: flex;
4631
+ cursor: grab;
4632
+ }
4633
+ .antd-PickerColumns-loading {
4634
+ position: absolute;
4635
+ top: 0;
4636
+ right: 0;
4637
+ bottom: 0;
4638
+ left: 0;
4639
+ z-index: 3;
4640
+ display: flex;
4641
+ align-items: center;
4642
+ justify-content: center;
4643
+ color: var(--PickerColumns-loadingIcon-color);
4644
+ background-color: var(--PickerColumns-loadingMask-color);
4645
+ }
4646
+ .antd-PickerColumns-frame {
4647
+ position: absolute;
4648
+ top: 50%;
4649
+ right: var(--gap-md);
4650
+ left: var(--gap-md);
4651
+ z-index: 2;
4652
+ transform: translateY(-50%);
4653
+ pointer-events: none;
4654
+ }
4655
+ .antd-PickerColumns-mask {
4656
+ position: absolute;
4657
+ top: 0;
4658
+ left: 0;
4659
+ z-index: 1;
4660
+ width: 100%;
4661
+ height: 100%;
4662
+ 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));
4663
+ background-repeat: no-repeat;
4664
+ background-position: top, bottom;
4665
+ transform: translateZ(0);
4666
+ pointer-events: none;
4667
+ }
4668
+ .antd-PickerColumns-column {
4669
+ flex: 1;
4670
+ overflow: hidden;
4671
+ font-size: var(--PickerColumns-option-fontSize);
4672
+ }
4673
+ .antd-PickerColumns-columnWrapper {
4674
+ margin: 0;
4675
+ padding: 0;
4676
+ list-style: none;
4677
+ transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
4678
+ }
4679
+ .antd-PickerColumns-columnItem {
4680
+ display: flex;
4681
+ align-items: center;
4682
+ justify-content: center;
4683
+ color: var(--PickerColumns-optionText-color);
4684
+ }
4685
+ .antd-PickerColumns-columnItem.is-disabled {
4686
+ cursor: not-allowed;
4687
+ opacity: var(--PickerColumns-optionDisabled-opacity);
4688
+ }
4334
4689
 
4335
4690
  @keyframes bounceIn {
4336
4691
  from, 20%, 40%, 60%, 80%, to {
@@ -4597,6 +4952,15 @@ input[type=button].antd-Button--block {
4597
4952
  .antd-ArrayInput-addBtn > .pull-right {
4598
4953
  margin-left: var(--Combo-addBtn-paddingX);
4599
4954
  }
4955
+ .antd-ArrayInput-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
4956
+ .antd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
4957
+ .antd-ArrayInput-addBtn > .pull-left {
4958
+ margin-right: var(--Combo-addBtn-paddingX);
4959
+ }
4960
+ .antd-ArrayInput-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
4961
+ .antd-ArrayInput-addBtn > .pull-right {
4962
+ margin-left: var(--Combo-addBtn-paddingX);
4963
+ }
4600
4964
  .antd-ArrayInput-addBtn img.antd-Button-icon {
4601
4965
  height: var(--Button-fontSize);
4602
4966
  vertical-align: middle;
@@ -4606,6 +4970,11 @@ input[type=button].antd-Button--block {
4606
4970
  background: var(--Combo-addBtn-onHover-bg);
4607
4971
  border-color: var(--Combo-addBtn-onHover-border);
4608
4972
  }
4973
+ .antd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
4974
+ color: var(--Combo-addBtn-onActive-color);
4975
+ background: var(--Combo-addBtn-onActive-bg);
4976
+ border-color: var(--Combo-addBtn-onActive-border);
4977
+ }
4609
4978
  .antd-ArrayInput-addBtn:hover:focus {
4610
4979
  box-shadow: var(--Button-boxShadow);
4611
4980
  }
@@ -5061,27 +5430,31 @@ input[type=button].antd-Button--block {
5061
5430
  }
5062
5431
 
5063
5432
  .antd-Nav {
5433
+ position: relative;
5434
+ }
5435
+ .antd-Nav .antd-Nav-list {
5064
5436
  list-style: none;
5065
5437
  user-select: none;
5066
5438
  margin: 0;
5067
5439
  padding: 0;
5068
5440
  position: relative;
5069
5441
  }
5070
- .antd-Nav .antd-Nav-itemIcon {
5442
+ .antd-Nav .antd-Nav-list .antd-Nav-itemIcon {
5071
5443
  margin-right: var(--gap-sm);
5072
5444
  }
5073
- .antd-Nav img.antd-Nav-itemIcon {
5445
+ .antd-Nav .antd-Nav-list img.antd-Nav-itemIcon {
5074
5446
  height: var(--Tabs-linkFontSize);
5075
5447
  vertical-align: middle;
5076
5448
  }
5077
- .antd-Nav--tabs {
5449
+ .antd-Nav .antd-Nav-list--tabs {
5078
5450
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
5079
5451
  }
5080
- .antd-Nav--tabs .antd-Nav-item {
5452
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item {
5081
5453
  margin-bottom: calc(var(--Tabs-borderWidth) * -1);
5082
5454
  display: inline-block;
5455
+ position: relative;
5083
5456
  }
5084
- .antd-Nav--tabs .antd-Nav-item > a {
5457
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
5085
5458
  font-size: var(--Tabs-linkFontSize);
5086
5459
  display: block;
5087
5460
  outline: none;
@@ -5091,124 +5464,185 @@ input[type=button].antd-Button--block {
5091
5464
  color: var(--Tabs-color);
5092
5465
  text-decoration: none;
5093
5466
  margin-right: 0.125rem;
5094
- padding: var(--gap-sm) var(--gap-base);
5467
+ padding: var(--gap-sm) var(--gap-xl);
5095
5468
  cursor: pointer;
5096
5469
  }
5097
- .antd-Nav--tabs .antd-Nav-item:hover > a,
5098
- .antd-Nav--tabs .antd-Nav-item > a:focus {
5470
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
5471
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
5099
5472
  border-color: var(--Tabs-onHover-borderColor);
5100
5473
  text-decoration: none;
5101
5474
  }
5102
- .antd-Nav--tabs .antd-Nav-item.disabled > a, .antd-Nav--tabs .antd-Nav-item.is-disabled > a {
5475
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-disabled > a {
5103
5476
  color: var(--Tabs-onDisabled-color);
5104
5477
  background: transparent;
5105
5478
  border-color: transparent;
5106
5479
  pointer-events: none;
5107
5480
  }
5108
- .antd-Nav--tabs .antd-Nav-item.active > a, .antd-Nav--tabs .antd-Nav-item.is-active > a {
5481
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active > a {
5109
5482
  color: var(--Tabs-onActive-color);
5110
5483
  background: var(--Tabs-onActive-bg);
5111
5484
  border-color: var(--Tabs-onActive-borderColor);
5112
5485
  border-bottom-color: var(--Tabs-content-bg);
5113
5486
  }
5114
- .antd-Nav--stacked {
5487
+ .antd-Nav .antd-Nav-list--stacked {
5115
5488
  min-height: 3.125rem;
5116
5489
  }
5117
- .antd-Nav--stacked .antd-Nav-item {
5490
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge {
5118
5491
  position: relative;
5492
+ display: flex;
5493
+ flex-wrap: wrap;
5494
+ align-items: stretch;
5495
+ width: 100%;
5119
5496
  }
5120
- .antd-Nav--stacked .antd-Nav-item > a {
5121
- display: block;
5497
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager {
5498
+ cursor: move;
5499
+ position: absolute;
5500
+ left: 0;
5501
+ top: 0.6875rem;
5502
+ display: none;
5503
+ }
5504
+ .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 {
5505
+ color: var(--icon-color);
5506
+ }
5507
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon:hover {
5508
+ color: var(--icon-onHover-color);
5509
+ }
5510
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager svg {
5511
+ width: 1rem;
5512
+ height: 1rem;
5513
+ }
5514
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText {
5515
+ position: absolute;
5516
+ top: 0;
5517
+ bottom: 0;
5518
+ width: 2.1875rem;
5519
+ overflow: hidden;
5520
+ }
5521
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText > span, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText > span {
5522
+ position: absolute;
5523
+ top: 0.125rem;
5524
+ left: -0.8125rem;
5525
+ transform: rotate(-45deg);
5526
+ width: 3.125rem;
5527
+ font-size: 12px;
5528
+ text-align: center;
5529
+ color: var(--white);
5530
+ background: var(--success);
5531
+ }
5532
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-atcions {
5533
+ display: flex;
5534
+ align-items: center;
5535
+ }
5536
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a,
5537
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a,
5538
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a {
5539
+ display: flex;
5540
+ align-items: center;
5122
5541
  outline: none;
5123
5542
  color: var(--Nav-item-color);
5124
5543
  text-decoration: none;
5125
- padding: var(--gap-sm) var(--gap-base);
5544
+ padding: var(--gap-sm) var(--gap-sm);
5126
5545
  cursor: pointer;
5127
5546
  background: var(--Nav-item-bg);
5128
5547
  border-radius: var(--Nav-item-borderRadius);
5129
5548
  text-overflow: ellipsis;
5549
+ flex: 1;
5130
5550
  }
5131
- .antd-Nav--stacked .antd-Nav-item > a::after {
5132
- border-left: var(--Nav-item-onActive-borderLeft);
5133
- position: absolute;
5134
- left: 0;
5135
- top: 0;
5136
- content: "";
5137
- width: 1px;
5138
- height: 100%;
5139
- transform: scaleY(0.0001);
5140
- transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
5141
- }
5142
- .antd-Nav--stacked .antd-Nav-item.has-sub > a {
5143
- padding-right: calc(var(--gap-base) + var(--gap-sm));
5144
- }
5145
- .antd-Nav--stacked .antd-Nav-item > a:hover,
5146
- .antd-Nav--stacked .antd-Nav-item > a:focus {
5551
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover,
5552
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus,
5553
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover + .antd-Nav-item-atcions,
5554
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus + .antd-Nav-item-atcions,
5555
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover,
5556
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus,
5557
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover + .antd-Nav-item-atcions,
5558
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus + .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover,
5559
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus,
5560
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover + .antd-Nav-item-atcions,
5561
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus + .antd-Nav-item-atcions,
5562
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover,
5563
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus,
5564
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover + .antd-Nav-item-atcions,
5565
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus + .antd-Nav-item-atcions {
5147
5566
  border-color: var(--Nav-item-onHover-color);
5148
5567
  text-decoration: none;
5149
5568
  background: var(--Nav-item-onHover-bg);
5569
+ z-index: 1;
5150
5570
  }
5151
- .antd-Nav--stacked .antd-Nav-item.disabled > a, .antd-Nav--stacked .antd-Nav-item.is-disabled > a {
5571
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover > .antd-Nav-itemDrager,
5572
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus > .antd-Nav-itemDrager,
5573
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover > .antd-Nav-itemDrager,
5574
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus > .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover > .antd-Nav-itemDrager,
5575
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus > .antd-Nav-itemDrager,
5576
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover > .antd-Nav-itemDrager,
5577
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus > .antd-Nav-itemDrager {
5578
+ display: block;
5579
+ }
5580
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > .antd-Badge > a {
5152
5581
  color: var(--Nav-item-onDisabled-color);
5153
5582
  background: transparent;
5154
5583
  pointer-events: none;
5155
5584
  }
5156
- .antd-Nav--stacked .antd-Nav-item.active > a, .antd-Nav--stacked .antd-Nav-item.is-active > a {
5585
+ .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 {
5586
+ background: var(--Nav-item-onActive-bg) !important;
5587
+ }
5588
+ .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 {
5157
5589
  color: var(--Nav-item-onActive-color);
5158
- background: var(--Nav-item-onActive-bg);
5159
- padding-left: 0.75rem;
5160
5590
  position: relative;
5161
5591
  }
5162
- .antd-Nav--stacked .antd-Nav-item.active > a::after, .antd-Nav--stacked .antd-Nav-item.is-active > a::after {
5592
+ .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 {
5163
5593
  transform: scaleY(1);
5164
5594
  }
5165
- .antd-Nav--stacked .antd-Nav-item.is-unfolded > .antd-Nav-itemToggler {
5595
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler {
5166
5596
  transform: rotate(180deg) scale(0.8);
5167
5597
  }
5168
- .antd-Nav--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems {
5598
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > .antd-Nav-subItems {
5169
5599
  display: block;
5170
5600
  }
5171
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-spinner {
5601
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-spinner, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-spinner {
5172
5602
  position: absolute;
5173
5603
  right: 0.625rem;
5174
5604
  top: 0.5rem;
5175
5605
  }
5176
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-itemToggler {
5177
- position: absolute;
5178
- right: 0;
5179
- top: 0.1875rem;
5180
- width: 1.875rem;
5181
- height: 1.875rem;
5606
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
5607
+ float: left;
5608
+ margin-right: 0.625rem;
5609
+ height: 1.5rem;
5182
5610
  text-align: center;
5183
- line-height: 1.875rem;
5611
+ line-height: 1.5rem;
5184
5612
  vertical-align: middle;
5185
5613
  cursor: pointer;
5186
5614
  transform: scale(0.8);
5187
5615
  transition: transform var(--animation-duration);
5188
5616
  }
5189
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-itemToggler > svg {
5617
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler > svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler > svg {
5190
5618
  width: 10px;
5191
5619
  height: 10px;
5192
5620
  top: 0;
5193
5621
  }
5194
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-subItems {
5622
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-subItems {
5195
5623
  display: none;
5196
5624
  padding-left: 0;
5197
5625
  list-style: none;
5626
+ width: 100%;
5198
5627
  }
5199
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-item {
5628
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-item {
5200
5629
  font-size: var(--Nav-subItem-fontSize);
5201
5630
  }
5631
+ .antd-Nav .antd-Nav-dropIndicator {
5632
+ position: absolute;
5633
+ background: var(--Nav-item-onActive-color);
5634
+ height: 2px;
5635
+ }
5202
5636
 
5203
5637
  .antd-Page {
5204
5638
  width: 100%;
5205
5639
  height: 100%;
5640
+ background: var(--Page-main-bg);
5206
5641
  }
5207
5642
  .antd-Page-header {
5208
5643
  padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
5209
5644
  }
5210
5645
  .antd-Page-main {
5211
- background: var(--Page-main-bg);
5212
5646
  height: 100%;
5213
5647
  display: flex;
5214
5648
  flex-direction: column;
@@ -5221,10 +5655,8 @@ input[type=button].antd-Button--block {
5221
5655
  }
5222
5656
  .antd-Page-main > .antd-Page-header {
5223
5657
  border-bottom: var(--borderWidth) solid var(--borderColor);
5224
- background: var(--Page-header-bg);
5225
5658
  }
5226
5659
  .antd-Page-headerRow {
5227
- background: var(--Page-header-bg);
5228
5660
  border-bottom: var(--borderWidth) solid var(--borderColor);
5229
5661
  display: flex;
5230
5662
  flex-direction: row;
@@ -5264,10 +5696,6 @@ input[type=button].antd-Button--block {
5264
5696
  margin-left: var(--gap-xs);
5265
5697
  }
5266
5698
 
5267
- .antd-Page-aside {
5268
- background: var(--Page-aside-bg);
5269
- }
5270
-
5271
5699
  @media (min-width: 768px) {
5272
5700
  .antd-Page-aside {
5273
5701
  min-width: var(--Page-aside-width);
@@ -5947,7 +6375,7 @@ input[type=button].antd-Button--block {
5947
6375
  height: var(--DropDown-menu-height);
5948
6376
  vertical-align: middle;
5949
6377
  user-select: none;
5950
- color: var(--link-color);
6378
+ color: var(--DropDown-menuItem-color);
5951
6379
  text-decoration: var(--link-decoration);
5952
6380
  }
5953
6381
  .antd-DropDown-menuItem:hover, .antd-DropDown-menu > li:hover {
@@ -5955,6 +6383,7 @@ input[type=button].antd-Button--block {
5955
6383
  color: var(--DropDown-menuItem-onHover-color);
5956
6384
  }
5957
6385
  .antd-DropDown-menuItem.is-active, .antd-DropDown-menu > li.is-active {
6386
+ background: var(--DropDown-menuItem-onHover-bg);
5958
6387
  color: var(--DropDown-menuItem-onActive-color);
5959
6388
  }
5960
6389
  .antd-DropDown-menuItem:not(.is-disabled), .antd-DropDown-menuItem:not(.disabled), .antd-DropDown-menu > li:not(.is-disabled), .antd-DropDown-menu > li:not(.disabled) {
@@ -5992,22 +6421,34 @@ input[type=button].antd-Button--block {
5992
6421
  }
5993
6422
 
5994
6423
  .antd-Collapse {
5995
- border: none;
6424
+ border: var(--Collapse-border);
5996
6425
  padding: 0;
5997
6426
  margin-bottom: var(--Form-item-gap);
5998
6427
  }
5999
6428
  .antd-Collapse-header {
6000
- font-size: var(--fontSizeMd);
6001
- font-weight: var(--fontWeightNormal);
6429
+ font-size: var(--Collapse-header-fontSize);
6430
+ font-weight: var(--Collapse-header-fontWeight);
6002
6431
  color: var(--text--loud-color);
6003
- padding: var(--gap-xs) 0;
6004
- border-bottom: var(--borderWidth) solid var(--borderColorLight);
6432
+ padding: var(--Collapse-header-padding);
6433
+ margin: 0;
6434
+ border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6435
+ background: var(--Collapse-header-bg);
6436
+ }
6437
+ .antd-Collapse-header-wrapper {
6438
+ display: inline-flex;
6439
+ flex-direction: var(--Collapse-header-wrapper-direction);
6440
+ }
6441
+ .antd-Collapse-header-tpl {
6442
+ margin-right: 0.5rem;
6443
+ }
6444
+ .antd-Collapse-header:hover {
6445
+ background: var(--Collapse-header-onHover-bg);
6005
6446
  }
6006
6447
  .antd-Collapse-arrow {
6007
6448
  display: inline-block;
6008
6449
  width: 1rem;
6009
6450
  text-align: center;
6010
- margin-left: var(--gap-xs);
6451
+ margin-right: 0.5rem;
6011
6452
  cursor: pointer;
6012
6453
  }
6013
6454
  .antd-Collapse-arrow:before {
@@ -6023,10 +6464,16 @@ input[type=button].antd-Button--block {
6023
6464
  transform: rotate(135deg);
6024
6465
  transform-origin: 50% 50%;
6025
6466
  }
6467
+ .antd-Collapse-TplField {
6468
+ display: inline-block;
6469
+ }
6026
6470
  .antd-Collapse.is-collapsed .antd-Collapse-arrow:before {
6027
6471
  transform: rotate(45deg);
6028
6472
  transform-origin: 0% 50%;
6029
6473
  }
6474
+ .antd-Collapse.is-collapsed .antd-Collapse-header {
6475
+ border-bottom: var(--Collapse-header-collapsed-border);
6476
+ }
6030
6477
  .antd-Collapse--collapsable .antd-Collapse-header {
6031
6478
  cursor: pointer;
6032
6479
  user-select: none;
@@ -6036,6 +6483,11 @@ input[type=button].antd-Button--block {
6036
6483
  color: var(--link-color);
6037
6484
  border-left: none;
6038
6485
  font-size: var(--fontSizeBase);
6486
+ border-top: var(--Collapse-header-collapsed-borderTop);
6487
+ border-bottom: var(--Collapse-header-collapsed-borderBottom);
6488
+ }
6489
+ .antd-Collapse--title-bottom.is-collapsed .antd-Collapse-header {
6490
+ border-top: none;
6039
6491
  }
6040
6492
  .antd-Collapse--title-bottom .antd-Collapse-arrow:before {
6041
6493
  top: 0.125rem;
@@ -6047,13 +6499,19 @@ input[type=button].antd-Button--block {
6047
6499
  transform: rotate(135deg);
6048
6500
  transform-origin: 0% 50%;
6049
6501
  }
6050
- .antd-Collapse-content {
6502
+ .antd-Collapse-contentWrapper {
6051
6503
  transition: height var(--animation-duration) ease;
6052
6504
  }
6053
- .antd-Collapse-content.in, .antd-Collapse-content.out {
6505
+ .antd-Collapse-contentWrapper.in, .antd-Collapse-contentWrapper.out {
6054
6506
  height: 0;
6055
6507
  overflow: hidden;
6056
6508
  }
6509
+ .antd-Collapse-content {
6510
+ padding: var(--Collapse-content-padding);
6511
+ color: var(--body-color);
6512
+ font-size: var(--Collapse-content-fontSize);
6513
+ font-weight: var(--Collapse-content-fontWeight);
6514
+ }
6057
6515
 
6058
6516
  .antd-ColorField {
6059
6517
  display: inline-block;
@@ -6917,6 +7375,17 @@ input[type=button].antd-Button--block {
6917
7375
  vertical-align: middle !important;
6918
7376
  text-align: center;
6919
7377
  }
7378
+ .antd-Table-searchableForm {
7379
+ background: var(--Table-searchableForm-backgroundColor);
7380
+ border-radius: var(--Table-searchableForm-borderRadius);
7381
+ }
7382
+ .antd-Table-searchableForm-footer {
7383
+ padding: var(--Panel-footerPadding);
7384
+ clear: both;
7385
+ }
7386
+ .antd-Table-searchableForm-checkbox > div > .antd-CheckboxControl {
7387
+ padding-top: 0;
7388
+ }
6920
7389
  .antd-Table-header {
6921
7390
  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
6922
7391
  }
@@ -7019,6 +7488,9 @@ input[type=button].antd-Button--block {
7019
7488
  .antd-Table-table--withCombine > tbody > tr > td:not(:last-child) {
7020
7489
  border-right: var(--Table-borderWidth) solid var(--Table-borderColor);
7021
7490
  }
7491
+ .antd-Table-table--checkOnItemClick > tbody > tr {
7492
+ cursor: pointer;
7493
+ }
7022
7494
  .antd-Table-table > thead > tr > th {
7023
7495
  background: var(--Table-thead-bg);
7024
7496
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
@@ -7051,6 +7523,7 @@ input[type=button].antd-Button--block {
7051
7523
  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
7052
7524
  }
7053
7525
  .antd-Table-table > tbody > tr {
7526
+ position: relative;
7054
7527
  background: transparent;
7055
7528
  }
7056
7529
  .antd-Table-table > tbody > tr + tr {
@@ -7951,7 +8424,7 @@ input[type=button].antd-Button--block {
7951
8424
  top: var(--Table-borderWidth);
7952
8425
  bottom: 0;
7953
8426
  right: 0;
7954
- padding-left: 3.125rem;
8427
+ padding-left: 5rem;
7955
8428
  padding-right: var(--TableCell-paddingX);
7956
8429
  display: flex;
7957
8430
  align-items: center;
@@ -8044,6 +8517,28 @@ input[type=button].antd-Button--block {
8044
8517
  visibility: hidden;
8045
8518
  position: absolute;
8046
8519
  }
8520
+ .antd-Table-badge {
8521
+ position: absolute;
8522
+ top: 0;
8523
+ left: 0;
8524
+ }
8525
+ .antd-Table--autoFillHeight {
8526
+ margin-bottom: 0;
8527
+ }
8528
+ .antd-Table--autoFillHeight > .antd-Table-contentWrap > .antd-Table-content table {
8529
+ border-top: none;
8530
+ }
8531
+ .antd-Table--autoFillHeight > .antd-Table-contentWrap > .antd-Table-content table thead {
8532
+ position: sticky;
8533
+ top: 0;
8534
+ z-index: 1;
8535
+ }
8536
+ .antd-Table--autoFillHeight > .antd-Table-fixedTop {
8537
+ display: none;
8538
+ }
8539
+ .antd-Table--autoFillHeight > .antd-Table-footToolbar {
8540
+ margin-bottom: 0;
8541
+ }
8047
8542
 
8048
8543
  .antd-InputTable-toolbar {
8049
8544
  display: flex;
@@ -8051,24 +8546,221 @@ input[type=button].antd-Button--block {
8051
8546
  flex-wrap: wrap;
8052
8547
  justify-content: space-between;
8053
8548
  }
8054
-
8055
- .antd-InputTable-pager {
8056
- margin-left: auto;
8549
+
8550
+ .antd-InputTable-pager {
8551
+ margin-left: auto;
8552
+ }
8553
+
8554
+ .antd-OperationField {
8555
+ margin: -0.1875rem;
8556
+ }
8557
+ .antd-OperationField > .antd-Button,
8558
+ .antd-OperationField > .antd-Button--disabled-wrap > .antd-Button {
8559
+ margin: 0.1875rem;
8560
+ }
8561
+ .antd-OperationField > .antd-Button--disabled-wrap > .antd-Button--link {
8562
+ padding: 0;
8563
+ }
8564
+ .antd-OperationField > .antd-Button--link {
8565
+ padding: 0;
8566
+ margin-right: 0.625rem;
8567
+ }
8568
+
8569
+ .antd-ColumnToggler {
8570
+ position: relative;
8571
+ display: inline-block;
8572
+ }
8573
+ .antd-ColumnToggler-caret {
8574
+ margin-left: var(--DropDown-caret-marginLeft);
8575
+ display: inline-block;
8576
+ vertical-align: top;
8577
+ transition: transform var(--animation-duration) ease;
8578
+ }
8579
+ .antd-ColumnToggler-caret > svg {
8580
+ width: 0.625rem;
8581
+ height: 0.625rem;
8582
+ top: 0.125em;
8583
+ }
8584
+ .antd-ColumnToggler.is-opened .antd-ColumnToggler-caret {
8585
+ transform: rotate(180deg);
8586
+ }
8587
+ .antd-ColumnToggler.is-actived > .antd-Button {
8588
+ color: var(--link-color);
8589
+ }
8590
+ .antd-ColumnToggler--block {
8591
+ display: block;
8592
+ }
8593
+ .antd-ColumnToggler--block .antd-Button {
8594
+ display: block;
8595
+ }
8596
+ .antd-ColumnToggler-menu {
8597
+ position: absolute;
8598
+ z-index: 1000;
8599
+ top: 100%;
8600
+ left: 0;
8601
+ margin: 0.0625rem 0 0;
8602
+ background: var(--DropDown-menu-bg);
8603
+ list-style: none;
8604
+ padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
8605
+ border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
8606
+ border-radius: var(--DropDown-menu-borderRadius);
8607
+ box-shadow: var(--DropDown-menu-boxShadow);
8608
+ min-width: var(--DropDown-menu-minWidth);
8609
+ text-align: left;
8610
+ }
8611
+ .antd-ColumnToggler--alignRight .antd-ColumnToggler-menu {
8612
+ left: auto;
8613
+ right: 0;
8614
+ }
8615
+ .antd-ColumnToggler-menuItem, .antd-ColumnToggler-menu > li {
8616
+ padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
8617
+ white-space: nowrap;
8618
+ box-sizing: border-box;
8619
+ height: var(--DropDown-menu-height);
8620
+ vertical-align: middle;
8621
+ user-select: none;
8622
+ color: var(--link-color);
8623
+ text-decoration: var(--link-decoration);
8624
+ }
8625
+ .antd-ColumnToggler-menuItem:hover, .antd-ColumnToggler-menu > li:hover {
8626
+ background: var(--DropDown-menuItem-onHover-bg);
8627
+ color: var(--DropDown-menuItem-onHover-color);
8628
+ }
8629
+ .antd-ColumnToggler-menuItem.is-active, .antd-ColumnToggler-menu > li.is-active {
8630
+ color: var(--DropDown-menuItem-onActive-color);
8631
+ }
8632
+ .antd-ColumnToggler-menuItem:not(.is-disabled), .antd-ColumnToggler-menuItem:not(.disabled), .antd-ColumnToggler-menu > li:not(.is-disabled), .antd-ColumnToggler-menu > li:not(.disabled) {
8633
+ cursor: pointer;
8634
+ }
8635
+ .antd-ColumnToggler-menuItem.is-disabled, .antd-ColumnToggler-menu > li.is-disabled {
8636
+ cursor: not-allowed;
8637
+ color: var(--DropDown-menuItem-onDisabled-color);
8638
+ filter: grayscale(80%);
8639
+ }
8640
+ .antd-ColumnToggler-menuItem.antd-DropDown-divider, .antd-ColumnToggler-menu > li.antd-DropDown-divider {
8641
+ height: 0.0625rem;
8642
+ margin: 0.5625rem 0;
8643
+ overflow: hidden;
8644
+ background: var(--DropDown-menu-borderColor);
8645
+ padding: 0;
8646
+ }
8647
+ .antd-ColumnToggler-menu > li a {
8648
+ color: inherit;
8649
+ display: block;
8650
+ text-decoration: none;
8651
+ }
8652
+ .antd-ColumnToggler-popover {
8653
+ border: none;
8654
+ box-shadow: none;
8655
+ }
8656
+ .antd-ColumnToggler > .antd-Button {
8657
+ min-width: unset;
8658
+ }
8659
+ .antd-ColumnToggler-modal {
8660
+ display: flex;
8661
+ flex-flow: column nowrap;
8662
+ justify-content: space-between;
8663
+ align-items: center;
8664
+ width: 25rem;
8665
+ padding: var(--ColumnToggler-lineHeight);
8666
+ margin-top: calc(50vh - 100px);
8667
+ border-radius: var(--ColumnToggler-borderRadius);
8668
+ background: var(--ColumnToggler-backgroundColor);
8669
+ box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
8670
+ }
8671
+ .antd-ColumnToggler-modal-header {
8672
+ width: 100%;
8673
+ display: flex;
8674
+ flex-flow: row nowrap;
8675
+ justify-content: space-between;
8676
+ align-items: center;
8677
+ }
8678
+ .antd-ColumnToggler-modal-header a,
8679
+ .antd-ColumnToggler-modal-header span {
8680
+ display: inline-block;
8681
+ }
8682
+ .antd-ColumnToggler-modal-header .antd-ColumnToggler-modal-title {
8683
+ opacity: 0.95;
8684
+ font-size: var(--fontSizeMd);
8685
+ color: var(--ColumnToggler-title-fontColor);
8686
+ line-height: var(--ColumnToggler-lineHeight);
8687
+ font-weight: bold;
8688
+ }
8689
+ .antd-ColumnToggler-modal-content {
8690
+ padding: 0;
8691
+ width: 100%;
8692
+ list-style: none;
8693
+ margin: 0.5rem 0;
8694
+ }
8695
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem {
8696
+ color: var(--ColumnToggler-title-fontColor);
8697
+ background: var(--ColumnToggler-item-backgroundColor);
8698
+ border-radius: 0.125rem;
8699
+ font-size: var(--fontSizeSm);
8700
+ padding: 0.25rem 0.5rem;
8701
+ height: var(--ColumnToggler-lineHeight);
8702
+ width: calc((100% - 24px) / 3);
8703
+ float: left;
8704
+ margin: 0.25rem;
8705
+ text-overflow: ellipsis;
8706
+ white-space: nowrap;
8707
+ overflow: hidden;
8708
+ }
8709
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem:hover {
8710
+ background: var(--ColumnToggler-item-backgroundColor-onHover);
8711
+ }
8712
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem--dragging {
8713
+ border: 1px solid var(--link-color);
8714
+ }
8715
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem label > i {
8716
+ height: var(--fontSizeLg);
8717
+ width: var(--fontSizeLg);
8718
+ vertical-align: top;
8719
+ }
8720
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-dragBar {
8721
+ margin-left: 0;
8722
+ margin-right: var(--gap-xs);
8723
+ cursor: move;
8724
+ color: #d8d8d8;
8725
+ }
8726
+ .antd-ColumnToggler-modal-footer {
8727
+ width: 100%;
8728
+ display: flex;
8729
+ flex-flow: row nowrap;
8730
+ justify-content: space-between;
8731
+ align-items: center;
8732
+ }
8733
+ .antd-ColumnToggler-modal-footer .antd-ColumnToggler-modeSelect {
8734
+ color: var(--ColumnToggler-fontColor);
8735
+ font-size: var(--fontSizeSm);
8736
+ }
8737
+ .antd-ColumnToggler-modal-footer .antd-ColumnToggler-modeSelect.is-actived {
8738
+ color: var(--link-color);
8739
+ }
8740
+ .antd-ColumnToggler-modal-footer > div {
8741
+ display: flex;
8742
+ flex-flow: row nowrap;
8743
+ justify-content: space-between;
8744
+ align-items: center;
8745
+ }
8746
+ .antd-ColumnToggler-modal-footer > div:first-child {
8747
+ justify-content: flex-start;
8057
8748
  }
8058
-
8059
- .antd-OperationField {
8060
- margin: -0.1875rem;
8749
+ .antd-ColumnToggler-modal-footer > div:first-child a {
8750
+ display: inline-block;
8061
8751
  }
8062
- .antd-OperationField > .antd-Button,
8063
- .antd-OperationField > .antd-Button--disabled-wrap > .antd-Button {
8064
- margin: 0.1875rem;
8752
+ .antd-ColumnToggler-modal-footer > div:last-child {
8753
+ justify-content: flex-end;
8065
8754
  }
8066
- .antd-OperationField > .antd-Button--disabled-wrap > .antd-Button--link {
8067
- padding: 0;
8755
+ .antd-ColumnToggler-modal-footer > div:last-child button {
8756
+ width: 72px;
8068
8757
  }
8069
- .antd-OperationField > .antd-Button--link {
8070
- padding: 0;
8071
- margin-right: 0.625rem;
8758
+
8759
+ .antd-ColumnToggler-tooltip {
8760
+ border: none;
8761
+ }
8762
+ .antd-ColumnToggler-tooltip .antd-Tooltip-arrow::before {
8763
+ border-top-color: transparent;
8072
8764
  }
8073
8765
 
8074
8766
  .antd-List {
@@ -8485,23 +9177,14 @@ input[type=button].antd-Button--block {
8485
9177
  .antd-Card-title + .antd-Card-subTitle {
8486
9178
  margin-top: var(--gap-xs);
8487
9179
  }
8488
- .antd-Card-checkBtn {
8489
- position: absolute;
8490
- top: 0;
8491
- right: 0;
8492
- margin: var(--gap-sm);
8493
- z-index: 1;
8494
- }
8495
- .antd-Card-checkBtn .antd-Checkbox {
8496
- margin-right: 0;
8497
- }
8498
9180
  .antd-Card-dragBtn {
8499
9181
  cursor: pointer;
8500
9182
  float: right;
8501
9183
  margin: var(--gap-sm);
8502
9184
  }
8503
9185
  .antd-Card-heading {
8504
- overflow: hidden;
9186
+ display: flex;
9187
+ flex-direction: row;
8505
9188
  padding: var(--gap-sm) var(--gap-base);
8506
9189
  flex: 1 0 auto;
8507
9190
  }
@@ -8529,11 +9212,15 @@ input[type=button].antd-Button--block {
8529
9212
  }
8530
9213
  .antd-Card-meta {
8531
9214
  display: block;
9215
+ flex-grow: 1;
8532
9216
  height: 100%;
8533
- overflow: hidden;
8534
9217
  position: relative;
8535
9218
  margin-right: var(--gap-md);
8536
9219
  }
9220
+ .antd-Card-toolbar {
9221
+ margin-right: calc(-1 * var(--gap-base));
9222
+ text-align: right;
9223
+ }
8537
9224
  .antd-Card-highlight {
8538
9225
  background: var(--success);
8539
9226
  width: 0.5rem;
@@ -8750,6 +9437,7 @@ input[type=button].antd-Button--block {
8750
9437
  height: 10px;
8751
9438
  background: #ebebeb;
8752
9439
  overflow: hidden;
9440
+ border-radius: var(--Progress-borderRadius);
8753
9441
  }
8754
9442
  .antd-Progress-bar {
8755
9443
  float: left;
@@ -8761,6 +9449,7 @@ input[type=button].antd-Button--block {
8761
9449
  text-align: center;
8762
9450
  background: var(--primary);
8763
9451
  transition: width var(--animation-duration) ease;
9452
+ border-radius: var(--Progress-borderRadius);
8764
9453
  }
8765
9454
  .antd-Progress-bar--stripe {
8766
9455
  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);
@@ -8953,7 +9642,7 @@ input[type=button].antd-Button--block {
8953
9642
  }
8954
9643
  .antd-StatusField-label {
8955
9644
  font-size: var(--fontSizeSm);
8956
- margin-left: var(--gap-sm);
9645
+ margin-left: var(--gap-xs);
8957
9646
  }
8958
9647
  @keyframes animation-rolling_red {
8959
9648
  0% {
@@ -9367,7 +10056,7 @@ input[type=button].antd-Button--block {
9367
10056
  display: none;
9368
10057
  }
9369
10058
  .antd-ImageGallery-item.is-active {
9370
- border: 1px solid #108cee;
10059
+ border: 1px solid var(--primary);
9371
10060
  }
9372
10061
  .antd-ImageGallery-item.is-active:after {
9373
10062
  display: none;
@@ -9392,6 +10081,7 @@ input[type=button].antd-Button--block {
9392
10081
  }
9393
10082
  .antd-Image-thumbWrap {
9394
10083
  position: relative;
10084
+ height: 100%;
9395
10085
  }
9396
10086
  .antd-Image-image {
9397
10087
  display: block;
@@ -9488,7 +10178,7 @@ input[type=button].antd-Button--block {
9488
10178
  color: var(--text--loud-color);
9489
10179
  }
9490
10180
  .antd-Image-overlay {
9491
- background: rgba(0, 0, 0, 0.6);
10181
+ background: rgba(8, 14, 26, 0.5);
9492
10182
  position: absolute;
9493
10183
  width: 100%;
9494
10184
  height: 100%;
@@ -10017,7 +10707,7 @@ input[type=button].antd-Button--block {
10017
10707
  height: 1px;
10018
10708
  left: 100%;
10019
10709
  width: 9999px;
10020
- padding-right: 10px;
10710
+ padding-right: 0.625rem;
10021
10711
  background-color: var(--Steps-line-bg);
10022
10712
  }
10023
10713
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
@@ -10089,6 +10779,42 @@ input[type=button].antd-Button--block {
10089
10779
  border: 1px solid var(--Steps-status-success);
10090
10780
  }
10091
10781
 
10782
+ .antd-Portlet {
10783
+ border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);
10784
+ border-radius: var(--Portlet-borderRadius);
10785
+ padding: var(--gap-base);
10786
+ }
10787
+ .antd-Portlet-tab.unactive-select .is-active a:first-child, .antd-Portlet-tab.unactive-select .is-active:hover > a:first-child,
10788
+ .antd-Portlet-tab.unactive-select .is-active > a:first-child:focus {
10789
+ border: none !important;
10790
+ color: inherit !important;
10791
+ cursor: auto !important;
10792
+ }
10793
+ .antd-Portlet-tab.no-divider .antd-Tabs-links {
10794
+ border-bottom: none;
10795
+ }
10796
+ .antd-Portlet .antd-Tabs-pane {
10797
+ padding: unset;
10798
+ }
10799
+ .antd-Portlet-toolbar {
10800
+ display: inline-flex;
10801
+ float: right;
10802
+ justify-content: flex-end;
10803
+ }
10804
+ .antd-Portlet-toolbar .antd-Button {
10805
+ margin-left: calc(var(--gap-xs));
10806
+ }
10807
+ .antd-Portlet-header-desc {
10808
+ height: 100%;
10809
+ overflow: hidden;
10810
+ position: relative;
10811
+ margin-left: var(--gap-base);
10812
+ }
10813
+
10814
+ .antd-Portlet.no-header .antd-Portlet-tab .antd-Tabs-links {
10815
+ display: none;
10816
+ }
10817
+
10092
10818
  fieldset.antd-Collapse--lg, fieldset.antd-Collapse--md, fieldset.antd-Collapse--base, fieldset.antd-Collapse--sm, fieldset.antd-Collapse--xs {
10093
10819
  position: relative;
10094
10820
  }
@@ -10128,11 +10854,13 @@ fieldset.antd-Collapse > legend {
10128
10854
  margin: var(--gap-base) 0;
10129
10855
  padding: 0 0 0 14px;
10130
10856
  cursor: pointer;
10131
- border-bottom: 0;
10857
+ border-bottom: none !important;
10858
+ background: transparent;
10132
10859
  display: flex;
10133
10860
  flex-direction: row;
10134
- justify-content: space-between;
10135
- width: 100%;
10861
+ }
10862
+ fieldset.antd-Collapse > legend:hover {
10863
+ background: transparent;
10136
10864
  }
10137
10865
  fieldset.antd-Collapse--xs {
10138
10866
  padding: 20px 5px 5px 5px;
@@ -10736,6 +11464,13 @@ fieldset.antd-Collapse--lg:after {
10736
11464
  .has-error--maxLength .antd-TextControl-counter {
10737
11465
  color: var(--danger);
10738
11466
  }
11467
+ .antd-TextControl-input:hover {
11468
+ border-color: var(--Form-input-onHover-borderColor);
11469
+ }
11470
+
11471
+ .antd-TextControl.is-disabled-input input {
11472
+ color: var(--Form-input-onDisabled-color);
11473
+ }
10739
11474
 
10740
11475
  .antd-TextareaControl {
10741
11476
  position: relative;
@@ -10763,10 +11498,16 @@ fieldset.antd-Collapse--lg:after {
10763
11498
  .antd-TextareaControl > textarea::placeholder {
10764
11499
  color: var(--Form-input-placeholderColor);
10765
11500
  }
11501
+ .antd-TextareaControl > textarea:hover {
11502
+ border-color: var(--Form-input-onHover-borderColor);
11503
+ }
10766
11504
  .antd-TextareaControl > textarea:focus, .antd-TextareaControl.is-focused > textarea {
10767
11505
  border-color: var(--Form-input-onFocused-borderColor);
10768
11506
  box-shadow: var(--Form-input-boxShadow);
10769
11507
  }
11508
+ .antd-TextareaControl > textarea:focus:hover, .antd-TextareaControl.is-focused > textarea:hover {
11509
+ border-color: var(--Form-input-onFocused-borderColor);
11510
+ }
10770
11511
  .antd-TextareaControl.is-disabled > textarea, .antd-TextareaControl > textarea[disabled] {
10771
11512
  background: #e5e7eb;
10772
11513
  color: var(--text--muted-color);
@@ -11016,45 +11757,38 @@ fieldset.antd-Collapse--lg:after {
11016
11757
  color: #999;
11017
11758
  }
11018
11759
 
11019
- .antd-Checkboxes > .antd-Checkbox {
11760
+ .antd-Selection > .antd-Checkbox {
11020
11761
  display: block;
11021
11762
  height: var(--Form-input-height);
11022
11763
  line-height: var(--Form-input-lineHeight);
11023
11764
  font-size: var(--Form-input-fontSize);
11024
11765
  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));
11025
11766
  }
11026
- .antd-Checkboxes--inline > .antd-Checkbox {
11767
+ .antd-Selection--inline > .antd-Checkbox {
11027
11768
  display: inline-block;
11028
11769
  }
11029
- .antd-Checkboxes-addBtn {
11770
+ .antd-Selection-addBtn {
11030
11771
  display: block;
11031
11772
  cursor: pointer;
11032
11773
  }
11033
- .antd-Checkboxes-addBtn:hover {
11774
+ .antd-Selection-addBtn:hover {
11034
11775
  text-decoration: none;
11035
11776
  }
11036
- .antd-Checkboxes-addBtn > svg {
11777
+ .antd-Selection-addBtn > svg {
11037
11778
  width: 0.875rem;
11038
11779
  height: 0.875rem;
11039
11780
  margin-right: var(--Checkbox-gap);
11040
11781
  }
11041
11782
 
11042
- .antd-ListCheckboxes-group:not(:first-child) > .antd-ListCheckboxes-itemLabel,
11043
- .antd-ListCheckboxes-group:not(:first-child) > .antd-ListRadios-itemLabel,
11044
- .antd-ListRadios-group:not(:first-child) > .antd-ListCheckboxes-itemLabel,
11045
- .antd-ListRadios-group:not(:first-child) > .antd-ListRadios-itemLabel {
11783
+ .antd-GroupedSelection-group:not(:first-child) > .antd-GroupedSelection-itemLabel {
11046
11784
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
11047
11785
  }
11048
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-itemLabel,
11049
- .antd-ListCheckboxes-group > .antd-ListRadios-itemLabel,
11050
- .antd-ListRadios-group > .antd-ListCheckboxes-itemLabel,
11051
- .antd-ListRadios-group > .antd-ListRadios-itemLabel {
11786
+ .antd-GroupedSelection-group > .antd-GroupedSelection-itemLabel {
11052
11787
  font-size: var(--fontSizeSm);
11053
11788
  padding: var(--gap-xs) var(--gap-xs);
11054
11789
  color: var(--text--muted-color);
11055
11790
  }
11056
- .antd-ListCheckboxes-item,
11057
- .antd-ListRadios-item {
11791
+ .antd-GroupedSelection-item {
11058
11792
  display: flex;
11059
11793
  height: var(--Form-input-height);
11060
11794
  line-height: var(--Form-input-lineHeight);
@@ -11064,44 +11798,30 @@ fieldset.antd-Collapse--lg:after {
11064
11798
  cursor: pointer;
11065
11799
  user-select: none;
11066
11800
  }
11067
- .antd-ListCheckboxes-item > .antd-Checkbox,
11068
- .antd-ListRadios-item > .antd-Checkbox {
11801
+ .antd-GroupedSelection-item > .antd-Checkbox {
11069
11802
  margin-right: 0;
11070
11803
  }
11071
- .antd-ListCheckboxes-item.is-active,
11072
- .antd-ListRadios-item.is-active {
11804
+ .antd-GroupedSelection-item.is-active {
11073
11805
  color: var(--Form-select-menu-onActive-color);
11074
11806
  background: var(--Form-select-menu-onActive-bg);
11075
11807
  }
11076
- .antd-ListCheckboxes-item:hover,
11077
- .antd-ListRadios-item:hover {
11808
+ .antd-GroupedSelection-item:hover {
11078
11809
  background: var(--Tree-item-onHover-bg);
11079
11810
  }
11080
- .antd-ListCheckboxes-item.is-disabled,
11081
- .antd-ListRadios-item.is-disabled {
11811
+ .antd-GroupedSelection-item.is-disabled {
11082
11812
  pointer-events: none;
11083
11813
  color: var(--text--muted-color);
11084
11814
  }
11085
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-items > .antd-ListCheckboxes-item,
11086
- .antd-ListCheckboxes-group > .antd-ListCheckboxes-items > .antd-ListRadios-item,
11087
- .antd-ListCheckboxes-group > .antd-ListRadios-items > .antd-ListCheckboxes-item,
11088
- .antd-ListCheckboxes-group > .antd-ListRadios-items > .antd-ListRadios-item,
11089
- .antd-ListRadios-group > .antd-ListCheckboxes-items > .antd-ListCheckboxes-item,
11090
- .antd-ListRadios-group > .antd-ListCheckboxes-items > .antd-ListRadios-item,
11091
- .antd-ListRadios-group > .antd-ListRadios-items > .antd-ListCheckboxes-item,
11092
- .antd-ListRadios-group > .antd-ListRadios-items > .antd-ListRadios-item {
11815
+ .antd-GroupedSelection-group > .antd-GroupedSelection-items > .antd-GroupedSelection-item {
11093
11816
  padding-left: var(--gap-base);
11094
11817
  }
11095
- .antd-ListCheckboxes-itemLabel,
11096
- .antd-ListRadios-itemLabel {
11818
+ .antd-GroupedSelection-itemLabel {
11097
11819
  flex-grow: 1;
11098
11820
  }
11099
- .antd-ListCheckboxes-itemLabel span,
11100
- .antd-ListRadios-itemLabel span {
11821
+ .antd-GroupedSelection-itemLabel span {
11101
11822
  white-space: nowrap;
11102
11823
  }
11103
- .antd-ListCheckboxes-placeholder,
11104
- .antd-ListRadios-placeholder {
11824
+ .antd-GroupedSelection-placeholder {
11105
11825
  height: var(--Form-input-height);
11106
11826
  line-height: var(--Form-input-lineHeight);
11107
11827
  font-size: var(--Form-input-fontSize);
@@ -11109,45 +11829,46 @@ fieldset.antd-Collapse--lg:after {
11109
11829
  color: var(--text--muted-color);
11110
11830
  }
11111
11831
 
11112
- .antd-TableCheckboxes .antd-Table-content {
11832
+ .antd-TableSelection .antd-Table-content {
11113
11833
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
11114
11834
  }
11115
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th,
11116
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td {
11835
+ .antd-TableSelection .antd-Table-table > thead > tr > th,
11836
+ .antd-TableSelection .antd-Table-table > tbody > tr > td {
11117
11837
  font-size: var(--fontSizeSm);
11118
11838
  padding-top: var(--gap-xs);
11119
11839
  padding-bottom: 0.375rem;
11120
11840
  vertical-align: middle;
11121
11841
  }
11122
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th {
11842
+ .antd-TableSelection .antd-Table-table > thead > tr > th {
11123
11843
  padding-top: 0.375rem;
11124
11844
  }
11125
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th:first-child,
11126
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td:first-child {
11845
+ .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
11846
+ .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
11127
11847
  padding-left: 0.625rem;
11128
11848
  padding-right: 0;
11129
11849
  }
11130
- .antd-TableCheckboxes .antd-Table-table > thead > tr > th:last-child,
11131
- .antd-TableCheckboxes .antd-Table-table > tbody > tr > td:last-child {
11850
+ .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
11851
+ .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
11132
11852
  padding-right: var(--gap-md);
11133
11853
  }
11134
- .antd-TableCheckboxes .antd-Table-table > tbody > tr {
11854
+ .antd-TableSelection .antd-Table-table > tbody > tr {
11135
11855
  cursor: pointer;
11136
11856
  }
11857
+ .antd-TableSelection .antd-Table-table > tbody > tr.is-active {
11858
+ color: var(--Form-select-menu-onActive-color);
11859
+ background: var(--Form-select-menu-onActive-bg);
11860
+ }
11137
11861
 
11138
- .antd-TreeCheckboxes .antd-Table-expandBtn,
11139
- .antd-TreeRadios .antd-Table-expandBtn {
11862
+ .antd-TreeSelection .antd-Table-expandBtn {
11140
11863
  color: var(--icon-color);
11141
11864
  margin-right: 5px;
11142
11865
  }
11143
- .antd-TreeCheckboxes-sublist,
11144
- .antd-TreeRadios-sublist {
11866
+ .antd-TreeSelection-sublist {
11145
11867
  position: relative;
11146
11868
  margin: 0 0 0 2.1875rem;
11147
11869
  display: none;
11148
11870
  }
11149
- .antd-TreeCheckboxes-sublist:before,
11150
- .antd-TreeRadios-sublist:before {
11871
+ .antd-TreeSelection-sublist:before {
11151
11872
  width: 1px;
11152
11873
  content: "";
11153
11874
  display: block;
@@ -11157,26 +11878,16 @@ fieldset.antd-Collapse--lg:after {
11157
11878
  left: -19px;
11158
11879
  border-left: dashed 1px var(--icon-color);
11159
11880
  }
11160
- .antd-TreeCheckboxes-item,
11161
- .antd-TreeRadios-item {
11881
+ .antd-TreeSelection-item {
11162
11882
  position: relative;
11163
11883
  }
11164
- .antd-TreeCheckboxes-item.is-expanded > .antd-TreeCheckboxes-sublist,
11165
- .antd-TreeCheckboxes-item.is-expanded > .antd-TreeRadios-sublist,
11166
- .antd-TreeRadios-item.is-expanded > .antd-TreeCheckboxes-sublist,
11167
- .antd-TreeRadios-item.is-expanded > .antd-TreeRadios-sublist {
11884
+ .antd-TreeSelection-item.is-expanded > .antd-TreeSelection-sublist {
11168
11885
  display: block;
11169
11886
  }
11170
- .antd-TreeCheckboxes-item:not(:last-child) > .antd-TreeCheckboxes-sublist:before,
11171
- .antd-TreeCheckboxes-item:not(:last-child) > .antd-TreeRadios-sublist:before,
11172
- .antd-TreeRadios-item:not(:last-child) > .antd-TreeCheckboxes-sublist:before,
11173
- .antd-TreeRadios-item:not(:last-child) > .antd-TreeRadios-sublist:before {
11887
+ .antd-TreeSelection-item:not(:last-child) > .antd-TreeSelection-sublist:before {
11174
11888
  bottom: 0;
11175
11889
  }
11176
- .antd-TreeCheckboxes-sublist .antd-TreeCheckboxes-item:before,
11177
- .antd-TreeCheckboxes-sublist .antd-TreeRadios-item:before,
11178
- .antd-TreeRadios-sublist .antd-TreeCheckboxes-item:before,
11179
- .antd-TreeRadios-sublist .antd-TreeRadios-item:before {
11890
+ .antd-TreeSelection-sublist .antd-TreeSelection-item:before {
11180
11891
  height: 1px;
11181
11892
  content: "";
11182
11893
  display: block;
@@ -11186,8 +11897,7 @@ fieldset.antd-Collapse--lg:after {
11186
11897
  left: -19px;
11187
11898
  border-top: dashed 1px var(--icon-color);
11188
11899
  }
11189
- .antd-TreeCheckboxes-itemInner,
11190
- .antd-TreeRadios-itemInner {
11900
+ .antd-TreeSelection-itemInner {
11191
11901
  display: flex;
11192
11902
  align-items: center;
11193
11903
  height: var(--Form-input-height);
@@ -11199,18 +11909,15 @@ fieldset.antd-Collapse--lg:after {
11199
11909
  user-select: none;
11200
11910
  position: relative;
11201
11911
  }
11202
- .antd-TreeCheckboxes-itemInner > .antd-Checkbox,
11203
- .antd-TreeRadios-itemInner > .antd-Checkbox {
11912
+ .antd-TreeSelection-itemInner > .antd-Checkbox {
11204
11913
  margin-right: 0;
11205
11914
  margin-left: var(--gap-sm);
11206
11915
  }
11207
- .antd-TreeCheckboxes-itemInner > *,
11208
- .antd-TreeRadios-itemInner > * {
11916
+ .antd-TreeSelection-itemInner > * {
11209
11917
  position: relative;
11210
11918
  z-index: 2;
11211
11919
  }
11212
- .antd-TreeCheckboxes-itemInner:hover:after,
11213
- .antd-TreeRadios-itemInner:hover:after {
11920
+ .antd-TreeSelection-itemInner:hover:after {
11214
11921
  position: absolute;
11215
11922
  content: "";
11216
11923
  z-index: 1;
@@ -11220,21 +11927,17 @@ fieldset.antd-Collapse--lg:after {
11220
11927
  left: -99999px;
11221
11928
  background: var(--Tree-item-onHover-bg);
11222
11929
  }
11223
- .antd-TreeCheckboxes-itemInner.is-active,
11224
- .antd-TreeRadios-itemInner.is-active {
11930
+ .antd-TreeSelection-itemInner.is-active {
11225
11931
  color: var(--Form-select-menu-onActive-color);
11226
11932
  }
11227
- .antd-TreeCheckboxes-itemInner.is-disabled,
11228
- .antd-TreeRadios-itemInner.is-disabled {
11933
+ .antd-TreeSelection-itemInner.is-disabled {
11229
11934
  pointer-events: none;
11230
11935
  color: var(--text--muted-color);
11231
11936
  }
11232
- .antd-TreeCheckboxes-itemLabel,
11233
- .antd-TreeRadios-itemLabel {
11937
+ .antd-TreeSelection-itemLabel {
11234
11938
  flex-grow: 1;
11235
11939
  }
11236
- .antd-TreeCheckboxes-placeholder,
11237
- .antd-TreeRadios-placeholder {
11940
+ .antd-TreeSelection-placeholder {
11238
11941
  height: var(--Form-input-height);
11239
11942
  line-height: var(--Form-input-lineHeight);
11240
11943
  font-size: var(--Form-input-fontSize);
@@ -11242,23 +11945,23 @@ fieldset.antd-Collapse--lg:after {
11242
11945
  color: var(--text--muted-color);
11243
11946
  }
11244
11947
 
11245
- .antd-ChainedCheckboxes {
11948
+ .antd-ChainedSelection {
11246
11949
  display: flex;
11247
11950
  flex-direction: row;
11248
11951
  }
11249
- .antd-ChainedCheckboxes-col {
11952
+ .antd-ChainedSelection-col {
11250
11953
  flex-grow: 1;
11251
11954
  min-width: 150px;
11252
11955
  }
11253
- .antd-ChainedCheckboxes-col:not(:last-child) {
11956
+ .antd-ChainedSelection-col:not(:last-child) {
11254
11957
  border-right: 1px solid var(--borderColor);
11255
11958
  }
11256
- .antd-ChainedCheckboxes-subTitle {
11959
+ .antd-ChainedSelection-subTitle {
11257
11960
  font-size: var(--fontSizeSm);
11258
11961
  padding: var(--gap-xs) var(--gap-xs);
11259
11962
  color: var(--text--muted-color);
11260
11963
  }
11261
- .antd-ChainedCheckboxes-item {
11964
+ .antd-ChainedSelection-item {
11262
11965
  display: flex;
11263
11966
  height: var(--Form-input-height);
11264
11967
  line-height: var(--Form-input-lineHeight);
@@ -11268,24 +11971,24 @@ fieldset.antd-Collapse--lg:after {
11268
11971
  cursor: pointer;
11269
11972
  user-select: none;
11270
11973
  }
11271
- .antd-ChainedCheckboxes-item > .antd-Checkbox {
11974
+ .antd-ChainedSelection-item > .antd-Checkbox {
11272
11975
  margin-right: 0;
11273
11976
  }
11274
- .antd-ChainedCheckboxes-item.is-active {
11977
+ .antd-ChainedSelection-item.is-active {
11275
11978
  color: var(--Form-select-menu-onActive-color);
11276
11979
  background: var(--Form-select-menu-onActive-bg);
11277
11980
  }
11278
- .antd-ChainedCheckboxes-item:hover {
11981
+ .antd-ChainedSelection-item:hover {
11279
11982
  background: var(--Tree-item-onHover-bg);
11280
11983
  }
11281
- .antd-ChainedCheckboxes-item.is-disabled {
11984
+ .antd-ChainedSelection-item.is-disabled {
11282
11985
  pointer-events: none;
11283
11986
  color: var(--text--muted-color);
11284
11987
  }
11285
- .antd-ChainedCheckboxes-itemLabel {
11988
+ .antd-ChainedSelection-itemLabel {
11286
11989
  flex-grow: 1;
11287
11990
  }
11288
- .antd-ChainedCheckboxes-placeholder {
11991
+ .antd-ChainedSelection-placeholder {
11289
11992
  height: var(--Form-input-height);
11290
11993
  line-height: var(--Form-input-lineHeight);
11291
11994
  font-size: var(--Form-input-fontSize);
@@ -11293,28 +11996,29 @@ fieldset.antd-Collapse--lg:after {
11293
11996
  color: var(--text--muted-color);
11294
11997
  }
11295
11998
 
11296
- .antd-AssociatedCheckboxes {
11999
+ .antd-AssociatedSelection {
11297
12000
  display: flex;
11298
12001
  flex-direction: row;
11299
12002
  }
11300
- .antd-AssociatedCheckboxes-left, .antd-AssociatedCheckboxes-right {
12003
+ .antd-AssociatedSelection-left, .antd-AssociatedSelection-right {
11301
12004
  flex-grow: 1;
11302
12005
  width: 0;
11303
- height: 10.9375rem;
12006
+ min-height: 12.5rem;
12007
+ max-height: 25rem;
11304
12008
  overflow: auto;
11305
12009
  }
11306
- .antd-AssociatedCheckboxes-left {
12010
+ .antd-AssociatedSelection-left {
11307
12011
  border-right: 1px solid var(--borderColor);
11308
12012
  }
11309
- .antd-AssociatedCheckboxes-reload {
12013
+ .antd-AssociatedSelection-reload {
11310
12014
  text-align: center;
11311
12015
  color: var(--info);
11312
12016
  margin: 20px 0 0;
11313
12017
  }
11314
- .antd-AssociatedCheckboxes-reload.is-clickable {
12018
+ .antd-AssociatedSelection-reload.is-clickable {
11315
12019
  cursor: pointer;
11316
12020
  }
11317
- .antd-AssociatedCheckboxes-box {
12021
+ .antd-AssociatedSelection-box {
11318
12022
  line-height: var(--Form-input-lineHeight);
11319
12023
  font-size: var(--fontSizeSm);
11320
12024
  color: var(--text--muted-color);
@@ -11325,7 +12029,7 @@ fieldset.antd-Collapse--lg:after {
11325
12029
  justify-content: center;
11326
12030
  height: 100%;
11327
12031
  }
11328
- .antd-AssociatedCheckboxes-box > p {
12032
+ .antd-AssociatedSelection-box > p {
11329
12033
  text-align: center;
11330
12034
  margin: 10px 0 20px;
11331
12035
  color: var(--text--muted-color);
@@ -11954,6 +12658,7 @@ fieldset.antd-Collapse--lg:after {
11954
12658
  color: var(--ListControl-item-color);
11955
12659
  transition: var(--ListControl-item-transition);
11956
12660
  max-width: calc(12.5rem + 2 * var(--ListControl-item-paddingX));
12661
+ border-radius: var(--ListControl-item-borderRadius);
11957
12662
  }
11958
12663
  .antd-ListControl-item:not(.is-disabled) {
11959
12664
  cursor: pointer;
@@ -12043,7 +12748,7 @@ fieldset.antd-Collapse--lg:after {
12043
12748
  white-space: nowrap;
12044
12749
  color: var(--DatePicker-color);
12045
12750
  background: var(--DatePicker-bg);
12046
- border-radius: var(--DatePicker-borderRadius);
12751
+ border-radius: var(--LocationPicker-borderRadius);
12047
12752
  }
12048
12753
  .antd-LocationPicker:not(.is-disabled) {
12049
12754
  cursor: pointer;
@@ -12174,6 +12879,7 @@ fieldset.antd-Collapse--lg:after {
12174
12879
  padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);
12175
12880
  background: var(--ColorPicker-bg);
12176
12881
  color: var(--ColorPicker-color);
12882
+ border-radius: var(--borderRadius);
12177
12883
  }
12178
12884
  .antd-ColorPicker:not(.is-disabled) {
12179
12885
  cursor: pointer;
@@ -12311,6 +13017,8 @@ fieldset.antd-Collapse--lg:after {
12311
13017
  .antd-DatePicker-toggler {
12312
13018
  cursor: pointer;
12313
13019
  color: var(--DatePicker-iconColor);
13020
+ display: inline-flex;
13021
+ align-items: center;
12314
13022
  }
12315
13023
  .antd-DatePicker-toggler:hover {
12316
13024
  color: var(--DatePicker-onHover-iconColor);
@@ -12563,6 +13271,11 @@ fieldset.antd-Collapse--lg:after {
12563
13271
  background: var(--Calendar-btn-onHover-bg);
12564
13272
  border-color: var(--Calendar-btn-onHover-border);
12565
13273
  }
13274
+ .rdtBtn:not(:disabled):not(.is-disabled):hover:active {
13275
+ color: var(--Calendar-btn-onActive-color);
13276
+ background: var(--Calendar-btn-onActive-bg);
13277
+ border-color: var(--Calendar-btn-onActive-border);
13278
+ }
12566
13279
  .rdtBtn:hover:focus {
12567
13280
  box-shadow: var(--Button-boxShadow);
12568
13281
  }
@@ -12581,6 +13294,11 @@ fieldset.antd-Collapse--lg:after {
12581
13294
  background: var(--Calendar-btnCancel-onHover-bg);
12582
13295
  border-color: var(--Calendar-btnCancel-onHover-border);
12583
13296
  }
13297
+ .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
13298
+ color: var(--Calendar-btnCancel-onActive-color);
13299
+ background: var(--Calendar-btnCancel-onActive-bg);
13300
+ border-color: var(--Calendar-btnCancel-onActive-border);
13301
+ }
12584
13302
  .rdtBtnCancel:hover:focus {
12585
13303
  box-shadow: var(--Button-boxShadow);
12586
13304
  }
@@ -12748,6 +13466,8 @@ td.rdtQuarter.rdtDisabled > span {
12748
13466
  .antd-DateRangePicker-toggler {
12749
13467
  cursor: pointer;
12750
13468
  color: var(--DatePicker-iconColor);
13469
+ display: inline-flex;
13470
+ align-items: center;
12751
13471
  }
12752
13472
  .antd-DateRangePicker-toggler:hover {
12753
13473
  color: var(--DatePicker-onHover-iconColor);
@@ -12852,9 +13572,11 @@ td.rdtQuarter.rdtDisabled > span {
12852
13572
  width: 7.5rem;
12853
13573
  height: 7.5rem;
12854
13574
  display: inline-flex;
13575
+ flex-direction: column;
12855
13576
  justify-content: center;
12856
13577
  align-items: center;
12857
13578
  border: var(--borderWidth) solid var(--borderColor);
13579
+ border-radius: var(--ImageControl-addBtn-borderRadius);
12858
13580
  cursor: pointer;
12859
13581
  margin-right: var(--gap-base);
12860
13582
  color: var(--ImageControl-addBtn-color);
@@ -12868,13 +13590,19 @@ td.rdtQuarter.rdtDisabled > span {
12868
13590
  background: var(--ImageControl-addBtn-onHover-bg);
12869
13591
  border-color: var(--ImageControl-addBtn-onHover-border);
12870
13592
  }
13593
+ .antd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
13594
+ color: var(--ImageControl-addBtn-onActive-color);
13595
+ background: var(--ImageControl-addBtn-onActive-bg);
13596
+ border-color: var(--ImageControl-addBtn-onActive-border);
13597
+ }
12871
13598
  .antd-ImageControl-addBtn:hover:focus {
12872
13599
  box-shadow: var(--Button-boxShadow);
12873
13600
  }
12874
13601
  .antd-ImageControl-addBtn > svg {
12875
- width: 2.5rem;
12876
- height: 2.5rem;
13602
+ width: 1.5rem;
13603
+ height: 1.5rem;
12877
13604
  top: 0;
13605
+ margin-bottom: 0.5rem;
12878
13606
  }
12879
13607
  .antd-ImageControl-addBtn.is-disabled {
12880
13608
  pointer-events: none;
@@ -12908,6 +13636,7 @@ td.rdtQuarter.rdtDisabled > span {
12908
13636
  }
12909
13637
  .antd-ImageControl-item {
12910
13638
  border: var(--borderWidth) solid var(--borderColor);
13639
+ border-radius: var(--ImageControl-addBtn-borderRadius);
12911
13640
  vertical-align: top;
12912
13641
  padding: var(--gap-xs);
12913
13642
  display: inline-block;
@@ -12958,6 +13687,7 @@ td.rdtQuarter.rdtDisabled > span {
12958
13687
  }
12959
13688
  .antd-ImageControl-progressValue {
12960
13689
  height: 5px;
13690
+ border-radius: var(--ImageControl-progress-borderRadius);
12961
13691
  display: block;
12962
13692
  background: var(--info);
12963
13693
  min-width: 10%;
@@ -13050,12 +13780,12 @@ td.rdtQuarter.rdtDisabled > span {
13050
13780
  outline: none;
13051
13781
  }
13052
13782
  .antd-FileControl-selectBtn {
13053
- width: 7.5rem;
13783
+ display: flex;
13784
+ align-items: center;
13054
13785
  }
13055
13786
  .antd-FileControl-selectBtn > svg {
13056
- margin-right: 10px;
13057
- width: pxrem(16px);
13058
- height: pxrem(16px);
13787
+ width: 0.875rem;
13788
+ height: 0.875rem;
13059
13789
  }
13060
13790
  .antd-FileControl-description {
13061
13791
  margin-left: 10px;
@@ -13148,6 +13878,7 @@ td.rdtQuarter.rdtDisabled > span {
13148
13878
  .antd-FileControl-progress > span {
13149
13879
  display: block;
13150
13880
  background: var(--info);
13881
+ border-radius: var(--FileControl-progress-borderRadius);
13151
13882
  height: 100%;
13152
13883
  min-width: 10%;
13153
13884
  transition: ease-out width var(--animation-duration);
@@ -13944,6 +14675,15 @@ td.rdtQuarter.rdtDisabled > span {
13944
14675
  .antd-Combo-addBtn > .pull-right {
13945
14676
  margin-left: var(--Combo-addBtn-paddingX);
13946
14677
  }
14678
+ .antd-Combo-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
14679
+ .antd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
14680
+ .antd-Combo-addBtn > .pull-left {
14681
+ margin-right: var(--Combo-addBtn-paddingX);
14682
+ }
14683
+ .antd-Combo-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
14684
+ .antd-Combo-addBtn > .pull-right {
14685
+ margin-left: var(--Combo-addBtn-paddingX);
14686
+ }
13947
14687
  .antd-Combo-addBtn img.antd-Button-icon {
13948
14688
  height: var(--Button-fontSize);
13949
14689
  vertical-align: middle;
@@ -13953,6 +14693,11 @@ td.rdtQuarter.rdtDisabled > span {
13953
14693
  background: var(--Combo-addBtn-onHover-bg);
13954
14694
  border-color: var(--Combo-addBtn-onHover-border);
13955
14695
  }
14696
+ .antd-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active {
14697
+ color: var(--Combo-addBtn-onActive-color);
14698
+ background: var(--Combo-addBtn-onActive-bg);
14699
+ border-color: var(--Combo-addBtn-onActive-border);
14700
+ }
13956
14701
  .antd-Combo-addBtn:hover:focus {
13957
14702
  box-shadow: var(--Button-boxShadow);
13958
14703
  }
@@ -14502,6 +15247,15 @@ td.rdtQuarter.rdtDisabled > span {
14502
15247
  .antd-TagControl-sugItem > .pull-right {
14503
15248
  margin-left: var(--TagControl-sugBtn-paddingX);
14504
15249
  }
15250
+ .antd-TagControl-sugItem .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
15251
+ .antd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
15252
+ .antd-TagControl-sugItem > .pull-left {
15253
+ margin-right: var(--TagControl-sugBtn-paddingX);
15254
+ }
15255
+ .antd-TagControl-sugItem .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
15256
+ .antd-TagControl-sugItem > .pull-right {
15257
+ margin-left: var(--TagControl-sugBtn-paddingX);
15258
+ }
14505
15259
  .antd-TagControl-sugItem img.antd-Button-icon {
14506
15260
  height: var(--Button-fontSize);
14507
15261
  vertical-align: middle;
@@ -14511,6 +15265,11 @@ td.rdtQuarter.rdtDisabled > span {
14511
15265
  background: var(--TagControl-sugBtn-onHover-bg);
14512
15266
  border-color: var(--TagControl-sugBtn-onHover-border);
14513
15267
  }
15268
+ .antd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
15269
+ color: var(--TagControl-sugBtn-onActive-color);
15270
+ background: var(--TagControl-sugBtn-onActive-bg);
15271
+ border-color: var(--TagControl-sugBtn-onActive-border);
15272
+ }
14514
15273
  .antd-TagControl-sugItem:hover:focus {
14515
15274
  box-shadow: var(--Button-boxShadow);
14516
15275
  }
@@ -14581,6 +15340,7 @@ td.rdtQuarter.rdtDisabled > span {
14581
15340
  font-size: var(--Form-input-fontSize);
14582
15341
  padding: calc( ( 1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
14583
15342
  flex-direction: row;
15343
+ border-radius: var(--borderRadius) var(--borderRadius) 0 0;
14584
15344
  }
14585
15345
  .antd-Transfer-title--light {
14586
15346
  background: transparent;
@@ -14596,17 +15356,18 @@ td.rdtQuarter.rdtDisabled > span {
14596
15356
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
14597
15357
  display: flex;
14598
15358
  flex-direction: column;
15359
+ border-radius: var(--borderRadius);
14599
15360
  }
14600
- .antd-Transfer-select > .antd-Transfer-checkboxes, .antd-Transfer-result > .antd-Transfer-selections {
15361
+ .antd-Transfer-select > .antd-Transfer-selection, .antd-Transfer-result > .antd-Transfer-value {
14601
15362
  flex-grow: 1;
14602
15363
  max-height: 100%;
14603
15364
  overflow: auto;
14604
15365
  position: relative;
14605
15366
  }
14606
- .antd-Transfer-search + .antd-Transfer-checkboxes {
15367
+ .antd-Transfer-search + .antd-Transfer-selection {
14607
15368
  border-top: 1px solid var(--borderColor);
14608
15369
  }
14609
- .antd-Transfer-checkboxes .antd-ListCheckboxes-placeholder {
15370
+ .antd-Transfer-selection .antd-ListSelection-placeholder {
14610
15371
  height: 100%;
14611
15372
  display: flex;
14612
15373
  align-items: center;
@@ -14645,12 +15406,26 @@ td.rdtQuarter.rdtDisabled > span {
14645
15406
  pointer-events: none;
14646
15407
  color: var(--text--muted-color);
14647
15408
  }
14648
- .antd-Transfer-tabs {
15409
+
15410
+ .antd-TabsTransfer .antd-Transfer-title {
15411
+ height: 40px;
15412
+ }
15413
+ .antd-TabsTransfer-placeholder {
15414
+ height: var(--Form-input-height);
15415
+ line-height: var(--Form-input-lineHeight);
15416
+ font-size: var(--Form-input-fontSize);
15417
+ padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15418
+ color: var(--text--muted-color);
15419
+ }
15420
+ .antd-TabsTransfer-tab {
15421
+ padding: 0;
15422
+ }
15423
+ .antd-TabsTransfer-tabs {
14649
15424
  display: flex;
14650
15425
  flex-direction: column;
14651
15426
  height: 100%;
14652
15427
  }
14653
- .antd-Transfer-tabs > .antd-Tabs-links {
15428
+ .antd-TabsTransfer-tabs > .antd-Tabs-links {
14654
15429
  border-top: 0 none;
14655
15430
  padding: 5px 0 0 5px;
14656
15431
  display: flex;
@@ -14658,51 +15433,41 @@ td.rdtQuarter.rdtDisabled > span {
14658
15433
  flex-wrap: wrap;
14659
15434
  align-items: center;
14660
15435
  }
14661
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-Tabs-link > a:first-child {
15436
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-Tabs-link > a:first-child {
14662
15437
  font-size: 12px;
14663
15438
  padding: 7px 8px;
14664
15439
  }
14665
- .antd-Transfer-tabs > .antd-Tabs-links .antd-TabsTransfer-tabsMid {
15440
+ .antd-TabsTransfer-tabs > .antd-Tabs-links .antd-TabsTransfer-tabsMid {
14666
15441
  flex-grow: 1;
14667
15442
  }
14668
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-SearchBox {
15443
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-SearchBox {
14669
15444
  margin: -5px 5px 0 10px;
14670
15445
  }
14671
- .antd-Transfer-tabs > .antd-Tabs-links > .antd-SearchBox.is-active {
15446
+ .antd-TabsTransfer-tabs > .antd-Tabs-links > .antd-SearchBox.is-active {
14672
15447
  width: 150px;
14673
15448
  margin-right: 10px;
14674
15449
  padding-left: 10px;
14675
15450
  }
14676
- .antd-Transfer-tabs > .antd-Tabs-content {
15451
+ .antd-TabsTransfer-tabs > .antd-Tabs-content {
14677
15452
  flex-grow: 1;
15453
+ min-height: 0;
14678
15454
  position: relative;
14679
15455
  padding: 5px 0 0;
14680
15456
  }
14681
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane {
15457
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane {
14682
15458
  position: relative;
14683
- min-height: 100%;
15459
+ height: 100%;
14684
15460
  }
14685
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active {
15461
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active {
14686
15462
  display: flex;
14687
15463
  flex-direction: column;
14688
15464
  }
14689
- .antd-Transfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active > .antd-Transfer-checkboxes {
15465
+ .antd-TabsTransfer-tabs > .antd-Tabs-content > .antd-Tabs-pane.is-active > .antd-Transfer-selection {
14690
15466
  flex-grow: 1;
14691
15467
  max-height: 100%;
14692
15468
  overflow: auto;
14693
15469
  }
14694
15470
 
14695
- .antd-TabsTransfer .antd-Transfer-title {
14696
- height: 40px;
14697
- }
14698
- .antd-TabsTransfer-placeholder {
14699
- height: var(--Form-input-height);
14700
- line-height: var(--Form-input-lineHeight);
14701
- font-size: var(--Form-input-fontSize);
14702
- padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
14703
- color: var(--text--muted-color);
14704
- }
14705
-
14706
15471
  .antd-TransferControl {
14707
15472
  position: relative;
14708
15473
  }
@@ -14710,6 +15475,51 @@ td.rdtQuarter.rdtDisabled > span {
14710
15475
  display: inline-block;
14711
15476
  }
14712
15477
 
15478
+ .antd-TransferPicker-icon {
15479
+ transition: transform var(--animation-duration) ease-out;
15480
+ margin: 5px 5px 5px auto;
15481
+ display: flex;
15482
+ color: var(--Form-select-caret-iconColor);
15483
+ }
15484
+ .antd-TransferPicker-icon:hover {
15485
+ color: var(--Form-select-caret-onHover-iconColor);
15486
+ }
15487
+ .antd-TransferPicker-icon > svg {
15488
+ width: 0.75rem;
15489
+ height: 0.75rem;
15490
+ top: 0;
15491
+ }
15492
+
15493
+ .antd-TransferDropDown-icon {
15494
+ transition: transform var(--animation-duration) ease-out;
15495
+ margin: 5px 5px 5px auto;
15496
+ display: flex;
15497
+ color: var(--Form-select-caret-iconColor);
15498
+ }
15499
+ .antd-TransferDropDown-icon:hover {
15500
+ color: var(--Form-select-caret-onHover-iconColor);
15501
+ }
15502
+ .antd-TransferDropDown-icon > svg {
15503
+ width: 0.625rem;
15504
+ height: 0.625rem;
15505
+ top: 0;
15506
+ }
15507
+ .antd-TransferDropDown.is-active .antd-TransferDropDown-icon {
15508
+ transform: rotate(180deg);
15509
+ }
15510
+
15511
+ .antd-TransferDropDown-content {
15512
+ min-height: 12.5rem;
15513
+ display: flex;
15514
+ flex-direction: column;
15515
+ }
15516
+ .antd-TransferDropDown-content > .antd-Transfer-selection {
15517
+ flex-grow: 1;
15518
+ max-height: 100%;
15519
+ overflow: auto;
15520
+ position: relative;
15521
+ }
15522
+
14713
15523
  .antd-NestedSelectControl {
14714
15524
  position: relative;
14715
15525
  }
@@ -15310,22 +16120,70 @@ td.rdtQuarter.rdtDisabled > span {
15310
16120
  min-width: var(--Form-control-widthSm);
15311
16121
  }
15312
16122
 
16123
+ .antd-Form--column {
16124
+ display: flex;
16125
+ flex-wrap: wrap;
16126
+ margin-left: calc(var(--Form-group-gutterWidth) / -2);
16127
+ margin-right: calc(var(--Form-group-gutterWidth) / -2);
16128
+ }
16129
+ .antd-Form--column > .antd-Form-item {
16130
+ flex-grow: 1;
16131
+ padding-left: calc(var(--Form-group-gutterWidth) / 2);
16132
+ padding-right: calc(var(--Form-group-gutterWidth) / 2);
16133
+ }
16134
+
16135
+ .antd-Form--column-2 > .antd-Form-item {
16136
+ width: 50%;
16137
+ }
16138
+
16139
+ .antd-Form--column-3 > .antd-Form-item {
16140
+ width: 33%;
16141
+ }
16142
+
16143
+ .antd-Form--column-4 > .antd-Form-item {
16144
+ width: 25%;
16145
+ }
16146
+
16147
+ .antd-Form--column-5 > .antd-Form-item {
16148
+ width: 20%;
16149
+ }
16150
+
16151
+ .antd-Form--column-6 > .antd-Form-item {
16152
+ width: 16.6%;
16153
+ }
16154
+
16155
+ .antd-Form--column-7 > .antd-Form-item {
16156
+ width: 14.2%;
16157
+ }
16158
+
16159
+ .antd-Form--column-8 > .antd-Form-item {
16160
+ width: 12.5%;
16161
+ }
16162
+
16163
+ .antd-Form-column-9 > .antd-Form-item {
16164
+ width: 11.1%;
16165
+ }
16166
+
16167
+ .antd-Form-column-10 > .antd-Form-item {
16168
+ width: 10%;
16169
+ }
16170
+
15313
16171
  .antd-AnchorNav {
15314
16172
  display: flex;
15315
16173
  height: 25rem;
15316
16174
  }
15317
- .antd-AnchorNav-link-wrap {
16175
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap {
15318
16176
  margin: 0;
15319
16177
  padding: 0;
15320
16178
  width: var(--Tabs--vertical-width);
15321
16179
  border-right: var(--AnchorNav-links-container-borderRight);
15322
16180
  padding-bottom: 3.75rem;
15323
16181
  }
15324
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
16182
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
15325
16183
  position: relative;
15326
16184
  display: block;
15327
16185
  }
15328
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a {
16186
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a {
15329
16187
  display: block;
15330
16188
  border: var(--Tabs-borderWidth) solid transparent;
15331
16189
  border-width: var(--AnchorNav-onActive-borderWidth);
@@ -15338,14 +16196,60 @@ td.rdtQuarter.rdtDisabled > span {
15338
16196
  cursor: pointer;
15339
16197
  margin: 0;
15340
16198
  }
15341
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
16199
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
15342
16200
  color: var(--primary);
15343
16201
  }
15344
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
15345
- .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
16202
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
16203
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
15346
16204
  color: var(--Tabs--vertical-onActive-color);
15347
16205
  border-color: var(--Tabs--vertical-onActive-border);
15348
16206
  }
16207
+ .antd-AnchorNav--horizontal {
16208
+ flex-direction: column;
16209
+ }
16210
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap {
16211
+ user-select: none;
16212
+ margin: 0px;
16213
+ padding: 0px;
16214
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16215
+ list-style: none;
16216
+ }
16217
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
16218
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16219
+ display: inline-block;
16220
+ position: relative;
16221
+ }
16222
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:first-child {
16223
+ font-size: var(--Tabs-linkFontSize);
16224
+ outline: 0;
16225
+ border: var(--Tabs-borderWidth) solid transparent;
16226
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16227
+ border-top-left-radius: var(--Tabs-borderRadius);
16228
+ border-top-right-radius: var(--Tabs-borderRadius);
16229
+ color: var(--Tabs-color);
16230
+ margin: var(--Tabs-linkMargin);
16231
+ padding: var(--Tabs-linkPadding);
16232
+ text-decoration: none;
16233
+ cursor: pointer;
16234
+ display: block;
16235
+ }
16236
+ .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 {
16237
+ color: var(--primary);
16238
+ background: transparent;
16239
+ border-color: transparent;
16240
+ }
16241
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link:last-child > a {
16242
+ margin: 0;
16243
+ }
16244
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child,
16245
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child:hover,
16246
+ .antd-AnchorNav--horizontal .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:first-child:focus {
16247
+ font-size: var(--Tabs-linkFontSize);
16248
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16249
+ border-color: var(--Tabs--line-onHover-borderColor);
16250
+ color: var(--Tabs--line-onHover-color);
16251
+ background: transparent;
16252
+ }
15349
16253
  .antd-AnchorNav-section-wrap {
15350
16254
  border: none;
15351
16255
  flex-grow: 1;
@@ -15579,6 +16483,18 @@ td.rdtQuarter.rdtDisabled > span {
15579
16483
  border-bottom-color: #eee;
15580
16484
  }
15581
16485
 
16486
+ .antd-Link.is-disabled {
16487
+ cursor: not-allowed;
16488
+ color: var(--text--muted-color);
16489
+ }
16490
+
16491
+ .antd-MappingField {
16492
+ margin-right: var(--gap-xs);
16493
+ }
16494
+ .antd-MappingField:last-child {
16495
+ margin-right: 0;
16496
+ }
16497
+
15582
16498
  /*
15583
16499
  * utilities
15584
16500
  */
@@ -15871,6 +16787,10 @@ td.rdtQuarter.rdtDisabled > span {
15871
16787
  background: none !important;
15872
16788
  }
15873
16789
 
16790
+ .cursor-pointer {
16791
+ cursor: pointer;
16792
+ }
16793
+
15874
16794
  a.bg-primary:hover {
15875
16795
  background: #0084fe;
15876
16796
  }