amis 1.3.5-beta.7 → 1.4.2-beta.11

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 (577) 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 +16 -3
  14. package/lib/components/Badge.js +54 -5
  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/Checkbox.d.ts +1 -1
  23. package/lib/components/Checkbox.js +1 -1
  24. package/lib/components/Checkbox.js.map +2 -2
  25. package/lib/components/Collapse.js +1 -1
  26. package/lib/components/Collapse.js.map +2 -2
  27. package/lib/components/ColorPicker.d.ts +84 -84
  28. package/lib/components/DatePicker.d.ts +84 -84
  29. package/lib/components/DatePicker.js +1 -1
  30. package/lib/components/DatePicker.js.map +2 -2
  31. package/lib/components/DateRangePicker.d.ts +84 -84
  32. package/lib/components/DateRangePicker.js +1 -1
  33. package/lib/components/DateRangePicker.js.map +2 -2
  34. package/lib/components/Drawer.js +1 -1
  35. package/lib/components/Drawer.js.map +2 -2
  36. package/lib/components/Editor.d.ts +84 -84
  37. package/lib/components/GroupedSelection.d.ts +907 -0
  38. package/lib/components/GroupedSelection.js +48 -0
  39. package/lib/components/GroupedSelection.js.map +13 -0
  40. package/lib/components/InputBox.js +1 -1
  41. package/lib/components/InputBox.js.map +2 -2
  42. package/lib/components/Link.d.ts +84 -0
  43. package/lib/components/Link.js +43 -0
  44. package/lib/components/Link.js.map +13 -0
  45. package/lib/components/ListGroup.d.ts +21 -21
  46. package/lib/components/Modal.js +1 -1
  47. package/lib/components/Modal.js.map +2 -2
  48. package/lib/components/ModalManager.js +1 -1
  49. package/lib/components/ModalManager.js.map +2 -2
  50. package/lib/components/MonthRangePicker.d.ts +84 -84
  51. package/lib/components/MonthRangePicker.js +1 -1
  52. package/lib/components/MonthRangePicker.js.map +2 -2
  53. package/lib/components/NumberInput.d.ts +20 -20
  54. package/lib/components/PickerColumn.d.ts +514 -0
  55. package/lib/components/PickerColumn.js +279 -0
  56. package/lib/components/PickerColumn.js.map +13 -0
  57. package/lib/components/PickerContainer.d.ts +513 -0
  58. package/lib/components/PickerContainer.js +96 -0
  59. package/lib/components/PickerContainer.js.map +13 -0
  60. package/lib/components/Radios.d.ts +22 -21
  61. package/lib/components/Radios.js +1 -0
  62. package/lib/components/Radios.js.map +2 -2
  63. package/lib/components/Rating.d.ts +21 -21
  64. package/lib/components/ResultBox.d.ts +84 -84
  65. package/lib/components/RichText.d.ts +6 -1
  66. package/lib/components/RichText.js +207 -8
  67. package/lib/components/RichText.js.map +2 -2
  68. package/lib/components/SearchBox.d.ts +84 -84
  69. package/lib/components/SearchBox.js +4 -4
  70. package/lib/components/SearchBox.js.map +2 -2
  71. package/lib/components/Select.d.ts +252 -237
  72. package/lib/components/Select.js +28 -4
  73. package/lib/components/Select.js.map +2 -2
  74. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  75. package/lib/components/Selection.js +134 -0
  76. package/lib/components/Selection.js.map +13 -0
  77. package/lib/components/SparkLine.d.ts +85 -84
  78. package/lib/components/SparkLine.js +2 -2
  79. package/lib/components/SparkLine.js.map +2 -2
  80. package/lib/components/Steps.d.ts +3 -3
  81. package/lib/components/Steps.js.map +1 -1
  82. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  83. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  84. package/lib/components/TableSelection.js.map +13 -0
  85. package/lib/components/Tabs.d.ts +20 -20
  86. package/lib/components/TabsTransfer.d.ts +84 -84
  87. package/lib/components/TabsTransfer.js +9 -9
  88. package/lib/components/TabsTransfer.js.map +2 -2
  89. package/lib/components/TabsTransferPicker.d.ts +489 -0
  90. package/lib/components/TabsTransferPicker.js +60 -0
  91. package/lib/components/TabsTransferPicker.js.map +13 -0
  92. package/lib/components/Toast.js +2 -2
  93. package/lib/components/Toast.js.map +2 -2
  94. package/lib/components/Transfer.d.ts +908 -274
  95. package/lib/components/Transfer.js +31 -24
  96. package/lib/components/Transfer.js.map +2 -2
  97. package/lib/components/TransferDropDown.d.ts +487 -0
  98. package/lib/components/TransferDropDown.js +59 -0
  99. package/lib/components/TransferDropDown.js.map +13 -0
  100. package/lib/components/TransferPicker.d.ts +489 -0
  101. package/lib/components/TransferPicker.js +60 -0
  102. package/lib/components/TransferPicker.js.map +13 -0
  103. package/lib/components/Tree.d.ts +84 -84
  104. package/lib/components/Tree.js +5 -3
  105. package/lib/components/Tree.js.map +2 -2
  106. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  107. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  108. package/lib/components/TreeSelection.js.map +13 -0
  109. package/lib/components/WithRemoteConfig.d.ts +8 -0
  110. package/lib/components/WithRemoteConfig.js +29 -3
  111. package/lib/components/WithRemoteConfig.js.map +2 -2
  112. package/lib/components/calendar/DaysView.js +2 -2
  113. package/lib/components/calendar/DaysView.js.map +2 -2
  114. package/lib/components/condition-builder/Field.js +5 -3
  115. package/lib/components/condition-builder/Field.js.map +2 -2
  116. package/lib/components/condition-builder/Func.js +2 -2
  117. package/lib/components/condition-builder/Func.js.map +2 -2
  118. package/lib/components/condition-builder/InputSwitch.js +2 -2
  119. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  120. package/lib/components/condition-builder/Item.js +3 -3
  121. package/lib/components/condition-builder/Item.js.map +2 -2
  122. package/lib/components/condition-builder/Value.js +2 -1
  123. package/lib/components/condition-builder/Value.js.map +2 -2
  124. package/lib/components/condition-builder/types.d.ts +5 -0
  125. package/lib/components/condition-builder/types.js.map +1 -1
  126. package/lib/components/icons.js +14 -0
  127. package/lib/components/icons.js.map +2 -2
  128. package/lib/components/index.d.ts +8 -8
  129. package/lib/components/index.js +16 -16
  130. package/lib/components/index.js.map +2 -2
  131. package/lib/envOverwrite.js.map +2 -2
  132. package/lib/factory.d.ts +9 -1
  133. package/lib/factory.js +13 -6
  134. package/lib/factory.js.map +2 -2
  135. package/lib/helper.css.map +1 -1
  136. package/lib/hooks/index.d.ts +5 -0
  137. package/lib/hooks/index.js +14 -0
  138. package/lib/hooks/index.js.map +13 -0
  139. package/lib/hooks/use-set-state.d.ts +2 -0
  140. package/lib/hooks/use-set-state.js +15 -0
  141. package/lib/hooks/use-set-state.js.map +13 -0
  142. package/lib/hooks/use-touch.d.ts +16 -0
  143. package/lib/hooks/use-touch.js +73 -0
  144. package/lib/hooks/use-touch.js.map +13 -0
  145. package/lib/hooks/use-update-effect.d.ts +3 -0
  146. package/lib/hooks/use-update-effect.js +17 -0
  147. package/lib/hooks/use-update-effect.js.map +13 -0
  148. package/lib/icons/clock.js +10 -0
  149. package/lib/icons/loading-outline.js +7 -0
  150. package/lib/icons/status-close.js +11 -0
  151. package/lib/icons/status-fail.js +11 -0
  152. package/lib/icons/status-info.js +10 -0
  153. package/lib/icons/status-success.js +11 -0
  154. package/lib/icons/status-warning.js +10 -0
  155. package/lib/index.d.ts +3 -0
  156. package/lib/index.js +4 -1
  157. package/lib/index.js.map +2 -2
  158. package/lib/locale/de-DE.js +5 -0
  159. package/lib/locale/de-DE.js.map +2 -2
  160. package/lib/locale/en-US.js +6 -1
  161. package/lib/locale/en-US.js.map +2 -2
  162. package/lib/locale/zh-CN.js +9 -4
  163. package/lib/locale/zh-CN.js.map +2 -2
  164. package/lib/renderers/Action.d.ts +17 -1
  165. package/lib/renderers/Action.js +21 -8
  166. package/lib/renderers/Action.js.map +2 -2
  167. package/lib/renderers/AnchorNav.d.ts +1 -0
  168. package/lib/renderers/AnchorNav.js +2 -2
  169. package/lib/renderers/AnchorNav.js.map +2 -2
  170. package/lib/renderers/Avatar.js +3 -3
  171. package/lib/renderers/Avatar.js.map +2 -2
  172. package/lib/renderers/Breadcrumb.js +1 -1
  173. package/lib/renderers/Breadcrumb.js.map +2 -2
  174. package/lib/renderers/CRUD.d.ts +9 -0
  175. package/lib/renderers/CRUD.js +48 -23
  176. package/lib/renderers/CRUD.js.map +2 -2
  177. package/lib/renderers/Card.d.ts +4 -0
  178. package/lib/renderers/Card.js +29 -23
  179. package/lib/renderers/Card.js.map +2 -2
  180. package/lib/renderers/Chart.js +1 -1
  181. package/lib/renderers/Chart.js.map +2 -2
  182. package/lib/renderers/Collapse.d.ts +1 -1
  183. package/lib/renderers/Collapse.js +8 -3
  184. package/lib/renderers/Collapse.js.map +2 -2
  185. package/lib/renderers/Dialog.d.ts +0 -252
  186. package/lib/renderers/Dialog.js +1 -4
  187. package/lib/renderers/Dialog.js.map +2 -2
  188. package/lib/renderers/Drawer.js +0 -3
  189. package/lib/renderers/Drawer.js.map +2 -2
  190. package/lib/renderers/DropDownButton.d.ts +13 -1
  191. package/lib/renderers/DropDownButton.js +9 -5
  192. package/lib/renderers/DropDownButton.js.map +2 -2
  193. package/lib/renderers/Form/Checkbox.d.ts +5 -0
  194. package/lib/renderers/Form/Checkbox.js +4 -0
  195. package/lib/renderers/Form/Checkbox.js.map +2 -2
  196. package/lib/renderers/Form/Combo.js +2 -2
  197. package/lib/renderers/Form/Combo.js.map +2 -2
  198. package/lib/renderers/Form/DiffEditor.d.ts +4 -5
  199. package/lib/renderers/Form/Editor.d.ts +3 -4
  200. package/lib/renderers/Form/Editor.js +1 -1
  201. package/lib/renderers/Form/Editor.js.map +2 -2
  202. package/lib/renderers/Form/InputCity.d.ts +84 -84
  203. package/lib/renderers/Form/InputCity.js +7 -6
  204. package/lib/renderers/Form/InputCity.js.map +2 -2
  205. package/lib/renderers/Form/InputColor.d.ts +84 -84
  206. package/lib/renderers/Form/InputExcel.d.ts +5 -0
  207. package/lib/renderers/Form/InputExcel.js +24 -3
  208. package/lib/renderers/Form/InputExcel.js.map +2 -2
  209. package/lib/renderers/Form/InputFile.js +12 -6
  210. package/lib/renderers/Form/InputFile.js.map +2 -2
  211. package/lib/renderers/Form/InputImage.d.ts +8 -0
  212. package/lib/renderers/Form/InputImage.js +18 -8
  213. package/lib/renderers/Form/InputImage.js.map +2 -2
  214. package/lib/renderers/Form/InputTable.d.ts +23 -5
  215. package/lib/renderers/Form/InputTable.js +32 -3
  216. package/lib/renderers/Form/InputTable.js.map +2 -2
  217. package/lib/renderers/Form/Item.d.ts +1 -1
  218. package/lib/renderers/Form/Item.js.map +1 -1
  219. package/lib/renderers/Form/Options.js +19 -6
  220. package/lib/renderers/Form/Options.js.map +2 -2
  221. package/lib/renderers/Form/Picker.js +2 -2
  222. package/lib/renderers/Form/Picker.js.map +2 -2
  223. package/lib/renderers/Form/Select.d.ts +41 -4
  224. package/lib/renderers/Form/Select.js +23 -3
  225. package/lib/renderers/Form/Select.js.map +2 -2
  226. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  227. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  228. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  229. package/lib/renderers/Form/Transfer.js +3 -2
  230. package/lib/renderers/Form/Transfer.js.map +2 -2
  231. package/lib/renderers/Form/TransferPicker.d.ts +48 -0
  232. package/lib/renderers/Form/TransferPicker.js +29 -0
  233. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  234. package/lib/renderers/Form/TreeSelect.js +2 -2
  235. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  236. package/lib/renderers/Form/index.js +1 -1
  237. package/lib/renderers/Form/index.js.map +2 -2
  238. package/lib/renderers/Form/wrapControl.js +15 -3
  239. package/lib/renderers/Form/wrapControl.js.map +2 -2
  240. package/lib/renderers/IFrame.js +3 -5
  241. package/lib/renderers/IFrame.js.map +2 -2
  242. package/lib/renderers/Image.d.ts +1 -0
  243. package/lib/renderers/Image.js +15 -1
  244. package/lib/renderers/Image.js.map +2 -2
  245. package/lib/renderers/Json.d.ts +4 -0
  246. package/lib/renderers/Json.js +7 -12
  247. package/lib/renderers/Json.js.map +2 -2
  248. package/lib/renderers/Link.d.ts +18 -3
  249. package/lib/renderers/Link.js +27 -15
  250. package/lib/renderers/Link.js.map +2 -2
  251. package/lib/renderers/List.js +1 -1
  252. package/lib/renderers/List.js.map +2 -2
  253. package/lib/renderers/Log.d.ts +2 -2
  254. package/lib/renderers/Log.js +7 -1
  255. package/lib/renderers/Log.js.map +2 -2
  256. package/lib/renderers/Mapping.d.ts +9 -2
  257. package/lib/renderers/Mapping.js +18 -6
  258. package/lib/renderers/Mapping.js.map +2 -2
  259. package/lib/renderers/Nav.d.ts +81 -25
  260. package/lib/renderers/Nav.js +292 -31
  261. package/lib/renderers/Nav.js.map +2 -2
  262. package/lib/renderers/Page.js +4 -1
  263. package/lib/renderers/Page.js.map +2 -2
  264. package/lib/renderers/Portlet.d.ts +125 -0
  265. package/lib/renderers/Portlet.js +156 -0
  266. package/lib/renderers/Portlet.js.map +13 -0
  267. package/lib/renderers/Property.js +2 -1
  268. package/lib/renderers/Property.js.map +2 -2
  269. package/lib/renderers/SearchBox.d.ts +6 -1
  270. package/lib/renderers/SearchBox.js +19 -5
  271. package/lib/renderers/SearchBox.js.map +2 -2
  272. package/lib/renderers/Service.d.ts +10 -1
  273. package/lib/renderers/Service.js +85 -3
  274. package/lib/renderers/Service.js.map +2 -2
  275. package/lib/renderers/SparkLine.d.ts +4 -0
  276. package/lib/renderers/SparkLine.js.map +2 -2
  277. package/lib/renderers/Steps.d.ts +4 -4
  278. package/lib/renderers/Steps.js +5 -2
  279. package/lib/renderers/Steps.js.map +2 -2
  280. package/lib/renderers/Table/ColumnToggler.d.ts +113 -0
  281. package/lib/renderers/Table/ColumnToggler.js +216 -0
  282. package/lib/renderers/Table/ColumnToggler.js.map +13 -0
  283. package/lib/renderers/Table/ItemActionsWrapper.d.ts +11 -0
  284. package/lib/renderers/Table/ItemActionsWrapper.js +31 -0
  285. package/lib/renderers/Table/ItemActionsWrapper.js.map +13 -0
  286. package/lib/renderers/Table/TableBody.d.ts +5 -1
  287. package/lib/renderers/Table/TableBody.js.map +1 -1
  288. package/lib/renderers/Table/TableCell.js +3 -1
  289. package/lib/renderers/Table/TableCell.js.map +2 -2
  290. package/lib/renderers/Table/TableContent.d.ts +5 -2
  291. package/lib/renderers/Table/TableContent.js +21 -1
  292. package/lib/renderers/Table/TableContent.js.map +2 -2
  293. package/lib/renderers/Table/index.d.ts +27 -5
  294. package/lib/renderers/Table/index.js +251 -101
  295. package/lib/renderers/Table/index.js.map +2 -2
  296. package/lib/renderers/Tabs.js +9 -1
  297. package/lib/renderers/Tabs.js.map +2 -2
  298. package/lib/renderers/WebComponent.js +1 -1
  299. package/lib/renderers/WebComponent.js.map +2 -2
  300. package/lib/store/app.d.ts +0 -1
  301. package/lib/store/combo.d.ts +2 -18
  302. package/lib/store/crud.d.ts +0 -1
  303. package/lib/store/crud.js +3 -7
  304. package/lib/store/crud.js.map +2 -2
  305. package/lib/store/form.d.ts +1 -2
  306. package/lib/store/form.js +5 -6
  307. package/lib/store/form.js.map +2 -2
  308. package/lib/store/modal.d.ts +1 -1
  309. package/lib/store/modal.js +4 -0
  310. package/lib/store/modal.js.map +2 -2
  311. package/lib/store/root.d.ts +0 -1
  312. package/lib/store/service.d.ts +0 -1
  313. package/lib/store/service.js +5 -17
  314. package/lib/store/service.js.map +2 -2
  315. package/lib/store/table.d.ts +260 -5
  316. package/lib/store/table.js +83 -7
  317. package/lib/store/table.js.map +2 -2
  318. package/lib/themes/ang-ie11.css +1360 -244
  319. package/lib/themes/ang.css +1360 -244
  320. package/lib/themes/ang.css.map +1 -1
  321. package/lib/themes/antd-ie11.css +1360 -244
  322. package/lib/themes/antd.css +1360 -244
  323. package/lib/themes/antd.css.map +1 -1
  324. package/lib/themes/cxd-ie11.css +1960 -517
  325. package/lib/themes/cxd.css +1960 -517
  326. package/lib/themes/cxd.css.map +1 -1
  327. package/lib/themes/dark-ie11.css +1360 -244
  328. package/lib/themes/dark.css +1360 -244
  329. package/lib/themes/dark.css.map +1 -1
  330. package/lib/themes/default.css +1960 -517
  331. package/lib/themes/default.css.map +1 -1
  332. package/lib/types.d.ts +37 -0
  333. package/lib/types.js +0 -5
  334. package/lib/types.js.map +2 -2
  335. package/lib/utils/api.d.ts +3 -2
  336. package/lib/utils/api.js +43 -15
  337. package/lib/utils/api.js.map +2 -2
  338. package/lib/utils/attachmentAdpator.d.ts +7 -0
  339. package/lib/utils/attachmentAdpator.js +82 -0
  340. package/lib/utils/attachmentAdpator.js.map +13 -0
  341. package/lib/utils/dom.d.ts +4 -0
  342. package/lib/utils/dom.js +11 -1
  343. package/lib/utils/dom.js.map +2 -2
  344. package/lib/utils/handleAction.d.ts +7 -0
  345. package/lib/utils/handleAction.js +30 -0
  346. package/lib/utils/handleAction.js.map +13 -0
  347. package/lib/utils/helper.d.ts +3 -1
  348. package/lib/utils/helper.js +14 -5
  349. package/lib/utils/helper.js.map +2 -2
  350. package/lib/utils/icon.js +3 -0
  351. package/lib/utils/icon.js.map +2 -2
  352. package/lib/utils/tpl-builtin.d.ts +1 -1
  353. package/lib/utils/tpl-builtin.js +25 -15
  354. package/lib/utils/tpl-builtin.js.map +2 -2
  355. package/lib/utils/validations.js +62 -5
  356. package/lib/utils/validations.js.map +2 -2
  357. package/package.json +1 -2
  358. package/schema.json +3638 -1030
  359. package/scss/_mixins.scss +27 -0
  360. package/scss/_properties.scss +88 -13
  361. package/scss/_utilities.scss +4 -0
  362. package/scss/base/_normalize.scss +2 -0
  363. package/scss/components/_anchor-nav.scss +88 -29
  364. package/scss/components/_badge.scss +67 -2
  365. package/scss/components/_button.scss +34 -3
  366. package/scss/components/_card.scss +8 -14
  367. package/scss/components/_collapse.scss +41 -8
  368. package/scss/components/_column-toggler.scss +234 -0
  369. package/scss/components/_dropdown.scss +2 -1
  370. package/scss/components/_image-gallery.scss +1 -1
  371. package/scss/components/_images.scss +2 -1
  372. package/scss/components/_link.scss +6 -0
  373. package/scss/components/_mapping.scss +6 -0
  374. package/scss/components/_markdown.scss +266 -0
  375. package/scss/components/_nav.scss +236 -154
  376. package/scss/components/_page.scss +5 -4
  377. package/scss/components/_picker-columns.scss +123 -0
  378. package/scss/components/_popover.scss +17 -0
  379. package/scss/components/_portlet.scss +51 -0
  380. package/scss/components/_progress.scss +2 -0
  381. package/scss/components/_spinner.scss +6 -2
  382. package/scss/components/_status.scss +1 -1
  383. package/scss/components/_steps.scss +1 -1
  384. package/scss/components/_table.scss +51 -1
  385. package/scss/components/form/_checks.scss +0 -351
  386. package/scss/components/form/_color.scss +1 -0
  387. package/scss/components/form/_date-range.scss +2 -0
  388. package/scss/components/form/_date.scss +2 -0
  389. package/scss/components/form/_fieldset.scss +6 -3
  390. package/scss/components/form/_file.scss +5 -4
  391. package/scss/components/form/_group.scss +4 -0
  392. package/scss/components/form/_image.scss +7 -2
  393. package/scss/components/form/_list.scss +1 -0
  394. package/scss/components/form/_location.scss +1 -1
  395. package/scss/components/form/_selection.scss +354 -0
  396. package/scss/components/form/_text.scss +13 -0
  397. package/scss/components/form/_textarea.scss +10 -0
  398. package/scss/components/form/_transfer.scss +77 -18
  399. package/scss/themes/_common.scss +7 -0
  400. package/scss/themes/_cxd-colors.scss +56 -0
  401. package/scss/themes/_cxd-variables.scss +219 -91
  402. package/scss/themes/cxd.scss +370 -0
  403. package/sdk/ang-ie11.css +1752 -431
  404. package/sdk/ang.css +1706 -323
  405. package/sdk/antd-ie11.css +1739 -420
  406. package/sdk/antd.css +1706 -323
  407. package/sdk/charts.js +13 -13
  408. package/sdk/color-picker.js +65 -69
  409. package/sdk/cropperjs.js +2 -2
  410. package/sdk/cxd-ie11.css +3015 -1397
  411. package/sdk/cxd.css +2402 -651
  412. package/sdk/dark-ie11.css +1750 -429
  413. package/sdk/dark.css +1706 -323
  414. package/sdk/exceljs.js +1 -1
  415. package/sdk/helper.css.map +1 -1
  416. package/sdk/ie11-patch.css +1 -0
  417. package/sdk/locale/de-DE.js +5 -0
  418. package/sdk/markdown.js +69 -69
  419. package/sdk/papaparse.js +1 -1
  420. package/sdk/renderers/Form/CityDB.js +1 -1
  421. package/sdk/rest.js +20 -30
  422. package/sdk/rich-text.js +62 -64
  423. package/sdk/sdk-ie11.css +3015 -1397
  424. package/sdk/sdk.css +2402 -651
  425. package/sdk/sdk.js +1278 -1220
  426. package/sdk/thirds/hls.js/hls.js +1 -1
  427. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  428. package/sdk/tinymce.js +57 -57
  429. package/src/Schema.ts +32 -0
  430. package/src/components/Alert.tsx +3 -1
  431. package/src/components/AnchorNav.tsx +15 -4
  432. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +41 -37
  433. package/src/components/Badge.tsx +126 -23
  434. package/src/components/Button.tsx +23 -7
  435. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  436. package/src/components/Checkbox.tsx +5 -2
  437. package/src/components/Collapse.tsx +14 -9
  438. package/src/components/DatePicker.tsx +1 -1
  439. package/src/components/DateRangePicker.tsx +23 -11
  440. package/src/components/Drawer.tsx +3 -2
  441. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  442. package/src/components/InputBox.tsx +1 -1
  443. package/src/components/Link.tsx +85 -0
  444. package/src/components/Modal.tsx +3 -2
  445. package/src/components/ModalManager.ts +1 -1
  446. package/src/components/MonthRangePicker.tsx +10 -2
  447. package/src/components/PickerColumn.tsx +429 -0
  448. package/src/components/PickerContainer.tsx +128 -0
  449. package/src/components/Radios.tsx +3 -8
  450. package/src/components/RichText.tsx +244 -3
  451. package/src/components/SearchBox.tsx +4 -5
  452. package/src/components/Select.tsx +61 -5
  453. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  454. package/src/components/SparkLine.tsx +4 -1
  455. package/src/components/Steps.tsx +3 -3
  456. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  457. package/src/components/TabsTransfer.tsx +13 -7
  458. package/src/components/TabsTransferPicker.tsx +85 -0
  459. package/src/components/Toast.tsx +5 -5
  460. package/src/components/Transfer.tsx +71 -50
  461. package/src/components/TransferDropDown.tsx +117 -0
  462. package/src/components/TransferPicker.tsx +84 -0
  463. package/src/components/Tree.tsx +6 -8
  464. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  465. package/src/components/WithRemoteConfig.tsx +44 -4
  466. package/src/components/calendar/DaysView.tsx +2 -2
  467. package/src/components/condition-builder/Field.tsx +6 -7
  468. package/src/components/condition-builder/Func.tsx +3 -3
  469. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  470. package/src/components/condition-builder/Item.tsx +5 -12
  471. package/src/components/condition-builder/Value.tsx +3 -0
  472. package/src/components/condition-builder/types.ts +6 -0
  473. package/src/components/icons.tsx +15 -0
  474. package/src/components/index.tsx +13 -13
  475. package/src/envOverwrite.ts +0 -1
  476. package/src/factory.tsx +31 -6
  477. package/src/hooks/index.ts +5 -0
  478. package/src/hooks/use-set-state.ts +19 -0
  479. package/src/hooks/use-touch.ts +100 -0
  480. package/src/hooks/use-update-effect.ts +16 -0
  481. package/src/icons/clock.svg +1 -0
  482. package/src/icons/loading-outline.svg +4 -0
  483. package/src/icons/status-close.svg +10 -0
  484. package/src/icons/status-fail.svg +10 -0
  485. package/src/icons/status-info.svg +8 -0
  486. package/src/icons/status-success.svg +10 -0
  487. package/src/icons/status-warning.svg +8 -0
  488. package/src/index.tsx +3 -0
  489. package/src/locale/de-DE.ts +5 -0
  490. package/src/locale/en-US.ts +6 -1
  491. package/src/locale/zh-CN.ts +9 -4
  492. package/src/renderers/Action.tsx +99 -15
  493. package/src/renderers/AnchorNav.tsx +4 -0
  494. package/src/renderers/Avatar.tsx +8 -4
  495. package/src/renderers/Breadcrumb.tsx +5 -1
  496. package/src/renderers/CRUD.tsx +70 -56
  497. package/src/renderers/Card.tsx +63 -34
  498. package/src/renderers/Chart.tsx +6 -2
  499. package/src/renderers/Collapse.tsx +9 -3
  500. package/src/renderers/Dialog.tsx +1 -5
  501. package/src/renderers/Drawer.tsx +0 -4
  502. package/src/renderers/DropDownButton.tsx +34 -12
  503. package/src/renderers/Form/Checkbox.tsx +8 -0
  504. package/src/renderers/Form/Combo.tsx +2 -3
  505. package/src/renderers/Form/Editor.tsx +19 -20
  506. package/src/renderers/Form/InputCity.tsx +4 -8
  507. package/src/renderers/Form/InputExcel.tsx +28 -3
  508. package/src/renderers/Form/InputFile.tsx +30 -20
  509. package/src/renderers/Form/InputImage.tsx +39 -13
  510. package/src/renderers/Form/InputTable.tsx +88 -9
  511. package/src/renderers/Form/Item.tsx +1 -1
  512. package/src/renderers/Form/Options.tsx +32 -7
  513. package/src/renderers/Form/Picker.tsx +3 -2
  514. package/src/renderers/Form/Select.tsx +144 -21
  515. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  516. package/src/renderers/Form/Transfer.tsx +3 -2
  517. package/src/renderers/Form/TransferPicker.tsx +123 -0
  518. package/src/renderers/Form/TreeSelect.tsx +25 -0
  519. package/src/renderers/Form/index.tsx +1 -1
  520. package/src/renderers/Form/wrapControl.tsx +28 -3
  521. package/src/renderers/IFrame.tsx +4 -5
  522. package/src/renderers/Image.tsx +10 -0
  523. package/src/renderers/Json.tsx +19 -10
  524. package/src/renderers/Link.tsx +53 -14
  525. package/src/renderers/List.tsx +1 -1
  526. package/src/renderers/Log.tsx +16 -3
  527. package/src/renderers/Mapping.tsx +27 -11
  528. package/src/renderers/Nav.tsx +392 -60
  529. package/src/renderers/Page.tsx +3 -1
  530. package/src/renderers/Portlet.tsx +423 -0
  531. package/src/renderers/Property.tsx +3 -2
  532. package/src/renderers/SearchBox.tsx +23 -4
  533. package/src/renderers/Service.tsx +101 -3
  534. package/src/renderers/SparkLine.tsx +5 -0
  535. package/src/renderers/Steps.tsx +12 -9
  536. package/src/renderers/Table/ColumnToggler.tsx +544 -0
  537. package/src/renderers/Table/ItemActionsWrapper.tsx +44 -0
  538. package/src/renderers/Table/TableBody.tsx +1 -1
  539. package/src/renderers/Table/TableCell.tsx +16 -1
  540. package/src/renderers/Table/TableContent.tsx +41 -3
  541. package/src/renderers/Table/index.tsx +318 -92
  542. package/src/renderers/Tabs.tsx +9 -1
  543. package/src/renderers/WebComponent.tsx +2 -2
  544. package/src/store/crud.ts +3 -8
  545. package/src/store/form.ts +5 -10
  546. package/src/store/modal.ts +4 -0
  547. package/src/store/service.ts +5 -23
  548. package/src/store/table.ts +103 -4
  549. package/src/types.ts +57 -0
  550. package/src/utils/api.ts +63 -23
  551. package/src/utils/attachmentAdpator.ts +90 -0
  552. package/src/utils/dom.tsx +12 -0
  553. package/src/utils/handleAction.ts +41 -0
  554. package/src/utils/helper.ts +12 -3
  555. package/src/utils/icon.tsx +4 -0
  556. package/src/utils/tpl-builtin.ts +48 -17
  557. package/src/utils/validations.ts +80 -12
  558. package/dump.rdb +0 -0
  559. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  560. package/lib/components/AssociatedCheckboxes.js +0 -90
  561. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  562. package/lib/components/ChainedCheckboxes.js.map +0 -13
  563. package/lib/components/Checkboxes.js +0 -101
  564. package/lib/components/Checkboxes.js.map +0 -13
  565. package/lib/components/ListCheckboxes.d.ts +0 -739
  566. package/lib/components/ListCheckboxes.js +0 -48
  567. package/lib/components/ListCheckboxes.js.map +0 -13
  568. package/lib/components/ListRadios.d.ts +0 -763
  569. package/lib/components/ListRadios.js +0 -86
  570. package/lib/components/ListRadios.js.map +0 -13
  571. package/lib/components/TableCheckboxes.js.map +0 -13
  572. package/lib/components/TreeCheckboxes.js.map +0 -13
  573. package/lib/components/TreeRadios.d.ts +0 -838
  574. package/lib/components/TreeRadios.js +0 -116
  575. package/lib/components/TreeRadios.js.map +0 -13
  576. package/src/components/ListRadios.tsx +0 -159
  577. package/src/components/TreeRadios.tsx +0 -202
@@ -2,24 +2,24 @@
2
2
  :root {
3
3
  --black: #000;
4
4
  --white: #fff;
5
- --primary: #108cee;
6
- --primary-onHover: #0e77ca;
7
- --primary-onActive: #0d70be;
8
- --secondary: #6c757d;
9
- --secondary-onHover: #5a6268;
10
- --secondary-onActive: #545b62;
11
- --success: #5fb333;
12
- --success-onHover: #4f952b;
13
- --success-onActive: #4a8b28;
14
- --info: #108cee;
15
- --info-onHover: #0e77ca;
16
- --info-onActive: #0d70be;
17
- --warning: #f39000;
18
- --warning-onHover: #cd7900;
19
- --warning-onActive: #c07200;
20
- --danger: #ea2e2e;
21
- --danger-onHover: #dc1616;
22
- --danger-onActive: #d01515;
5
+ --primary: #2468f2;
6
+ --primary-onHover: #4f86f4;
7
+ --primary-onActive: #1c53c1;
8
+ --secondary: #b4b6ba;
9
+ --secondary-onHover: #a0a3a8;
10
+ --secondary-onActive: #999ca2;
11
+ --success: #0bc286;
12
+ --success-onHover: #099e6d;
13
+ --success-onActive: #089265;
14
+ --info: #2468f2;
15
+ --info-onHover: #0d54e2;
16
+ --info-onActive: #0d4fd6;
17
+ --warning: #ffb200;
18
+ --warning-onHover: #d99700;
19
+ --warning-onActive: #cc8e00;
20
+ --danger: #e8684a;
21
+ --danger-onHover: #e44c28;
22
+ --danger-onActive: #e2421d;
23
23
  --light: #eaf6fe;
24
24
  --dark: #343a40;
25
25
  --fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,
@@ -34,11 +34,11 @@
34
34
  --fontSizeXl: 1.25rem;
35
35
  --fontSizeSm: 0.75rem;
36
36
  --fontSizeXs: 0.6875rem;
37
- --text-color: #666;
37
+ --text-color: #151a26;
38
38
  --button-color: #fff;
39
39
  --animation-duration: 0.2s;
40
- --text--muted-color: #a6a6a6;
41
- --text--loud-color: #4d4d4d;
40
+ --text--muted-color: #425278;
41
+ --text--loud-color: #030405;
42
42
  --pre-color: var(--text-color);
43
43
  --borderColor: #d1d5db;
44
44
  --borderColorLight: #dfe2e6;
@@ -88,7 +88,7 @@
88
88
  --Alert--danger-borderColor: #ebccd1;
89
89
  --Alert--danger-color: #a94442;
90
90
  --Alert--info-bg: #d9edf7;
91
- --Alert--info-borderColor: #0e9fd6;
91
+ --Alert--info-borderColor: #0e7eee;
92
92
  --Alert--info-color: #31708f;
93
93
  --Alert--success-bg: #dff0d8;
94
94
  --Alert--success-borderColor: #d6e9c6;
@@ -139,11 +139,15 @@
139
139
  --Avatar-width: 2.5rem;
140
140
  --Badge-size: var(--gap-md);
141
141
  --Badge-color: var(--white);
142
+ --Badge--success-bg: var(--success);
143
+ --Badge--info-bg: var(--info);
144
+ --Badge--warning-bg: var(--warning);
145
+ --Badge--danger-bg: var(--danger);
142
146
  --Button--danger-bg: var(--danger);
143
147
  --Button--danger-border: var(--Button--danger-bg);
144
148
  --Button--danger-color: var(--button-color);
145
149
  --Button--danger-onActive-bg: var(--danger-onActive);
146
- --Button--danger-onActive-border: #c51414;
150
+ --Button--danger-onActive-border: #d73f1b;
147
151
  --Button--danger-onActive-color: var(--Button--danger-color);
148
152
  --Button--danger-onHover-bg: var(--danger-onHover);
149
153
  --Button--danger-onHover-border: var(--danger-onActive);
@@ -160,18 +164,18 @@
160
164
  --Button--default-bg: var(--white);
161
165
  --Button--default-border: var(--borderColor);
162
166
  --Button--default-color: var(--text-color);
163
- --Button--default-onActive-bg: #e6e6e6;
164
- --Button--default-onActive-border: #adb4bf;
165
- --Button--default-onActive-color: var(--Button--default-color);
166
- --Button--default-onHover-bg: #ececec;
167
- --Button--default-onHover-border: #b4bbc5;
168
- --Button--default-onHover-color: var(--Button--default-color);
167
+ --Button--default-onActive-bg: var(--white);
168
+ --Button--default-onActive-border: var(--primary-onActive);
169
+ --Button--default-onActive-color: var(--primary-onActive);
170
+ --Button--default-onHover-bg: var(--white);
171
+ --Button--default-onHover-border: var(--primary);
172
+ --Button--default-onHover-color: var(--primary);
169
173
  --Button--iconOnly-minWidthRate: 4 / 3;
170
174
  --Button--info-bg: var(--info);
171
175
  --Button--info-border: var(--Button--info-bg);
172
176
  --Button--info-color: var(--button-color);
173
177
  --Button--info-onActive-bg: var(--info-onActive);
174
- --Button--info-onActive-border: #0c69b2;
178
+ --Button--info-onActive-border: #0c4bca;
175
179
  --Button--info-onActive-color: var(--Button--info-color);
176
180
  --Button--info-onHover-bg: var(--info-onHover);
177
181
  --Button--info-onHover-border: var(--info-onActive);
@@ -198,7 +202,8 @@
198
202
  --Button--light-onHover-color: var(--Button--light-color);
199
203
  --Button--link-color: var(--primary);
200
204
  --Button--link-onDisabled-color: #4b5563;
201
- --Button--link-onHover-color: var(--text--loud-color);
205
+ --Button--link-onHover-color: var(--primary-onHover);
206
+ --Button--link-onActive-color: var(--primary-onActive);
202
207
  --Button--md-fontSize: var(--Button-fontSize);
203
208
  --Button--md-height: var(--Button-height);
204
209
  --Button--md-lineHeight: var(--Button-lineHeight);
@@ -213,16 +218,16 @@
213
218
  --Button--primary-border: var(--Button--primary-bg);
214
219
  --Button--primary-color: var(--button-color);
215
220
  --Button--primary-onActive-bg: var(--primary-onActive);
216
- --Button--primary-onActive-border: #0c69b2;
221
+ --Button--primary-onActive-border: var(--primary-onActive);
217
222
  --Button--primary-onActive-color: var(--Button--primary-color);
218
223
  --Button--primary-onHover-bg: var(--primary-onHover);
219
- --Button--primary-onHover-border: var(--primary-onActive);
224
+ --Button--primary-onHover-border: var(--primary-onHover);
220
225
  --Button--primary-onHover-color: var(--Button--primary-color);
221
226
  --Button--secondary-bg: var(--secondary);
222
227
  --Button--secondary-border: var(--Button--secondary-bg);
223
228
  --Button--secondary-color: var(--button-color);
224
229
  --Button--secondary-onActive-bg: var(--secondary-onActive);
225
- --Button--secondary-onActive-border: #4e555b;
230
+ --Button--secondary-onActive-border: #93969b;
226
231
  --Button--secondary-onActive-color: var(--Button--secondary-color);
227
232
  --Button--secondary-onHover-bg: var(--secondary-onHover);
228
233
  --Button--secondary-onHover-border: var(--secondary-onActive);
@@ -242,16 +247,24 @@
242
247
  --Button--success-border: var(--Button--success-bg);
243
248
  --Button--success-color: var(--button-color);
244
249
  --Button--success-onActive-bg: var(--success-onActive);
245
- --Button--success-onActive-border: #458125;
250
+ --Button--success-onActive-border: #08865c;
246
251
  --Button--success-onActive-color: var(--Button--success-color);
247
252
  --Button--success-onHover-bg: var(--success-onHover);
248
253
  --Button--success-onHover-border: var(--success-onActive);
249
254
  --Button--success-onHover-color: var(--Button--success-color);
255
+ --Button--enhance-border: var(--primary);
256
+ --Button--enhance-color: var(--primary);
257
+ --Button--enhance-onActive-bg: var(--white);
258
+ --Button--enhance-onActive-border: var(--primary-onActive);
259
+ --Button--enhance-onActive-color: var(--primary-onActive);
260
+ --Button--enhance-onHover-bg: var(--white);
261
+ --Button--enhance-onHover-border: var(--primary-onHover);
262
+ --Button--enhance-onHover-color: var(--primary-onHover);
250
263
  --Button--warning-bg: var(--warning);
251
264
  --Button--warning-border: var(--Button--warning-bg);
252
265
  --Button--warning-color: var(--button-color);
253
266
  --Button--warning-onActive-bg: var(--warning-onActive);
254
- --Button--warning-onActive-border: #b36a00;
267
+ --Button--warning-onActive-border: #bf8600;
255
268
  --Button--warning-onActive-color: var(--Button--warning-color);
256
269
  --Button--warning-onHover-bg: var(--warning-onHover);
257
270
  --Button--warning-onHover-border: var(--warning-onActive);
@@ -277,12 +290,16 @@
277
290
  --Button-lineHeight: var(--Form-input-lineHeight);
278
291
  --Button-mimWidth: auto;
279
292
  --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
293
+ --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
294
+ --Button-animation-spin: spin 1s infinite linear;
280
295
  --Button-onActive-color: var(--primary);
281
296
  --Button-onActive-border: var(--primary);
282
297
  --Button-onDisabled-borderColor: #dee2e6;
283
298
  --Button-onDisabled-opacity: 0.65;
299
+ --Button-onDisabled-bg: #f2f3f3;
284
300
  --Button-onFocus-boxShadow: none;
285
301
  --Button-paddingX: 0.75rem;
302
+ --Button-paddingX-right: 0.625rem;
286
303
  --Button-paddingY: calc(
287
304
  (
288
305
  var(--Button-height) - var(--Button-borderWidth) * 2 -
@@ -302,11 +319,11 @@
302
319
  --Calendar-btn-fontSize: var(--fontSizeSm);
303
320
  --Calendar-btn-height: 1.875rem;
304
321
  --Calendar-btn-lineHeight: var(--lineHeightBase);
305
- --Calendar-btn-onActive-bg: #0d70be;
306
- --Calendar-btn-onActive-border: #0c69b2;
322
+ --Calendar-btn-onActive-bg: #0d4fd6;
323
+ --Calendar-btn-onActive-border: #0c4bca;
307
324
  --Calendar-btn-onActive-color: var(--Calendar-btn-color);
308
- --Calendar-btn-onHover-bg: #0e77ca;
309
- --Calendar-btn-onHover-border: #0d70be;
325
+ --Calendar-btn-onHover-bg: #0d54e2;
326
+ --Calendar-btn-onHover-border: #0d4fd6;
310
327
  --Calendar-btn-onHover-color: var(--Calendar-btn-color);
311
328
  --Calendar-btn-paddingX: 0.625rem;
312
329
  --Calendar-btn-paddingY: calc(
@@ -327,7 +344,7 @@
327
344
  --Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);
328
345
  --Calendar-cell-bg: var(--white);
329
346
  --Calendar-cell-onActive-bg: var(--info);
330
- --Calendar-cell-onBetween-bg: rgba(16, 140, 238, 0.1);
347
+ --Calendar-cell-onBetween-bg: rgba(36, 104, 242, 0.1);
331
348
  --Calendar-cell-onDisabled-bg: var(--light);
332
349
  --Calendar-cell-onHover-bg: #ededed;
333
350
  --Calendar-color: var(--text-color);
@@ -348,7 +365,7 @@
348
365
  );
349
366
  --Calendar-shortcut-color: var(--info);
350
367
  --Calendar-shortcut-decoration: none;
351
- --Calendar-shortcut-onHover-color: #0b62a6;
368
+ --Calendar-shortcut-onHover-color: #0b46be;
352
369
  --Calendar-shortcut-onHover-decoration: none;
353
370
  --Calendar-shortcuts-bg: transparent;
354
371
  --Calendar-shortcuts-height: 1.875rem;
@@ -446,10 +463,10 @@
446
463
  --Combo-addBtn-fontSize: var(--Button--sm-fontSize);
447
464
  --Combo-addBtn-height: 1.625rem;
448
465
  --Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);
449
- --Combo-addBtn-onActive-bg: #0d70be;
466
+ --Combo-addBtn-onActive-bg: #0d4fd6;
450
467
  --Combo-addBtn-onActive-border: #adb4bf;
451
468
  --Combo-addBtn-onActive-color: var(--Combo-addBtn-color);
452
- --Combo-addBtn-onHover-bg: #0e77ca;
469
+ --Combo-addBtn-onHover-bg: #0d54e2;
453
470
  --Combo-addBtn-onHover-border: #b4bbc5;
454
471
  --Combo-addBtn-onHover-color: var(--Combo-addBtn-color);
455
472
  --Combo-addBtn-paddingX: var(--Button--sm-paddingX);
@@ -468,6 +485,24 @@
468
485
  --Combo-toolbarBtn-paddingY: 0.125rem;
469
486
  --Copyable-iconColor: var(--icon-color);
470
487
  --Copyable-onHover-iconColor: var(--icon-onHover-color);
488
+ --Collapse-border: none;
489
+ --Collapse-border-color: var(--borderColorLight);
490
+ --Collapse-header-fontSize: var(--fontSizeMd);
491
+ --Collapse-header-fontWeight: var(--fontWeightNormal);
492
+ --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
493
+ --Collapse-header-bg: transparent;
494
+ --Collapse-header-onHover-bg: transparent;
495
+ --Collapse-header-collapsed-border: var(--borderWidth) solid
496
+ var(--Collapse-border-color);
497
+ --Collapse-header-collapsed-borderTop: none;
498
+ --Collapse-header-collapsed-borderBottom: var(
499
+ --Collapse-header-collapsed-border
500
+ );
501
+ --Collapse-header-wrapper-direction: row;
502
+ --Collapse-content-padding: 1.125rem 0;
503
+ --Collapse-content-color: var(--body-color);
504
+ --Collapse-content-fontSize: var(--body-size);
505
+ --Collapse-content-fontWeight: var(--body-weight);
471
506
  --Crud-toolbar-gap: var(--gap-xs);
472
507
  --Crud-toolbar-height: 1.875rem;
473
508
  --Crud-toolbar-lineHeight: var(--lineHeightBase);
@@ -493,6 +528,7 @@
493
528
  ) / 2 - var(--DatePicker-borderWidth)
494
529
  );
495
530
  --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
531
+ --LocationPicker-borderRadius: var(--Form-input-borderWidth);
496
532
  --Divider-borderStyle: dashed;
497
533
  --Drawer-bg: var(--background);
498
534
  --Drawer-body-padding: var(--gap-base);
@@ -526,8 +562,9 @@
526
562
  --DropDown-menu-paddingX: 0;
527
563
  --DropDown-menu-paddingY: var(--gap-xs);
528
564
  --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
529
- --DropDown-menuItem-onHover-color: inherit;
530
- --DropDown-menuItem-onActive-color: var(--info);
565
+ --DropDown-menuItem-color: var(--text-color);
566
+ --DropDown-menuItem-onHover-color: var(--primary);
567
+ --DropDown-menuItem-onActive-color: var(--primary);
531
568
  --DropDown-menuItem-onDisabled-color: var(--text--muted-color);
532
569
  --DropDown-menuItem-paddingX: var(--gap-sm);
533
570
  --DropDown-menuItem-paddingY: calc(
@@ -548,7 +585,7 @@
548
585
  --Form-control-widthMd: 15rem;
549
586
  --Form-control-widthSm: 10rem;
550
587
  --Form-control-widthXs: 5rem;
551
- --Form-description-color: gray;
588
+ --Form-description-color: #273047;
552
589
  --Form-description-fontSize: var(--fontSizeSm);
553
590
  --Form-fontSize: var(--fontSizeBase);
554
591
  --Form-group--lg-gutterWidth: 2.5rem;
@@ -589,6 +626,7 @@
589
626
  ) / 2
590
627
  );
591
628
  --Form-input-placeholderColor: var(--text--muted-color);
629
+ --Form-input-onDisabled-color: var(--text--muted-color);
592
630
  --Form-item-gap: var(--gap-base);
593
631
  --Form-label-paddingTop: calc(
594
632
  (
@@ -627,12 +665,12 @@
627
665
  --Form-select-popoverGap: 0;
628
666
  --Form-select-search-height: var(--Form-select-menu-height);
629
667
  --Form-selectOption-height: var(--Form-input-height);
630
- --Form-selectValue-bg: #cee8fc;
631
- --Form-selectValue-borderColor: #9dd1fa;
668
+ --Form-selectValue-bg: #e4edfe;
669
+ --Form-selectValue-borderColor: #b3cbfc;
632
670
  --Form-selectValue-color: var(--info);
633
671
  --Form-selectValue-fontSize: var(--fontSizeSm);
634
- --Form-selectValue-onDisable-bg: #e6f3fe;
635
- --Form-selectValue-onHover-bg: #b5dcfb;
672
+ --Form-selectValue-onDisable-bg: #fdfdff;
673
+ --Form-selectValue-onHover-bg: #ccdcfd;
636
674
  --Form-select-onFocus-boxShadow: none;
637
675
  --IconPicker-content-maxHeight: 21.875rem;
638
676
  --IconPicker-padding: var(--gap-xs);
@@ -647,6 +685,7 @@
647
685
  --IconPicker-tabs-bg: #f0f3f4;
648
686
  --ImageControl-addBtn-bg: var(--Button--default-bg);
649
687
  --ImageControl-addBtn-border: var(--Button--default-border);
688
+ --ImageControl-addBtn-borderRadius: 0;
650
689
  --ImageControl-addBtn-color: var(--Button--default-color);
651
690
  --ImageControl-addBtn-onActive-bg: #e6e6e6;
652
691
  --ImageControl-addBtn-onActive-border: #adb4bf;
@@ -659,6 +698,8 @@
659
698
  --ImageControl-addBtn-onHover-bg: #ececec;
660
699
  --ImageControl-addBtn-onHover-border: #b4bbc5;
661
700
  --ImageControl-addBtn-onHover-color: var(--Button--default-color);
701
+ --ImageControl-progress-borderRadius: 0;
702
+ --FileControl-progress-borderRadius: 0;
662
703
  --InputGroup-addOn-bg: var(--Form-input-addOnBg);
663
704
  --InputGroup-addOn-borderColor: var(--Form-input-borderColor);
664
705
  --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
@@ -704,7 +745,7 @@
704
745
  --InputRange-slider-onDisabled-border: 0.0625rem solid var(--InputRange-onDisabled-color);
705
746
  --InputRange-slider-onFocus-borderRadius: var(--borderRadiusMd);
706
747
  --InputRange-slider-onFocus-boxShadow: 0 0 0
707
- var(--InputRange-slider-onFocus-borderRadius) rgba(16, 140, 238, 0.2);
748
+ var(--InputRange-slider-onFocus-borderRadius) rgba(36, 104, 242, 0.2);
708
749
  --InputRange-slider-transition: transform var(--animation-duration) ease-out,
709
750
  box-shadow var(--animation-duration) ease-out;
710
751
  --InputRange-slider-width: 1.125rem;
@@ -774,11 +815,12 @@
774
815
  --ListControl-item-bg: var(--white);
775
816
  --ListControl-item-borderColor: var(--borderColor);
776
817
  --ListControl-item-borderWidth: var(--borderWidth);
818
+ --ListControl-item-borderRadius: 0.1875rem;
777
819
  --ListControl-item-color: var(--text-color);
778
820
  --ListControl-item-onActive-after-borderColor: var(--primary);
779
821
  --ListControl-item-onActive-before-bg: var(--white);
780
822
  --ListControl-item-onActive-bg: var(--primary);
781
- --ListControl-item-onActive-borderColor: #0d70be;
823
+ --ListControl-item-onActive-borderColor: #0d4fd6;
782
824
  --ListControl-item-onActive-color: var(--white);
783
825
  --ListControl-item-onActive-onHover-bg: var(--primary);
784
826
  --ListControl-item-onDisabled-bg: var(--ListControl-item-bg);
@@ -944,11 +986,28 @@
944
986
  --Panel-titleMarginTop: 0;
945
987
  --Picker-iconColor: var(--icon-color);
946
988
  --Picker-onHover-iconColor: var(--icon-onHover-color);
989
+ --PickerColumns-bg: white;
990
+ --PickerColumns-toolbar-height: 3.125rem;
991
+ --PickerColumns-title-fontSize: var(--fontSizeLg);
992
+ --PickerColumns-title-lineHeight: 1.5;
993
+ --PickerColumns-action-padding: 0 var(--gap-sm);
994
+ --PickerColumns-action-fontSize: var(--fontSizeMd);
995
+ --PickerColumns-confirmAction-color: var(--Button--info-bg);
996
+ --PickerColumns-cancelAction-color: var(--Button--light-bg);
997
+ --PickerColumns-option-fontSize: var(--fontSizeLg);
998
+ --PickerColumns-optionText-color: var(--text-color);
999
+ --PickerColumns-optionDisabled-opacity: 0.3;
1000
+ --PickerColumns-loadingIcon-color: var(--icon-color);
1001
+ --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
947
1002
  --PopOver-bg: white;
948
1003
  --PopOverAble-iconColor: inherit;
949
1004
  --PopOverAble-onHover-iconColor: inherit;
950
1005
  --Property-title-bg: #f2f2f2;
951
1006
  --Property-label-bg: #f7f7f7;
1007
+ --Portlet-borderColor: var(--borderColor);
1008
+ --Portlet-borderStyle: solid;
1009
+ --Portlet-borderWidth: var(--borderWidth);
1010
+ --Portlet-borderRadius: var(--borderRadius);
952
1011
  --QuickEdit-iconColor: inherit;
953
1012
  --QuickEdit-onFocus-borderColor: var(--info);
954
1013
  --QuickEdit-onFocus-borderWidth: var(--borderWidth);
@@ -982,7 +1041,7 @@
982
1041
  --Satus-icon-width: var(--gap-lg);
983
1042
  --Satus-icon-height: var(--Satus-icon-width);
984
1043
  --Sparkline-line-color: var(--info);
985
- --Sparkline-area-color: rgba(16, 140, 238, 0.1);
1044
+ --Sparkline-area-color: rgba(36, 104, 242, 0.1);
986
1045
  --Spinner--lg-height: 3.125rem;
987
1046
  --Spinner--lg-width: 3.125rem;
988
1047
  --Spinner--sm-height: 1rem;
@@ -1041,6 +1100,8 @@
1041
1100
  --Table-toolbar-marginX: 0;
1042
1101
  --Table-toolbar-marginY: var(--gap-base);
1043
1102
  --Table-tree-borderColor: var(--Table-borderColor);
1103
+ --Table-searchableForm-backgroundColor: #f6f7f8;
1104
+ --Table-searchableForm-borderRadius: 0.25rem;
1044
1105
  --TableCell--edge-paddingX: var(--gap-md);
1045
1106
  --TableCell-filterBtn--onActive-color: var(--primary);
1046
1107
  --TableCell-filterBtn-width: 1rem;
@@ -1226,15 +1287,24 @@
1226
1287
  --Steps-sub-title-color: var(--text-color);
1227
1288
  --Steps-line-bg: var(--Steps-bg);
1228
1289
  --Steps-line-success-bg: var(--Steps-status-success);
1290
+ --Progress-borderRadius: var(--borderRadius);
1291
+ --ColumnToggler-backgroundColor: var(--white);
1292
+ --ColumnToggler-borderRadius: 0.25rem;
1293
+ --ColumnToggler-lineHeight: 1.5rem;
1294
+ --ColumnToggler-title-fontColor: #080e1a;
1295
+ --ColumnToggler-fontColor: #151a26;
1296
+ --ColumnToggler-item-backgroundColor: #f6f7f8;
1297
+ --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);
1229
1298
  }
1230
1299
 
1231
1300
  :root {
1232
1301
  --borderColor: #eceff8;
1302
+ --borderRadius: 0.25rem;
1233
1303
  --body-bg: #ffffff;
1234
- --text-color: #666;
1235
- --text--muted-color: #999;
1304
+ --text-color: #151a26;
1305
+ --text--muted-color: #b4b6ba;
1236
1306
  --text--loud-color: #333;
1237
- --link-onHover-decoration: none;
1307
+ --link-onHover-decoration: underline;
1238
1308
  --icon-color: #999;
1239
1309
  --icon-onHover-color: var(--primary);
1240
1310
  --Layout-header-boxShadow: none;
@@ -1246,10 +1316,10 @@
1246
1316
  --Layout-brand-color: #fff;
1247
1317
  --Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);
1248
1318
  --Layout-asideLink-color: #fff;
1249
- --Layout-asideLink-onHover-color: #108cee;
1250
- --Layout-asideLink-onActive-color: #108cee;
1319
+ --Layout-asideLink-onHover-color: var(--primary);
1320
+ --Layout-asideLink-onActive-color: var(--primary);
1251
1321
  --Layout-asideLink-onHover-iconSize: 1rem;
1252
- --Layout-asideLink-onHover-iconColor: #108cee;
1322
+ --Layout-asideLink-onHover-iconColor: var(--primary);
1253
1323
  --Layout-asideLink-fontSize: 0.75rem;
1254
1324
  --Layout-asideLink-arrowFontSize: 0.75rem;
1255
1325
  --Layout-asideLink-arrowColor: #8d99b0;
@@ -1267,16 +1337,21 @@
1267
1337
  --Page-header-paddingX: var(--gap-md);
1268
1338
  --Page-header-paddingY: 0.625rem;
1269
1339
  --Form-item-gap: var(--gap-base);
1270
- --Form-input-onFocused-bg: var(--white);
1271
- --Form-input-borderRadius: 0;
1272
- --Form-input-borderColor: #ccc;
1273
- --Form-input-onFocused-borderColor: var(--primary);
1274
- --Form-input-onError-borderColor: #d0021b;
1340
+ --Form-input-bg: #ffffff;
1341
+ --Form-input-color: #151a26;
1342
+ --Form-input-height: 2rem;
1343
+ --Form-input-borderColor: #dadbdd;
1344
+ --Form-input-borderRadius: 0.25rem;
1345
+ --Form-input-onHover-borderColor: #2468f2;
1346
+ --Form-input-onFocused-bg: #ffffff;
1347
+ --Form-input-onFocused-borderColor: #1c53c1;
1348
+ --Form-input-onError-borderColor: #e8684a;
1349
+ --Form-input-onError-bg: #ffffff;
1350
+ --Form-input-onDisabled-bg: #f2f2f4;
1351
+ --Form-input-onDisabled-borderColor: #dadbdd;
1352
+ --Form-input-onDisabled-color: #83868c;
1275
1353
  --Form-input-paddingX: 0.625rem;
1276
1354
  --Form-description-color: #999;
1277
- --Form-input-onError-bg: #fffbfb;
1278
- --Form-input-onDisabled-bg: #f5f5f5;
1279
- --Form-input-onDisabled-borderColor: #ebebeb;
1280
1355
  --Form--horizontal-label-whiteSpace: normal;
1281
1356
  --Form--horizontal-label-widthXs: 3.125rem;
1282
1357
  --Form--horizontal-label-widthSm: 4.375rem;
@@ -1288,24 +1363,25 @@
1288
1363
  --Form-input-onFocus-addOnColor: var(--primary);
1289
1364
  --Form-input-addOnDividerBorderWidth: 0;
1290
1365
  --Form-select-borderWidth: 0.0625rem;
1291
- --Form-select-borderRadius: 0;
1292
- --Form-select-borderColor: #ccc;
1366
+ --Form-select-borderRadius: 0.25rem;
1367
+ --Form-select-borderColor: #dadbdd;
1293
1368
  --Form-select-bg: var(--white);
1294
1369
  --Form-select-onHover-bg: var(--white);
1295
1370
  --Form-select-onHover-borderColor: var(--primary);
1296
1371
  --Form-select-placeholderColor: #999;
1297
1372
  --Form-select-color: #000;
1298
- --Form-select-caret-iconColor: #999;
1299
- --Form-select-caret-onHover-iconColor: var(--primary);
1373
+ --Form-select-caret-iconColor: #83868c;
1374
+ --Form-select-caret-onHover-iconColor: #83868c;
1300
1375
  --Form-select-caret-fontSize: 0.75rem;
1301
1376
  --Form-select-outer-borderWidth: 0;
1302
1377
  --Form-select-outer-top: 2rem;
1303
1378
  --Form-select-outer-boxShadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
1304
- --Form-select-menu-color: #333;
1305
- --Form-select-menu-onHover-color: #000;
1306
- --Form-select-menu-onHover-bg: #eaf6fe;
1379
+ --Form-select-menu-color: #151a26;
1380
+ --Form-select-menu-onHover-color: #151a26;
1381
+ --Form-select-menu-onHover-bg: #e9f0fd;
1382
+ --Form-select-menu-onActive-color: #2468f2;
1307
1383
  --Form-select-menu-height: 1.5rem;
1308
- --Form-select-popoverGap: 0.1875rem;
1384
+ --Form-select-popoverGap: 0.25rem;
1309
1385
  --Form-select-search-height: 1.875rem;
1310
1386
  --Form-selectValue-color: var(--primary);
1311
1387
  --InputGroup-select-borderWidth: 0.0625rem;
@@ -1339,14 +1415,19 @@
1339
1415
  --Checkbox--sm--full-inner-size: 0.625rem;
1340
1416
  --Radio-size: 1rem;
1341
1417
  --Radio-inner-size: 0.625rem;
1342
- --Switch-bgColor: #ccc;
1343
- --Switch-borderColor: #f0f0f0;
1344
- --Switch-onActive-bgColor: var(--primary);
1345
- --Switch-onDisabled-bgColor: #f5f5f5;
1346
- --Switch-onDisabled-color: #ccc;
1347
- --Switch-onDisabled-circle-BackgroundColor: #ccc;
1418
+ --Switch-height: 1.25rem;
1419
+ --Switch-width: 2.75rem;
1420
+ --Switch-valueColor: #ffffff;
1421
+ --Switch-bgColor: #cecfd1;
1422
+ --Switch-onActive-bgColor: #b4b6ba;
1423
+ --Switch-onHover-bgColor: #b4b6ba;
1424
+ --Switch-checked-bgColor: var(--primary);
1425
+ --Switch-checked-onHover-bgColor: #1c53c1;
1426
+ --Switch-checked-onActive-bgColor: #1c53c1;
1427
+ --Switch-onDisabled-bgColor: #d3e0fc;
1428
+ --Switch-onDisabled-color: #ffffff;
1348
1429
  --ColorPicker-borderWidth: 0.0625rem;
1349
- --ColorPicker-borderRadius: 0;
1430
+ --ColorPicker-borderRadius: 0.25rem;
1350
1431
  --ColorPicker-bg: var(--white);
1351
1432
  --ColorPicker-onHover-bg: var(--white);
1352
1433
  --ColorPicker-onHover-borderColor: var(--primary);
@@ -1354,8 +1435,23 @@
1354
1435
  --ColorPicker-placeholderColor: #999;
1355
1436
  --ColorPicker-onDisabled-bg: #f5f5f5;
1356
1437
  --ColorPicker-onDisabled-color: #999;
1438
+ --Collapse-border: 0.0625rem solid #dadbdd;
1439
+ --Collapse-border-color: #dadbdd;
1440
+ --Collapse-header-fontSize: 14px;
1441
+ --Collapse-header-fontWeight: 500;
1442
+ --Collapse-header-padding: 1rem;
1443
+ --Collapse-header-bg: #f2f2f4;
1444
+ --Collapse-header-onHover-bg: #e6e6e8;
1445
+ --Collapse-header-collapsed-border: none;
1446
+ --Collapse-header-collapsed-borderTop: none;
1447
+ --Collapse-header-collapsed-borderBottom: none;
1448
+ --Collapse-header-wrapper-direction: row-reverse;
1449
+ --Collapse-content-padding: 1rem;
1450
+ --Collapse-content-color: #5e626a;
1451
+ --Collapse-content-fontSize: 12px;
1452
+ --Collapse-content-fontWeight: 400;
1357
1453
  --DatePicker-borderWidth: 0.0625rem;
1358
- --DatePicker-borderRadius: 0;
1454
+ --DatePicker-borderRadius: 0.25rem;
1359
1455
  --DatePicker-bg: var(--white);
1360
1456
  --DatePicker-onHover-bg: var(--white);
1361
1457
  --DatePicker-color: #000;
@@ -1365,42 +1461,59 @@
1365
1461
  --DatePicker-iconColor: #666;
1366
1462
  --DatePicker-onHover-iconColor: var(--primary);
1367
1463
  --DatePicker-onHover-borderColor: var(--primary);
1464
+ --LocationPicker-borderRadius: 0.25rem;
1368
1465
  --Calendar-input-borderRadius: 0;
1466
+ --Calendar-input-borderRadius: 0.25rem;
1369
1467
  --Calendar-shortcuts-bg: #f5f5f5;
1370
1468
  --Calendar-shortcuts-height: 1.875rem;
1371
1469
  --Button-borderWidth: 0.0625rem;
1372
1470
  --Button-boxShadow: none;
1373
1471
  --Button-onActive-boxShadow: none;
1374
- --Button-borderRadius: 0;
1375
- --Button--lg-borderRadius: 0;
1376
- --Button--sm-borderRadius: 0;
1377
- --Button-paddingX: 0.625rem;
1472
+ --Button-borderRadius: 0.25rem;
1473
+ --Button-paddingX: 0.75rem;
1378
1474
  --Button--lg-height: 2.5rem;
1379
1475
  --Button--lg-fontSize: 0.875rem;
1380
- --Button--default-bg: var(--white);
1381
- --Button--default-border: #cccccc;
1382
- --Button--default-color: #000;
1383
- --Button--default-onHover-bg: var(--white);
1476
+ --Button--lg-lineHeight: 30 / 20;
1477
+ --Button--lg-paddingX: 1rem;
1478
+ --Button--default-bg: #ffffff;
1479
+ --Button--default-border: #dadbdd;
1480
+ --Button--default-color: #151a26;
1481
+ --Button--default-onHover-bg: #ffffff;
1384
1482
  --Button--default-onHover-border: var(--primary);
1385
1483
  --Button--default-onHover-color: var(--primary);
1386
- --Button--default-onActive-bg: #f6fbff;
1387
- --Button--default-onActive-border: var(--primary);
1388
- --Button--default-onActive-color: var(--primary);
1484
+ --Button--default-onActive-bg: #ffffff;
1485
+ --Button--default-onActive-border: #1c53c1;
1486
+ --Button--default-onActive-color: #1c53c1;
1487
+ --Button--emphasize-bg: #ffffff;
1488
+ --Button--emphasize-color: var(--primary);
1489
+ --Button--emphasize-onHover-bg: #ffffff;
1490
+ --Button--emphasize-onHover-border: var(--primary);
1491
+ --Button--emphasize-onHover-color: #4f86f4;
1492
+ --Button--emphasize-onActive-bg: #ffffff;
1493
+ --Button--emphasize-onActive-border: #1c53c1;
1494
+ --Button--emphasize-onActive-color: #1c53c1;
1389
1495
  --Button--primary-bg: var(--primary);
1390
1496
  --Button--primary-border: var(--primary);
1391
- --Button--primary-onHover-bg: #209bfd;
1392
- --Button--primary-onHover-border: var(--primary);
1393
- --Button--primary-onHover-color: var(--white);
1394
- --Button--primary-onActive-bg: #047bdb;
1395
- --Button--primary-onActive-border: var(--primary);
1396
- --Button--primary-onActive-color: var(--white);
1497
+ --Button--primary-onHover-bg: #4f86f4;
1498
+ --Button--primary-onHover-border: #4f86f4;
1499
+ --Button--primary-onHover-color: #ffffff;
1500
+ --Button--primary-onActive-bg: #1c53c1;
1501
+ --Button--primary-onActive-border: #1c53c1;
1502
+ --Button--primary-onActive-color: #ffffff;
1503
+ --Button--light-border: var(--light);
1504
+ --Button--light-color: var(--button-color);
1505
+ --Button-onDisabled-borderColor: #e6e6e8;
1506
+ --Button-onDisabled-opacity: 0.65;
1507
+ --Button-onDisabled-bg: #e6e6e8;
1397
1508
  --Button--danger-bg: #ea2e2e;
1398
1509
  --Button--danger-onHover-bg: #f64545;
1510
+ --Button--danger-onHover-border: #f64545;
1399
1511
  --Button--danger-onActive-bg: #d72b2b;
1512
+ --Button--danger-onActive-border: #d72b2b;
1400
1513
  --ButtonGroup-divider-width: 0.0625rem;
1401
1514
  --ButtonGroup-divider-color: #fff;
1402
1515
  --ButtonGroup--primary-isActive-color: var(--primary);
1403
- --ButtonGroup--primary-isActive-bg: var(--white);
1516
+ --ButtonGroup--primary-isActive-bg: #ffffff;
1404
1517
  --Button--link-color: var(--primary);
1405
1518
  --Button--link-onHover-color: #209bfd;
1406
1519
  --Spinner-bg: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTkycHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzQuNSA2MC41IEw5NiAyNC41IEwxNTguNSA2MC41IFYxMzIgTDk2LjUgMTY3LjUgTDM0LjUgMTMyIEwzNC41IDYwLjUgWiIgc3Ryb2tlPSIjMTA4Y2VlIgpzdHlsZT0ic3Ryb2tlLXdpZHRoOiAxNnB4OwogICAgICAgc3Ryb2tlLW9wYWNpdHk6IDE7CiAgICAgICBmaWxsLW9wYWNpdHk6IDA7CiAgICAgICBzdHJva2UtZGFzaGFycmF5OiA4MDAgODAwOwogICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDgwMDsiPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNoYXJyYXkiIGlkPSJsaW5lIiBmcm9tPSI4MDAgODAwIiB0bz0iODAwIDgwMCIgYmVnaW49ImZpcnN0LmVuZCIgZHVyPSIxLjJzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBmcm9tPSI4MDAiIHRvPSItODAwIiBiZWdpbj0iZmlyc3QuZW5kIiBkdXI9IjEuMnMiIGZpbGwgPSAiZnJlZXplIi8+PC9wYXRoPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJmaXJzdCIgdG89IjM0LjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiB0bz0iNjAuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJzZWNvbmQiIGZyb209IjM0LjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209IjYwLjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIHRvPSIyNC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjIwIiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iMjQuNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjEwIiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iOTYuNSIgY3k9Ijk2LjUiIHI9IjEwIiBmaWxsPSIjMTA4Y2VlIj48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeCIgZnJvbT0iOTYuNSIgdG89IjE1OC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iOTYuNSIgdG89IjYwLjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMjAiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIxNTguNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iNjAuNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjEwIiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iOTYuNSIgY3k9Ijk2LjUiIHI9IjEwIiBmaWxsPSIjMTA4Y2VlIj48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeCIgZnJvbT0iOTYuNSIgdG89IjE1OC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iOTYuNSIgdG89IjEzMiIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE1OC41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiBmcm9tPSIxMzIiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209Ijk2LjUiIHRvPSIxNjcuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209IjE2Ny41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMTAiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI5Ni41IiBjeT0iOTYuNSIgcj0iMTAiIGZpbGw9IiMxMDhjZWUiPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSI5Ni41IiB0bz0iMzQuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209Ijk2LjUiIHRvPSIxMzIiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMjAiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIzNC41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiBmcm9tPSIxMzIiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjwvc3ZnPg==");
@@ -1431,24 +1544,26 @@
1431
1544
  --TableCell-filterPopOver-dropDownItem-padding: 0 0.625rem;
1432
1545
  --ListControl-item-borderWidth: 0.0625rem;
1433
1546
  --ListControl-item-borderColor: #ccc;
1547
+ --ListControl-item-borderRadius: 0.25rem;
1434
1548
  --ListControl-item-paddingX: 0.625rem;
1435
1549
  --ListControl-item-bg: var(--Button--default-bg);
1436
1550
  --ListControl-item-color: var(--Button--default-color);
1437
1551
  --ListControl-item-onHover-color: var(--primary);
1438
1552
  --ListControl-item-onHover-bg: var(--Button--default-onHover-bg);
1439
1553
  --ListControl-item-onHover-borderColor: var(--primary);
1440
- --ListControl-item-onActive-bg: var(--white);
1441
- --ListControl-item-onActive-onHover-bg: var(--white);
1442
- --ListControl-item-onActive-color: var(--primary);
1443
- --ListControl-item-onActive-borderColor: var(--primary);
1444
- --ListControl-item-onActive-before-bg: var(--primary);
1445
- --ListControl-item-onActive-after-borderColor: var(--white);
1554
+ --ListControl-item-onActive-bg: #ffffff;
1555
+ --ListControl-item-onActive-onHover-bg: #ffffff;
1556
+ --ListControl-item-onActive-color: #1c53c1;
1557
+ --ListControl-item-onActive-borderColor: #1c53c1;
1558
+ --ListControl-item-onActive-before-bg: #1c53c1;
1559
+ --ListControl-item-onActive-after-borderColor: #ffffff;
1446
1560
  --ListControl-item-onDisabled-opacity: 1;
1447
- --ListControl-item-onDisabled-bg: #f5f5f5;
1448
- --ListControl-item-onDisabled-color: #999;
1449
- --ListControl-item-onDisabled-borderColor: #ebebeb;
1561
+ --ListControl-item-onDisabled-bg: #e6e6e8;
1562
+ --ListControl-item-onDisabled-color: #b4b6ba;
1563
+ --ListControl-item-onDisabled-borderColor: #e6e6e8;
1450
1564
  --ImageControl-addBtn-bg: #fff;
1451
1565
  --ImageControl-addBtn-border: #dbdbdb;
1566
+ --ImageControl-addBtn-borderRadius: 0.25rem;
1452
1567
  --ImageControl-addBtn-color: #666;
1453
1568
  --ImageControl-addBtn-onHover-bg: var(--ImageControl-addBtn-bg);
1454
1569
  --ImageControl-addBtn-onHover-border: var(--primary);
@@ -1459,19 +1574,30 @@
1459
1574
  --ImageControl-addBtn-onDisabled-bg: #f5f5f5;
1460
1575
  --ImageControl-addBtn-onDisabled-border: #ebebeb;
1461
1576
  --ImageControl-addBtn-onDisabled-color: #ccc;
1577
+ --ImageControl-progress-borderRadius: 0.125rem;
1578
+ --FileControl-progress-borderRadius: 0.125rem;
1579
+ --Modal-title-fontSize: 14px;
1580
+ --Modal-title-color: 500;
1581
+ --Modal-title-fontWeight: #151a26;
1462
1582
  --Modal-overlay-bg: rgba(0, 0, 0, 0.7);
1463
1583
  --Modal-content-borderWidth: 0;
1464
1584
  --Modal-content-borderRadius: 0;
1465
1585
  --Modal-content-minHeight: 12.0625rem;
1466
- --Modal-header-bg: #f6f7fb;
1586
+ --Modal-header-bg: #fff;
1587
+ --Modal-header-paddingY: 0;
1588
+ --Modal-header-paddingX: 0;
1467
1589
  --Modal-title-color: #333;
1468
1590
  --Modal-body-paddingY: var(--gap-md);
1469
1591
  --Modal-body-paddingX: var(--gap-md);
1470
1592
  --Modal-body-borderTop: none;
1471
- --Modal-body-borderBottom: 0.0625rem solid #eceff8;
1472
- --Modal-footer-marginX: var(--gap-md);
1473
- --Modal-footer-padding: var(--gap-base) 0;
1593
+ --Modal-body-borderBottom: none;
1594
+ --Modal-footer-marginX: 0;
1595
+ --Modal-footer-marginY: 0;
1596
+ --Modal-footer-padding: 0;
1597
+ --Drawer-header-padding: 1rem 1.5rem;
1474
1598
  --Drawer-widthBase: 25rem;
1599
+ --Drawer-header-bg: #fff;
1600
+ --Drawer-body-padding: 1.5rem;
1475
1601
  --Remark-icon-fontSize: 0.75rem;
1476
1602
  --Remark-iconColor: #999;
1477
1603
  --Remark-onHover-iconColor: #fff;
@@ -1509,7 +1635,7 @@
1509
1635
  --Pagination-onActive-backgroundColor: var(--white);
1510
1636
  --Pagination-onActive-color: var(--primary);
1511
1637
  --Pagination-onActive-border: 0.0625rem solid var(--primary);
1512
- --Panel-borderRadius: 0;
1638
+ --Panel-borderRadius: 0.25rem;
1513
1639
  --Panel-fixedBottom-boxShadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
1514
1640
  --Panel--default-bg: #f5f5f5;
1515
1641
  --Nav-item-fontSize: 1rem;
@@ -1522,21 +1648,22 @@
1522
1648
  --TransferSelect--table-heading-bg: var(--white);
1523
1649
  --TransferSelect--normal-heading-bg: #f6f7fb;
1524
1650
  --TransferSelect-heading-borderBottom: 0;
1525
- --Alert-height: 1.875rem;
1526
- --Alert-fontSize: 0.75rem;
1527
- --Alert-borderRadius: 0;
1651
+ --Alert-height: 2.5rem;
1652
+ --Alert-paddingX: 1rem;
1653
+ --Alert-fontSize: 12px;
1654
+ --Alert-borderRadius: 0.25rem;
1528
1655
  --Alert-marginBottom: var(--Alert-md);
1529
- --Alert--danger-color: #333;
1530
- --Alert--danger-bg: #fff5f5;
1656
+ --Alert--danger-color: #5e626a;
1657
+ --Alert--danger-bg: #fdf0ee;
1531
1658
  --Alert--danger-borderColor: transparent;
1532
- --Alert--info-color: #333;
1533
- --Alert--info-bg: #eaf6fe;
1659
+ --Alert--info-color: #5e626a;
1660
+ --Alert--info-bg: #e9f0fd;
1534
1661
  --Alert--info-borderColor: transparent;
1535
- --Alert--success-color: #333;
1536
- --Alert--success-bg: #f1fdeb;
1662
+ --Alert--success-color: #5e626a;
1663
+ --Alert--success-bg: #e7f9f2;
1537
1664
  --Alert--success-borderColor: transparent;
1538
- --Alert--warning-color: #333;
1539
- --Alert--warning-bg: #fcf7f1;
1665
+ --Alert--warning-color: #5e626a;
1666
+ --Alert--warning-bg: #fff7e6;
1540
1667
  --Alert--warning-borderColor: transparent;
1541
1668
  --Toast-width: 18.75rem;
1542
1669
  --Toast-borderRadius: 0;
@@ -1546,18 +1673,20 @@
1546
1673
  --Toast-opacity: 1;
1547
1674
  --Toast-title-display: inline;
1548
1675
  --Toast-color: var(--white);
1549
- --Toast--danger-color: var(--danger);
1550
- --Toast--danger-bgColor: #fff5f5;
1551
- --Toast--danger-borderColor: var(--danger);
1552
- --Toast--info-color: var(--info);
1553
- --Toast--info-bgColor: #eaf6fe;
1554
- --Toast--info-borderColor: var(--info);
1555
- --Toast--success-color: var(--success);
1556
- --Toast--success-bgColor: #f1fdeb;
1557
- --Toast--success-borderColor: var(--success);
1558
- --Toast--warning-color: var(--warning);
1559
- --Toast--warning-bgColor: #fcf7f1;
1560
- --Toast--warning-borderColor: var(--warning);
1676
+ --Toast-borderRadius: 0.25rem;
1677
+ --Toast-paddingX: 1rem;
1678
+ --Toast--danger-color: #151a26;
1679
+ --Toast--danger-bgColor: #ffffff;
1680
+ --Toast--danger-borderColor: #ffffff;
1681
+ --Toast--info-color: #151a26;
1682
+ --Toast--info-bgColor: #ffffff;
1683
+ --Toast--info-borderColor: #ffffff;
1684
+ --Toast--success-color: #151a26;
1685
+ --Toast--success-bgColor: #ffffff;
1686
+ --Toast--success-borderColor: #ffffff;
1687
+ --Toast--warning-color: #151a26;
1688
+ --Toast--warning-bgColor: #ffffff;
1689
+ --Toast--warning-borderColor: #ffffff;
1561
1690
  --Toast-close-color: var(--icon-color);
1562
1691
  --Toast-close--onHover-color: var(--icon-onHover-color);
1563
1692
  --TagControl-sugTip-color: var(--primary);
@@ -1586,6 +1715,8 @@
1586
1715
  --ListItem-onChecked-fieldLabel-color: #0052cc;
1587
1716
  --Transfer-title-bg: var(--Table-thead-bg);
1588
1717
  --Satus-icon-width: 0.875rem;
1718
+ --Tree-itemHeight: 2rem;
1719
+ --Progress-borderRadius: 1rem;
1589
1720
  }
1590
1721
 
1591
1722
  /* Reset
@@ -1910,6 +2041,8 @@ svg.icon {
1910
2041
  width: 1em;
1911
2042
  height: 1em;
1912
2043
  fill: currentColor;
2044
+ position: relative;
2045
+ top: 0.125em;
1913
2046
  }
1914
2047
 
1915
2048
  svg.r90 {
@@ -1917,11 +2050,11 @@ svg.r90 {
1917
2050
  }
1918
2051
 
1919
2052
  svg.icon-success {
1920
- color: #5fb333;
2053
+ color: #0bc286;
1921
2054
  }
1922
2055
 
1923
2056
  svg.icon-fail {
1924
- color: #ea2e2e;
2057
+ color: #e8684a;
1925
2058
  }
1926
2059
 
1927
2060
  /**
@@ -3343,6 +3476,15 @@ img.cxd-AsideNav-itemIcon {
3343
3476
  .cxd-Button > .pull-right {
3344
3477
  margin-left: var(--Button-paddingX);
3345
3478
  }
3479
+ .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
3480
+ .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
3481
+ .cxd-Button > .pull-left {
3482
+ margin-right: var(--Button-paddingX);
3483
+ }
3484
+ .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
3485
+ .cxd-Button > .pull-right {
3486
+ margin-left: var(--Button-paddingX);
3487
+ }
3346
3488
  .cxd-Button img.cxd-Button-icon {
3347
3489
  height: var(--Button-fontSize);
3348
3490
  vertical-align: middle;
@@ -3355,14 +3497,21 @@ img.cxd-AsideNav-itemIcon {
3355
3497
  box-shadow: var(--Button-onFocus-boxShadow);
3356
3498
  }
3357
3499
  .cxd-Button.is-disabled, .cxd-Button:disabled {
3358
- opacity: var(--Button-onDisabled-opacity);
3359
3500
  filter: grayscale(100%);
3360
3501
  box-shadow: none;
3361
3502
  cursor: not-allowed;
3503
+ color: var(--text--muted-color);
3504
+ pointer-events: auto;
3505
+ border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
3506
+ background: var(--Button-onDisabled-bg);
3362
3507
  }
3363
3508
  .cxd-Button:not(:disabled):not(.is-disabled) {
3364
3509
  cursor: pointer;
3365
3510
  }
3511
+ .cxd-Button.cxd-Button--link.is-disabled {
3512
+ background: transparent;
3513
+ border: none;
3514
+ }
3366
3515
  .cxd-Button > .pull-left,
3367
3516
  .cxd-Button > .pull-right {
3368
3517
  line-height: inherit;
@@ -3390,6 +3539,11 @@ fieldset:disabled a.cxd-Button {
3390
3539
  background: var(--Button--primary-onHover-bg);
3391
3540
  border-color: var(--Button--primary-onHover-border);
3392
3541
  }
3542
+ .cxd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
3543
+ color: var(--Button--primary-onActive-color);
3544
+ background: var(--Button--primary-onActive-bg);
3545
+ border-color: var(--Button--primary-onActive-border);
3546
+ }
3393
3547
  .cxd-Button--primary:hover:focus {
3394
3548
  box-shadow: var(--Button-boxShadow);
3395
3549
  }
@@ -3406,6 +3560,11 @@ fieldset:disabled a.cxd-Button {
3406
3560
  background: var(--Button--secondary-onHover-bg);
3407
3561
  border-color: var(--Button--secondary-onHover-border);
3408
3562
  }
3563
+ .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
3564
+ color: var(--Button--secondary-onActive-color);
3565
+ background: var(--Button--secondary-onActive-bg);
3566
+ border-color: var(--Button--secondary-onActive-border);
3567
+ }
3409
3568
  .cxd-Button--secondary:hover:focus {
3410
3569
  box-shadow: var(--Button-boxShadow);
3411
3570
  }
@@ -3422,10 +3581,36 @@ fieldset:disabled a.cxd-Button {
3422
3581
  background: var(--Button--success-onHover-bg);
3423
3582
  border-color: var(--Button--success-onHover-border);
3424
3583
  }
3584
+ .cxd-Button--success:not(:disabled):not(.is-disabled):hover:active {
3585
+ color: var(--Button--success-onActive-color);
3586
+ background: var(--Button--success-onActive-bg);
3587
+ border-color: var(--Button--success-onActive-border);
3588
+ }
3425
3589
  .cxd-Button--success:hover:focus {
3426
3590
  box-shadow: var(--Button-boxShadow);
3427
3591
  }
3428
3592
 
3593
+ .cxd-Button--enhance {
3594
+ color: var(--Button--enhance-color);
3595
+ background: var(--Button--enhance-bg);
3596
+ border-color: var(--Button--enhance-border);
3597
+ box-shadow: var(--Button-boxShadow);
3598
+ text-shadow: var(--Button-textShadow);
3599
+ }
3600
+ .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover {
3601
+ color: var(--Button--enhance-onHover-color);
3602
+ background: var(--Button--enhance-onHover-bg);
3603
+ border-color: var(--Button--enhance-onHover-border);
3604
+ }
3605
+ .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
3606
+ color: var(--Button--enhance-onActive-color);
3607
+ background: var(--Button--enhance-onActive-bg);
3608
+ border-color: var(--Button--enhance-onActive-border);
3609
+ }
3610
+ .cxd-Button--enhance:hover:focus {
3611
+ box-shadow: var(--Button-boxShadow);
3612
+ }
3613
+
3429
3614
  .cxd-Button--info {
3430
3615
  color: var(--Button--info-color);
3431
3616
  background: var(--Button--info-bg);
@@ -3438,6 +3623,11 @@ fieldset:disabled a.cxd-Button {
3438
3623
  background: var(--Button--info-onHover-bg);
3439
3624
  border-color: var(--Button--info-onHover-border);
3440
3625
  }
3626
+ .cxd-Button--info:not(:disabled):not(.is-disabled):hover:active {
3627
+ color: var(--Button--info-onActive-color);
3628
+ background: var(--Button--info-onActive-bg);
3629
+ border-color: var(--Button--info-onActive-border);
3630
+ }
3441
3631
  .cxd-Button--info:hover:focus {
3442
3632
  box-shadow: var(--Button-boxShadow);
3443
3633
  }
@@ -3454,6 +3644,11 @@ fieldset:disabled a.cxd-Button {
3454
3644
  background: var(--Button--warning-onHover-bg);
3455
3645
  border-color: var(--Button--warning-onHover-border);
3456
3646
  }
3647
+ .cxd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
3648
+ color: var(--Button--warning-onActive-color);
3649
+ background: var(--Button--warning-onActive-bg);
3650
+ border-color: var(--Button--warning-onActive-border);
3651
+ }
3457
3652
  .cxd-Button--warning:hover:focus {
3458
3653
  box-shadow: var(--Button-boxShadow);
3459
3654
  }
@@ -3470,6 +3665,11 @@ fieldset:disabled a.cxd-Button {
3470
3665
  background: var(--Button--danger-onHover-bg);
3471
3666
  border-color: var(--Button--danger-onHover-border);
3472
3667
  }
3668
+ .cxd-Button--danger:not(:disabled):not(.is-disabled):hover:active {
3669
+ color: var(--Button--danger-onActive-color);
3670
+ background: var(--Button--danger-onActive-bg);
3671
+ border-color: var(--Button--danger-onActive-border);
3672
+ }
3473
3673
  .cxd-Button--danger:hover:focus {
3474
3674
  box-shadow: var(--Button-boxShadow);
3475
3675
  }
@@ -3486,6 +3686,11 @@ fieldset:disabled a.cxd-Button {
3486
3686
  background: var(--Button--light-onHover-bg);
3487
3687
  border-color: var(--Button--light-onHover-border);
3488
3688
  }
3689
+ .cxd-Button--light:not(:disabled):not(.is-disabled):hover:active {
3690
+ color: var(--Button--light-onActive-color);
3691
+ background: var(--Button--light-onActive-bg);
3692
+ border-color: var(--Button--light-onActive-border);
3693
+ }
3489
3694
  .cxd-Button--light:hover:focus {
3490
3695
  box-shadow: var(--Button-boxShadow);
3491
3696
  }
@@ -3502,6 +3707,11 @@ fieldset:disabled a.cxd-Button {
3502
3707
  background: var(--Button--dark-onHover-bg);
3503
3708
  border-color: var(--Button--dark-onHover-border);
3504
3709
  }
3710
+ .cxd-Button--dark:not(:disabled):not(.is-disabled):hover:active {
3711
+ color: var(--Button--dark-onActive-color);
3712
+ background: var(--Button--dark-onActive-bg);
3713
+ border-color: var(--Button--dark-onActive-border);
3714
+ }
3505
3715
  .cxd-Button--dark:hover:focus {
3506
3716
  box-shadow: var(--Button-boxShadow);
3507
3717
  }
@@ -3518,6 +3728,11 @@ fieldset:disabled a.cxd-Button {
3518
3728
  background: var(--Button--default-onHover-bg);
3519
3729
  border-color: var(--Button--default-onHover-border);
3520
3730
  }
3731
+ .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
3732
+ color: var(--Button--default-onActive-color);
3733
+ background: var(--Button--default-onActive-bg);
3734
+ border-color: var(--Button--default-onActive-border);
3735
+ }
3521
3736
  .cxd-Button--default:hover:focus {
3522
3737
  box-shadow: var(--Button-boxShadow);
3523
3738
  }
@@ -3538,6 +3753,15 @@ fieldset:disabled a.cxd-Button {
3538
3753
  .cxd-Button--xs > .pull-right {
3539
3754
  margin-left: var(--Button--xs-paddingX);
3540
3755
  }
3756
+ .cxd-Button--xs .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
3757
+ .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
3758
+ .cxd-Button--xs > .pull-left {
3759
+ margin-right: var(--Button--xs-paddingX);
3760
+ }
3761
+ .cxd-Button--xs .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
3762
+ .cxd-Button--xs > .pull-right {
3763
+ margin-left: var(--Button--xs-paddingX);
3764
+ }
3541
3765
  .cxd-Button--xs img.cxd-Button-icon {
3542
3766
  height: var(--Button-fontSize);
3543
3767
  vertical-align: middle;
@@ -3562,6 +3786,15 @@ fieldset:disabled a.cxd-Button {
3562
3786
  .cxd-Button--sm > .pull-right {
3563
3787
  margin-left: var(--Button--sm-paddingX);
3564
3788
  }
3789
+ .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
3790
+ .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
3791
+ .cxd-Button--sm > .pull-left {
3792
+ margin-right: var(--Button--sm-paddingX);
3793
+ }
3794
+ .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
3795
+ .cxd-Button--sm > .pull-right {
3796
+ margin-left: var(--Button--sm-paddingX);
3797
+ }
3565
3798
  .cxd-Button--sm img.cxd-Button-icon {
3566
3799
  height: var(--Button-fontSize);
3567
3800
  vertical-align: middle;
@@ -3586,6 +3819,15 @@ fieldset:disabled a.cxd-Button {
3586
3819
  .cxd-Button--md > .pull-right {
3587
3820
  margin-left: var(--Button--md-paddingX);
3588
3821
  }
3822
+ .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
3823
+ .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
3824
+ .cxd-Button--md > .pull-left {
3825
+ margin-right: var(--Button--md-paddingX);
3826
+ }
3827
+ .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
3828
+ .cxd-Button--md > .pull-right {
3829
+ margin-left: var(--Button--md-paddingX);
3830
+ }
3589
3831
  .cxd-Button--md img.cxd-Button-icon {
3590
3832
  height: var(--Button-fontSize);
3591
3833
  vertical-align: middle;
@@ -3610,6 +3852,15 @@ fieldset:disabled a.cxd-Button {
3610
3852
  .cxd-Button--lg > .pull-right {
3611
3853
  margin-left: var(--Button--lg-paddingX);
3612
3854
  }
3855
+ .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
3856
+ .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
3857
+ .cxd-Button--lg > .pull-left {
3858
+ margin-right: var(--Button--lg-paddingX);
3859
+ }
3860
+ .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
3861
+ .cxd-Button--lg > .pull-right {
3862
+ margin-left: var(--Button--lg-paddingX);
3863
+ }
3613
3864
  .cxd-Button--lg img.cxd-Button-icon {
3614
3865
  height: var(--Button-fontSize);
3615
3866
  vertical-align: middle;
@@ -3634,6 +3885,13 @@ fieldset:disabled a.cxd-Button {
3634
3885
  line-height: 1;
3635
3886
  }
3636
3887
 
3888
+ .cxd-Button--loading {
3889
+ transition: --Button-transition;
3890
+ }
3891
+ .cxd-Button--loading svg {
3892
+ animation: var(--Button-animation-spin);
3893
+ }
3894
+
3637
3895
  .cxd-Button--link {
3638
3896
  width: auto;
3639
3897
  min-width: auto;
@@ -3645,13 +3903,16 @@ fieldset:disabled a.cxd-Button {
3645
3903
  }
3646
3904
  .cxd-Button--link:hover:focus {
3647
3905
  color: var(--Button--link-onHover-color);
3648
- text-decoration: var(--link-onHover-decoration);
3906
+ box-shadow: none;
3907
+ }
3908
+ .cxd-Button--link:hover:active {
3909
+ color: var(--Button--link-onActive-color);
3649
3910
  box-shadow: none;
3650
3911
  }
3651
3912
  .cxd-Button--link:disabled, .cxd-Button--link.is-disabled {
3652
3913
  color: var(--text--muted-color);
3653
3914
  pointer-events: none;
3654
- background: transparent;
3915
+ background: var(--Button-onDisabled-bg);
3655
3916
  }
3656
3917
 
3657
3918
  .cxd-Button--block {
@@ -3720,7 +3981,7 @@ input[type=button].cxd-Button--block {
3720
3981
  display: inline-block;
3721
3982
  position: relative;
3722
3983
  }
3723
- .cxd-Badge-text, .cxd-Badge-dot {
3984
+ .cxd-Badge-text, .cxd-Badge-dot, .cxd-Badge-ribbon {
3724
3985
  background: var(--danger);
3725
3986
  position: absolute;
3726
3987
  top: 0;
@@ -3729,7 +3990,6 @@ input[type=button].cxd-Button--block {
3729
3990
  transform-origin: 100% 0;
3730
3991
  z-index: auto;
3731
3992
  border-radius: calc(var(--Badge-size) / 2);
3732
- box-shadow: 0 0 0 1px #fff;
3733
3993
  }
3734
3994
  .cxd-Badge--top-left {
3735
3995
  top: 0;
@@ -3751,6 +4011,18 @@ input[type=button].cxd-Button--block {
3751
4011
  right: 0;
3752
4012
  transform: translate(50%, 50%);
3753
4013
  }
4014
+ .cxd-Badge--danger {
4015
+ background: var(--Badge--danger-bg);
4016
+ }
4017
+ .cxd-Badge--info {
4018
+ background: var(--Badge--info-bg);
4019
+ }
4020
+ .cxd-Badge--success {
4021
+ background: var(--Badge--success-bg);
4022
+ }
4023
+ .cxd-Badge--warning {
4024
+ background: var(--Badge--warning-bg);
4025
+ }
3754
4026
  .cxd-Badge-text {
3755
4027
  color: var(--Badge-color);
3756
4028
  height: var(--Badge-size);
@@ -3765,6 +4037,49 @@ input[type=button].cxd-Button--block {
3765
4037
  height: var(--Badge-size);
3766
4038
  border-radius: 50%;
3767
4039
  }
4040
+ .cxd-Badge-ribbon-out {
4041
+ overflow: hidden;
4042
+ position: absolute;
4043
+ top: 0;
4044
+ bottom: 0;
4045
+ right: 0;
4046
+ }
4047
+ .cxd-Badge-ribbon {
4048
+ color: var(--Badge-color);
4049
+ height: var(--Badge-size);
4050
+ line-height: var(--Badge-size);
4051
+ transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7);
4052
+ transform-origin: 50% 0;
4053
+ border-radius: 0;
4054
+ text-align: center;
4055
+ width: 62.5rem;
4056
+ top: 5px;
4057
+ }
4058
+ .cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--bottom-left {
4059
+ left: 0;
4060
+ right: auto;
4061
+ }
4062
+ .cxd-Badge-ribbon--top-left {
4063
+ transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7);
4064
+ left: 0;
4065
+ right: auto;
4066
+ }
4067
+ .cxd-Badge-ribbon--bottom-left {
4068
+ transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
4069
+ transform-origin: 50% 100%;
4070
+ left: 0;
4071
+ right: auto;
4072
+ bottom: 5px;
4073
+ top: auto;
4074
+ }
4075
+ .cxd-Badge-ribbon--bottom-right {
4076
+ transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
4077
+ transform-origin: 50% 100%;
4078
+ left: auto;
4079
+ right: 0;
4080
+ bottom: 5px;
4081
+ top: auto;
4082
+ }
3768
4083
  @keyframes badgeDotAnimation {
3769
4084
  0% {
3770
4085
  transform: scale(0.8);
@@ -4569,6 +4884,123 @@ input[type=button].cxd-Button--block {
4569
4884
  bottom: 0;
4570
4885
  background: transparent;
4571
4886
  }
4887
+ .cxd-PopOver-isMobile .cxd-PopOver-overlay {
4888
+ background: rgba(0, 0, 0, 0.3);
4889
+ }
4890
+ .cxd-PopOver--leftBottomLeftTop {
4891
+ margin-top: 0.25rem;
4892
+ }
4893
+ .cxd-PopOver--leftTopLeftBottom {
4894
+ margin-top: -0.25rem;
4895
+ }
4896
+
4897
+ .has-popover {
4898
+ position: relative;
4899
+ }
4900
+
4901
+ .cxd-PickerColumns {
4902
+ position: relative;
4903
+ background-color: var(--PickerColumns-bg);
4904
+ user-select: none;
4905
+ }
4906
+ .cxd-PickerColumns-popOver {
4907
+ position: fixed;
4908
+ bottom: 0;
4909
+ left: 0;
4910
+ width: 100%;
4911
+ padding: 0 var(--gap-sm);
4912
+ }
4913
+ .cxd-PickerColumns-toolbar {
4914
+ display: flex;
4915
+ align-items: center;
4916
+ justify-content: space-between;
4917
+ height: var(--PickerColumns-toolbar-height);
4918
+ }
4919
+ .cxd-PickerColumns-cancel, .cxd-PickerColumns-confirm {
4920
+ height: 100%;
4921
+ padding: var(--PickerColumns-action-padding);
4922
+ font-size: var(--PickerColumns-action-fontSize);
4923
+ background-color: transparent;
4924
+ border: none;
4925
+ cursor: pointer;
4926
+ }
4927
+ .cxd-PickerColumns-cancel:active, .cxd-PickerColumns-confirm:active {
4928
+ opacity: 0.7;
4929
+ }
4930
+ .cxd-PickerColumns-confirm {
4931
+ color: var(--PickerColumns-confirmAction-color);
4932
+ }
4933
+ .cxd-PickerColumns-cancel {
4934
+ color: var(--PickerColumns-cancelAction-color);
4935
+ }
4936
+ .cxd-PickerColumns-title {
4937
+ max-width: 50%;
4938
+ font-weight: 500;
4939
+ font-size: var(--PickerColumns-title-fontSize);
4940
+ line-height: var(--PickerColumns-title-lineHeight);
4941
+ text-align: center;
4942
+ }
4943
+ .cxd-PickerColumns-columns {
4944
+ position: relative;
4945
+ display: flex;
4946
+ cursor: grab;
4947
+ }
4948
+ .cxd-PickerColumns-loading {
4949
+ position: absolute;
4950
+ top: 0;
4951
+ right: 0;
4952
+ bottom: 0;
4953
+ left: 0;
4954
+ z-index: 3;
4955
+ display: flex;
4956
+ align-items: center;
4957
+ justify-content: center;
4958
+ color: var(--PickerColumns-loadingIcon-color);
4959
+ background-color: var(--PickerColumns-loadingMask-color);
4960
+ }
4961
+ .cxd-PickerColumns-frame {
4962
+ position: absolute;
4963
+ top: 50%;
4964
+ right: var(--gap-md);
4965
+ left: var(--gap-md);
4966
+ z-index: 2;
4967
+ transform: translateY(-50%);
4968
+ pointer-events: none;
4969
+ }
4970
+ .cxd-PickerColumns-mask {
4971
+ position: absolute;
4972
+ top: 0;
4973
+ left: 0;
4974
+ z-index: 1;
4975
+ width: 100%;
4976
+ height: 100%;
4977
+ 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));
4978
+ background-repeat: no-repeat;
4979
+ background-position: top, bottom;
4980
+ transform: translateZ(0);
4981
+ pointer-events: none;
4982
+ }
4983
+ .cxd-PickerColumns-column {
4984
+ flex: 1;
4985
+ overflow: hidden;
4986
+ font-size: var(--PickerColumns-option-fontSize);
4987
+ }
4988
+ .cxd-PickerColumns-columnWrapper {
4989
+ margin: 0;
4990
+ padding: 0;
4991
+ list-style: none;
4992
+ transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
4993
+ }
4994
+ .cxd-PickerColumns-columnItem {
4995
+ display: flex;
4996
+ align-items: center;
4997
+ justify-content: center;
4998
+ color: var(--PickerColumns-optionText-color);
4999
+ }
5000
+ .cxd-PickerColumns-columnItem.is-disabled {
5001
+ cursor: not-allowed;
5002
+ opacity: var(--PickerColumns-optionDisabled-opacity);
5003
+ }
4572
5004
 
4573
5005
  @keyframes bounceIn {
4574
5006
  from, 20%, 40%, 60%, 80%, to {
@@ -4835,6 +5267,15 @@ input[type=button].cxd-Button--block {
4835
5267
  .cxd-ArrayInput-addBtn > .pull-right {
4836
5268
  margin-left: var(--Combo-addBtn-paddingX);
4837
5269
  }
5270
+ .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
5271
+ .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
5272
+ .cxd-ArrayInput-addBtn > .pull-left {
5273
+ margin-right: var(--Combo-addBtn-paddingX);
5274
+ }
5275
+ .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
5276
+ .cxd-ArrayInput-addBtn > .pull-right {
5277
+ margin-left: var(--Combo-addBtn-paddingX);
5278
+ }
4838
5279
  .cxd-ArrayInput-addBtn img.cxd-Button-icon {
4839
5280
  height: var(--Button-fontSize);
4840
5281
  vertical-align: middle;
@@ -4844,6 +5285,11 @@ input[type=button].cxd-Button--block {
4844
5285
  background: var(--Combo-addBtn-onHover-bg);
4845
5286
  border-color: var(--Combo-addBtn-onHover-border);
4846
5287
  }
5288
+ .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
5289
+ color: var(--Combo-addBtn-onActive-color);
5290
+ background: var(--Combo-addBtn-onActive-bg);
5291
+ border-color: var(--Combo-addBtn-onActive-border);
5292
+ }
4847
5293
  .cxd-ArrayInput-addBtn:hover:focus {
4848
5294
  box-shadow: var(--Button-boxShadow);
4849
5295
  }
@@ -5299,27 +5745,31 @@ input[type=button].cxd-Button--block {
5299
5745
  }
5300
5746
 
5301
5747
  .cxd-Nav {
5748
+ position: relative;
5749
+ }
5750
+ .cxd-Nav .cxd-Nav-list {
5302
5751
  list-style: none;
5303
5752
  user-select: none;
5304
5753
  margin: 0;
5305
5754
  padding: 0;
5306
5755
  position: relative;
5307
5756
  }
5308
- .cxd-Nav .cxd-Nav-itemIcon {
5757
+ .cxd-Nav .cxd-Nav-list .cxd-Nav-itemIcon {
5309
5758
  margin-right: var(--gap-sm);
5310
5759
  }
5311
- .cxd-Nav img.cxd-Nav-itemIcon {
5760
+ .cxd-Nav .cxd-Nav-list img.cxd-Nav-itemIcon {
5312
5761
  height: var(--Tabs-linkFontSize);
5313
5762
  vertical-align: middle;
5314
5763
  }
5315
- .cxd-Nav--tabs {
5764
+ .cxd-Nav .cxd-Nav-list--tabs {
5316
5765
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
5317
5766
  }
5318
- .cxd-Nav--tabs .cxd-Nav-item {
5767
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item {
5319
5768
  margin-bottom: calc(var(--Tabs-borderWidth) * -1);
5320
5769
  display: inline-block;
5770
+ position: relative;
5321
5771
  }
5322
- .cxd-Nav--tabs .cxd-Nav-item > a {
5772
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item > a {
5323
5773
  font-size: var(--Tabs-linkFontSize);
5324
5774
  display: block;
5325
5775
  outline: none;
@@ -5329,124 +5779,185 @@ input[type=button].cxd-Button--block {
5329
5779
  color: var(--Tabs-color);
5330
5780
  text-decoration: none;
5331
5781
  margin-right: 0.125rem;
5332
- padding: var(--gap-sm) var(--gap-base);
5782
+ padding: var(--gap-sm) var(--gap-xl);
5333
5783
  cursor: pointer;
5334
5784
  }
5335
- .cxd-Nav--tabs .cxd-Nav-item:hover > a,
5336
- .cxd-Nav--tabs .cxd-Nav-item > a:focus {
5785
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item:hover > a,
5786
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item > a:focus {
5337
5787
  border-color: var(--Tabs-onHover-borderColor);
5338
5788
  text-decoration: none;
5339
5789
  }
5340
- .cxd-Nav--tabs .cxd-Nav-item.disabled > a, .cxd-Nav--tabs .cxd-Nav-item.is-disabled > a {
5790
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.disabled > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.is-disabled > a {
5341
5791
  color: var(--Tabs-onDisabled-color);
5342
5792
  background: transparent;
5343
5793
  border-color: transparent;
5344
5794
  pointer-events: none;
5345
5795
  }
5346
- .cxd-Nav--tabs .cxd-Nav-item.active > a, .cxd-Nav--tabs .cxd-Nav-item.is-active > a {
5796
+ .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.active > a, .cxd-Nav .cxd-Nav-list--tabs .cxd-Nav-item.is-active > a {
5347
5797
  color: var(--Tabs-onActive-color);
5348
5798
  background: var(--Tabs-onActive-bg);
5349
5799
  border-color: var(--Tabs-onActive-borderColor);
5350
5800
  border-bottom-color: var(--Tabs-content-bg);
5351
5801
  }
5352
- .cxd-Nav--stacked {
5802
+ .cxd-Nav .cxd-Nav-list--stacked {
5353
5803
  min-height: 3.125rem;
5354
5804
  }
5355
- .cxd-Nav--stacked .cxd-Nav-item {
5805
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge {
5356
5806
  position: relative;
5807
+ display: flex;
5808
+ flex-wrap: wrap;
5809
+ align-items: stretch;
5810
+ width: 100%;
5357
5811
  }
5358
- .cxd-Nav--stacked .cxd-Nav-item > a {
5359
- display: block;
5812
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager {
5813
+ cursor: move;
5814
+ position: absolute;
5815
+ left: 0;
5816
+ top: 0.6875rem;
5817
+ display: none;
5818
+ }
5819
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .icon, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > .icon {
5820
+ color: var(--icon-color);
5821
+ }
5822
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .icon:hover, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover {
5823
+ color: var(--icon-onHover-color);
5824
+ }
5825
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager svg, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager svg {
5826
+ width: 1rem;
5827
+ height: 1rem;
5828
+ }
5829
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-badgeText {
5830
+ position: absolute;
5831
+ top: 0;
5832
+ bottom: 0;
5833
+ width: 2.1875rem;
5834
+ overflow: hidden;
5835
+ }
5836
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText > span, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-badgeText > span {
5837
+ position: absolute;
5838
+ top: 0.125rem;
5839
+ left: -0.8125rem;
5840
+ transform: rotate(-45deg);
5841
+ width: 3.125rem;
5842
+ font-size: 12px;
5843
+ text-align: center;
5844
+ color: var(--white);
5845
+ background: var(--success);
5846
+ }
5847
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Nav-item-atcions {
5848
+ display: flex;
5849
+ align-items: center;
5850
+ }
5851
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a,
5852
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a,
5853
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a {
5854
+ display: flex;
5855
+ align-items: center;
5360
5856
  outline: none;
5361
5857
  color: var(--Nav-item-color);
5362
5858
  text-decoration: none;
5363
- padding: var(--gap-sm) var(--gap-base);
5859
+ padding: var(--gap-sm) var(--gap-sm);
5364
5860
  cursor: pointer;
5365
5861
  background: var(--Nav-item-bg);
5366
5862
  border-radius: var(--Nav-item-borderRadius);
5367
5863
  text-overflow: ellipsis;
5864
+ flex: 1;
5368
5865
  }
5369
- .cxd-Nav--stacked .cxd-Nav-item > a::after {
5370
- border-left: var(--Nav-item-onActive-borderLeft);
5371
- position: absolute;
5372
- left: 0;
5373
- top: 0;
5374
- content: "";
5375
- width: 1px;
5376
- height: 100%;
5377
- transform: scaleY(0.0001);
5378
- 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);
5379
- }
5380
- .cxd-Nav--stacked .cxd-Nav-item.has-sub > a {
5381
- padding-right: calc(var(--gap-base) + var(--gap-sm));
5382
- }
5383
- .cxd-Nav--stacked .cxd-Nav-item > a:hover,
5384
- .cxd-Nav--stacked .cxd-Nav-item > a:focus {
5866
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover,
5867
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus,
5868
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover + .cxd-Nav-item-atcions,
5869
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus + .cxd-Nav-item-atcions,
5870
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover,
5871
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus,
5872
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
5873
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus + .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover,
5874
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus,
5875
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
5876
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus + .cxd-Nav-item-atcions,
5877
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover,
5878
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus,
5879
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
5880
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus + .cxd-Nav-item-atcions {
5385
5881
  border-color: var(--Nav-item-onHover-color);
5386
5882
  text-decoration: none;
5387
5883
  background: var(--Nav-item-onHover-bg);
5884
+ z-index: 1;
5388
5885
  }
5389
- .cxd-Nav--stacked .cxd-Nav-item.disabled > a, .cxd-Nav--stacked .cxd-Nav-item.is-disabled > a {
5886
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:hover > .cxd-Nav-itemDrager,
5887
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > a:focus > .cxd-Nav-itemDrager,
5888
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
5889
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Badge > a:focus > .cxd-Nav-itemDrager, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
5890
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > a:focus > .cxd-Nav-itemDrager,
5891
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
5892
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge > .cxd-Badge > a:focus > .cxd-Nav-itemDrager {
5893
+ display: block;
5894
+ }
5895
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > .cxd-Badge > a {
5390
5896
  color: var(--Nav-item-onDisabled-color);
5391
5897
  background: transparent;
5392
5898
  pointer-events: none;
5393
5899
  }
5394
- .cxd-Nav--stacked .cxd-Nav-item.active > a, .cxd-Nav--stacked .cxd-Nav-item.is-active > a {
5900
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active {
5901
+ background: var(--Nav-item-onActive-bg) !important;
5902
+ }
5903
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a {
5395
5904
  color: var(--Nav-item-onActive-color);
5396
- background: var(--Nav-item-onActive-bg);
5397
- padding-left: 0.75rem;
5398
5905
  position: relative;
5399
5906
  }
5400
- .cxd-Nav--stacked .cxd-Nav-item.active > a::after, .cxd-Nav--stacked .cxd-Nav-item.is-active > a::after {
5907
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a::after {
5401
5908
  transform: scaleY(1);
5402
5909
  }
5403
- .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-itemToggler {
5910
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > a .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler {
5404
5911
  transform: rotate(180deg) scale(0.8);
5405
5912
  }
5406
- .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-subItems {
5913
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-unfolded > .cxd-Badge > .cxd-Nav-subItems {
5407
5914
  display: block;
5408
5915
  }
5409
- .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-spinner {
5916
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-spinner, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-spinner {
5410
5917
  position: absolute;
5411
5918
  right: 0.625rem;
5412
5919
  top: 0.5rem;
5413
5920
  }
5414
- .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler {
5415
- position: absolute;
5416
- right: 0;
5417
- top: 0.1875rem;
5418
- width: 1.875rem;
5419
- height: 1.875rem;
5921
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemToggler, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemToggler {
5922
+ float: left;
5923
+ margin-right: 0.625rem;
5924
+ height: 1.5rem;
5420
5925
  text-align: center;
5421
- line-height: 1.875rem;
5926
+ line-height: 1.5rem;
5422
5927
  vertical-align: middle;
5423
5928
  cursor: pointer;
5424
5929
  transform: scale(0.8);
5425
5930
  transition: transform var(--animation-duration);
5426
5931
  }
5427
- .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler > svg {
5932
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemToggler > svg, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemToggler > svg {
5428
5933
  width: 10px;
5429
5934
  height: 10px;
5430
5935
  top: 0;
5431
5936
  }
5432
- .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-subItems {
5937
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-subItems, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-subItems {
5433
5938
  display: none;
5434
5939
  padding-left: 0;
5435
5940
  list-style: none;
5941
+ width: 100%;
5436
5942
  }
5437
- .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-item {
5943
+ .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-item, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-item {
5438
5944
  font-size: var(--Nav-subItem-fontSize);
5439
5945
  }
5946
+ .cxd-Nav .cxd-Nav-dropIndicator {
5947
+ position: absolute;
5948
+ background: var(--Nav-item-onActive-color);
5949
+ height: 2px;
5950
+ }
5440
5951
 
5441
5952
  .cxd-Page {
5442
5953
  width: 100%;
5443
5954
  height: 100%;
5955
+ background: var(--Page-main-bg);
5444
5956
  }
5445
5957
  .cxd-Page-header {
5446
5958
  padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
5447
5959
  }
5448
5960
  .cxd-Page-main {
5449
- background: var(--Page-main-bg);
5450
5961
  height: 100%;
5451
5962
  display: flex;
5452
5963
  flex-direction: column;
@@ -5459,10 +5970,8 @@ input[type=button].cxd-Button--block {
5459
5970
  }
5460
5971
  .cxd-Page-main > .cxd-Page-header {
5461
5972
  border-bottom: var(--borderWidth) solid var(--borderColor);
5462
- background: var(--Page-header-bg);
5463
5973
  }
5464
5974
  .cxd-Page-headerRow {
5465
- background: var(--Page-header-bg);
5466
5975
  border-bottom: var(--borderWidth) solid var(--borderColor);
5467
5976
  display: flex;
5468
5977
  flex-direction: row;
@@ -5502,10 +6011,6 @@ input[type=button].cxd-Button--block {
5502
6011
  margin-left: var(--gap-xs);
5503
6012
  }
5504
6013
 
5505
- .cxd-Page-aside {
5506
- background: var(--Page-aside-bg);
5507
- }
5508
-
5509
6014
  @media (min-width: 768px) {
5510
6015
  .cxd-Page-aside {
5511
6016
  min-width: var(--Page-aside-width);
@@ -6010,8 +6515,12 @@ input[type=button].cxd-Button--block {
6010
6515
  .cxd-Spinner--icon {
6011
6516
  background: transparent;
6012
6517
  animation: spin 2s linear infinite;
6013
- width: auto;
6014
- height: auto;
6518
+ width: var(--fontSizeLg);
6519
+ height: var(--fontSizeLg);
6520
+ }
6521
+ .cxd-Spinner--icon svg.icon {
6522
+ width: var(--fontSizeLg);
6523
+ height: var(--fontSizeLg);
6015
6524
  }
6016
6525
 
6017
6526
  .cxd-Spinner--overlay {
@@ -6181,7 +6690,7 @@ input[type=button].cxd-Button--block {
6181
6690
  height: var(--DropDown-menu-height);
6182
6691
  vertical-align: middle;
6183
6692
  user-select: none;
6184
- color: var(--link-color);
6693
+ color: var(--DropDown-menuItem-color);
6185
6694
  text-decoration: var(--link-decoration);
6186
6695
  }
6187
6696
  .cxd-DropDown-menuItem:hover, .cxd-DropDown-menu > li:hover {
@@ -6189,6 +6698,7 @@ input[type=button].cxd-Button--block {
6189
6698
  color: var(--DropDown-menuItem-onHover-color);
6190
6699
  }
6191
6700
  .cxd-DropDown-menuItem.is-active, .cxd-DropDown-menu > li.is-active {
6701
+ background: var(--DropDown-menuItem-onHover-bg);
6192
6702
  color: var(--DropDown-menuItem-onActive-color);
6193
6703
  }
6194
6704
  .cxd-DropDown-menuItem:not(.is-disabled), .cxd-DropDown-menuItem:not(.disabled), .cxd-DropDown-menu > li:not(.is-disabled), .cxd-DropDown-menu > li:not(.disabled) {
@@ -6226,22 +6736,34 @@ input[type=button].cxd-Button--block {
6226
6736
  }
6227
6737
 
6228
6738
  .cxd-Collapse {
6229
- border: none;
6739
+ border: var(--Collapse-border);
6230
6740
  padding: 0;
6231
6741
  margin-bottom: var(--Form-item-gap);
6232
6742
  }
6233
6743
  .cxd-Collapse-header {
6234
- font-size: var(--fontSizeMd);
6235
- font-weight: var(--fontWeightNormal);
6744
+ font-size: var(--Collapse-header-fontSize);
6745
+ font-weight: var(--Collapse-header-fontWeight);
6236
6746
  color: var(--text--loud-color);
6237
- padding: var(--gap-xs) 0;
6238
- border-bottom: var(--borderWidth) solid var(--borderColorLight);
6747
+ padding: var(--Collapse-header-padding);
6748
+ margin: 0;
6749
+ border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6750
+ background: var(--Collapse-header-bg);
6751
+ }
6752
+ .cxd-Collapse-header-wrapper {
6753
+ display: inline-flex;
6754
+ flex-direction: var(--Collapse-header-wrapper-direction);
6755
+ }
6756
+ .cxd-Collapse-header-tpl {
6757
+ margin-right: 0.5rem;
6758
+ }
6759
+ .cxd-Collapse-header:hover {
6760
+ background: var(--Collapse-header-onHover-bg);
6239
6761
  }
6240
6762
  .cxd-Collapse-arrow {
6241
6763
  display: inline-block;
6242
6764
  width: 1rem;
6243
6765
  text-align: center;
6244
- margin-left: var(--gap-xs);
6766
+ margin-right: 0.5rem;
6245
6767
  cursor: pointer;
6246
6768
  }
6247
6769
  .cxd-Collapse-arrow:before {
@@ -6257,10 +6779,16 @@ input[type=button].cxd-Button--block {
6257
6779
  transform: rotate(135deg);
6258
6780
  transform-origin: 50% 50%;
6259
6781
  }
6782
+ .cxd-Collapse-TplField {
6783
+ display: inline-block;
6784
+ }
6260
6785
  .cxd-Collapse.is-collapsed .cxd-Collapse-arrow:before {
6261
6786
  transform: rotate(45deg);
6262
6787
  transform-origin: 0% 50%;
6263
6788
  }
6789
+ .cxd-Collapse.is-collapsed .cxd-Collapse-header {
6790
+ border-bottom: var(--Collapse-header-collapsed-border);
6791
+ }
6264
6792
  .cxd-Collapse--collapsable .cxd-Collapse-header {
6265
6793
  cursor: pointer;
6266
6794
  user-select: none;
@@ -6270,6 +6798,11 @@ input[type=button].cxd-Button--block {
6270
6798
  color: var(--link-color);
6271
6799
  border-left: none;
6272
6800
  font-size: var(--fontSizeBase);
6801
+ border-top: var(--Collapse-header-collapsed-borderTop);
6802
+ border-bottom: var(--Collapse-header-collapsed-borderBottom);
6803
+ }
6804
+ .cxd-Collapse--title-bottom.is-collapsed .cxd-Collapse-header {
6805
+ border-top: none;
6273
6806
  }
6274
6807
  .cxd-Collapse--title-bottom .cxd-Collapse-arrow:before {
6275
6808
  top: 0.125rem;
@@ -6281,13 +6814,19 @@ input[type=button].cxd-Button--block {
6281
6814
  transform: rotate(135deg);
6282
6815
  transform-origin: 0% 50%;
6283
6816
  }
6284
- .cxd-Collapse-content {
6817
+ .cxd-Collapse-contentWrapper {
6285
6818
  transition: height var(--animation-duration) ease;
6286
6819
  }
6287
- .cxd-Collapse-content.in, .cxd-Collapse-content.out {
6820
+ .cxd-Collapse-contentWrapper.in, .cxd-Collapse-contentWrapper.out {
6288
6821
  height: 0;
6289
6822
  overflow: hidden;
6290
6823
  }
6824
+ .cxd-Collapse-content {
6825
+ padding: var(--Collapse-content-padding);
6826
+ color: var(--body-color);
6827
+ font-size: var(--Collapse-content-fontSize);
6828
+ font-weight: var(--Collapse-content-fontWeight);
6829
+ }
6291
6830
 
6292
6831
  .cxd-ColorField {
6293
6832
  display: inline-block;
@@ -6445,7 +6984,7 @@ input[type=button].cxd-Button--block {
6445
6984
  left: 0;
6446
6985
  right: 0;
6447
6986
  bottom: 0;
6448
- background: rgba(16, 140, 238, 0.2);
6987
+ background: rgba(36, 104, 242, 0.2);
6449
6988
  }
6450
6989
  .cxd-CBGroupOrItem-dragbar {
6451
6990
  cursor: move;
@@ -7151,6 +7690,17 @@ input[type=button].cxd-Button--block {
7151
7690
  vertical-align: middle !important;
7152
7691
  text-align: center;
7153
7692
  }
7693
+ .cxd-Table-searchableForm {
7694
+ background: var(--Table-searchableForm-backgroundColor);
7695
+ border-radius: var(--Table-searchableForm-borderRadius);
7696
+ }
7697
+ .cxd-Table-searchableForm-footer {
7698
+ padding: var(--Panel-footerPadding);
7699
+ clear: both;
7700
+ }
7701
+ .cxd-Table-searchableForm-checkbox > div > .cxd-CheckboxControl {
7702
+ padding-top: 0;
7703
+ }
7154
7704
  .cxd-Table-header {
7155
7705
  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
7156
7706
  }
@@ -7253,6 +7803,9 @@ input[type=button].cxd-Button--block {
7253
7803
  .cxd-Table-table--withCombine > tbody > tr > td:not(:last-child) {
7254
7804
  border-right: var(--Table-borderWidth) solid var(--Table-borderColor);
7255
7805
  }
7806
+ .cxd-Table-table--checkOnItemClick > tbody > tr {
7807
+ cursor: pointer;
7808
+ }
7256
7809
  .cxd-Table-table > thead > tr > th {
7257
7810
  background: var(--Table-thead-bg);
7258
7811
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
@@ -7285,6 +7838,7 @@ input[type=button].cxd-Button--block {
7285
7838
  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
7286
7839
  }
7287
7840
  .cxd-Table-table > tbody > tr {
7841
+ position: relative;
7288
7842
  background: transparent;
7289
7843
  }
7290
7844
  .cxd-Table-table > tbody > tr + tr {
@@ -7349,7 +7903,7 @@ input[type=button].cxd-Button--block {
7349
7903
  }
7350
7904
  .cxd-Table-table > tbody > tr.bg-light {
7351
7905
  background-color: #eaf6fe;
7352
- color: #666;
7906
+ color: #151a26;
7353
7907
  }
7354
7908
  .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt {
7355
7909
  background: #f4fafe;
@@ -7395,10 +7949,10 @@ input[type=button].cxd-Button--block {
7395
7949
  color: #fff;
7396
7950
  }
7397
7951
  .cxd-Table-table > tbody > tr.bg-dark .text-muted {
7398
- color: #4d4d4d !important;
7952
+ color: #030405 !important;
7399
7953
  }
7400
7954
  .cxd-Table-table > tbody > tr.bg-dark .text-lt {
7401
- color: #a6a6a6 !important;
7955
+ color: #425278 !important;
7402
7956
  }
7403
7957
  .cxd-Table-table > tbody > tr.bg-black {
7404
7958
  background-color: #000;
@@ -7429,32 +7983,32 @@ input[type=button].cxd-Button--block {
7429
7983
  color: #fff;
7430
7984
  }
7431
7985
  .cxd-Table-table > tbody > tr.bg-black .text-muted {
7432
- color: #4d4d4d !important;
7986
+ color: #030405 !important;
7433
7987
  }
7434
7988
  .cxd-Table-table > tbody > tr.bg-black .text-lt {
7435
- color: #a6a6a6 !important;
7989
+ color: #425278 !important;
7436
7990
  }
7437
7991
  .cxd-Table-table > tbody > tr.bg-primary {
7438
- background-color: #108cee;
7439
- color: #d1e7f9;
7992
+ background-color: #2468f2;
7993
+ color: #e6edfc;
7440
7994
  }
7441
7995
  .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-table > tbody > tr.bg-primary .lt {
7442
- background: #2a97ee;
7996
+ background: #3f79f1;
7443
7997
  }
7444
7998
  .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-table > tbody > tr.bg-primary .lter {
7445
- background: #44a2ed;
7999
+ background: #598bf0;
7446
8000
  }
7447
8001
  .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-table > tbody > tr.bg-primary .dk {
7448
- background: #0c7ed9;
8002
+ background: #0b57f2;
7449
8003
  }
7450
8004
  .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-table > tbody > tr.bg-primary .dker {
7451
- background: #0870c3;
8005
+ background: #074ddc;
7452
8006
  }
7453
8007
  .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg {
7454
- background-color: #108cee;
8008
+ background-color: #2468f2;
7455
8009
  }
7456
8010
  .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
7457
- color: #feffff;
8011
+ color: white;
7458
8012
  }
7459
8013
  .cxd-Table-table > tbody > tr.bg-primary a:hover, .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link:hover {
7460
8014
  color: #fff;
@@ -7463,32 +8017,32 @@ input[type=button].cxd-Button--block {
7463
8017
  color: #fff;
7464
8018
  }
7465
8019
  .cxd-Table-table > tbody > tr.bg-primary .text-muted {
7466
- color: #4d4d4d !important;
8020
+ color: #030405 !important;
7467
8021
  }
7468
8022
  .cxd-Table-table > tbody > tr.bg-primary .text-lt {
7469
- color: #a6a6a6 !important;
8023
+ color: #425278 !important;
7470
8024
  }
7471
8025
  .cxd-Table-table > tbody > tr.bg-success {
7472
- background-color: #5fb333;
7473
- color: #d4eac8;
8026
+ background-color: #0bc286;
8027
+ color: #a4f5da;
7474
8028
  }
7475
8029
  .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt {
7476
- background: #6bc33c;
8030
+ background: #0fd796;
7477
8031
  }
7478
8032
  .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter {
7479
- background: #7ac653;
8033
+ background: #15eba5;
7480
8034
  }
7481
8035
  .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk {
7482
- background: #54a22b;
8036
+ background: #07ac76;
7483
8037
  }
7484
8038
  .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker {
7485
- background: #499023;
8039
+ background: #049666;
7486
8040
  }
7487
8041
  .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg {
7488
- background-color: #5fb333;
8042
+ background-color: #0bc286;
7489
8043
  }
7490
8044
  .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
7491
- color: #f1f8ed;
8045
+ color: #d2faed;
7492
8046
  }
7493
8047
  .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
7494
8048
  color: #fff;
@@ -7497,32 +8051,32 @@ input[type=button].cxd-Button--block {
7497
8051
  color: #fff;
7498
8052
  }
7499
8053
  .cxd-Table-table > tbody > tr.bg-success .text-muted {
7500
- color: #4d4d4d !important;
8054
+ color: #030405 !important;
7501
8055
  }
7502
8056
  .cxd-Table-table > tbody > tr.bg-success .text-lt {
7503
- color: #a6a6a6 !important;
8057
+ color: #425278 !important;
7504
8058
  }
7505
8059
  .cxd-Table-table > tbody > tr.bg-info {
7506
- background-color: #108cee;
7507
- color: #d1e7f9;
8060
+ background-color: #2468f2;
8061
+ color: #e6edfc;
7508
8062
  }
7509
8063
  .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-table > tbody > tr.bg-info .lt {
7510
- background: #2a97ee;
8064
+ background: #3f79f1;
7511
8065
  }
7512
8066
  .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-table > tbody > tr.bg-info .lter {
7513
- background: #44a2ed;
8067
+ background: #598bf0;
7514
8068
  }
7515
8069
  .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-table > tbody > tr.bg-info .dk {
7516
- background: #0c7ed9;
8070
+ background: #0b57f2;
7517
8071
  }
7518
8072
  .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-table > tbody > tr.bg-info .dker {
7519
- background: #0870c3;
8073
+ background: #074ddc;
7520
8074
  }
7521
8075
  .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg {
7522
- background-color: #108cee;
8076
+ background-color: #2468f2;
7523
8077
  }
7524
8078
  .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
7525
- color: #feffff;
8079
+ color: white;
7526
8080
  }
7527
8081
  .cxd-Table-table > tbody > tr.bg-info a:hover, .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link:hover {
7528
8082
  color: #fff;
@@ -7531,32 +8085,32 @@ input[type=button].cxd-Button--block {
7531
8085
  color: #fff;
7532
8086
  }
7533
8087
  .cxd-Table-table > tbody > tr.bg-info .text-muted {
7534
- color: #4d4d4d !important;
8088
+ color: #030405 !important;
7535
8089
  }
7536
8090
  .cxd-Table-table > tbody > tr.bg-info .text-lt {
7537
- color: #a6a6a6 !important;
8091
+ color: #425278 !important;
7538
8092
  }
7539
8093
  .cxd-Table-table > tbody > tr.bg-warning {
7540
- background-color: #f39000;
7541
- color: #fce5c3;
8094
+ background-color: #ffb200;
8095
+ color: #fcefcf;
7542
8096
  }
7543
8097
  .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt {
7544
- background: #fc9c11;
8098
+ background: #fcb91c;
7545
8099
  }
7546
8100
  .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter {
7547
- background: #faa62c;
8101
+ background: #fabf38;
7548
8102
  }
7549
8103
  .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk {
7550
- background: #da8100;
8104
+ background: #e6a000;
7551
8105
  }
7552
8106
  .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker {
7553
- background: #c07200;
8107
+ background: #cc8e00;
7554
8108
  }
7555
8109
  .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg {
7556
- background-color: #f39000;
8110
+ background-color: #ffb200;
7557
8111
  }
7558
8112
  .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
7559
- color: #fefaf4;
8113
+ color: white;
7560
8114
  }
7561
8115
  .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
7562
8116
  color: #fff;
@@ -7565,29 +8119,29 @@ input[type=button].cxd-Button--block {
7565
8119
  color: #fff;
7566
8120
  }
7567
8121
  .cxd-Table-table > tbody > tr.bg-warning .text-muted {
7568
- color: #4d4d4d !important;
8122
+ color: #030405 !important;
7569
8123
  }
7570
8124
  .cxd-Table-table > tbody > tr.bg-warning .text-lt {
7571
- color: #a6a6a6 !important;
8125
+ color: #425278 !important;
7572
8126
  }
7573
8127
  .cxd-Table-table > tbody > tr.bg-danger {
7574
- background-color: #ea2e2e;
7575
- color: #fbe9e9;
8128
+ background-color: #e8684a;
8129
+ color: white;
7576
8130
  }
7577
8131
  .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt {
7578
- background: #ea4848;
8132
+ background: #e97c63;
7579
8133
  }
7580
8134
  .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter {
7581
- background: #ea6161;
8135
+ background: #ea907b;
7582
8136
  }
7583
8137
  .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk {
7584
- background: #ea1414;
8138
+ background: #e85331;
7585
8139
  }
7586
8140
  .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker {
7587
- background: #d60f0f;
8141
+ background: #e93e16;
7588
8142
  }
7589
8143
  .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg {
7590
- background-color: #ea2e2e;
8144
+ background-color: #e8684a;
7591
8145
  }
7592
8146
  .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
7593
8147
  color: white;
@@ -7599,10 +8153,10 @@ input[type=button].cxd-Button--block {
7599
8153
  color: #fff;
7600
8154
  }
7601
8155
  .cxd-Table-table > tbody > tr.bg-danger .text-muted {
7602
- color: #4d4d4d !important;
8156
+ color: #030405 !important;
7603
8157
  }
7604
8158
  .cxd-Table-table > tbody > tr.bg-danger .text-lt {
7605
- color: #a6a6a6 !important;
8159
+ color: #425278 !important;
7606
8160
  }
7607
8161
  .cxd-Table-table > tbody > tr.is-dragging {
7608
8162
  opacity: var(--Table-onDragging-opacity);
@@ -8185,7 +8739,7 @@ input[type=button].cxd-Button--block {
8185
8739
  top: var(--Table-borderWidth);
8186
8740
  bottom: 0;
8187
8741
  right: 0;
8188
- padding-left: 3.125rem;
8742
+ padding-left: 5rem;
8189
8743
  padding-right: var(--TableCell-paddingX);
8190
8744
  display: flex;
8191
8745
  align-items: center;
@@ -8278,6 +8832,28 @@ input[type=button].cxd-Button--block {
8278
8832
  visibility: hidden;
8279
8833
  position: absolute;
8280
8834
  }
8835
+ .cxd-Table-badge {
8836
+ position: absolute;
8837
+ top: 0;
8838
+ left: 0;
8839
+ }
8840
+ .cxd-Table--autoFillHeight {
8841
+ margin-bottom: 0;
8842
+ }
8843
+ .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table {
8844
+ border-top: none;
8845
+ }
8846
+ .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table thead {
8847
+ position: sticky;
8848
+ top: 0;
8849
+ z-index: 1;
8850
+ }
8851
+ .cxd-Table--autoFillHeight > .cxd-Table-fixedTop {
8852
+ display: none;
8853
+ }
8854
+ .cxd-Table--autoFillHeight > .cxd-Table-footToolbar {
8855
+ margin-bottom: 0;
8856
+ }
8281
8857
 
8282
8858
  .cxd-InputTable-toolbar {
8283
8859
  display: flex;
@@ -8305,6 +8881,203 @@ input[type=button].cxd-Button--block {
8305
8881
  margin-right: 0.625rem;
8306
8882
  }
8307
8883
 
8884
+ .cxd-ColumnToggler {
8885
+ position: relative;
8886
+ display: inline-block;
8887
+ }
8888
+ .cxd-ColumnToggler-caret {
8889
+ margin-left: var(--DropDown-caret-marginLeft);
8890
+ display: inline-block;
8891
+ vertical-align: top;
8892
+ transition: transform var(--animation-duration) ease;
8893
+ }
8894
+ .cxd-ColumnToggler-caret > svg {
8895
+ width: 0.625rem;
8896
+ height: 0.625rem;
8897
+ top: 0.125em;
8898
+ }
8899
+ .cxd-ColumnToggler.is-opened .cxd-ColumnToggler-caret {
8900
+ transform: rotate(180deg);
8901
+ }
8902
+ .cxd-ColumnToggler.is-actived > .cxd-Button {
8903
+ color: var(--link-color);
8904
+ }
8905
+ .cxd-ColumnToggler--block {
8906
+ display: block;
8907
+ }
8908
+ .cxd-ColumnToggler--block .cxd-Button {
8909
+ display: block;
8910
+ }
8911
+ .cxd-ColumnToggler-menu {
8912
+ position: absolute;
8913
+ z-index: 1000;
8914
+ top: 100%;
8915
+ left: 0;
8916
+ margin: 0.0625rem 0 0;
8917
+ background: var(--DropDown-menu-bg);
8918
+ list-style: none;
8919
+ padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
8920
+ border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
8921
+ border-radius: var(--DropDown-menu-borderRadius);
8922
+ box-shadow: var(--DropDown-menu-boxShadow);
8923
+ min-width: var(--DropDown-menu-minWidth);
8924
+ text-align: left;
8925
+ }
8926
+ .cxd-ColumnToggler--alignRight .cxd-ColumnToggler-menu {
8927
+ left: auto;
8928
+ right: 0;
8929
+ }
8930
+ .cxd-ColumnToggler-menuItem, .cxd-ColumnToggler-menu > li {
8931
+ padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
8932
+ white-space: nowrap;
8933
+ box-sizing: border-box;
8934
+ height: var(--DropDown-menu-height);
8935
+ vertical-align: middle;
8936
+ user-select: none;
8937
+ color: var(--link-color);
8938
+ text-decoration: var(--link-decoration);
8939
+ }
8940
+ .cxd-ColumnToggler-menuItem:hover, .cxd-ColumnToggler-menu > li:hover {
8941
+ background: var(--DropDown-menuItem-onHover-bg);
8942
+ color: var(--DropDown-menuItem-onHover-color);
8943
+ }
8944
+ .cxd-ColumnToggler-menuItem.is-active, .cxd-ColumnToggler-menu > li.is-active {
8945
+ color: var(--DropDown-menuItem-onActive-color);
8946
+ }
8947
+ .cxd-ColumnToggler-menuItem:not(.is-disabled), .cxd-ColumnToggler-menuItem:not(.disabled), .cxd-ColumnToggler-menu > li:not(.is-disabled), .cxd-ColumnToggler-menu > li:not(.disabled) {
8948
+ cursor: pointer;
8949
+ }
8950
+ .cxd-ColumnToggler-menuItem.is-disabled, .cxd-ColumnToggler-menu > li.is-disabled {
8951
+ cursor: not-allowed;
8952
+ color: var(--DropDown-menuItem-onDisabled-color);
8953
+ filter: grayscale(80%);
8954
+ }
8955
+ .cxd-ColumnToggler-menuItem.cxd-DropDown-divider, .cxd-ColumnToggler-menu > li.cxd-DropDown-divider {
8956
+ height: 0.0625rem;
8957
+ margin: 0.5625rem 0;
8958
+ overflow: hidden;
8959
+ background: var(--DropDown-menu-borderColor);
8960
+ padding: 0;
8961
+ }
8962
+ .cxd-ColumnToggler-menu > li a {
8963
+ color: inherit;
8964
+ display: block;
8965
+ text-decoration: none;
8966
+ }
8967
+ .cxd-ColumnToggler-popover {
8968
+ border: none;
8969
+ box-shadow: none;
8970
+ }
8971
+ .cxd-ColumnToggler > .cxd-Button {
8972
+ min-width: unset;
8973
+ }
8974
+ .cxd-ColumnToggler-modal {
8975
+ display: flex;
8976
+ flex-flow: column nowrap;
8977
+ justify-content: space-between;
8978
+ align-items: center;
8979
+ width: 25rem;
8980
+ padding: var(--ColumnToggler-lineHeight);
8981
+ margin-top: calc(50vh - 100px);
8982
+ border-radius: var(--ColumnToggler-borderRadius);
8983
+ background: var(--ColumnToggler-backgroundColor);
8984
+ 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);
8985
+ }
8986
+ .cxd-ColumnToggler-modal-header {
8987
+ width: 100%;
8988
+ display: flex;
8989
+ flex-flow: row nowrap;
8990
+ justify-content: space-between;
8991
+ align-items: center;
8992
+ }
8993
+ .cxd-ColumnToggler-modal-header a,
8994
+ .cxd-ColumnToggler-modal-header span {
8995
+ display: inline-block;
8996
+ }
8997
+ .cxd-ColumnToggler-modal-header .cxd-ColumnToggler-modal-title {
8998
+ opacity: 0.95;
8999
+ font-size: var(--fontSizeMd);
9000
+ color: var(--ColumnToggler-title-fontColor);
9001
+ line-height: var(--ColumnToggler-lineHeight);
9002
+ font-weight: bold;
9003
+ }
9004
+ .cxd-ColumnToggler-modal-content {
9005
+ padding: 0;
9006
+ width: 100%;
9007
+ list-style: none;
9008
+ margin: 0.5rem 0;
9009
+ }
9010
+ .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem {
9011
+ color: var(--ColumnToggler-title-fontColor);
9012
+ background: var(--ColumnToggler-item-backgroundColor);
9013
+ border-radius: 0.125rem;
9014
+ font-size: var(--fontSizeSm);
9015
+ padding: 0.25rem 0.5rem;
9016
+ height: var(--ColumnToggler-lineHeight);
9017
+ width: calc((100% - 24px) / 3);
9018
+ float: left;
9019
+ margin: 0.25rem;
9020
+ text-overflow: ellipsis;
9021
+ white-space: nowrap;
9022
+ overflow: hidden;
9023
+ }
9024
+ .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem:hover {
9025
+ background: var(--ColumnToggler-item-backgroundColor-onHover);
9026
+ }
9027
+ .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem--dragging {
9028
+ border: 1px solid var(--link-color);
9029
+ }
9030
+ .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i {
9031
+ height: var(--fontSizeLg);
9032
+ width: var(--fontSizeLg);
9033
+ vertical-align: top;
9034
+ }
9035
+ .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-dragBar {
9036
+ margin-left: 0;
9037
+ margin-right: var(--gap-xs);
9038
+ cursor: move;
9039
+ color: #d8d8d8;
9040
+ }
9041
+ .cxd-ColumnToggler-modal-footer {
9042
+ width: 100%;
9043
+ display: flex;
9044
+ flex-flow: row nowrap;
9045
+ justify-content: space-between;
9046
+ align-items: center;
9047
+ }
9048
+ .cxd-ColumnToggler-modal-footer .cxd-ColumnToggler-modeSelect {
9049
+ color: var(--ColumnToggler-fontColor);
9050
+ font-size: var(--fontSizeSm);
9051
+ }
9052
+ .cxd-ColumnToggler-modal-footer .cxd-ColumnToggler-modeSelect.is-actived {
9053
+ color: var(--link-color);
9054
+ }
9055
+ .cxd-ColumnToggler-modal-footer > div {
9056
+ display: flex;
9057
+ flex-flow: row nowrap;
9058
+ justify-content: space-between;
9059
+ align-items: center;
9060
+ }
9061
+ .cxd-ColumnToggler-modal-footer > div:first-child {
9062
+ justify-content: flex-start;
9063
+ }
9064
+ .cxd-ColumnToggler-modal-footer > div:first-child a {
9065
+ display: inline-block;
9066
+ }
9067
+ .cxd-ColumnToggler-modal-footer > div:last-child {
9068
+ justify-content: flex-end;
9069
+ }
9070
+ .cxd-ColumnToggler-modal-footer > div:last-child button {
9071
+ width: 72px;
9072
+ }
9073
+
9074
+ .cxd-ColumnToggler-tooltip {
9075
+ border: none;
9076
+ }
9077
+ .cxd-ColumnToggler-tooltip .cxd-Tooltip-arrow::before {
9078
+ border-top-color: transparent;
9079
+ }
9080
+
8308
9081
  .cxd-List {
8309
9082
  position: relative;
8310
9083
  }
@@ -8719,23 +9492,14 @@ input[type=button].cxd-Button--block {
8719
9492
  .cxd-Card-title + .cxd-Card-subTitle {
8720
9493
  margin-top: var(--gap-xs);
8721
9494
  }
8722
- .cxd-Card-checkBtn {
8723
- position: absolute;
8724
- top: 0;
8725
- right: 0;
8726
- margin: var(--gap-sm);
8727
- z-index: 1;
8728
- }
8729
- .cxd-Card-checkBtn .cxd-Checkbox {
8730
- margin-right: 0;
8731
- }
8732
9495
  .cxd-Card-dragBtn {
8733
9496
  cursor: pointer;
8734
9497
  float: right;
8735
9498
  margin: var(--gap-sm);
8736
9499
  }
8737
9500
  .cxd-Card-heading {
8738
- overflow: hidden;
9501
+ display: flex;
9502
+ flex-direction: row;
8739
9503
  padding: var(--gap-sm) var(--gap-base);
8740
9504
  flex: 1 0 auto;
8741
9505
  }
@@ -8763,11 +9527,15 @@ input[type=button].cxd-Button--block {
8763
9527
  }
8764
9528
  .cxd-Card-meta {
8765
9529
  display: block;
9530
+ flex-grow: 1;
8766
9531
  height: 100%;
8767
- overflow: hidden;
8768
9532
  position: relative;
8769
9533
  margin-right: var(--gap-md);
8770
9534
  }
9535
+ .cxd-Card-toolbar {
9536
+ margin-right: calc(-1 * var(--gap-base));
9537
+ text-align: right;
9538
+ }
8771
9539
  .cxd-Card-highlight {
8772
9540
  background: var(--success);
8773
9541
  width: 0.5rem;
@@ -8984,6 +9752,7 @@ input[type=button].cxd-Button--block {
8984
9752
  height: 10px;
8985
9753
  background: #ebebeb;
8986
9754
  overflow: hidden;
9755
+ border-radius: var(--Progress-borderRadius);
8987
9756
  }
8988
9757
  .cxd-Progress-bar {
8989
9758
  float: left;
@@ -8995,6 +9764,7 @@ input[type=button].cxd-Button--block {
8995
9764
  text-align: center;
8996
9765
  background: var(--primary);
8997
9766
  transition: width var(--animation-duration) ease;
9767
+ border-radius: var(--Progress-borderRadius);
8998
9768
  }
8999
9769
  .cxd-Progress-bar--stripe {
9000
9770
  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);
@@ -9187,7 +9957,7 @@ input[type=button].cxd-Button--block {
9187
9957
  }
9188
9958
  .cxd-StatusField-label {
9189
9959
  font-size: var(--fontSizeSm);
9190
- margin-left: var(--gap-sm);
9960
+ margin-left: var(--gap-xs);
9191
9961
  }
9192
9962
  @keyframes animation-rolling_red {
9193
9963
  0% {
@@ -9601,7 +10371,7 @@ input[type=button].cxd-Button--block {
9601
10371
  display: none;
9602
10372
  }
9603
10373
  .cxd-ImageGallery-item.is-active {
9604
- border: 1px solid #108cee;
10374
+ border: 1px solid var(--primary);
9605
10375
  }
9606
10376
  .cxd-ImageGallery-item.is-active:after {
9607
10377
  display: none;
@@ -9626,6 +10396,7 @@ input[type=button].cxd-Button--block {
9626
10396
  }
9627
10397
  .cxd-Image-thumbWrap {
9628
10398
  position: relative;
10399
+ height: 100%;
9629
10400
  }
9630
10401
  .cxd-Image-image {
9631
10402
  display: block;
@@ -9722,7 +10493,7 @@ input[type=button].cxd-Button--block {
9722
10493
  color: var(--text--loud-color);
9723
10494
  }
9724
10495
  .cxd-Image-overlay {
9725
- background: rgba(0, 0, 0, 0.6);
10496
+ background: rgba(8, 14, 26, 0.5);
9726
10497
  position: absolute;
9727
10498
  width: 100%;
9728
10499
  height: 100%;
@@ -10251,7 +11022,7 @@ input[type=button].cxd-Button--block {
10251
11022
  height: 1px;
10252
11023
  left: 100%;
10253
11024
  width: 9999px;
10254
- padding-right: 10px;
11025
+ padding-right: 0.625rem;
10255
11026
  background-color: var(--Steps-line-bg);
10256
11027
  }
10257
11028
  .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title.is-success:after {
@@ -10323,6 +11094,42 @@ input[type=button].cxd-Button--block {
10323
11094
  border: 1px solid var(--Steps-status-success);
10324
11095
  }
10325
11096
 
11097
+ .cxd-Portlet {
11098
+ border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);
11099
+ border-radius: var(--Portlet-borderRadius);
11100
+ padding: var(--gap-base);
11101
+ }
11102
+ .cxd-Portlet-tab.unactive-select .is-active a:first-child, .cxd-Portlet-tab.unactive-select .is-active:hover > a:first-child,
11103
+ .cxd-Portlet-tab.unactive-select .is-active > a:first-child:focus {
11104
+ border: none !important;
11105
+ color: inherit !important;
11106
+ cursor: auto !important;
11107
+ }
11108
+ .cxd-Portlet-tab.no-divider .cxd-Tabs-links {
11109
+ border-bottom: none;
11110
+ }
11111
+ .cxd-Portlet .cxd-Tabs-pane {
11112
+ padding: unset;
11113
+ }
11114
+ .cxd-Portlet-toolbar {
11115
+ display: inline-flex;
11116
+ float: right;
11117
+ justify-content: flex-end;
11118
+ }
11119
+ .cxd-Portlet-toolbar .cxd-Button {
11120
+ margin-left: calc(var(--gap-xs));
11121
+ }
11122
+ .cxd-Portlet-header-desc {
11123
+ height: 100%;
11124
+ overflow: hidden;
11125
+ position: relative;
11126
+ margin-left: var(--gap-base);
11127
+ }
11128
+
11129
+ .cxd-Portlet.no-header .cxd-Portlet-tab .cxd-Tabs-links {
11130
+ display: none;
11131
+ }
11132
+
10326
11133
  fieldset.cxd-Collapse--lg, fieldset.cxd-Collapse--md, fieldset.cxd-Collapse--base, fieldset.cxd-Collapse--sm, fieldset.cxd-Collapse--xs {
10327
11134
  position: relative;
10328
11135
  }
@@ -10362,11 +11169,13 @@ fieldset.cxd-Collapse > legend {
10362
11169
  margin: var(--gap-base) 0;
10363
11170
  padding: 0 0 0 14px;
10364
11171
  cursor: pointer;
10365
- border-bottom: 0;
11172
+ border-bottom: none !important;
11173
+ background: transparent;
10366
11174
  display: flex;
10367
11175
  flex-direction: row;
10368
- justify-content: space-between;
10369
- width: 100%;
11176
+ }
11177
+ fieldset.cxd-Collapse > legend:hover {
11178
+ background: transparent;
10370
11179
  }
10371
11180
  fieldset.cxd-Collapse--xs {
10372
11181
  padding: 20px 5px 5px 5px;
@@ -10437,6 +11246,9 @@ fieldset.cxd-Collapse--lg:after {
10437
11246
  .cxd-Form-group {
10438
11247
  margin-bottom: var(--Form-item-gap);
10439
11248
  }
11249
+ .cxd-Form-group:last-child {
11250
+ margin-bottom: 0;
11251
+ }
10440
11252
  .cxd-Form-value > .cxd-Form-group {
10441
11253
  margin-bottom: var(--Form-input-marginBottom);
10442
11254
  }
@@ -10967,6 +11779,13 @@ fieldset.cxd-Collapse--lg:after {
10967
11779
  .has-error--maxLength .cxd-TextControl-counter {
10968
11780
  color: var(--danger);
10969
11781
  }
11782
+ .cxd-TextControl-input:hover {
11783
+ border-color: var(--Form-input-onHover-borderColor);
11784
+ }
11785
+
11786
+ .cxd-TextControl.is-disabled-input input {
11787
+ color: var(--Form-input-onDisabled-color);
11788
+ }
10970
11789
 
10971
11790
  .cxd-TextareaControl {
10972
11791
  position: relative;
@@ -10994,10 +11813,16 @@ fieldset.cxd-Collapse--lg:after {
10994
11813
  .cxd-TextareaControl > textarea::placeholder {
10995
11814
  color: var(--Form-input-placeholderColor);
10996
11815
  }
11816
+ .cxd-TextareaControl > textarea:hover {
11817
+ border-color: var(--Form-input-onHover-borderColor);
11818
+ }
10997
11819
  .cxd-TextareaControl > textarea:focus, .cxd-TextareaControl.is-focused > textarea {
10998
11820
  border-color: var(--Form-input-onFocused-borderColor);
10999
11821
  box-shadow: var(--Form-input-boxShadow);
11000
11822
  }
11823
+ .cxd-TextareaControl > textarea:focus:hover, .cxd-TextareaControl.is-focused > textarea:hover {
11824
+ border-color: var(--Form-input-onFocused-borderColor);
11825
+ }
11001
11826
  .cxd-TextareaControl.is-disabled > textarea, .cxd-TextareaControl > textarea[disabled] {
11002
11827
  background: #e5e7eb;
11003
11828
  color: var(--text--muted-color);
@@ -11247,45 +12072,38 @@ fieldset.cxd-Collapse--lg:after {
11247
12072
  color: #999;
11248
12073
  }
11249
12074
 
11250
- .cxd-Checkboxes > .cxd-Checkbox {
12075
+ .cxd-Selection > .cxd-Checkbox {
11251
12076
  display: block;
11252
12077
  height: var(--Form-input-height);
11253
12078
  line-height: var(--Form-input-lineHeight);
11254
12079
  font-size: var(--Form-input-fontSize);
11255
12080
  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));
11256
12081
  }
11257
- .cxd-Checkboxes--inline > .cxd-Checkbox {
12082
+ .cxd-Selection--inline > .cxd-Checkbox {
11258
12083
  display: inline-block;
11259
12084
  }
11260
- .cxd-Checkboxes-addBtn {
12085
+ .cxd-Selection-addBtn {
11261
12086
  display: block;
11262
12087
  cursor: pointer;
11263
12088
  }
11264
- .cxd-Checkboxes-addBtn:hover {
12089
+ .cxd-Selection-addBtn:hover {
11265
12090
  text-decoration: none;
11266
12091
  }
11267
- .cxd-Checkboxes-addBtn > svg {
12092
+ .cxd-Selection-addBtn > svg {
11268
12093
  width: 0.875rem;
11269
12094
  height: 0.875rem;
11270
12095
  margin-right: var(--Checkbox-gap);
11271
12096
  }
11272
12097
 
11273
- .cxd-ListCheckboxes-group:not(:first-child) > .cxd-ListCheckboxes-itemLabel,
11274
- .cxd-ListCheckboxes-group:not(:first-child) > .cxd-ListRadios-itemLabel,
11275
- .cxd-ListRadios-group:not(:first-child) > .cxd-ListCheckboxes-itemLabel,
11276
- .cxd-ListRadios-group:not(:first-child) > .cxd-ListRadios-itemLabel {
12098
+ .cxd-GroupedSelection-group:not(:first-child) > .cxd-GroupedSelection-itemLabel {
11277
12099
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
11278
12100
  }
11279
- .cxd-ListCheckboxes-group > .cxd-ListCheckboxes-itemLabel,
11280
- .cxd-ListCheckboxes-group > .cxd-ListRadios-itemLabel,
11281
- .cxd-ListRadios-group > .cxd-ListCheckboxes-itemLabel,
11282
- .cxd-ListRadios-group > .cxd-ListRadios-itemLabel {
12101
+ .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
11283
12102
  font-size: var(--fontSizeSm);
11284
12103
  padding: var(--gap-xs) var(--gap-xs);
11285
12104
  color: var(--text--muted-color);
11286
12105
  }
11287
- .cxd-ListCheckboxes-item,
11288
- .cxd-ListRadios-item {
12106
+ .cxd-GroupedSelection-item {
11289
12107
  display: flex;
11290
12108
  height: var(--Form-input-height);
11291
12109
  line-height: var(--Form-input-lineHeight);
@@ -11295,44 +12113,30 @@ fieldset.cxd-Collapse--lg:after {
11295
12113
  cursor: pointer;
11296
12114
  user-select: none;
11297
12115
  }
11298
- .cxd-ListCheckboxes-item > .cxd-Checkbox,
11299
- .cxd-ListRadios-item > .cxd-Checkbox {
12116
+ .cxd-GroupedSelection-item > .cxd-Checkbox {
11300
12117
  margin-right: 0;
11301
12118
  }
11302
- .cxd-ListCheckboxes-item.is-active,
11303
- .cxd-ListRadios-item.is-active {
12119
+ .cxd-GroupedSelection-item.is-active {
11304
12120
  color: var(--Form-select-menu-onActive-color);
11305
12121
  background: var(--Form-select-menu-onActive-bg);
11306
12122
  }
11307
- .cxd-ListCheckboxes-item:hover,
11308
- .cxd-ListRadios-item:hover {
12123
+ .cxd-GroupedSelection-item:hover {
11309
12124
  background: var(--Tree-item-onHover-bg);
11310
12125
  }
11311
- .cxd-ListCheckboxes-item.is-disabled,
11312
- .cxd-ListRadios-item.is-disabled {
12126
+ .cxd-GroupedSelection-item.is-disabled {
11313
12127
  pointer-events: none;
11314
12128
  color: var(--text--muted-color);
11315
12129
  }
11316
- .cxd-ListCheckboxes-group > .cxd-ListCheckboxes-items > .cxd-ListCheckboxes-item,
11317
- .cxd-ListCheckboxes-group > .cxd-ListCheckboxes-items > .cxd-ListRadios-item,
11318
- .cxd-ListCheckboxes-group > .cxd-ListRadios-items > .cxd-ListCheckboxes-item,
11319
- .cxd-ListCheckboxes-group > .cxd-ListRadios-items > .cxd-ListRadios-item,
11320
- .cxd-ListRadios-group > .cxd-ListCheckboxes-items > .cxd-ListCheckboxes-item,
11321
- .cxd-ListRadios-group > .cxd-ListCheckboxes-items > .cxd-ListRadios-item,
11322
- .cxd-ListRadios-group > .cxd-ListRadios-items > .cxd-ListCheckboxes-item,
11323
- .cxd-ListRadios-group > .cxd-ListRadios-items > .cxd-ListRadios-item {
12130
+ .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
11324
12131
  padding-left: var(--gap-base);
11325
12132
  }
11326
- .cxd-ListCheckboxes-itemLabel,
11327
- .cxd-ListRadios-itemLabel {
12133
+ .cxd-GroupedSelection-itemLabel {
11328
12134
  flex-grow: 1;
11329
12135
  }
11330
- .cxd-ListCheckboxes-itemLabel span,
11331
- .cxd-ListRadios-itemLabel span {
12136
+ .cxd-GroupedSelection-itemLabel span {
11332
12137
  white-space: nowrap;
11333
12138
  }
11334
- .cxd-ListCheckboxes-placeholder,
11335
- .cxd-ListRadios-placeholder {
12139
+ .cxd-GroupedSelection-placeholder {
11336
12140
  height: var(--Form-input-height);
11337
12141
  line-height: var(--Form-input-lineHeight);
11338
12142
  font-size: var(--Form-input-fontSize);
@@ -11340,45 +12144,46 @@ fieldset.cxd-Collapse--lg:after {
11340
12144
  color: var(--text--muted-color);
11341
12145
  }
11342
12146
 
11343
- .cxd-TableCheckboxes .cxd-Table-content {
12147
+ .cxd-TableSelection .cxd-Table-content {
11344
12148
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
11345
12149
  }
11346
- .cxd-TableCheckboxes .cxd-Table-table > thead > tr > th,
11347
- .cxd-TableCheckboxes .cxd-Table-table > tbody > tr > td {
12150
+ .cxd-TableSelection .cxd-Table-table > thead > tr > th,
12151
+ .cxd-TableSelection .cxd-Table-table > tbody > tr > td {
11348
12152
  font-size: var(--fontSizeSm);
11349
12153
  padding-top: var(--gap-xs);
11350
12154
  padding-bottom: 0.375rem;
11351
12155
  vertical-align: middle;
11352
12156
  }
11353
- .cxd-TableCheckboxes .cxd-Table-table > thead > tr > th {
12157
+ .cxd-TableSelection .cxd-Table-table > thead > tr > th {
11354
12158
  padding-top: 0.375rem;
11355
12159
  }
11356
- .cxd-TableCheckboxes .cxd-Table-table > thead > tr > th:first-child,
11357
- .cxd-TableCheckboxes .cxd-Table-table > tbody > tr > td:first-child {
12160
+ .cxd-TableSelection .cxd-Table-table > thead > tr > th:first-child,
12161
+ .cxd-TableSelection .cxd-Table-table > tbody > tr > td:first-child {
11358
12162
  padding-left: 0.625rem;
11359
12163
  padding-right: 0;
11360
12164
  }
11361
- .cxd-TableCheckboxes .cxd-Table-table > thead > tr > th:last-child,
11362
- .cxd-TableCheckboxes .cxd-Table-table > tbody > tr > td:last-child {
12165
+ .cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child,
12166
+ .cxd-TableSelection .cxd-Table-table > tbody > tr > td:last-child {
11363
12167
  padding-right: var(--gap-md);
11364
12168
  }
11365
- .cxd-TableCheckboxes .cxd-Table-table > tbody > tr {
12169
+ .cxd-TableSelection .cxd-Table-table > tbody > tr {
11366
12170
  cursor: pointer;
11367
12171
  }
12172
+ .cxd-TableSelection .cxd-Table-table > tbody > tr.is-active {
12173
+ color: var(--Form-select-menu-onActive-color);
12174
+ background: var(--Form-select-menu-onActive-bg);
12175
+ }
11368
12176
 
11369
- .cxd-TreeCheckboxes .cxd-Table-expandBtn,
11370
- .cxd-TreeRadios .cxd-Table-expandBtn {
12177
+ .cxd-TreeSelection .cxd-Table-expandBtn {
11371
12178
  color: var(--icon-color);
11372
12179
  margin-right: 5px;
11373
12180
  }
11374
- .cxd-TreeCheckboxes-sublist,
11375
- .cxd-TreeRadios-sublist {
12181
+ .cxd-TreeSelection-sublist {
11376
12182
  position: relative;
11377
12183
  margin: 0 0 0 2.1875rem;
11378
12184
  display: none;
11379
12185
  }
11380
- .cxd-TreeCheckboxes-sublist:before,
11381
- .cxd-TreeRadios-sublist:before {
12186
+ .cxd-TreeSelection-sublist:before {
11382
12187
  width: 1px;
11383
12188
  content: "";
11384
12189
  display: block;
@@ -11388,26 +12193,16 @@ fieldset.cxd-Collapse--lg:after {
11388
12193
  left: -19px;
11389
12194
  border-left: dashed 1px var(--icon-color);
11390
12195
  }
11391
- .cxd-TreeCheckboxes-item,
11392
- .cxd-TreeRadios-item {
12196
+ .cxd-TreeSelection-item {
11393
12197
  position: relative;
11394
12198
  }
11395
- .cxd-TreeCheckboxes-item.is-expanded > .cxd-TreeCheckboxes-sublist,
11396
- .cxd-TreeCheckboxes-item.is-expanded > .cxd-TreeRadios-sublist,
11397
- .cxd-TreeRadios-item.is-expanded > .cxd-TreeCheckboxes-sublist,
11398
- .cxd-TreeRadios-item.is-expanded > .cxd-TreeRadios-sublist {
12199
+ .cxd-TreeSelection-item.is-expanded > .cxd-TreeSelection-sublist {
11399
12200
  display: block;
11400
12201
  }
11401
- .cxd-TreeCheckboxes-item:not(:last-child) > .cxd-TreeCheckboxes-sublist:before,
11402
- .cxd-TreeCheckboxes-item:not(:last-child) > .cxd-TreeRadios-sublist:before,
11403
- .cxd-TreeRadios-item:not(:last-child) > .cxd-TreeCheckboxes-sublist:before,
11404
- .cxd-TreeRadios-item:not(:last-child) > .cxd-TreeRadios-sublist:before {
12202
+ .cxd-TreeSelection-item:not(:last-child) > .cxd-TreeSelection-sublist:before {
11405
12203
  bottom: 0;
11406
12204
  }
11407
- .cxd-TreeCheckboxes-sublist .cxd-TreeCheckboxes-item:before,
11408
- .cxd-TreeCheckboxes-sublist .cxd-TreeRadios-item:before,
11409
- .cxd-TreeRadios-sublist .cxd-TreeCheckboxes-item:before,
11410
- .cxd-TreeRadios-sublist .cxd-TreeRadios-item:before {
12205
+ .cxd-TreeSelection-sublist .cxd-TreeSelection-item:before {
11411
12206
  height: 1px;
11412
12207
  content: "";
11413
12208
  display: block;
@@ -11417,8 +12212,7 @@ fieldset.cxd-Collapse--lg:after {
11417
12212
  left: -19px;
11418
12213
  border-top: dashed 1px var(--icon-color);
11419
12214
  }
11420
- .cxd-TreeCheckboxes-itemInner,
11421
- .cxd-TreeRadios-itemInner {
12215
+ .cxd-TreeSelection-itemInner {
11422
12216
  display: flex;
11423
12217
  align-items: center;
11424
12218
  height: var(--Form-input-height);
@@ -11430,18 +12224,15 @@ fieldset.cxd-Collapse--lg:after {
11430
12224
  user-select: none;
11431
12225
  position: relative;
11432
12226
  }
11433
- .cxd-TreeCheckboxes-itemInner > .cxd-Checkbox,
11434
- .cxd-TreeRadios-itemInner > .cxd-Checkbox {
12227
+ .cxd-TreeSelection-itemInner > .cxd-Checkbox {
11435
12228
  margin-right: 0;
11436
12229
  margin-left: var(--gap-sm);
11437
12230
  }
11438
- .cxd-TreeCheckboxes-itemInner > *,
11439
- .cxd-TreeRadios-itemInner > * {
12231
+ .cxd-TreeSelection-itemInner > * {
11440
12232
  position: relative;
11441
12233
  z-index: 2;
11442
12234
  }
11443
- .cxd-TreeCheckboxes-itemInner:hover:after,
11444
- .cxd-TreeRadios-itemInner:hover:after {
12235
+ .cxd-TreeSelection-itemInner:hover:after {
11445
12236
  position: absolute;
11446
12237
  content: "";
11447
12238
  z-index: 1;
@@ -11451,21 +12242,17 @@ fieldset.cxd-Collapse--lg:after {
11451
12242
  left: -99999px;
11452
12243
  background: var(--Tree-item-onHover-bg);
11453
12244
  }
11454
- .cxd-TreeCheckboxes-itemInner.is-active,
11455
- .cxd-TreeRadios-itemInner.is-active {
12245
+ .cxd-TreeSelection-itemInner.is-active {
11456
12246
  color: var(--Form-select-menu-onActive-color);
11457
12247
  }
11458
- .cxd-TreeCheckboxes-itemInner.is-disabled,
11459
- .cxd-TreeRadios-itemInner.is-disabled {
12248
+ .cxd-TreeSelection-itemInner.is-disabled {
11460
12249
  pointer-events: none;
11461
12250
  color: var(--text--muted-color);
11462
12251
  }
11463
- .cxd-TreeCheckboxes-itemLabel,
11464
- .cxd-TreeRadios-itemLabel {
12252
+ .cxd-TreeSelection-itemLabel {
11465
12253
  flex-grow: 1;
11466
12254
  }
11467
- .cxd-TreeCheckboxes-placeholder,
11468
- .cxd-TreeRadios-placeholder {
12255
+ .cxd-TreeSelection-placeholder {
11469
12256
  height: var(--Form-input-height);
11470
12257
  line-height: var(--Form-input-lineHeight);
11471
12258
  font-size: var(--Form-input-fontSize);
@@ -11473,23 +12260,23 @@ fieldset.cxd-Collapse--lg:after {
11473
12260
  color: var(--text--muted-color);
11474
12261
  }
11475
12262
 
11476
- .cxd-ChainedCheckboxes {
12263
+ .cxd-ChainedSelection {
11477
12264
  display: flex;
11478
12265
  flex-direction: row;
11479
12266
  }
11480
- .cxd-ChainedCheckboxes-col {
12267
+ .cxd-ChainedSelection-col {
11481
12268
  flex-grow: 1;
11482
12269
  min-width: 150px;
11483
12270
  }
11484
- .cxd-ChainedCheckboxes-col:not(:last-child) {
12271
+ .cxd-ChainedSelection-col:not(:last-child) {
11485
12272
  border-right: 1px solid var(--borderColor);
11486
12273
  }
11487
- .cxd-ChainedCheckboxes-subTitle {
12274
+ .cxd-ChainedSelection-subTitle {
11488
12275
  font-size: var(--fontSizeSm);
11489
12276
  padding: var(--gap-xs) var(--gap-xs);
11490
12277
  color: var(--text--muted-color);
11491
12278
  }
11492
- .cxd-ChainedCheckboxes-item {
12279
+ .cxd-ChainedSelection-item {
11493
12280
  display: flex;
11494
12281
  height: var(--Form-input-height);
11495
12282
  line-height: var(--Form-input-lineHeight);
@@ -11499,24 +12286,24 @@ fieldset.cxd-Collapse--lg:after {
11499
12286
  cursor: pointer;
11500
12287
  user-select: none;
11501
12288
  }
11502
- .cxd-ChainedCheckboxes-item > .cxd-Checkbox {
12289
+ .cxd-ChainedSelection-item > .cxd-Checkbox {
11503
12290
  margin-right: 0;
11504
12291
  }
11505
- .cxd-ChainedCheckboxes-item.is-active {
12292
+ .cxd-ChainedSelection-item.is-active {
11506
12293
  color: var(--Form-select-menu-onActive-color);
11507
12294
  background: var(--Form-select-menu-onActive-bg);
11508
12295
  }
11509
- .cxd-ChainedCheckboxes-item:hover {
12296
+ .cxd-ChainedSelection-item:hover {
11510
12297
  background: var(--Tree-item-onHover-bg);
11511
12298
  }
11512
- .cxd-ChainedCheckboxes-item.is-disabled {
12299
+ .cxd-ChainedSelection-item.is-disabled {
11513
12300
  pointer-events: none;
11514
12301
  color: var(--text--muted-color);
11515
12302
  }
11516
- .cxd-ChainedCheckboxes-itemLabel {
12303
+ .cxd-ChainedSelection-itemLabel {
11517
12304
  flex-grow: 1;
11518
12305
  }
11519
- .cxd-ChainedCheckboxes-placeholder {
12306
+ .cxd-ChainedSelection-placeholder {
11520
12307
  height: var(--Form-input-height);
11521
12308
  line-height: var(--Form-input-lineHeight);
11522
12309
  font-size: var(--Form-input-fontSize);
@@ -11524,28 +12311,29 @@ fieldset.cxd-Collapse--lg:after {
11524
12311
  color: var(--text--muted-color);
11525
12312
  }
11526
12313
 
11527
- .cxd-AssociatedCheckboxes {
12314
+ .cxd-AssociatedSelection {
11528
12315
  display: flex;
11529
12316
  flex-direction: row;
11530
12317
  }
11531
- .cxd-AssociatedCheckboxes-left, .cxd-AssociatedCheckboxes-right {
12318
+ .cxd-AssociatedSelection-left, .cxd-AssociatedSelection-right {
11532
12319
  flex-grow: 1;
11533
12320
  width: 0;
11534
- height: 10.9375rem;
12321
+ min-height: 12.5rem;
12322
+ max-height: 25rem;
11535
12323
  overflow: auto;
11536
12324
  }
11537
- .cxd-AssociatedCheckboxes-left {
12325
+ .cxd-AssociatedSelection-left {
11538
12326
  border-right: 1px solid var(--borderColor);
11539
12327
  }
11540
- .cxd-AssociatedCheckboxes-reload {
12328
+ .cxd-AssociatedSelection-reload {
11541
12329
  text-align: center;
11542
12330
  color: var(--info);
11543
12331
  margin: 20px 0 0;
11544
12332
  }
11545
- .cxd-AssociatedCheckboxes-reload.is-clickable {
12333
+ .cxd-AssociatedSelection-reload.is-clickable {
11546
12334
  cursor: pointer;
11547
12335
  }
11548
- .cxd-AssociatedCheckboxes-box {
12336
+ .cxd-AssociatedSelection-box {
11549
12337
  line-height: var(--Form-input-lineHeight);
11550
12338
  font-size: var(--fontSizeSm);
11551
12339
  color: var(--text--muted-color);
@@ -11556,7 +12344,7 @@ fieldset.cxd-Collapse--lg:after {
11556
12344
  justify-content: center;
11557
12345
  height: 100%;
11558
12346
  }
11559
- .cxd-AssociatedCheckboxes-box > p {
12347
+ .cxd-AssociatedSelection-box > p {
11560
12348
  text-align: center;
11561
12349
  margin: 10px 0 20px;
11562
12350
  color: var(--text--muted-color);
@@ -12185,6 +12973,7 @@ fieldset.cxd-Collapse--lg:after {
12185
12973
  color: var(--ListControl-item-color);
12186
12974
  transition: var(--ListControl-item-transition);
12187
12975
  max-width: calc(12.5rem + 2 * var(--ListControl-item-paddingX));
12976
+ border-radius: var(--ListControl-item-borderRadius);
12188
12977
  }
12189
12978
  .cxd-ListControl-item:not(.is-disabled) {
12190
12979
  cursor: pointer;
@@ -12274,7 +13063,7 @@ fieldset.cxd-Collapse--lg:after {
12274
13063
  white-space: nowrap;
12275
13064
  color: var(--DatePicker-color);
12276
13065
  background: var(--DatePicker-bg);
12277
- border-radius: var(--DatePicker-borderRadius);
13066
+ border-radius: var(--LocationPicker-borderRadius);
12278
13067
  }
12279
13068
  .cxd-LocationPicker:not(.is-disabled) {
12280
13069
  cursor: pointer;
@@ -12405,6 +13194,7 @@ fieldset.cxd-Collapse--lg:after {
12405
13194
  padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);
12406
13195
  background: var(--ColorPicker-bg);
12407
13196
  color: var(--ColorPicker-color);
13197
+ border-radius: var(--borderRadius);
12408
13198
  }
12409
13199
  .cxd-ColorPicker:not(.is-disabled) {
12410
13200
  cursor: pointer;
@@ -12542,6 +13332,8 @@ fieldset.cxd-Collapse--lg:after {
12542
13332
  .cxd-DatePicker-toggler {
12543
13333
  cursor: pointer;
12544
13334
  color: var(--DatePicker-iconColor);
13335
+ display: inline-flex;
13336
+ align-items: center;
12545
13337
  }
12546
13338
  .cxd-DatePicker-toggler:hover {
12547
13339
  color: var(--DatePicker-onHover-iconColor);
@@ -12794,6 +13586,11 @@ fieldset.cxd-Collapse--lg:after {
12794
13586
  background: var(--Calendar-btn-onHover-bg);
12795
13587
  border-color: var(--Calendar-btn-onHover-border);
12796
13588
  }
13589
+ .rdtBtn:not(:disabled):not(.is-disabled):hover:active {
13590
+ color: var(--Calendar-btn-onActive-color);
13591
+ background: var(--Calendar-btn-onActive-bg);
13592
+ border-color: var(--Calendar-btn-onActive-border);
13593
+ }
12797
13594
  .rdtBtn:hover:focus {
12798
13595
  box-shadow: var(--Button-boxShadow);
12799
13596
  }
@@ -12812,6 +13609,11 @@ fieldset.cxd-Collapse--lg:after {
12812
13609
  background: var(--Calendar-btnCancel-onHover-bg);
12813
13610
  border-color: var(--Calendar-btnCancel-onHover-border);
12814
13611
  }
13612
+ .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
13613
+ color: var(--Calendar-btnCancel-onActive-color);
13614
+ background: var(--Calendar-btnCancel-onActive-bg);
13615
+ border-color: var(--Calendar-btnCancel-onActive-border);
13616
+ }
12815
13617
  .rdtBtnCancel:hover:focus {
12816
13618
  box-shadow: var(--Button-boxShadow);
12817
13619
  }
@@ -12979,6 +13781,8 @@ td.rdtQuarter.rdtDisabled > span {
12979
13781
  .cxd-DateRangePicker-toggler {
12980
13782
  cursor: pointer;
12981
13783
  color: var(--DatePicker-iconColor);
13784
+ display: inline-flex;
13785
+ align-items: center;
12982
13786
  }
12983
13787
  .cxd-DateRangePicker-toggler:hover {
12984
13788
  color: var(--DatePicker-onHover-iconColor);
@@ -13083,9 +13887,11 @@ td.rdtQuarter.rdtDisabled > span {
13083
13887
  width: 7.5rem;
13084
13888
  height: 7.5rem;
13085
13889
  display: inline-flex;
13890
+ flex-direction: column;
13086
13891
  justify-content: center;
13087
13892
  align-items: center;
13088
13893
  border: var(--borderWidth) solid var(--borderColor);
13894
+ border-radius: var(--ImageControl-addBtn-borderRadius);
13089
13895
  cursor: pointer;
13090
13896
  margin-right: var(--gap-base);
13091
13897
  color: var(--ImageControl-addBtn-color);
@@ -13099,13 +13905,19 @@ td.rdtQuarter.rdtDisabled > span {
13099
13905
  background: var(--ImageControl-addBtn-onHover-bg);
13100
13906
  border-color: var(--ImageControl-addBtn-onHover-border);
13101
13907
  }
13908
+ .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
13909
+ color: var(--ImageControl-addBtn-onActive-color);
13910
+ background: var(--ImageControl-addBtn-onActive-bg);
13911
+ border-color: var(--ImageControl-addBtn-onActive-border);
13912
+ }
13102
13913
  .cxd-ImageControl-addBtn:hover:focus {
13103
13914
  box-shadow: var(--Button-boxShadow);
13104
13915
  }
13105
13916
  .cxd-ImageControl-addBtn > svg {
13106
- width: 2.5rem;
13107
- height: 2.5rem;
13917
+ width: 1.5rem;
13918
+ height: 1.5rem;
13108
13919
  top: 0;
13920
+ margin-bottom: 0.5rem;
13109
13921
  }
13110
13922
  .cxd-ImageControl-addBtn.is-disabled {
13111
13923
  pointer-events: none;
@@ -13139,6 +13951,7 @@ td.rdtQuarter.rdtDisabled > span {
13139
13951
  }
13140
13952
  .cxd-ImageControl-item {
13141
13953
  border: var(--borderWidth) solid var(--borderColor);
13954
+ border-radius: var(--ImageControl-addBtn-borderRadius);
13142
13955
  vertical-align: top;
13143
13956
  padding: var(--gap-xs);
13144
13957
  display: inline-block;
@@ -13189,6 +14002,7 @@ td.rdtQuarter.rdtDisabled > span {
13189
14002
  }
13190
14003
  .cxd-ImageControl-progressValue {
13191
14004
  height: 5px;
14005
+ border-radius: var(--ImageControl-progress-borderRadius);
13192
14006
  display: block;
13193
14007
  background: var(--info);
13194
14008
  min-width: 10%;
@@ -13281,12 +14095,12 @@ td.rdtQuarter.rdtDisabled > span {
13281
14095
  outline: none;
13282
14096
  }
13283
14097
  .cxd-FileControl-selectBtn {
13284
- width: 7.5rem;
14098
+ display: flex;
14099
+ align-items: center;
13285
14100
  }
13286
14101
  .cxd-FileControl-selectBtn > svg {
13287
- margin-right: 10px;
13288
- width: pxrem(16px);
13289
- height: pxrem(16px);
14102
+ width: 0.875rem;
14103
+ height: 0.875rem;
13290
14104
  }
13291
14105
  .cxd-FileControl-description {
13292
14106
  margin-left: 10px;
@@ -13379,6 +14193,7 @@ td.rdtQuarter.rdtDisabled > span {
13379
14193
  .cxd-FileControl-progress > span {
13380
14194
  display: block;
13381
14195
  background: var(--info);
14196
+ border-radius: var(--FileControl-progress-borderRadius);
13382
14197
  height: 100%;
13383
14198
  min-width: 10%;
13384
14199
  transition: ease-out width var(--animation-duration);
@@ -14175,6 +14990,15 @@ td.rdtQuarter.rdtDisabled > span {
14175
14990
  .cxd-Combo-addBtn > .pull-right {
14176
14991
  margin-left: var(--Combo-addBtn-paddingX);
14177
14992
  }
14993
+ .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
14994
+ .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
14995
+ .cxd-Combo-addBtn > .pull-left {
14996
+ margin-right: var(--Combo-addBtn-paddingX);
14997
+ }
14998
+ .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
14999
+ .cxd-Combo-addBtn > .pull-right {
15000
+ margin-left: var(--Combo-addBtn-paddingX);
15001
+ }
14178
15002
  .cxd-Combo-addBtn img.cxd-Button-icon {
14179
15003
  height: var(--Button-fontSize);
14180
15004
  vertical-align: middle;
@@ -14184,6 +15008,11 @@ td.rdtQuarter.rdtDisabled > span {
14184
15008
  background: var(--Combo-addBtn-onHover-bg);
14185
15009
  border-color: var(--Combo-addBtn-onHover-border);
14186
15010
  }
15011
+ .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active {
15012
+ color: var(--Combo-addBtn-onActive-color);
15013
+ background: var(--Combo-addBtn-onActive-bg);
15014
+ border-color: var(--Combo-addBtn-onActive-border);
15015
+ }
14187
15016
  .cxd-Combo-addBtn:hover:focus {
14188
15017
  box-shadow: var(--Button-boxShadow);
14189
15018
  }
@@ -14733,6 +15562,15 @@ td.rdtQuarter.rdtDisabled > span {
14733
15562
  .cxd-TagControl-sugItem > .pull-right {
14734
15563
  margin-left: var(--TagControl-sugBtn-paddingX);
14735
15564
  }
15565
+ .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
15566
+ .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
15567
+ .cxd-TagControl-sugItem > .pull-left {
15568
+ margin-right: var(--TagControl-sugBtn-paddingX);
15569
+ }
15570
+ .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
15571
+ .cxd-TagControl-sugItem > .pull-right {
15572
+ margin-left: var(--TagControl-sugBtn-paddingX);
15573
+ }
14736
15574
  .cxd-TagControl-sugItem img.cxd-Button-icon {
14737
15575
  height: var(--Button-fontSize);
14738
15576
  vertical-align: middle;
@@ -14742,6 +15580,11 @@ td.rdtQuarter.rdtDisabled > span {
14742
15580
  background: var(--TagControl-sugBtn-onHover-bg);
14743
15581
  border-color: var(--TagControl-sugBtn-onHover-border);
14744
15582
  }
15583
+ .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
15584
+ color: var(--TagControl-sugBtn-onActive-color);
15585
+ background: var(--TagControl-sugBtn-onActive-bg);
15586
+ border-color: var(--TagControl-sugBtn-onActive-border);
15587
+ }
14745
15588
  .cxd-TagControl-sugItem:hover:focus {
14746
15589
  box-shadow: var(--Button-boxShadow);
14747
15590
  }
@@ -14812,6 +15655,7 @@ td.rdtQuarter.rdtDisabled > span {
14812
15655
  font-size: var(--Form-input-fontSize);
14813
15656
  padding: calc( ( 1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
14814
15657
  flex-direction: row;
15658
+ border-radius: var(--borderRadius) var(--borderRadius) 0 0;
14815
15659
  }
14816
15660
  .cxd-Transfer-title--light {
14817
15661
  background: transparent;
@@ -14827,17 +15671,18 @@ td.rdtQuarter.rdtDisabled > span {
14827
15671
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
14828
15672
  display: flex;
14829
15673
  flex-direction: column;
15674
+ border-radius: var(--borderRadius);
14830
15675
  }
14831
- .cxd-Transfer-select > .cxd-Transfer-checkboxes, .cxd-Transfer-result > .cxd-Transfer-selections {
15676
+ .cxd-Transfer-select > .cxd-Transfer-selection, .cxd-Transfer-result > .cxd-Transfer-value {
14832
15677
  flex-grow: 1;
14833
15678
  max-height: 100%;
14834
15679
  overflow: auto;
14835
15680
  position: relative;
14836
15681
  }
14837
- .cxd-Transfer-search + .cxd-Transfer-checkboxes {
15682
+ .cxd-Transfer-search + .cxd-Transfer-selection {
14838
15683
  border-top: 1px solid var(--borderColor);
14839
15684
  }
14840
- .cxd-Transfer-checkboxes .cxd-ListCheckboxes-placeholder {
15685
+ .cxd-Transfer-selection .cxd-ListSelection-placeholder {
14841
15686
  height: 100%;
14842
15687
  display: flex;
14843
15688
  align-items: center;
@@ -14876,12 +15721,26 @@ td.rdtQuarter.rdtDisabled > span {
14876
15721
  pointer-events: none;
14877
15722
  color: var(--text--muted-color);
14878
15723
  }
14879
- .cxd-Transfer-tabs {
15724
+
15725
+ .cxd-TabsTransfer .cxd-Transfer-title {
15726
+ height: 40px;
15727
+ }
15728
+ .cxd-TabsTransfer-placeholder {
15729
+ height: var(--Form-input-height);
15730
+ line-height: var(--Form-input-lineHeight);
15731
+ font-size: var(--Form-input-fontSize);
15732
+ padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15733
+ color: var(--text--muted-color);
15734
+ }
15735
+ .cxd-TabsTransfer-tab {
15736
+ padding: 0;
15737
+ }
15738
+ .cxd-TabsTransfer-tabs {
14880
15739
  display: flex;
14881
15740
  flex-direction: column;
14882
15741
  height: 100%;
14883
15742
  }
14884
- .cxd-Transfer-tabs > .cxd-Tabs-links {
15743
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-links {
14885
15744
  border-top: 0 none;
14886
15745
  padding: 5px 0 0 5px;
14887
15746
  display: flex;
@@ -14889,51 +15748,41 @@ td.rdtQuarter.rdtDisabled > span {
14889
15748
  flex-wrap: wrap;
14890
15749
  align-items: center;
14891
15750
  }
14892
- .cxd-Transfer-tabs > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
15751
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
14893
15752
  font-size: 12px;
14894
15753
  padding: 7px 8px;
14895
15754
  }
14896
- .cxd-Transfer-tabs > .cxd-Tabs-links .cxd-TabsTransfer-tabsMid {
15755
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-links .cxd-TabsTransfer-tabsMid {
14897
15756
  flex-grow: 1;
14898
15757
  }
14899
- .cxd-Transfer-tabs > .cxd-Tabs-links > .cxd-SearchBox {
15758
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-SearchBox {
14900
15759
  margin: -5px 5px 0 10px;
14901
15760
  }
14902
- .cxd-Transfer-tabs > .cxd-Tabs-links > .cxd-SearchBox.is-active {
15761
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-links > .cxd-SearchBox.is-active {
14903
15762
  width: 150px;
14904
15763
  margin-right: 10px;
14905
15764
  padding-left: 10px;
14906
15765
  }
14907
- .cxd-Transfer-tabs > .cxd-Tabs-content {
15766
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-content {
14908
15767
  flex-grow: 1;
15768
+ min-height: 0;
14909
15769
  position: relative;
14910
15770
  padding: 5px 0 0;
14911
15771
  }
14912
- .cxd-Transfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane {
15772
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane {
14913
15773
  position: relative;
14914
- min-height: 100%;
15774
+ height: 100%;
14915
15775
  }
14916
- .cxd-Transfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active {
15776
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active {
14917
15777
  display: flex;
14918
15778
  flex-direction: column;
14919
15779
  }
14920
- .cxd-Transfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active > .cxd-Transfer-checkboxes {
15780
+ .cxd-TabsTransfer-tabs > .cxd-Tabs-content > .cxd-Tabs-pane.is-active > .cxd-Transfer-selection {
14921
15781
  flex-grow: 1;
14922
15782
  max-height: 100%;
14923
15783
  overflow: auto;
14924
15784
  }
14925
15785
 
14926
- .cxd-TabsTransfer .cxd-Transfer-title {
14927
- height: 40px;
14928
- }
14929
- .cxd-TabsTransfer-placeholder {
14930
- height: var(--Form-input-height);
14931
- line-height: var(--Form-input-lineHeight);
14932
- font-size: var(--Form-input-fontSize);
14933
- padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
14934
- color: var(--text--muted-color);
14935
- }
14936
-
14937
15786
  .cxd-TransferControl {
14938
15787
  position: relative;
14939
15788
  }
@@ -14941,6 +15790,51 @@ td.rdtQuarter.rdtDisabled > span {
14941
15790
  display: inline-block;
14942
15791
  }
14943
15792
 
15793
+ .cxd-TransferPicker-icon {
15794
+ transition: transform var(--animation-duration) ease-out;
15795
+ margin: 5px 5px 5px auto;
15796
+ display: flex;
15797
+ color: var(--Form-select-caret-iconColor);
15798
+ }
15799
+ .cxd-TransferPicker-icon:hover {
15800
+ color: var(--Form-select-caret-onHover-iconColor);
15801
+ }
15802
+ .cxd-TransferPicker-icon > svg {
15803
+ width: 0.75rem;
15804
+ height: 0.75rem;
15805
+ top: 0;
15806
+ }
15807
+
15808
+ .cxd-TransferDropDown-icon {
15809
+ transition: transform var(--animation-duration) ease-out;
15810
+ margin: 5px 5px 5px auto;
15811
+ display: flex;
15812
+ color: var(--Form-select-caret-iconColor);
15813
+ }
15814
+ .cxd-TransferDropDown-icon:hover {
15815
+ color: var(--Form-select-caret-onHover-iconColor);
15816
+ }
15817
+ .cxd-TransferDropDown-icon > svg {
15818
+ width: 0.625rem;
15819
+ height: 0.625rem;
15820
+ top: 0;
15821
+ }
15822
+ .cxd-TransferDropDown.is-active .cxd-TransferDropDown-icon {
15823
+ transform: rotate(180deg);
15824
+ }
15825
+
15826
+ .cxd-TransferDropDown-content {
15827
+ min-height: 12.5rem;
15828
+ display: flex;
15829
+ flex-direction: column;
15830
+ }
15831
+ .cxd-TransferDropDown-content > .cxd-Transfer-selection {
15832
+ flex-grow: 1;
15833
+ max-height: 100%;
15834
+ overflow: auto;
15835
+ position: relative;
15836
+ }
15837
+
14944
15838
  .cxd-NestedSelectControl {
14945
15839
  position: relative;
14946
15840
  }
@@ -15545,18 +16439,18 @@ td.rdtQuarter.rdtDisabled > span {
15545
16439
  display: flex;
15546
16440
  height: 25rem;
15547
16441
  }
15548
- .cxd-AnchorNav-link-wrap {
16442
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap {
15549
16443
  margin: 0;
15550
16444
  padding: 0;
15551
16445
  width: var(--Tabs--vertical-width);
15552
16446
  border-right: var(--AnchorNav-links-container-borderRight);
15553
16447
  padding-bottom: 3.75rem;
15554
16448
  }
15555
- .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
16449
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
15556
16450
  position: relative;
15557
16451
  display: block;
15558
16452
  }
15559
- .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a {
16453
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a {
15560
16454
  display: block;
15561
16455
  border: var(--Tabs-borderWidth) solid transparent;
15562
16456
  border-width: var(--AnchorNav-onActive-borderWidth);
@@ -15569,14 +16463,60 @@ td.rdtQuarter.rdtDisabled > span {
15569
16463
  cursor: pointer;
15570
16464
  margin: 0;
15571
16465
  }
15572
- .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:hover {
16466
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:hover {
15573
16467
  color: var(--primary);
15574
16468
  }
15575
- .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a,
15576
- .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:hover {
16469
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a,
16470
+ .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:hover {
15577
16471
  color: var(--Tabs--vertical-onActive-color);
15578
16472
  border-color: var(--Tabs--vertical-onActive-border);
15579
16473
  }
16474
+ .cxd-AnchorNav--horizontal {
16475
+ flex-direction: column;
16476
+ }
16477
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap {
16478
+ user-select: none;
16479
+ margin: 0px;
16480
+ padding: 0px;
16481
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16482
+ list-style: none;
16483
+ }
16484
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
16485
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16486
+ display: inline-block;
16487
+ position: relative;
16488
+ }
16489
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child {
16490
+ font-size: var(--Tabs-linkFontSize);
16491
+ outline: 0;
16492
+ border: var(--Tabs-borderWidth) solid transparent;
16493
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16494
+ border-top-left-radius: var(--Tabs-borderRadius);
16495
+ border-top-right-radius: var(--Tabs-borderRadius);
16496
+ color: var(--Tabs-color);
16497
+ margin: var(--Tabs-linkMargin);
16498
+ padding: var(--Tabs-linkPadding);
16499
+ text-decoration: none;
16500
+ cursor: pointer;
16501
+ display: block;
16502
+ }
16503
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child:hover, .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:first-child:focus {
16504
+ color: var(--primary);
16505
+ background: transparent;
16506
+ border-color: transparent;
16507
+ }
16508
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link:last-child > a {
16509
+ margin: 0;
16510
+ }
16511
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child,
16512
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child:hover,
16513
+ .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:first-child:focus {
16514
+ font-size: var(--Tabs-linkFontSize);
16515
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16516
+ border-color: var(--Tabs--line-onHover-borderColor);
16517
+ color: var(--Tabs--line-onHover-color);
16518
+ background: transparent;
16519
+ }
15580
16520
  .cxd-AnchorNav-section-wrap {
15581
16521
  border: none;
15582
16522
  flex-grow: 1;
@@ -15588,12 +16528,246 @@ td.rdtQuarter.rdtDisabled > span {
15588
16528
  padding: var(--gap-base);
15589
16529
  }
15590
16530
 
16531
+ .cxd-Markdown strong {
16532
+ font-weight: bolder;
16533
+ }
16534
+ .cxd-Markdown img {
16535
+ border-style: none;
16536
+ }
16537
+ .cxd-Markdown svg:not(:root) {
16538
+ overflow: hidden;
16539
+ }
16540
+ .cxd-Markdown button:-moz-focusring,
16541
+ .cxd-Markdown [type=button]:-moz-focusring,
16542
+ .cxd-Markdown [type=reset]:-moz-focusring,
16543
+ .cxd-Markdown [type=submit]:-moz-focusring {
16544
+ outline: 1px dotted ButtonText;
16545
+ }
16546
+ .cxd-Markdown [type=checkbox] {
16547
+ box-sizing: border-box;
16548
+ padding: 0;
16549
+ }
16550
+ .cxd-Markdown table {
16551
+ border-spacing: 0;
16552
+ border-collapse: collapse;
16553
+ }
16554
+ .cxd-Markdown table td,
16555
+ .cxd-Markdown table th {
16556
+ padding: 0;
16557
+ }
16558
+ .cxd-Markdown hr {
16559
+ height: 0;
16560
+ margin: 15px 0;
16561
+ overflow: hidden;
16562
+ background: transparent;
16563
+ border: 0;
16564
+ border-bottom: 1px solid #ddd;
16565
+ }
16566
+ .cxd-Markdown hr::before {
16567
+ display: table;
16568
+ content: "";
16569
+ }
16570
+ .cxd-Markdown hr::after {
16571
+ display: table;
16572
+ clear: both;
16573
+ content: "";
16574
+ }
16575
+ .cxd-Markdown p {
16576
+ margin-top: 0;
16577
+ margin-bottom: 10px;
16578
+ }
16579
+ .cxd-Markdown blockquote {
16580
+ margin: 0;
16581
+ }
16582
+ .cxd-Markdown ul,
16583
+ .cxd-Markdown ol {
16584
+ padding-left: 0;
16585
+ margin-top: 0;
16586
+ margin-bottom: 0;
16587
+ }
16588
+ .cxd-Markdown ol ol,
16589
+ .cxd-Markdown ul ol {
16590
+ list-style-type: lower-roman;
16591
+ }
16592
+ .cxd-Markdown ul ul ol,
16593
+ .cxd-Markdown ul ol ol,
16594
+ .cxd-Markdown ol ul ol,
16595
+ .cxd-Markdown ol ol ol {
16596
+ list-style-type: lower-alpha;
16597
+ }
16598
+ .cxd-Markdown dd {
16599
+ margin-left: 0;
16600
+ }
16601
+ .cxd-Markdown p,
16602
+ .cxd-Markdown blockquote,
16603
+ .cxd-Markdown ul,
16604
+ .cxd-Markdown ol,
16605
+ .cxd-Markdown dl,
16606
+ .cxd-Markdown table,
16607
+ .cxd-Markdown pre {
16608
+ margin-top: 0;
16609
+ margin-bottom: 16px;
16610
+ }
16611
+ .cxd-Markdown hr {
16612
+ height: 4px;
16613
+ padding: 0;
16614
+ margin: 16px 0;
16615
+ background-color: #e7e7e7;
16616
+ border: 0 none;
16617
+ }
16618
+ .cxd-Markdown ul:not(.dropdown-menu):not(.nav),
16619
+ .cxd-Markdown ol {
16620
+ padding-left: 2em;
16621
+ }
16622
+ .cxd-Markdown ul ul,
16623
+ .cxd-Markdown ul ol,
16624
+ .cxd-Markdown ol ol,
16625
+ .cxd-Markdown ol ul {
16626
+ margin-top: 0;
16627
+ margin-bottom: 0;
16628
+ }
16629
+ .cxd-Markdown li > p {
16630
+ margin-top: 16px;
16631
+ }
16632
+ .cxd-Markdown dl {
16633
+ padding: 0;
16634
+ }
16635
+ .cxd-Markdown dl dt {
16636
+ padding: 0;
16637
+ margin-top: 16px;
16638
+ font-size: 1em;
16639
+ font-style: italic;
16640
+ font-weight: bold;
16641
+ }
16642
+ .cxd-Markdown dl dd {
16643
+ padding: 0 16px;
16644
+ margin-bottom: 16px;
16645
+ }
16646
+ .cxd-Markdown blockquote {
16647
+ padding: 0 15px;
16648
+ color: #777;
16649
+ border-left: 4px solid #ddd;
16650
+ }
16651
+ .cxd-Markdown blockquote > :first-child {
16652
+ margin-top: 0;
16653
+ }
16654
+ .cxd-Markdown blockquote > :last-child {
16655
+ margin-bottom: 0;
16656
+ }
16657
+ .cxd-Markdown table {
16658
+ display: block;
16659
+ width: 100%;
16660
+ overflow: auto;
16661
+ word-break: normal;
16662
+ }
16663
+ .cxd-Markdown table th {
16664
+ font-weight: bold;
16665
+ }
16666
+ .cxd-Markdown table th,
16667
+ .cxd-Markdown table td {
16668
+ padding: 6px 13px;
16669
+ border: 1px solid #ddd;
16670
+ }
16671
+ .cxd-Markdown table tr {
16672
+ background-color: #fff;
16673
+ border-top: 1px solid #ccc;
16674
+ }
16675
+ .cxd-Markdown table tr:nth-child(2n) {
16676
+ background-color: #f8f8f8;
16677
+ }
16678
+ @media (min-width: 1200px) {
16679
+ .cxd-Markdown img {
16680
+ max-width: 800px;
16681
+ }
16682
+ }
16683
+ .cxd-Markdown code {
16684
+ padding: 0;
16685
+ padding-top: 0.2em;
16686
+ padding-bottom: 0.2em;
16687
+ margin: 0;
16688
+ background-color: rgba(0, 0, 0, 0.04);
16689
+ border-radius: 3px;
16690
+ }
16691
+ .cxd-Markdown code:before,
16692
+ .cxd-Markdown code:after {
16693
+ letter-spacing: -0.2em;
16694
+ content: " ";
16695
+ }
16696
+ .cxd-Markdown pre > code {
16697
+ padding: 0;
16698
+ margin: 0;
16699
+ word-break: normal;
16700
+ white-space: pre;
16701
+ background: transparent;
16702
+ border: 0;
16703
+ }
16704
+ .cxd-Markdown .highlight {
16705
+ margin-bottom: 16px;
16706
+ }
16707
+ .cxd-Markdown .highlight pre,
16708
+ .cxd-Markdown pre {
16709
+ padding: 16px;
16710
+ overflow: auto;
16711
+ line-height: 1.45;
16712
+ background-color: #f7f7f7;
16713
+ border-radius: 3px;
16714
+ }
16715
+ .cxd-Markdown .highlight pre {
16716
+ margin-bottom: 0;
16717
+ word-break: normal;
16718
+ }
16719
+ .cxd-Markdown pre {
16720
+ word-wrap: normal;
16721
+ }
16722
+ .cxd-Markdown pre code {
16723
+ display: inline;
16724
+ max-width: initial;
16725
+ padding: 0;
16726
+ margin: 0;
16727
+ overflow: initial;
16728
+ line-height: inherit;
16729
+ word-wrap: normal;
16730
+ background-color: transparent;
16731
+ border: 0;
16732
+ }
16733
+ .cxd-Markdown pre code:before,
16734
+ .cxd-Markdown pre code:after {
16735
+ content: normal;
16736
+ }
16737
+ .cxd-Markdown kbd {
16738
+ display: inline-block;
16739
+ padding: 3px 5px;
16740
+ line-height: 10px;
16741
+ color: #555;
16742
+ vertical-align: middle;
16743
+ background-color: #fcfcfc;
16744
+ border: solid 1px #ccc;
16745
+ border-bottom-color: #bbb;
16746
+ border-radius: 3px;
16747
+ box-shadow: inset 0 -1px 0 #bbb;
16748
+ }
16749
+ .cxd-Markdown hr {
16750
+ border-bottom-color: #eee;
16751
+ }
16752
+
16753
+ .cxd-Link.is-disabled {
16754
+ cursor: not-allowed;
16755
+ color: var(--text--muted-color);
16756
+ }
16757
+
16758
+ .cxd-MappingField {
16759
+ margin-right: var(--gap-xs);
16760
+ }
16761
+ .cxd-MappingField:last-child {
16762
+ margin-right: 0;
16763
+ }
16764
+
15591
16765
  /*
15592
16766
  * utilities
15593
16767
  */
15594
16768
  .bg-light {
15595
16769
  background-color: #eaf6fe;
15596
- color: #666;
16770
+ color: #151a26;
15597
16771
  }
15598
16772
  .bg-light.lt, .bg-light .lt {
15599
16773
  background: #f4fafe;
@@ -15640,10 +16814,10 @@ td.rdtQuarter.rdtDisabled > span {
15640
16814
  color: #fff;
15641
16815
  }
15642
16816
  .bg-dark .text-muted {
15643
- color: #4d4d4d !important;
16817
+ color: #030405 !important;
15644
16818
  }
15645
16819
  .bg-dark .text-lt {
15646
- color: #a6a6a6 !important;
16820
+ color: #425278 !important;
15647
16821
  }
15648
16822
 
15649
16823
  .bg-black {
@@ -15675,33 +16849,33 @@ td.rdtQuarter.rdtDisabled > span {
15675
16849
  color: #fff;
15676
16850
  }
15677
16851
  .bg-black .text-muted {
15678
- color: #4d4d4d !important;
16852
+ color: #030405 !important;
15679
16853
  }
15680
16854
  .bg-black .text-lt {
15681
- color: #a6a6a6 !important;
16855
+ color: #425278 !important;
15682
16856
  }
15683
16857
 
15684
16858
  .bg-primary {
15685
- background-color: #108cee;
15686
- color: #d1e7f9;
16859
+ background-color: #2468f2;
16860
+ color: #e6edfc;
15687
16861
  }
15688
16862
  .bg-primary.lt, .bg-primary .lt {
15689
- background: #2a97ee;
16863
+ background: #3f79f1;
15690
16864
  }
15691
16865
  .bg-primary.lter, .bg-primary .lter {
15692
- background: #44a2ed;
16866
+ background: #598bf0;
15693
16867
  }
15694
16868
  .bg-primary.dk, .bg-primary .dk {
15695
- background: #0c7ed9;
16869
+ background: #0b57f2;
15696
16870
  }
15697
16871
  .bg-primary.dker, .bg-primary .dker {
15698
- background: #0870c3;
16872
+ background: #074ddc;
15699
16873
  }
15700
16874
  .bg-primary.bg, .bg-primary .bg {
15701
- background-color: #108cee;
16875
+ background-color: #2468f2;
15702
16876
  }
15703
16877
  .bg-primary a, .bg-primary .cxd-Button--link {
15704
- color: #feffff;
16878
+ color: white;
15705
16879
  }
15706
16880
  .bg-primary a:hover, .bg-primary .cxd-Button--link:hover {
15707
16881
  color: #fff;
@@ -15710,33 +16884,33 @@ td.rdtQuarter.rdtDisabled > span {
15710
16884
  color: #fff;
15711
16885
  }
15712
16886
  .bg-primary .text-muted {
15713
- color: #4d4d4d !important;
16887
+ color: #030405 !important;
15714
16888
  }
15715
16889
  .bg-primary .text-lt {
15716
- color: #a6a6a6 !important;
16890
+ color: #425278 !important;
15717
16891
  }
15718
16892
 
15719
16893
  .bg-success {
15720
- background-color: #5fb333;
15721
- color: #d4eac8;
16894
+ background-color: #0bc286;
16895
+ color: #a4f5da;
15722
16896
  }
15723
16897
  .bg-success.lt, .bg-success .lt {
15724
- background: #6bc33c;
16898
+ background: #0fd796;
15725
16899
  }
15726
16900
  .bg-success.lter, .bg-success .lter {
15727
- background: #7ac653;
16901
+ background: #15eba5;
15728
16902
  }
15729
16903
  .bg-success.dk, .bg-success .dk {
15730
- background: #54a22b;
16904
+ background: #07ac76;
15731
16905
  }
15732
16906
  .bg-success.dker, .bg-success .dker {
15733
- background: #499023;
16907
+ background: #049666;
15734
16908
  }
15735
16909
  .bg-success.bg, .bg-success .bg {
15736
- background-color: #5fb333;
16910
+ background-color: #0bc286;
15737
16911
  }
15738
16912
  .bg-success a, .bg-success .cxd-Button--link {
15739
- color: #f1f8ed;
16913
+ color: #d2faed;
15740
16914
  }
15741
16915
  .bg-success a:hover, .bg-success .cxd-Button--link:hover {
15742
16916
  color: #fff;
@@ -15745,33 +16919,33 @@ td.rdtQuarter.rdtDisabled > span {
15745
16919
  color: #fff;
15746
16920
  }
15747
16921
  .bg-success .text-muted {
15748
- color: #4d4d4d !important;
16922
+ color: #030405 !important;
15749
16923
  }
15750
16924
  .bg-success .text-lt {
15751
- color: #a6a6a6 !important;
16925
+ color: #425278 !important;
15752
16926
  }
15753
16927
 
15754
16928
  .bg-info {
15755
- background-color: #108cee;
15756
- color: #d1e7f9;
16929
+ background-color: #2468f2;
16930
+ color: #e6edfc;
15757
16931
  }
15758
16932
  .bg-info.lt, .bg-info .lt {
15759
- background: #2a97ee;
16933
+ background: #3f79f1;
15760
16934
  }
15761
16935
  .bg-info.lter, .bg-info .lter {
15762
- background: #44a2ed;
16936
+ background: #598bf0;
15763
16937
  }
15764
16938
  .bg-info.dk, .bg-info .dk {
15765
- background: #0c7ed9;
16939
+ background: #0b57f2;
15766
16940
  }
15767
16941
  .bg-info.dker, .bg-info .dker {
15768
- background: #0870c3;
16942
+ background: #074ddc;
15769
16943
  }
15770
16944
  .bg-info.bg, .bg-info .bg {
15771
- background-color: #108cee;
16945
+ background-color: #2468f2;
15772
16946
  }
15773
16947
  .bg-info a, .bg-info .cxd-Button--link {
15774
- color: #feffff;
16948
+ color: white;
15775
16949
  }
15776
16950
  .bg-info a:hover, .bg-info .cxd-Button--link:hover {
15777
16951
  color: #fff;
@@ -15780,33 +16954,33 @@ td.rdtQuarter.rdtDisabled > span {
15780
16954
  color: #fff;
15781
16955
  }
15782
16956
  .bg-info .text-muted {
15783
- color: #4d4d4d !important;
16957
+ color: #030405 !important;
15784
16958
  }
15785
16959
  .bg-info .text-lt {
15786
- color: #a6a6a6 !important;
16960
+ color: #425278 !important;
15787
16961
  }
15788
16962
 
15789
16963
  .bg-warning {
15790
- background-color: #f39000;
15791
- color: #fce5c3;
16964
+ background-color: #ffb200;
16965
+ color: #fcefcf;
15792
16966
  }
15793
16967
  .bg-warning.lt, .bg-warning .lt {
15794
- background: #fc9c11;
16968
+ background: #fcb91c;
15795
16969
  }
15796
16970
  .bg-warning.lter, .bg-warning .lter {
15797
- background: #faa62c;
16971
+ background: #fabf38;
15798
16972
  }
15799
16973
  .bg-warning.dk, .bg-warning .dk {
15800
- background: #da8100;
16974
+ background: #e6a000;
15801
16975
  }
15802
16976
  .bg-warning.dker, .bg-warning .dker {
15803
- background: #c07200;
16977
+ background: #cc8e00;
15804
16978
  }
15805
16979
  .bg-warning.bg, .bg-warning .bg {
15806
- background-color: #f39000;
16980
+ background-color: #ffb200;
15807
16981
  }
15808
16982
  .bg-warning a, .bg-warning .cxd-Button--link {
15809
- color: #fefaf4;
16983
+ color: white;
15810
16984
  }
15811
16985
  .bg-warning a:hover, .bg-warning .cxd-Button--link:hover {
15812
16986
  color: #fff;
@@ -15815,30 +16989,30 @@ td.rdtQuarter.rdtDisabled > span {
15815
16989
  color: #fff;
15816
16990
  }
15817
16991
  .bg-warning .text-muted {
15818
- color: #4d4d4d !important;
16992
+ color: #030405 !important;
15819
16993
  }
15820
16994
  .bg-warning .text-lt {
15821
- color: #a6a6a6 !important;
16995
+ color: #425278 !important;
15822
16996
  }
15823
16997
 
15824
16998
  .bg-danger {
15825
- background-color: #ea2e2e;
15826
- color: #fbe9e9;
16999
+ background-color: #e8684a;
17000
+ color: white;
15827
17001
  }
15828
17002
  .bg-danger.lt, .bg-danger .lt {
15829
- background: #ea4848;
17003
+ background: #e97c63;
15830
17004
  }
15831
17005
  .bg-danger.lter, .bg-danger .lter {
15832
- background: #ea6161;
17006
+ background: #ea907b;
15833
17007
  }
15834
17008
  .bg-danger.dk, .bg-danger .dk {
15835
- background: #ea1414;
17009
+ background: #e85331;
15836
17010
  }
15837
17011
  .bg-danger.dker, .bg-danger .dker {
15838
- background: #d60f0f;
17012
+ background: #e93e16;
15839
17013
  }
15840
17014
  .bg-danger.bg, .bg-danger .bg {
15841
- background-color: #ea2e2e;
17015
+ background-color: #e8684a;
15842
17016
  }
15843
17017
  .bg-danger a, .bg-danger .cxd-Button--link {
15844
17018
  color: white;
@@ -15850,15 +17024,15 @@ td.rdtQuarter.rdtDisabled > span {
15850
17024
  color: #fff;
15851
17025
  }
15852
17026
  .bg-danger .text-muted {
15853
- color: #4d4d4d !important;
17027
+ color: #030405 !important;
15854
17028
  }
15855
17029
  .bg-danger .text-lt {
15856
- color: #a6a6a6 !important;
17030
+ color: #425278 !important;
15857
17031
  }
15858
17032
 
15859
17033
  .bg-white {
15860
17034
  background-color: #fff;
15861
- color: #666;
17035
+ color: #151a26;
15862
17036
  }
15863
17037
  .bg-white.lt, .bg-white .lt {
15864
17038
  background: white;
@@ -15880,144 +17054,148 @@ td.rdtQuarter.rdtDisabled > span {
15880
17054
  background: none !important;
15881
17055
  }
15882
17056
 
17057
+ .cursor-pointer {
17058
+ cursor: pointer;
17059
+ }
17060
+
15883
17061
  a.bg-primary:hover {
15884
- background: #0e7ed6;
17062
+ background: #0e58ee;
15885
17063
  }
15886
17064
 
15887
17065
  a.text-primary:hover {
15888
- color: #0e7ed6;
17066
+ color: #0e58ee;
15889
17067
  }
15890
17068
 
15891
17069
  .text-primary {
15892
- color: #108cee;
17070
+ color: #2468f2;
15893
17071
  }
15894
17072
 
15895
17073
  .text-primary-lt {
15896
- color: #0e7ed6;
17074
+ color: #0e58ee;
15897
17075
  }
15898
17076
 
15899
17077
  .text-primary-lter {
15900
- color: #0d70be;
17078
+ color: #0d4fd6;
15901
17079
  }
15902
17080
 
15903
17081
  .text-primary-dk {
15904
- color: #0e7ed6;
17082
+ color: #0e58ee;
15905
17083
  }
15906
17084
 
15907
17085
  .text-primary-dker {
15908
- color: #0d70be;
17086
+ color: #0d4fd6;
15909
17087
  }
15910
17088
 
15911
17089
  a.bg-info:hover {
15912
- background: #0e7ed6;
17090
+ background: #0e58ee;
15913
17091
  }
15914
17092
 
15915
17093
  a.text-info:hover {
15916
- color: #0e7ed6;
17094
+ color: #0e58ee;
15917
17095
  }
15918
17096
 
15919
17097
  .text-info {
15920
- color: #108cee;
17098
+ color: #2468f2;
15921
17099
  }
15922
17100
 
15923
17101
  .text-info-lt {
15924
- color: #0e7ed6;
17102
+ color: #0e58ee;
15925
17103
  }
15926
17104
 
15927
17105
  .text-info-lter {
15928
- color: #0d70be;
17106
+ color: #0d4fd6;
15929
17107
  }
15930
17108
 
15931
17109
  .text-info-dk {
15932
- color: #0e7ed6;
17110
+ color: #0e58ee;
15933
17111
  }
15934
17112
 
15935
17113
  .text-info-dker {
15936
- color: #0d70be;
17114
+ color: #0d4fd6;
15937
17115
  }
15938
17116
 
15939
17117
  a.bg-success:hover {
15940
- background: #549f2d;
17118
+ background: #0aaa75;
15941
17119
  }
15942
17120
 
15943
17121
  a.text-success:hover {
15944
- color: #549f2d;
17122
+ color: #0aaa75;
15945
17123
  }
15946
17124
 
15947
17125
  .text-success {
15948
- color: #5fb333;
17126
+ color: #0bc286;
15949
17127
  }
15950
17128
 
15951
17129
  .text-success-lt {
15952
- color: #549f2d;
17130
+ color: #0aaa75;
15953
17131
  }
15954
17132
 
15955
17133
  .text-success-lter {
15956
- color: #4a8b28;
17134
+ color: #089265;
15957
17135
  }
15958
17136
 
15959
17137
  .text-success-dk {
15960
- color: #549f2d;
17138
+ color: #0aaa75;
15961
17139
  }
15962
17140
 
15963
17141
  .text-success-dker {
15964
- color: #4a8b28;
17142
+ color: #089265;
15965
17143
  }
15966
17144
 
15967
17145
  a.bg-warning:hover {
15968
- background: #da8100;
17146
+ background: #e6a000;
15969
17147
  }
15970
17148
 
15971
17149
  a.text-warning:hover {
15972
- color: #da8100;
17150
+ color: #e6a000;
15973
17151
  }
15974
17152
 
15975
17153
  .text-warning {
15976
- color: #f39000;
17154
+ color: #ffb200;
15977
17155
  }
15978
17156
 
15979
17157
  .text-warning-lt {
15980
- color: #da8100;
17158
+ color: #e6a000;
15981
17159
  }
15982
17160
 
15983
17161
  .text-warning-lter {
15984
- color: #c07200;
17162
+ color: #cc8e00;
15985
17163
  }
15986
17164
 
15987
17165
  .text-warning-dk {
15988
- color: #da8100;
17166
+ color: #e6a000;
15989
17167
  }
15990
17168
 
15991
17169
  .text-warning-dker {
15992
- color: #c07200;
17170
+ color: #cc8e00;
15993
17171
  }
15994
17172
 
15995
17173
  a.bg-danger:hover {
15996
- background: #e71717;
17174
+ background: #e55533;
15997
17175
  }
15998
17176
 
15999
17177
  a.text-danger:hover {
16000
- color: #e71717;
17178
+ color: #e55533;
16001
17179
  }
16002
17180
 
16003
17181
  .text-danger {
16004
- color: #ea2e2e;
17182
+ color: #e8684a;
16005
17183
  }
16006
17184
 
16007
17185
  .text-danger-lt {
16008
- color: #e71717;
17186
+ color: #e55533;
16009
17187
  }
16010
17188
 
16011
17189
  .text-danger-lter {
16012
- color: #d01515;
17190
+ color: #e2421d;
16013
17191
  }
16014
17192
 
16015
17193
  .text-danger-dk {
16016
- color: #e71717;
17194
+ color: #e55533;
16017
17195
  }
16018
17196
 
16019
17197
  .text-danger-dker {
16020
- color: #d01515;
17198
+ color: #e2421d;
16021
17199
  }
16022
17200
 
16023
17201
  a.bg-dark:hover {
@@ -17724,6 +18902,271 @@ a.label:hover, a.label:focus {
17724
18902
  padding: 0 !important;
17725
18903
  }
17726
18904
  }
18905
+ .cxd-Switch .text {
18906
+ margin: 0 0.5rem 0 1.5625rem;
18907
+ vertical-align: super;
18908
+ }
18909
+ .cxd-Switch .slider:before {
18910
+ width: calc(var(--Switch-height) - 0.25rem);
18911
+ top: 0.125rem;
18912
+ bottom: 0.125rem;
18913
+ }
18914
+ .cxd-Switch:active .slider::before {
18915
+ width: calc(var(--Switch-height) + 0.125rem);
18916
+ border-radius: 10px;
18917
+ }
18918
+ .cxd-Switch:hover {
18919
+ background: var(--Switch-onHover-bgColor);
18920
+ }
18921
+ .cxd-Switch.is-checked {
18922
+ background: var(--Switch-checked-bgColor);
18923
+ }
18924
+ .cxd-Switch.is-checked .slider::before {
18925
+ right: 0.125rem;
18926
+ }
18927
+ .cxd-Switch.is-checked .text {
18928
+ margin: 0 1.5625rem 0 0.5rem;
18929
+ }
18930
+ .cxd-Switch.is-checked:hover {
18931
+ background: var(--Switch-checked-onHover-bgColor);
18932
+ }
18933
+ .cxd-Switch.is-checked:active {
18934
+ background: var(--Switch-checked-onActive-bgColor);
18935
+ }
18936
+
18937
+ .cxd-TextControl-sugs {
18938
+ border-radius: 0.1875rem;
18939
+ top: calc(var(--Form-input-height) + 0.25rem);
18940
+ box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
18941
+ border: none;
18942
+ }
18943
+
18944
+ .cxd-Select .cxd-PopOver .cxd-Select-menu {
18945
+ border-radius: 0.25rem;
18946
+ }
18947
+ .cxd-Select .cxd-PopOver .cxd-Select-menu .cxd-Select-option {
18948
+ height: var(--Form-input-height);
18949
+ padding: 0.3125rem 0.75rem;
18950
+ }
18951
+
18952
+ .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu {
18953
+ border-radius: 0.25rem;
18954
+ }
18955
+ .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu .cxd-NestedSelect-option {
18956
+ height: var(--Form-input-height);
18957
+ padding: 0 0.75rem;
18958
+ }
18959
+ .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu .cxd-NestedSelect-option .cxd-NestedSelect-optionArrowRight {
18960
+ padding-right: 0;
18961
+ }
18962
+ .cxd-NestedSelectControl .cxd-PopOver .cxd-NestedSelect-menuOuter .cxd-NestedSelect-menu:not(:first-child) {
18963
+ margin-left: 2px;
18964
+ }
18965
+
18966
+ .cxd-TreeSelectControl .cxd-PopOver {
18967
+ box-shadow: var(--boxShadow);
18968
+ }
18969
+ .cxd-TreeSelectControl .cxd-PopOver .cxd-Tree {
18970
+ border-radius: 0.25rem;
18971
+ border: none;
18972
+ }
18973
+
18974
+ .cxd-DropDown .cxd-DropDown-menu {
18975
+ border: none;
18976
+ }
18977
+ .cxd-DropDown .cxd-DropDown-menu > li {
18978
+ color: #151a26;
18979
+ }
18980
+ .cxd-DropDown .cxd-DropDown-menu > li.is-disabled {
18981
+ color: #b4b6ba;
18982
+ }
18983
+
18984
+ .cxd-Toast .cxd-Toast-icon {
18985
+ margin-right: 0.5rem;
18986
+ }
18987
+ .cxd-Toast .cxd-Toast-close {
18988
+ margin-left: 0.5rem;
18989
+ cursor: pointer;
18990
+ }
18991
+
18992
+ .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
18993
+ border-radius: 0.1875rem;
18994
+ }
18995
+ .cxd-InputGroup .cxd-InputGroup-btn:last-child .cxd-Button {
18996
+ border-top-left-radius: 0;
18997
+ border-bottom-left-radius: 0;
18998
+ }
18999
+
19000
+ .cxd-Button--iconOnly {
19001
+ min-width: var(--Button-height);
19002
+ }
19003
+
19004
+ .cxd-Alert {
19005
+ font-weight: 400;
19006
+ }
19007
+ .cxd-Alert .cxd-Alert-close {
19008
+ opacity: 1;
19009
+ color: #83868c;
19010
+ }
19011
+ .cxd-Alert .cxd-Alert-close:hover {
19012
+ color: #5e626a;
19013
+ }
19014
+ .cxd-Alert .cxd-Alert-close:active {
19015
+ color: #2d323c;
19016
+ }
19017
+
19018
+ .cxd-ColorPicker .cxd-PopOver {
19019
+ border: none;
19020
+ box-shadow: var(--boxShadow);
19021
+ }
19022
+
19023
+ .cxd-IconPickerControl .cxd-IconPickerControl-input--withAC .cxd-IconPickerControl-sugsPanel {
19024
+ border: none;
19025
+ box-shadow: var(--boxShadow);
19026
+ border-radius: 0.1875rem;
19027
+ }
19028
+
19029
+ .cxd-Combo .cxd-Combo-items .cxd-Combo-item .cxd-Combo-delBtn {
19030
+ padding-top: calc( (var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2 );
19031
+ }
19032
+
19033
+ .cxd-LocationControl .cxd-PopOver {
19034
+ border: none;
19035
+ box-shadow: var(--boxShadow);
19036
+ }
19037
+
19038
+ .cxd-Transfer-title {
19039
+ height: var(--Form-input-height);
19040
+ padding-left: 1rem;
19041
+ padding-right: 1rem;
19042
+ }
19043
+ .cxd-Transfer .cxd-ListCheckboxes .cxd-ListCheckboxes-item {
19044
+ padding-left: 1rem;
19045
+ padding-right: 1rem;
19046
+ }
19047
+
19048
+ .cxd-Modal {
19049
+ box-shadow: var(--boxShadow);
19050
+ }
19051
+ .cxd-Modal-content {
19052
+ padding: 1.5rem;
19053
+ border-radius: 0.375rem;
19054
+ }
19055
+ .cxd-Modal-body {
19056
+ padding: 1rem 0 1.5rem 0;
19057
+ font-size: 12px;
19058
+ font-weight: 400;
19059
+ }
19060
+ .cxd-Modal-footer .cxd-Button {
19061
+ margin-left: 1rem;
19062
+ }
19063
+
19064
+ .cxd-Drawer-content {
19065
+ border-radius: 0.375rem;
19066
+ }
19067
+ .cxd-Drawer-header {
19068
+ border-radius: 0.375rem 0 0 0;
19069
+ }
19070
+ .cxd-Drawer-title {
19071
+ font-size: 14px;
19072
+ font-weight: 500;
19073
+ }
19074
+ .cxd-Drawer-body {
19075
+ font-size: 14px;
19076
+ font-weight: 400;
19077
+ }
19078
+
19079
+ .cxd-Drawer--right .cxd-Drawer-header {
19080
+ border-radius: 0.375rem 0 0 0;
19081
+ }
19082
+ .cxd-Drawer--right .cxd-Drawer-footer {
19083
+ justify-content: flex-end;
19084
+ }
19085
+ .cxd-Drawer--right .cxd-Drawer-footer .cxd-Button {
19086
+ margin-left: 1rem;
19087
+ }
19088
+
19089
+ .cxd-Drawer--left .cxd-Drawer-header {
19090
+ border-radius: 0 0.375rem 0 0;
19091
+ }
19092
+ .cxd-Drawer--left .cxd-Drawer-footer .cxd-Button {
19093
+ margin-left: 1rem;
19094
+ }
19095
+
19096
+ .cxd-Drawer--top .cxd-Drawer-footer .cxd-Button {
19097
+ margin-left: 1rem;
19098
+ }
19099
+
19100
+ .cxd-Drawer--bottom .cxd-Drawer-header {
19101
+ border-radius: 0.375rem 0.375rem 0 0;
19102
+ }
19103
+ .cxd-Drawer--bottom .cxd-Drawer-footer .cxd-Button {
19104
+ margin-left: 1rem;
19105
+ }
19106
+
19107
+ .cxd-Steps .cxd-StepsItem-containerIcon {
19108
+ padding-right: 0.5rem;
19109
+ }
19110
+ .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon {
19111
+ width: 1.5rem;
19112
+ height: 1.5rem;
19113
+ display: inline-flex;
19114
+ align-items: center;
19115
+ justify-content: center;
19116
+ }
19117
+ .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon svg {
19118
+ width: 0.75rem;
19119
+ height: 0.75rem;
19120
+ }
19121
+ .cxd-Steps .cxd-StepsItem-containerIconWrapper .cxd-StepsItem-body .cxd-StepsItem-title:after {
19122
+ padding-right: 0.5rem;
19123
+ }
19124
+ .cxd-Steps .cxd-StepsItem-containerIconWrapper .cxd-StepsItem-body .cxd-StepsItem-subTitle {
19125
+ padding-left: 0.5rem;
19126
+ }
19127
+ .cxd-Steps--vertical .cxd-StepsItem-containerIcon > .cxd-StepsItem-icon:after {
19128
+ top: 1.75rem;
19129
+ left: 0.625rem;
19130
+ transform: translate(0.0625rem);
19131
+ }
19132
+ .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon {
19133
+ color: var(--Steps-status-success);
19134
+ background-color: var(--white);
19135
+ }
19136
+ .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
19137
+ color: var(--Steps-status-error);
19138
+ background-color: var(--white);
19139
+ border: 1px solid var(--Steps-status-error);
19140
+ }
19141
+
19142
+ .cxd-Form-feedback {
19143
+ list-style-type: none;
19144
+ padding-left: 0;
19145
+ }
19146
+
19147
+ .cxd-Form-label {
19148
+ font-size: 14px;
19149
+ color: #5e626a;
19150
+ }
19151
+
19152
+ .cxd-Form-item--inline .cxd-Form-label {
19153
+ margin-right: 1rem;
19154
+ font-size: 14px;
19155
+ color: #5e626a;
19156
+ }
19157
+
19158
+ .cxd-Form .cxd-Collapse {
19159
+ border: none;
19160
+ }
19161
+ .cxd-Form .cxd-Collapse-header {
19162
+ background-color: var(--white);
19163
+ display: inline-flex;
19164
+ justify-content: flex-end;
19165
+ flex-direction: row-reverse;
19166
+ }
19167
+ .cxd-Form .cxd-Collapse-content {
19168
+ padding: 0;
19169
+ }
17727
19170
 
17728
19171
  /*# sourceMappingURL=cxd.css.map */
17729
19172