amis 1.3.5-beta.6 → 1.4.2-beta.1

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 (352) hide show
  1. package/README.md +1 -1
  2. package/lib/Schema.d.ts +17 -0
  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/Badge.d.ts +16 -3
  7. package/lib/components/Badge.js +53 -4
  8. package/lib/components/Badge.js.map +2 -2
  9. package/lib/components/Button.d.ts +24 -22
  10. package/lib/components/Button.js +13 -7
  11. package/lib/components/Button.js.map +2 -2
  12. package/lib/components/Checkbox.d.ts +1 -1
  13. package/lib/components/Checkbox.js +1 -1
  14. package/lib/components/Checkbox.js.map +2 -2
  15. package/lib/components/Collapse.js +1 -1
  16. package/lib/components/Collapse.js.map +2 -2
  17. package/lib/components/DatePicker.js +1 -1
  18. package/lib/components/DatePicker.js.map +2 -2
  19. package/lib/components/DateRangePicker.js +1 -1
  20. package/lib/components/DateRangePicker.js.map +2 -2
  21. package/lib/components/Drawer.js +1 -1
  22. package/lib/components/Drawer.js.map +2 -2
  23. package/lib/components/InputBox.js +1 -1
  24. package/lib/components/InputBox.js.map +2 -2
  25. package/lib/components/Link.d.ts +91 -0
  26. package/lib/components/Link.js +44 -0
  27. package/lib/components/Link.js.map +13 -0
  28. package/lib/components/Modal.js +1 -1
  29. package/lib/components/Modal.js.map +2 -2
  30. package/lib/components/MonthRangePicker.js +1 -1
  31. package/lib/components/MonthRangePicker.js.map +2 -2
  32. package/lib/components/RichText.d.ts +6 -1
  33. package/lib/components/RichText.js +207 -8
  34. package/lib/components/RichText.js.map +2 -2
  35. package/lib/components/Select.d.ts +7 -0
  36. package/lib/components/Select.js +3 -0
  37. package/lib/components/Select.js.map +2 -2
  38. package/lib/components/SparkLine.d.ts +85 -84
  39. package/lib/components/SparkLine.js +2 -2
  40. package/lib/components/SparkLine.js.map +2 -2
  41. package/lib/components/Steps.d.ts +3 -3
  42. package/lib/components/Steps.js.map +1 -1
  43. package/lib/components/Toast.js +2 -2
  44. package/lib/components/Toast.js.map +2 -2
  45. package/lib/components/Tree.js +5 -3
  46. package/lib/components/Tree.js.map +2 -2
  47. package/lib/components/WithRemoteConfig.d.ts +8 -0
  48. package/lib/components/WithRemoteConfig.js +28 -2
  49. package/lib/components/WithRemoteConfig.js.map +2 -2
  50. package/lib/components/calendar/DaysView.js +2 -2
  51. package/lib/components/calendar/DaysView.js.map +2 -2
  52. package/lib/components/condition-builder/Field.js +0 -1
  53. package/lib/components/condition-builder/Field.js.map +2 -2
  54. package/lib/components/condition-builder/Value.js +2 -1
  55. package/lib/components/condition-builder/Value.js.map +2 -2
  56. package/lib/components/condition-builder/types.d.ts +5 -0
  57. package/lib/components/condition-builder/types.js.map +1 -1
  58. package/lib/components/icons.js +14 -0
  59. package/lib/components/icons.js.map +2 -2
  60. package/lib/factory.d.ts +5 -1
  61. package/lib/factory.js +9 -4
  62. package/lib/factory.js.map +2 -2
  63. package/lib/helper.css.map +1 -1
  64. package/lib/icons/clock.js +10 -0
  65. package/lib/icons/loading-outline.js +7 -0
  66. package/lib/icons/status-close.js +11 -0
  67. package/lib/icons/status-fail.js +11 -0
  68. package/lib/icons/status-info.js +10 -0
  69. package/lib/icons/status-success.js +11 -0
  70. package/lib/icons/status-warning.js +10 -0
  71. package/lib/index.js +1 -1
  72. package/lib/locale/de-DE.js +3 -0
  73. package/lib/locale/de-DE.js.map +2 -2
  74. package/lib/locale/en-US.js +4 -1
  75. package/lib/locale/en-US.js.map +2 -2
  76. package/lib/locale/zh-CN.js +5 -2
  77. package/lib/locale/zh-CN.js.map +2 -2
  78. package/lib/renderers/Action.d.ts +16 -1
  79. package/lib/renderers/Action.js +5 -5
  80. package/lib/renderers/Action.js.map +2 -2
  81. package/lib/renderers/CRUD.d.ts +2 -2
  82. package/lib/renderers/CRUD.js +32 -26
  83. package/lib/renderers/CRUD.js.map +2 -2
  84. package/lib/renderers/Collapse.d.ts +1 -1
  85. package/lib/renderers/Collapse.js +7 -3
  86. package/lib/renderers/Collapse.js.map +2 -2
  87. package/lib/renderers/Dialog.d.ts +0 -252
  88. package/lib/renderers/Dialog.js +1 -4
  89. package/lib/renderers/Dialog.js.map +2 -2
  90. package/lib/renderers/Drawer.js +0 -3
  91. package/lib/renderers/Drawer.js.map +2 -2
  92. package/lib/renderers/DropDownButton.d.ts +13 -1
  93. package/lib/renderers/DropDownButton.js +9 -5
  94. package/lib/renderers/DropDownButton.js.map +2 -2
  95. package/lib/renderers/Form/ButtonGroupSelect.js +3 -0
  96. package/lib/renderers/Form/ButtonGroupSelect.js.map +2 -2
  97. package/lib/renderers/Form/Checkbox.d.ts +5 -0
  98. package/lib/renderers/Form/Checkbox.js +4 -0
  99. package/lib/renderers/Form/Checkbox.js.map +2 -2
  100. package/lib/renderers/Form/Combo.js +2 -2
  101. package/lib/renderers/Form/Combo.js.map +2 -2
  102. package/lib/renderers/Form/DiffEditor.d.ts +0 -2
  103. package/lib/renderers/Form/Editor.d.ts +0 -2
  104. package/lib/renderers/Form/Editor.js +1 -1
  105. package/lib/renderers/Form/Editor.js.map +2 -2
  106. package/lib/renderers/Form/InputExcel.d.ts +5 -0
  107. package/lib/renderers/Form/InputExcel.js +24 -3
  108. package/lib/renderers/Form/InputExcel.js.map +2 -2
  109. package/lib/renderers/Form/InputFile.js +2 -2
  110. package/lib/renderers/Form/InputFile.js.map +2 -2
  111. package/lib/renderers/Form/InputImage.d.ts +8 -0
  112. package/lib/renderers/Form/InputImage.js +7 -4
  113. package/lib/renderers/Form/InputImage.js.map +2 -2
  114. package/lib/renderers/Form/InputTable.d.ts +23 -5
  115. package/lib/renderers/Form/InputTable.js +32 -3
  116. package/lib/renderers/Form/InputTable.js.map +2 -2
  117. package/lib/renderers/Form/Options.js +6 -3
  118. package/lib/renderers/Form/Options.js.map +2 -2
  119. package/lib/renderers/Form/Picker.js +2 -2
  120. package/lib/renderers/Form/Picker.js.map +2 -2
  121. package/lib/renderers/Form/wrapControl.js +2 -2
  122. package/lib/renderers/Form/wrapControl.js.map +2 -2
  123. package/lib/renderers/IFrame.js +2 -2
  124. package/lib/renderers/IFrame.js.map +2 -2
  125. package/lib/renderers/Image.d.ts +1 -0
  126. package/lib/renderers/Image.js +15 -1
  127. package/lib/renderers/Image.js.map +2 -2
  128. package/lib/renderers/Json.js +5 -1
  129. package/lib/renderers/Json.js.map +2 -2
  130. package/lib/renderers/Link.d.ts +16 -3
  131. package/lib/renderers/Link.js +16 -13
  132. package/lib/renderers/Link.js.map +2 -2
  133. package/lib/renderers/Log.d.ts +2 -2
  134. package/lib/renderers/Log.js +7 -1
  135. package/lib/renderers/Log.js.map +2 -2
  136. package/lib/renderers/Nav.d.ts +81 -25
  137. package/lib/renderers/Nav.js +272 -29
  138. package/lib/renderers/Nav.js.map +2 -2
  139. package/lib/renderers/Page.js +4 -1
  140. package/lib/renderers/Page.js.map +2 -2
  141. package/lib/renderers/Service.d.ts +10 -1
  142. package/lib/renderers/Service.js +85 -3
  143. package/lib/renderers/Service.js.map +2 -2
  144. package/lib/renderers/SparkLine.d.ts +4 -0
  145. package/lib/renderers/SparkLine.js.map +2 -2
  146. package/lib/renderers/Steps.d.ts +4 -4
  147. package/lib/renderers/Steps.js +5 -2
  148. package/lib/renderers/Steps.js.map +2 -2
  149. package/lib/renderers/Table/ColumnToggler.d.ts +113 -0
  150. package/lib/renderers/Table/ColumnToggler.js +216 -0
  151. package/lib/renderers/Table/ColumnToggler.js.map +13 -0
  152. package/lib/renderers/Table/ItemActionsWrapper.d.ts +11 -0
  153. package/lib/renderers/Table/ItemActionsWrapper.js +31 -0
  154. package/lib/renderers/Table/ItemActionsWrapper.js.map +13 -0
  155. package/lib/renderers/Table/TableBody.d.ts +5 -1
  156. package/lib/renderers/Table/TableBody.js +5 -1
  157. package/lib/renderers/Table/TableBody.js.map +2 -2
  158. package/lib/renderers/Table/TableCell.js +3 -1
  159. package/lib/renderers/Table/TableCell.js.map +2 -2
  160. package/lib/renderers/Table/TableContent.d.ts +1 -1
  161. package/lib/renderers/Table/TableContent.js +4 -0
  162. package/lib/renderers/Table/TableContent.js.map +2 -2
  163. package/lib/renderers/Table/index.d.ts +22 -4
  164. package/lib/renderers/Table/index.js +196 -81
  165. package/lib/renderers/Table/index.js.map +2 -2
  166. package/lib/store/app.d.ts +0 -1
  167. package/lib/store/combo.d.ts +0 -2
  168. package/lib/store/crud.d.ts +3 -3
  169. package/lib/store/crud.js +41 -36
  170. package/lib/store/crud.js.map +2 -2
  171. package/lib/store/form.d.ts +0 -1
  172. package/lib/store/modal.d.ts +1 -1
  173. package/lib/store/modal.js +4 -0
  174. package/lib/store/modal.js.map +2 -2
  175. package/lib/store/root.d.ts +0 -1
  176. package/lib/store/service.d.ts +0 -1
  177. package/lib/store/service.js +0 -13
  178. package/lib/store/service.js.map +2 -2
  179. package/lib/store/table.d.ts +258 -3
  180. package/lib/store/table.js +83 -7
  181. package/lib/store/table.js.map +2 -2
  182. package/lib/themes/ang-ie11.css +941 -98
  183. package/lib/themes/ang.css +941 -98
  184. package/lib/themes/ang.css.map +1 -1
  185. package/lib/themes/antd-ie11.css +941 -98
  186. package/lib/themes/antd.css +941 -98
  187. package/lib/themes/antd.css.map +1 -1
  188. package/lib/themes/cxd-ie11.css +1580 -411
  189. package/lib/themes/cxd.css +1580 -411
  190. package/lib/themes/cxd.css.map +1 -1
  191. package/lib/themes/dark-ie11.css +941 -98
  192. package/lib/themes/dark.css +941 -98
  193. package/lib/themes/dark.css.map +1 -1
  194. package/lib/themes/default.css +1580 -411
  195. package/lib/themes/default.css.map +1 -1
  196. package/lib/utils/api.js +16 -4
  197. package/lib/utils/api.js.map +2 -2
  198. package/lib/utils/attachmentAdpator.d.ts +7 -0
  199. package/lib/utils/attachmentAdpator.js +82 -0
  200. package/lib/utils/attachmentAdpator.js.map +13 -0
  201. package/lib/utils/handleAction.d.ts +7 -0
  202. package/lib/utils/handleAction.js +30 -0
  203. package/lib/utils/handleAction.js.map +13 -0
  204. package/lib/utils/helper.d.ts +1 -1
  205. package/lib/utils/helper.js +3 -3
  206. package/lib/utils/helper.js.map +2 -2
  207. package/lib/utils/tpl-builtin.d.ts +1 -1
  208. package/lib/utils/tpl-builtin.js +25 -15
  209. package/lib/utils/tpl-builtin.js.map +2 -2
  210. package/lib/utils/validations.js +62 -5
  211. package/lib/utils/validations.js.map +2 -2
  212. package/package.json +1 -2
  213. package/schema.json +633 -273
  214. package/scss/_mixins.scss +29 -0
  215. package/scss/_properties.scss +64 -13
  216. package/scss/_utilities.scss +4 -0
  217. package/scss/components/_badge.scss +67 -2
  218. package/scss/components/_button.scss +34 -3
  219. package/scss/components/_collapse.scss +26 -8
  220. package/scss/components/_column-toggler.scss +234 -0
  221. package/scss/components/_dropdown.scss +2 -1
  222. package/scss/components/_image-gallery.scss +1 -1
  223. package/scss/components/_images.scss +2 -1
  224. package/scss/components/_link.scss +6 -0
  225. package/scss/components/_markdown.scss +266 -0
  226. package/scss/components/_nav.scss +236 -154
  227. package/scss/components/_page.scss +5 -4
  228. package/scss/components/_progress.scss +2 -0
  229. package/scss/components/_spinner.scss +6 -2
  230. package/scss/components/_steps.scss +1 -1
  231. package/scss/components/_table.scss +25 -1
  232. package/scss/components/form/_color.scss +1 -0
  233. package/scss/components/form/_date-range.scss +2 -0
  234. package/scss/components/form/_date.scss +2 -0
  235. package/scss/components/form/_fieldset.scss +1 -2
  236. package/scss/components/form/_file.scss +5 -4
  237. package/scss/components/form/_group.scss +4 -0
  238. package/scss/components/form/_image.scss +7 -2
  239. package/scss/components/form/_list.scss +1 -0
  240. package/scss/components/form/_location.scss +1 -1
  241. package/scss/components/form/_text.scss +13 -0
  242. package/scss/components/form/_textarea.scss +10 -0
  243. package/scss/components/form/_transfer.scss +2 -0
  244. package/scss/themes/_common.scss +3 -0
  245. package/scss/themes/_cxd-colors.scss +56 -0
  246. package/scss/themes/_cxd-variables.scss +217 -92
  247. package/scss/themes/cxd.scss +366 -0
  248. package/sdk/ang-ie11.css +1192 -176
  249. package/sdk/ang.css +1175 -118
  250. package/sdk/antd-ie11.css +1177 -163
  251. package/sdk/antd.css +1175 -118
  252. package/sdk/charts.js +13 -13
  253. package/sdk/color-picker.js +67 -67
  254. package/sdk/cropperjs.js +2 -2
  255. package/sdk/cxd-ie11.css +2538 -1222
  256. package/sdk/cxd.css +1825 -401
  257. package/sdk/dark-ie11.css +1192 -176
  258. package/sdk/dark.css +1175 -118
  259. package/sdk/exceljs.js +1 -1
  260. package/sdk/helper.css.map +1 -1
  261. package/sdk/ie11-patch.css +1 -0
  262. package/sdk/locale/de-DE.js +3 -0
  263. package/sdk/markdown.js +69 -69
  264. package/sdk/papaparse.js +1 -1
  265. package/sdk/renderers/Form/CityDB.js +1 -1
  266. package/sdk/rest.js +22 -24
  267. package/sdk/rich-text.js +62 -64
  268. package/sdk/sdk-ie11.css +2538 -1222
  269. package/sdk/sdk.css +1825 -401
  270. package/sdk/sdk.js +1139 -1113
  271. package/sdk/thirds/hls.js/hls.js +1 -1
  272. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  273. package/sdk/tinymce.js +57 -57
  274. package/src/Schema.ts +18 -0
  275. package/src/components/Alert.tsx +3 -1
  276. package/src/components/Badge.tsx +124 -21
  277. package/src/components/Button.tsx +23 -7
  278. package/src/components/Checkbox.tsx +5 -2
  279. package/src/components/Collapse.tsx +14 -9
  280. package/src/components/DatePicker.tsx +1 -1
  281. package/src/components/DateRangePicker.tsx +23 -11
  282. package/src/components/Drawer.tsx +3 -2
  283. package/src/components/InputBox.tsx +1 -1
  284. package/src/components/Link.tsx +94 -0
  285. package/src/components/Modal.tsx +3 -2
  286. package/src/components/MonthRangePicker.tsx +10 -2
  287. package/src/components/RichText.tsx +244 -3
  288. package/src/components/Select.tsx +4 -0
  289. package/src/components/SparkLine.tsx +4 -1
  290. package/src/components/Steps.tsx +3 -3
  291. package/src/components/Toast.tsx +5 -5
  292. package/src/components/Tree.tsx +6 -8
  293. package/src/components/WithRemoteConfig.tsx +37 -2
  294. package/src/components/calendar/DaysView.tsx +2 -2
  295. package/src/components/condition-builder/Field.tsx +1 -2
  296. package/src/components/condition-builder/Value.tsx +3 -0
  297. package/src/components/condition-builder/types.ts +6 -0
  298. package/src/components/icons.tsx +15 -0
  299. package/src/factory.tsx +13 -3
  300. package/src/icons/clock.svg +1 -0
  301. package/src/icons/loading-outline.svg +4 -0
  302. package/src/icons/status-close.svg +10 -0
  303. package/src/icons/status-fail.svg +10 -0
  304. package/src/icons/status-info.svg +8 -0
  305. package/src/icons/status-success.svg +10 -0
  306. package/src/icons/status-warning.svg +8 -0
  307. package/src/locale/de-DE.ts +3 -0
  308. package/src/locale/en-US.ts +4 -1
  309. package/src/locale/zh-CN.ts +5 -2
  310. package/src/renderers/Action.tsx +71 -13
  311. package/src/renderers/CRUD.tsx +44 -59
  312. package/src/renderers/Collapse.tsx +6 -2
  313. package/src/renderers/Dialog.tsx +1 -5
  314. package/src/renderers/Drawer.tsx +0 -4
  315. package/src/renderers/DropDownButton.tsx +34 -12
  316. package/src/renderers/Form/ButtonGroupSelect.tsx +3 -0
  317. package/src/renderers/Form/Checkbox.tsx +8 -0
  318. package/src/renderers/Form/Combo.tsx +2 -3
  319. package/src/renderers/Form/Editor.tsx +19 -20
  320. package/src/renderers/Form/InputExcel.tsx +28 -3
  321. package/src/renderers/Form/InputFile.tsx +2 -1
  322. package/src/renderers/Form/InputImage.tsx +28 -10
  323. package/src/renderers/Form/InputTable.tsx +88 -9
  324. package/src/renderers/Form/Options.tsx +16 -5
  325. package/src/renderers/Form/Picker.tsx +3 -2
  326. package/src/renderers/Form/wrapControl.tsx +2 -2
  327. package/src/renderers/IFrame.tsx +2 -1
  328. package/src/renderers/Image.tsx +10 -0
  329. package/src/renderers/Json.tsx +10 -1
  330. package/src/renderers/Link.tsx +36 -11
  331. package/src/renderers/Log.tsx +16 -3
  332. package/src/renderers/Nav.tsx +340 -56
  333. package/src/renderers/Page.tsx +3 -1
  334. package/src/renderers/Service.tsx +101 -3
  335. package/src/renderers/SparkLine.tsx +5 -0
  336. package/src/renderers/Steps.tsx +12 -9
  337. package/src/renderers/Table/ColumnToggler.tsx +544 -0
  338. package/src/renderers/Table/ItemActionsWrapper.tsx +44 -0
  339. package/src/renderers/Table/TableBody.tsx +3 -2
  340. package/src/renderers/Table/TableCell.tsx +16 -1
  341. package/src/renderers/Table/TableContent.tsx +3 -1
  342. package/src/renderers/Table/index.tsx +240 -60
  343. package/src/store/crud.ts +34 -38
  344. package/src/store/modal.ts +4 -0
  345. package/src/store/service.ts +0 -19
  346. package/src/store/table.ts +103 -4
  347. package/src/utils/api.ts +24 -4
  348. package/src/utils/attachmentAdpator.ts +90 -0
  349. package/src/utils/handleAction.ts +41 -0
  350. package/src/utils/helper.ts +4 -3
  351. package/src/utils/tpl-builtin.ts +48 -17
  352. package/src/utils/validations.ts +80 -12
@@ -6,8 +6,8 @@
6
6
  --black: #000;
7
7
  --white: #fff;
8
8
  --primary: #1890ff;
9
- --primary-onHover: #007df1;
10
- --primary-onActive: #0076e4;
9
+ --primary-onHover: #4f86f4;
10
+ --primary-onActive: #1c53c1;
11
11
  --secondary: #6c757d;
12
12
  --secondary-onHover: #5a6268;
13
13
  --secondary-onActive: #545b62;
@@ -142,6 +142,10 @@
142
142
  --Avatar-width: 2.5rem;
143
143
  --Badge-size: var(--gap-md);
144
144
  --Badge-color: var(--white);
145
+ --Badge--success-bg: var(--success);
146
+ --Badge--info-bg: var(--info);
147
+ --Badge--warning-bg: var(--warning);
148
+ --Badge--danger-bg: var(--danger);
145
149
  --Button--danger-bg: var(--danger);
146
150
  --Button--danger-border: var(--Button--danger-bg);
147
151
  --Button--danger-color: var(--button-color);
@@ -163,12 +167,12 @@
163
167
  --Button--default-bg: var(--white);
164
168
  --Button--default-border: var(--borderColor);
165
169
  --Button--default-color: var(--text-color);
166
- --Button--default-onActive-bg: #e6e6e6;
167
- --Button--default-onActive-border: #adb4bf;
168
- --Button--default-onActive-color: var(--Button--default-color);
169
- --Button--default-onHover-bg: #ececec;
170
- --Button--default-onHover-border: #b4bbc5;
171
- --Button--default-onHover-color: var(--Button--default-color);
170
+ --Button--default-onActive-bg: var(--white);
171
+ --Button--default-onActive-border: var(--primary-onActive);
172
+ --Button--default-onActive-color: var(--primary-onActive);
173
+ --Button--default-onHover-bg: var(--white);
174
+ --Button--default-onHover-border: var(--primary);
175
+ --Button--default-onHover-color: var(--primary);
172
176
  --Button--iconOnly-minWidthRate: 4 / 3;
173
177
  --Button--info-bg: var(--info);
174
178
  --Button--info-border: var(--Button--info-bg);
@@ -201,7 +205,8 @@
201
205
  --Button--light-onHover-color: var(--Button--light-color);
202
206
  --Button--link-color: var(--primary);
203
207
  --Button--link-onDisabled-color: #4b5563;
204
- --Button--link-onHover-color: var(--text--loud-color);
208
+ --Button--link-onHover-color: var(--primary-onHover);
209
+ --Button--link-onActive-color: var(--primary-onActive);
205
210
  --Button--md-fontSize: var(--Button-fontSize);
206
211
  --Button--md-height: var(--Button-height);
207
212
  --Button--md-lineHeight: var(--Button-lineHeight);
@@ -216,10 +221,10 @@
216
221
  --Button--primary-border: var(--Button--primary-bg);
217
222
  --Button--primary-color: var(--button-color);
218
223
  --Button--primary-onActive-bg: var(--primary-onActive);
219
- --Button--primary-onActive-border: #0070d7;
224
+ --Button--primary-onActive-border: var(--primary-onActive);
220
225
  --Button--primary-onActive-color: var(--Button--primary-color);
221
226
  --Button--primary-onHover-bg: var(--primary-onHover);
222
- --Button--primary-onHover-border: var(--primary-onActive);
227
+ --Button--primary-onHover-border: var(--primary-onHover);
223
228
  --Button--primary-onHover-color: var(--Button--primary-color);
224
229
  --Button--secondary-bg: var(--secondary);
225
230
  --Button--secondary-border: var(--Button--secondary-bg);
@@ -250,6 +255,14 @@
250
255
  --Button--success-onHover-bg: var(--success-onHover);
251
256
  --Button--success-onHover-border: var(--success-onActive);
252
257
  --Button--success-onHover-color: var(--Button--success-color);
258
+ --Button--enhance-border: var(--primary);
259
+ --Button--enhance-color: var(--primary);
260
+ --Button--enhance-onActive-bg: var(--white);
261
+ --Button--enhance-onActive-border: var(--primary-onActive);
262
+ --Button--enhance-onActive-color: var(--primary-onActive);
263
+ --Button--enhance-onHover-bg: var(--white);
264
+ --Button--enhance-onHover-border: var(--primary-onHover);
265
+ --Button--enhance-onHover-color: var(--primary-onHover);
253
266
  --Button--warning-bg: var(--warning);
254
267
  --Button--warning-border: var(--Button--warning-bg);
255
268
  --Button--warning-color: var(--button-color);
@@ -280,12 +293,16 @@
280
293
  --Button-lineHeight: var(--Form-input-lineHeight);
281
294
  --Button-mimWidth: auto;
282
295
  --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
296
+ --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
297
+ --Button-animation-spin: spin 1s infinite linear;
283
298
  --Button-onActive-color: var(--primary);
284
299
  --Button-onActive-border: var(--primary);
285
300
  --Button-onDisabled-borderColor: #dee2e6;
286
301
  --Button-onDisabled-opacity: 0.65;
302
+ --Button-onDisabled-bg: #f2f3f3;
287
303
  --Button-onFocus-boxShadow: none;
288
304
  --Button-paddingX: 0.75rem;
305
+ --Button-paddingX-right: 0.625rem;
289
306
  --Button-paddingY: calc(
290
307
  (
291
308
  var(--Button-height) - var(--Button-borderWidth) * 2 -
@@ -471,6 +488,19 @@
471
488
  --Combo-toolbarBtn-paddingY: 0.125rem;
472
489
  --Copyable-iconColor: var(--icon-color);
473
490
  --Copyable-onHover-iconColor: var(--icon-onHover-color);
491
+ --Collapse-border: none;
492
+ --Collapse-border-color: var(--borderColorLight);
493
+ --Collapse-header-fontSize: var(--fontSizeMd);
494
+ --Collapse-header-fontWeight: var(--fontWeightNormal);
495
+ --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
496
+ --Collapse-header-bg: transparent;
497
+ --Collapse-header-onHover-bg: transparent;
498
+ --Collapse-header-collapsed-borderBottom: var(--borderWidth) solid
499
+ var(--Collapse-border-color);
500
+ --Collapse-content-padding: 1.125rem 0;
501
+ --Collapse-content-color: var(--body-color);
502
+ --Collapse-content-fontSize: var(--body-size);
503
+ --Collapse-content-fontWeight: var(--body-weight);
474
504
  --Crud-toolbar-gap: var(--gap-xs);
475
505
  --Crud-toolbar-height: 1.875rem;
476
506
  --Crud-toolbar-lineHeight: var(--lineHeightBase);
@@ -496,6 +526,7 @@
496
526
  ) / 2 - var(--DatePicker-borderWidth)
497
527
  );
498
528
  --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
529
+ --LocationPicker-borderRadius: var(--Form-input-borderWidth);
499
530
  --Divider-borderStyle: dashed;
500
531
  --Drawer-bg: var(--background);
501
532
  --Drawer-body-padding: var(--gap-base);
@@ -529,8 +560,9 @@
529
560
  --DropDown-menu-paddingX: 0;
530
561
  --DropDown-menu-paddingY: var(--gap-xs);
531
562
  --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
532
- --DropDown-menuItem-onHover-color: inherit;
533
- --DropDown-menuItem-onActive-color: var(--info);
563
+ --DropDown-menuItem-color: var(--text-color);
564
+ --DropDown-menuItem-onHover-color: var(--primary);
565
+ --DropDown-menuItem-onActive-color: var(--primary);
534
566
  --DropDown-menuItem-onDisabled-color: var(--text--muted-color);
535
567
  --DropDown-menuItem-paddingX: var(--gap-sm);
536
568
  --DropDown-menuItem-paddingY: calc(
@@ -592,6 +624,7 @@
592
624
  ) / 2
593
625
  );
594
626
  --Form-input-placeholderColor: var(--text--muted-color);
627
+ --Form-input-onDisabled-color: var(--text--muted-color);
595
628
  --Form-item-gap: var(--gap-base);
596
629
  --Form-label-paddingTop: calc(
597
630
  (
@@ -650,6 +683,7 @@
650
683
  --IconPicker-tabs-bg: #f0f3f4;
651
684
  --ImageControl-addBtn-bg: var(--Button--default-bg);
652
685
  --ImageControl-addBtn-border: var(--Button--default-border);
686
+ --ImageControl-addBtn-borderRadius: 0;
653
687
  --ImageControl-addBtn-color: var(--Button--default-color);
654
688
  --ImageControl-addBtn-onActive-bg: #e6e6e6;
655
689
  --ImageControl-addBtn-onActive-border: #adb4bf;
@@ -662,6 +696,8 @@
662
696
  --ImageControl-addBtn-onHover-bg: #ececec;
663
697
  --ImageControl-addBtn-onHover-border: #b4bbc5;
664
698
  --ImageControl-addBtn-onHover-color: var(--Button--default-color);
699
+ --ImageControl-progress-borderRadius: 0;
700
+ --FileControl-progress-borderRadius: 0;
665
701
  --InputGroup-addOn-bg: var(--Form-input-addOnBg);
666
702
  --InputGroup-addOn-borderColor: var(--Form-input-borderColor);
667
703
  --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
@@ -777,6 +813,7 @@
777
813
  --ListControl-item-bg: var(--white);
778
814
  --ListControl-item-borderColor: var(--borderColor);
779
815
  --ListControl-item-borderWidth: var(--borderWidth);
816
+ --ListControl-item-borderRadius: 0.1875rem;
780
817
  --ListControl-item-color: var(--text-color);
781
818
  --ListControl-item-onActive-after-borderColor: var(--primary);
782
819
  --ListControl-item-onActive-before-bg: var(--white);
@@ -1044,6 +1081,8 @@
1044
1081
  --Table-toolbar-marginX: 0;
1045
1082
  --Table-toolbar-marginY: var(--gap-base);
1046
1083
  --Table-tree-borderColor: var(--Table-borderColor);
1084
+ --Table-searchableForm-backgroundColor: #f6f7f8;
1085
+ --Table-searchableForm-borderRadius: 0.25rem;
1047
1086
  --TableCell--edge-paddingX: var(--gap-md);
1048
1087
  --TableCell-filterBtn--onActive-color: var(--primary);
1049
1088
  --TableCell-filterBtn-width: 1rem;
@@ -1229,6 +1268,14 @@
1229
1268
  --Steps-sub-title-color: var(--text-color);
1230
1269
  --Steps-line-bg: var(--Steps-bg);
1231
1270
  --Steps-line-success-bg: var(--Steps-status-success);
1271
+ --Progress-borderRadius: var(--borderRadius);
1272
+ --ColumnToggler-backgroundColor: var(--white);
1273
+ --ColumnToggler-borderRadius: 0.25rem;
1274
+ --ColumnToggler-lineHeight: 1.5rem;
1275
+ --ColumnToggler-title-fontColor: #080e1a;
1276
+ --ColumnToggler-fontColor: #151a26;
1277
+ --ColumnToggler-item-backgroundColor: #f6f7f8;
1278
+ --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);
1232
1279
  }
1233
1280
 
1234
1281
  :root {
@@ -3090,6 +3137,15 @@ img.antd-AsideNav-itemIcon {
3090
3137
  .antd-Button > .pull-right {
3091
3138
  margin-left: var(--Button-paddingX);
3092
3139
  }
3140
+ .antd-Button .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3141
+ .antd-Button > svg.icon:not(:last-child):not(.pull-right),
3142
+ .antd-Button > .pull-left {
3143
+ margin-right: var(--Button-paddingX);
3144
+ }
3145
+ .antd-Button .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3146
+ .antd-Button > .pull-right {
3147
+ margin-left: var(--Button-paddingX);
3148
+ }
3093
3149
  .antd-Button img.antd-Button-icon {
3094
3150
  height: var(--Button-fontSize);
3095
3151
  vertical-align: middle;
@@ -3102,14 +3158,21 @@ img.antd-AsideNav-itemIcon {
3102
3158
  box-shadow: var(--Button-onFocus-boxShadow);
3103
3159
  }
3104
3160
  .antd-Button.is-disabled, .antd-Button:disabled {
3105
- opacity: var(--Button-onDisabled-opacity);
3106
3161
  filter: grayscale(100%);
3107
3162
  box-shadow: none;
3108
3163
  cursor: not-allowed;
3164
+ color: var(--text--muted-color);
3165
+ pointer-events: auto;
3166
+ border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
3167
+ background: var(--Button-onDisabled-bg);
3109
3168
  }
3110
3169
  .antd-Button:not(:disabled):not(.is-disabled) {
3111
3170
  cursor: pointer;
3112
3171
  }
3172
+ .antd-Button.cxd-Button--link.is-disabled {
3173
+ background: transparent;
3174
+ border: none;
3175
+ }
3113
3176
  .antd-Button > .pull-left,
3114
3177
  .antd-Button > .pull-right {
3115
3178
  line-height: inherit;
@@ -3137,6 +3200,11 @@ fieldset:disabled a.antd-Button {
3137
3200
  background: var(--Button--primary-onHover-bg);
3138
3201
  border-color: var(--Button--primary-onHover-border);
3139
3202
  }
3203
+ .antd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
3204
+ color: var(--Button--primary-onActive-color);
3205
+ background: var(--Button--primary-onActive-bg);
3206
+ border-color: var(--Button--primary-onActive-border);
3207
+ }
3140
3208
  .antd-Button--primary:hover:focus {
3141
3209
  box-shadow: var(--Button-boxShadow);
3142
3210
  }
@@ -3153,6 +3221,11 @@ fieldset:disabled a.antd-Button {
3153
3221
  background: var(--Button--secondary-onHover-bg);
3154
3222
  border-color: var(--Button--secondary-onHover-border);
3155
3223
  }
3224
+ .antd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
3225
+ color: var(--Button--secondary-onActive-color);
3226
+ background: var(--Button--secondary-onActive-bg);
3227
+ border-color: var(--Button--secondary-onActive-border);
3228
+ }
3156
3229
  .antd-Button--secondary:hover:focus {
3157
3230
  box-shadow: var(--Button-boxShadow);
3158
3231
  }
@@ -3169,10 +3242,36 @@ fieldset:disabled a.antd-Button {
3169
3242
  background: var(--Button--success-onHover-bg);
3170
3243
  border-color: var(--Button--success-onHover-border);
3171
3244
  }
3245
+ .antd-Button--success:not(:disabled):not(.is-disabled):hover:active {
3246
+ color: var(--Button--success-onActive-color);
3247
+ background: var(--Button--success-onActive-bg);
3248
+ border-color: var(--Button--success-onActive-border);
3249
+ }
3172
3250
  .antd-Button--success:hover:focus {
3173
3251
  box-shadow: var(--Button-boxShadow);
3174
3252
  }
3175
3253
 
3254
+ .antd-Button--enhance {
3255
+ color: var(--Button--enhance-color);
3256
+ background: var(--Button--enhance-bg);
3257
+ border-color: var(--Button--enhance-border);
3258
+ box-shadow: var(--Button-boxShadow);
3259
+ text-shadow: var(--Button-textShadow);
3260
+ }
3261
+ .antd-Button--enhance:not(:disabled):not(.is-disabled):hover {
3262
+ color: var(--Button--enhance-onHover-color);
3263
+ background: var(--Button--enhance-onHover-bg);
3264
+ border-color: var(--Button--enhance-onHover-border);
3265
+ }
3266
+ .antd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
3267
+ color: var(--Button--enhance-onActive-color);
3268
+ background: var(--Button--enhance-onActive-bg);
3269
+ border-color: var(--Button--enhance-onActive-border);
3270
+ }
3271
+ .antd-Button--enhance:hover:focus {
3272
+ box-shadow: var(--Button-boxShadow);
3273
+ }
3274
+
3176
3275
  .antd-Button--info {
3177
3276
  color: var(--Button--info-color);
3178
3277
  background: var(--Button--info-bg);
@@ -3185,6 +3284,11 @@ fieldset:disabled a.antd-Button {
3185
3284
  background: var(--Button--info-onHover-bg);
3186
3285
  border-color: var(--Button--info-onHover-border);
3187
3286
  }
3287
+ .antd-Button--info:not(:disabled):not(.is-disabled):hover:active {
3288
+ color: var(--Button--info-onActive-color);
3289
+ background: var(--Button--info-onActive-bg);
3290
+ border-color: var(--Button--info-onActive-border);
3291
+ }
3188
3292
  .antd-Button--info:hover:focus {
3189
3293
  box-shadow: var(--Button-boxShadow);
3190
3294
  }
@@ -3201,6 +3305,11 @@ fieldset:disabled a.antd-Button {
3201
3305
  background: var(--Button--warning-onHover-bg);
3202
3306
  border-color: var(--Button--warning-onHover-border);
3203
3307
  }
3308
+ .antd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
3309
+ color: var(--Button--warning-onActive-color);
3310
+ background: var(--Button--warning-onActive-bg);
3311
+ border-color: var(--Button--warning-onActive-border);
3312
+ }
3204
3313
  .antd-Button--warning:hover:focus {
3205
3314
  box-shadow: var(--Button-boxShadow);
3206
3315
  }
@@ -3217,6 +3326,11 @@ fieldset:disabled a.antd-Button {
3217
3326
  background: var(--Button--danger-onHover-bg);
3218
3327
  border-color: var(--Button--danger-onHover-border);
3219
3328
  }
3329
+ .antd-Button--danger:not(:disabled):not(.is-disabled):hover:active {
3330
+ color: var(--Button--danger-onActive-color);
3331
+ background: var(--Button--danger-onActive-bg);
3332
+ border-color: var(--Button--danger-onActive-border);
3333
+ }
3220
3334
  .antd-Button--danger:hover:focus {
3221
3335
  box-shadow: var(--Button-boxShadow);
3222
3336
  }
@@ -3233,6 +3347,11 @@ fieldset:disabled a.antd-Button {
3233
3347
  background: var(--Button--light-onHover-bg);
3234
3348
  border-color: var(--Button--light-onHover-border);
3235
3349
  }
3350
+ .antd-Button--light:not(:disabled):not(.is-disabled):hover:active {
3351
+ color: var(--Button--light-onActive-color);
3352
+ background: var(--Button--light-onActive-bg);
3353
+ border-color: var(--Button--light-onActive-border);
3354
+ }
3236
3355
  .antd-Button--light:hover:focus {
3237
3356
  box-shadow: var(--Button-boxShadow);
3238
3357
  }
@@ -3249,6 +3368,11 @@ fieldset:disabled a.antd-Button {
3249
3368
  background: var(--Button--dark-onHover-bg);
3250
3369
  border-color: var(--Button--dark-onHover-border);
3251
3370
  }
3371
+ .antd-Button--dark:not(:disabled):not(.is-disabled):hover:active {
3372
+ color: var(--Button--dark-onActive-color);
3373
+ background: var(--Button--dark-onActive-bg);
3374
+ border-color: var(--Button--dark-onActive-border);
3375
+ }
3252
3376
  .antd-Button--dark:hover:focus {
3253
3377
  box-shadow: var(--Button-boxShadow);
3254
3378
  }
@@ -3265,6 +3389,11 @@ fieldset:disabled a.antd-Button {
3265
3389
  background: var(--Button--default-onHover-bg);
3266
3390
  border-color: var(--Button--default-onHover-border);
3267
3391
  }
3392
+ .antd-Button--default:not(:disabled):not(.is-disabled):hover:active {
3393
+ color: var(--Button--default-onActive-color);
3394
+ background: var(--Button--default-onActive-bg);
3395
+ border-color: var(--Button--default-onActive-border);
3396
+ }
3268
3397
  .antd-Button--default:hover:focus {
3269
3398
  box-shadow: var(--Button-boxShadow);
3270
3399
  }
@@ -3285,6 +3414,15 @@ fieldset:disabled a.antd-Button {
3285
3414
  .antd-Button--xs > .pull-right {
3286
3415
  margin-left: var(--Button--xs-paddingX);
3287
3416
  }
3417
+ .antd-Button--xs .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3418
+ .antd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
3419
+ .antd-Button--xs > .pull-left {
3420
+ margin-right: var(--Button--xs-paddingX);
3421
+ }
3422
+ .antd-Button--xs .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3423
+ .antd-Button--xs > .pull-right {
3424
+ margin-left: var(--Button--xs-paddingX);
3425
+ }
3288
3426
  .antd-Button--xs img.antd-Button-icon {
3289
3427
  height: var(--Button-fontSize);
3290
3428
  vertical-align: middle;
@@ -3309,6 +3447,15 @@ fieldset:disabled a.antd-Button {
3309
3447
  .antd-Button--sm > .pull-right {
3310
3448
  margin-left: var(--Button--sm-paddingX);
3311
3449
  }
3450
+ .antd-Button--sm .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3451
+ .antd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
3452
+ .antd-Button--sm > .pull-left {
3453
+ margin-right: var(--Button--sm-paddingX);
3454
+ }
3455
+ .antd-Button--sm .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3456
+ .antd-Button--sm > .pull-right {
3457
+ margin-left: var(--Button--sm-paddingX);
3458
+ }
3312
3459
  .antd-Button--sm img.antd-Button-icon {
3313
3460
  height: var(--Button-fontSize);
3314
3461
  vertical-align: middle;
@@ -3333,6 +3480,15 @@ fieldset:disabled a.antd-Button {
3333
3480
  .antd-Button--md > .pull-right {
3334
3481
  margin-left: var(--Button--md-paddingX);
3335
3482
  }
3483
+ .antd-Button--md .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3484
+ .antd-Button--md > svg.icon:not(:last-child):not(.pull-right),
3485
+ .antd-Button--md > .pull-left {
3486
+ margin-right: var(--Button--md-paddingX);
3487
+ }
3488
+ .antd-Button--md .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3489
+ .antd-Button--md > .pull-right {
3490
+ margin-left: var(--Button--md-paddingX);
3491
+ }
3336
3492
  .antd-Button--md img.antd-Button-icon {
3337
3493
  height: var(--Button-fontSize);
3338
3494
  vertical-align: middle;
@@ -3357,6 +3513,15 @@ fieldset:disabled a.antd-Button {
3357
3513
  .antd-Button--lg > .pull-right {
3358
3514
  margin-left: var(--Button--lg-paddingX);
3359
3515
  }
3516
+ .antd-Button--lg .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
3517
+ .antd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
3518
+ .antd-Button--lg > .pull-left {
3519
+ margin-right: var(--Button--lg-paddingX);
3520
+ }
3521
+ .antd-Button--lg .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
3522
+ .antd-Button--lg > .pull-right {
3523
+ margin-left: var(--Button--lg-paddingX);
3524
+ }
3360
3525
  .antd-Button--lg img.antd-Button-icon {
3361
3526
  height: var(--Button-fontSize);
3362
3527
  vertical-align: middle;
@@ -3381,6 +3546,13 @@ fieldset:disabled a.antd-Button {
3381
3546
  line-height: 1;
3382
3547
  }
3383
3548
 
3549
+ .antd-Button--loading {
3550
+ transition: --Button-transition;
3551
+ }
3552
+ .antd-Button--loading svg {
3553
+ animation: var(--Button-animation-spin);
3554
+ }
3555
+
3384
3556
  .antd-Button--link {
3385
3557
  width: auto;
3386
3558
  min-width: auto;
@@ -3392,13 +3564,16 @@ fieldset:disabled a.antd-Button {
3392
3564
  }
3393
3565
  .antd-Button--link:hover:focus {
3394
3566
  color: var(--Button--link-onHover-color);
3395
- text-decoration: var(--link-onHover-decoration);
3567
+ box-shadow: none;
3568
+ }
3569
+ .antd-Button--link:hover:active {
3570
+ color: var(--Button--link-onActive-color);
3396
3571
  box-shadow: none;
3397
3572
  }
3398
3573
  .antd-Button--link:disabled, .antd-Button--link.is-disabled {
3399
3574
  color: var(--text--muted-color);
3400
3575
  pointer-events: none;
3401
- background: transparent;
3576
+ background: var(--Button-onDisabled-bg);
3402
3577
  }
3403
3578
 
3404
3579
  .antd-Button--block {
@@ -3467,7 +3642,7 @@ input[type=button].antd-Button--block {
3467
3642
  display: inline-block;
3468
3643
  position: relative;
3469
3644
  }
3470
- .antd-Badge-text, .antd-Badge-dot {
3645
+ .antd-Badge-text, .antd-Badge-dot, .antd-Badge-ribbon {
3471
3646
  background: var(--danger);
3472
3647
  position: absolute;
3473
3648
  top: 0;
@@ -3476,7 +3651,6 @@ input[type=button].antd-Button--block {
3476
3651
  transform-origin: 100% 0;
3477
3652
  z-index: auto;
3478
3653
  border-radius: calc(var(--Badge-size) / 2);
3479
- box-shadow: 0 0 0 1px #fff;
3480
3654
  }
3481
3655
  .antd-Badge--top-left {
3482
3656
  top: 0;
@@ -3498,6 +3672,18 @@ input[type=button].antd-Button--block {
3498
3672
  right: 0;
3499
3673
  transform: translate(50%, 50%);
3500
3674
  }
3675
+ .antd-Badge--danger {
3676
+ background: var(--Badge--danger-bg);
3677
+ }
3678
+ .antd-Badge--info {
3679
+ background: var(--Badge--info-bg);
3680
+ }
3681
+ .antd-Badge--success {
3682
+ background: var(--Badge--success-bg);
3683
+ }
3684
+ .antd-Badge--warning {
3685
+ background: var(--Badge--warning-bg);
3686
+ }
3501
3687
  .antd-Badge-text {
3502
3688
  color: var(--Badge-color);
3503
3689
  height: var(--Badge-size);
@@ -3512,6 +3698,49 @@ input[type=button].antd-Button--block {
3512
3698
  height: var(--Badge-size);
3513
3699
  border-radius: 50%;
3514
3700
  }
3701
+ .antd-Badge-ribbon-out {
3702
+ overflow: hidden;
3703
+ position: absolute;
3704
+ top: 0;
3705
+ bottom: 0;
3706
+ right: 0;
3707
+ }
3708
+ .antd-Badge-ribbon {
3709
+ color: var(--Badge-color);
3710
+ height: var(--Badge-size);
3711
+ line-height: var(--Badge-size);
3712
+ transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7);
3713
+ transform-origin: 50% 0;
3714
+ border-radius: 0;
3715
+ text-align: center;
3716
+ width: 62.5rem;
3717
+ top: 5px;
3718
+ }
3719
+ .antd-Badge-ribbon-out--top-left, .antd-Badge-ribbon-out--bottom-left {
3720
+ left: 0;
3721
+ right: auto;
3722
+ }
3723
+ .antd-Badge-ribbon--top-left {
3724
+ transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7);
3725
+ left: 0;
3726
+ right: auto;
3727
+ }
3728
+ .antd-Badge-ribbon--bottom-left {
3729
+ transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
3730
+ transform-origin: 50% 100%;
3731
+ left: 0;
3732
+ right: auto;
3733
+ bottom: 5px;
3734
+ top: auto;
3735
+ }
3736
+ .antd-Badge-ribbon--bottom-right {
3737
+ transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
3738
+ transform-origin: 50% 100%;
3739
+ left: auto;
3740
+ right: 0;
3741
+ bottom: 5px;
3742
+ top: auto;
3743
+ }
3515
3744
  @keyframes badgeDotAnimation {
3516
3745
  0% {
3517
3746
  transform: scale(0.8);
@@ -4582,6 +4811,15 @@ input[type=button].antd-Button--block {
4582
4811
  .antd-ArrayInput-addBtn > .pull-right {
4583
4812
  margin-left: var(--Combo-addBtn-paddingX);
4584
4813
  }
4814
+ .antd-ArrayInput-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
4815
+ .antd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
4816
+ .antd-ArrayInput-addBtn > .pull-left {
4817
+ margin-right: var(--Combo-addBtn-paddingX);
4818
+ }
4819
+ .antd-ArrayInput-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
4820
+ .antd-ArrayInput-addBtn > .pull-right {
4821
+ margin-left: var(--Combo-addBtn-paddingX);
4822
+ }
4585
4823
  .antd-ArrayInput-addBtn img.antd-Button-icon {
4586
4824
  height: var(--Button-fontSize);
4587
4825
  vertical-align: middle;
@@ -4591,6 +4829,11 @@ input[type=button].antd-Button--block {
4591
4829
  background: var(--Combo-addBtn-onHover-bg);
4592
4830
  border-color: var(--Combo-addBtn-onHover-border);
4593
4831
  }
4832
+ .antd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
4833
+ color: var(--Combo-addBtn-onActive-color);
4834
+ background: var(--Combo-addBtn-onActive-bg);
4835
+ border-color: var(--Combo-addBtn-onActive-border);
4836
+ }
4594
4837
  .antd-ArrayInput-addBtn:hover:focus {
4595
4838
  box-shadow: var(--Button-boxShadow);
4596
4839
  }
@@ -5046,27 +5289,31 @@ input[type=button].antd-Button--block {
5046
5289
  }
5047
5290
 
5048
5291
  .antd-Nav {
5292
+ position: relative;
5293
+ }
5294
+ .antd-Nav .antd-Nav-list {
5049
5295
  list-style: none;
5050
5296
  user-select: none;
5051
5297
  margin: 0;
5052
5298
  padding: 0;
5053
5299
  position: relative;
5054
5300
  }
5055
- .antd-Nav .antd-Nav-itemIcon {
5301
+ .antd-Nav .antd-Nav-list .antd-Nav-itemIcon {
5056
5302
  margin-right: var(--gap-sm);
5057
5303
  }
5058
- .antd-Nav img.antd-Nav-itemIcon {
5304
+ .antd-Nav .antd-Nav-list img.antd-Nav-itemIcon {
5059
5305
  height: var(--Tabs-linkFontSize);
5060
5306
  vertical-align: middle;
5061
5307
  }
5062
- .antd-Nav--tabs {
5308
+ .antd-Nav .antd-Nav-list--tabs {
5063
5309
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
5064
5310
  }
5065
- .antd-Nav--tabs .antd-Nav-item {
5311
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item {
5066
5312
  margin-bottom: calc(var(--Tabs-borderWidth) * -1);
5067
5313
  display: inline-block;
5314
+ position: relative;
5068
5315
  }
5069
- .antd-Nav--tabs .antd-Nav-item > a {
5316
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
5070
5317
  font-size: var(--Tabs-linkFontSize);
5071
5318
  display: block;
5072
5319
  outline: none;
@@ -5076,124 +5323,185 @@ input[type=button].antd-Button--block {
5076
5323
  color: var(--Tabs-color);
5077
5324
  text-decoration: none;
5078
5325
  margin-right: 0.125rem;
5079
- padding: var(--gap-sm) var(--gap-base);
5326
+ padding: var(--gap-sm) var(--gap-xl);
5080
5327
  cursor: pointer;
5081
5328
  }
5082
- .antd-Nav--tabs .antd-Nav-item:hover > a,
5083
- .antd-Nav--tabs .antd-Nav-item > a:focus {
5329
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
5330
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
5084
5331
  border-color: var(--Tabs-onHover-borderColor);
5085
5332
  text-decoration: none;
5086
5333
  }
5087
- .antd-Nav--tabs .antd-Nav-item.disabled > a, .antd-Nav--tabs .antd-Nav-item.is-disabled > a {
5334
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-disabled > a {
5088
5335
  color: var(--Tabs-onDisabled-color);
5089
5336
  background: transparent;
5090
5337
  border-color: transparent;
5091
5338
  pointer-events: none;
5092
5339
  }
5093
- .antd-Nav--tabs .antd-Nav-item.active > a, .antd-Nav--tabs .antd-Nav-item.is-active > a {
5340
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-active > a {
5094
5341
  color: var(--Tabs-onActive-color);
5095
5342
  background: var(--Tabs-onActive-bg);
5096
5343
  border-color: var(--Tabs-onActive-borderColor);
5097
5344
  border-bottom-color: var(--Tabs-content-bg);
5098
5345
  }
5099
- .antd-Nav--stacked {
5346
+ .antd-Nav .antd-Nav-list--stacked {
5100
5347
  min-height: 3.125rem;
5101
5348
  }
5102
- .antd-Nav--stacked .antd-Nav-item {
5349
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge {
5103
5350
  position: relative;
5351
+ display: flex;
5352
+ flex-wrap: wrap;
5353
+ align-items: stretch;
5354
+ width: 100%;
5104
5355
  }
5105
- .antd-Nav--stacked .antd-Nav-item > a {
5106
- display: block;
5356
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager {
5357
+ cursor: move;
5358
+ position: absolute;
5359
+ left: 0;
5360
+ top: 0.6875rem;
5361
+ display: none;
5362
+ }
5363
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon {
5364
+ color: var(--icon-color);
5365
+ }
5366
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon:hover {
5367
+ color: var(--icon-onHover-color);
5368
+ }
5369
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager svg {
5370
+ width: 1rem;
5371
+ height: 1rem;
5372
+ }
5373
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText {
5374
+ position: absolute;
5375
+ top: 0;
5376
+ bottom: 0;
5377
+ width: 2.1875rem;
5378
+ overflow: hidden;
5379
+ }
5380
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText > span, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText > span {
5381
+ position: absolute;
5382
+ top: 0.125rem;
5383
+ left: -0.8125rem;
5384
+ transform: rotate(-45deg);
5385
+ width: 3.125rem;
5386
+ font-size: 12px;
5387
+ text-align: center;
5388
+ color: var(--white);
5389
+ background: var(--success);
5390
+ }
5391
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-atcions {
5392
+ display: flex;
5393
+ align-items: center;
5394
+ }
5395
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a,
5396
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a,
5397
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a {
5398
+ display: flex;
5399
+ align-items: center;
5107
5400
  outline: none;
5108
5401
  color: var(--Nav-item-color);
5109
5402
  text-decoration: none;
5110
- padding: var(--gap-sm) var(--gap-base);
5403
+ padding: var(--gap-sm) var(--gap-sm);
5111
5404
  cursor: pointer;
5112
5405
  background: var(--Nav-item-bg);
5113
5406
  border-radius: var(--Nav-item-borderRadius);
5114
5407
  text-overflow: ellipsis;
5408
+ flex: 1;
5115
5409
  }
5116
- .antd-Nav--stacked .antd-Nav-item > a::after {
5117
- border-left: var(--Nav-item-onActive-borderLeft);
5118
- position: absolute;
5119
- left: 0;
5120
- top: 0;
5121
- content: "";
5122
- width: 1px;
5123
- height: 100%;
5124
- transform: scaleY(0.0001);
5125
- 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);
5126
- }
5127
- .antd-Nav--stacked .antd-Nav-item.has-sub > a {
5128
- padding-right: calc(var(--gap-base) + var(--gap-sm));
5129
- }
5130
- .antd-Nav--stacked .antd-Nav-item > a:hover,
5131
- .antd-Nav--stacked .antd-Nav-item > a:focus {
5410
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover,
5411
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus,
5412
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover + .antd-Nav-item-atcions,
5413
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus + .antd-Nav-item-atcions,
5414
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover,
5415
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus,
5416
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover + .antd-Nav-item-atcions,
5417
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus + .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover,
5418
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus,
5419
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover + .antd-Nav-item-atcions,
5420
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus + .antd-Nav-item-atcions,
5421
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover,
5422
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus,
5423
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover + .antd-Nav-item-atcions,
5424
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus + .antd-Nav-item-atcions {
5132
5425
  border-color: var(--Nav-item-onHover-color);
5133
5426
  text-decoration: none;
5134
5427
  background: var(--Nav-item-onHover-bg);
5428
+ z-index: 9999;
5429
+ }
5430
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover > .antd-Nav-itemDrager,
5431
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus > .antd-Nav-itemDrager,
5432
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover > .antd-Nav-itemDrager,
5433
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus > .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover > .antd-Nav-itemDrager,
5434
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus > .antd-Nav-itemDrager,
5435
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover > .antd-Nav-itemDrager,
5436
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus > .antd-Nav-itemDrager {
5437
+ display: block;
5135
5438
  }
5136
- .antd-Nav--stacked .antd-Nav-item.disabled > a, .antd-Nav--stacked .antd-Nav-item.is-disabled > a {
5439
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > .antd-Badge > a {
5137
5440
  color: var(--Nav-item-onDisabled-color);
5138
5441
  background: transparent;
5139
5442
  pointer-events: none;
5140
5443
  }
5141
- .antd-Nav--stacked .antd-Nav-item.active > a, .antd-Nav--stacked .antd-Nav-item.is-active > a {
5444
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active {
5445
+ background: var(--Nav-item-onActive-bg) !important;
5446
+ }
5447
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
5142
5448
  color: var(--Nav-item-onActive-color);
5143
- background: var(--Nav-item-onActive-bg);
5144
- padding-left: 0.75rem;
5145
5449
  position: relative;
5146
5450
  }
5147
- .antd-Nav--stacked .antd-Nav-item.active > a::after, .antd-Nav--stacked .antd-Nav-item.is-active > a::after {
5451
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
5148
5452
  transform: scaleY(1);
5149
5453
  }
5150
- .antd-Nav--stacked .antd-Nav-item.is-unfolded > .antd-Nav-itemToggler {
5454
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler {
5151
5455
  transform: rotate(180deg) scale(0.8);
5152
5456
  }
5153
- .antd-Nav--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems {
5457
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > .antd-Nav-subItems {
5154
5458
  display: block;
5155
5459
  }
5156
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-spinner {
5460
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-spinner, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-spinner {
5157
5461
  position: absolute;
5158
5462
  right: 0.625rem;
5159
5463
  top: 0.5rem;
5160
5464
  }
5161
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-itemToggler {
5162
- position: absolute;
5163
- right: 0;
5164
- top: 0.1875rem;
5165
- width: 1.875rem;
5166
- height: 1.875rem;
5465
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
5466
+ float: left;
5467
+ margin-right: 0.625rem;
5468
+ height: 1.5rem;
5167
5469
  text-align: center;
5168
- line-height: 1.875rem;
5470
+ line-height: 1.5rem;
5169
5471
  vertical-align: middle;
5170
5472
  cursor: pointer;
5171
5473
  transform: scale(0.8);
5172
5474
  transition: transform var(--animation-duration);
5173
5475
  }
5174
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-itemToggler > svg {
5476
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler > svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler > svg {
5175
5477
  width: 10px;
5176
5478
  height: 10px;
5177
5479
  top: 0;
5178
5480
  }
5179
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-subItems {
5481
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-subItems {
5180
5482
  display: none;
5181
5483
  padding-left: 0;
5182
5484
  list-style: none;
5485
+ width: 100%;
5183
5486
  }
5184
- .antd-Nav--stacked .antd-Nav-item .antd-Nav-item {
5487
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-item {
5185
5488
  font-size: var(--Nav-subItem-fontSize);
5186
5489
  }
5490
+ .antd-Nav .antd-Nav-dropIndicator {
5491
+ position: absolute;
5492
+ background: var(--Nav-item-onActive-color);
5493
+ height: 2px;
5494
+ }
5187
5495
 
5188
5496
  .antd-Page {
5189
5497
  width: 100%;
5190
5498
  height: 100%;
5499
+ background: var(--Page-main-bg);
5191
5500
  }
5192
5501
  .antd-Page-header {
5193
5502
  padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
5194
5503
  }
5195
5504
  .antd-Page-main {
5196
- background: var(--Page-main-bg);
5197
5505
  height: 100%;
5198
5506
  display: flex;
5199
5507
  flex-direction: column;
@@ -5206,10 +5514,8 @@ input[type=button].antd-Button--block {
5206
5514
  }
5207
5515
  .antd-Page-main > .antd-Page-header {
5208
5516
  border-bottom: var(--borderWidth) solid var(--borderColor);
5209
- background: var(--Page-header-bg);
5210
5517
  }
5211
5518
  .antd-Page-headerRow {
5212
- background: var(--Page-header-bg);
5213
5519
  border-bottom: var(--borderWidth) solid var(--borderColor);
5214
5520
  display: flex;
5215
5521
  flex-direction: row;
@@ -5249,10 +5555,6 @@ input[type=button].antd-Button--block {
5249
5555
  margin-left: var(--gap-xs);
5250
5556
  }
5251
5557
 
5252
- .antd-Page-aside {
5253
- background: var(--Page-aside-bg);
5254
- }
5255
-
5256
5558
  @media (min-width: 768px) {
5257
5559
  .antd-Page-aside {
5258
5560
  min-width: var(--Page-aside-width);
@@ -5757,8 +6059,12 @@ input[type=button].antd-Button--block {
5757
6059
  .antd-Spinner--icon {
5758
6060
  background: transparent;
5759
6061
  animation: spin 2s linear infinite;
5760
- width: auto;
5761
- height: auto;
6062
+ width: var(--fontSizeLg);
6063
+ height: var(--fontSizeLg);
6064
+ }
6065
+ .antd-Spinner--icon svg.icon {
6066
+ width: var(--fontSizeLg);
6067
+ height: var(--fontSizeLg);
5762
6068
  }
5763
6069
 
5764
6070
  .antd-Spinner--overlay {
@@ -5928,7 +6234,7 @@ input[type=button].antd-Button--block {
5928
6234
  height: var(--DropDown-menu-height);
5929
6235
  vertical-align: middle;
5930
6236
  user-select: none;
5931
- color: var(--link-color);
6237
+ color: var(--DropDown-menuItem-color);
5932
6238
  text-decoration: var(--link-decoration);
5933
6239
  }
5934
6240
  .antd-DropDown-menuItem:hover, .antd-DropDown-menu > li:hover {
@@ -5936,6 +6242,7 @@ input[type=button].antd-Button--block {
5936
6242
  color: var(--DropDown-menuItem-onHover-color);
5937
6243
  }
5938
6244
  .antd-DropDown-menuItem.is-active, .antd-DropDown-menu > li.is-active {
6245
+ background: var(--DropDown-menuItem-onHover-bg);
5939
6246
  color: var(--DropDown-menuItem-onActive-color);
5940
6247
  }
5941
6248
  .antd-DropDown-menuItem:not(.is-disabled), .antd-DropDown-menuItem:not(.disabled), .antd-DropDown-menu > li:not(.is-disabled), .antd-DropDown-menu > li:not(.disabled) {
@@ -5973,22 +6280,27 @@ input[type=button].antd-Button--block {
5973
6280
  }
5974
6281
 
5975
6282
  .antd-Collapse {
5976
- border: none;
6283
+ border: var(--Collapse-border);
5977
6284
  padding: 0;
5978
6285
  margin-bottom: var(--Form-item-gap);
5979
6286
  }
5980
6287
  .antd-Collapse-header {
5981
- font-size: var(--fontSizeMd);
5982
- font-weight: var(--fontWeightNormal);
6288
+ font-size: var(--Collapse-header-fontSize);
6289
+ font-weight: var(--Collapse-header-fontWeight);
5983
6290
  color: var(--text--loud-color);
5984
- padding: var(--gap-xs) 0;
5985
- border-bottom: var(--borderWidth) solid var(--borderColorLight);
6291
+ padding: var(--Collapse-header-padding);
6292
+ margin: 0;
6293
+ border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6294
+ background: var(--Collapse-header-bg);
6295
+ }
6296
+ .antd-Collapse-header:hover {
6297
+ background: var(--Collapse-header-onHover-bg);
5986
6298
  }
5987
6299
  .antd-Collapse-arrow {
5988
6300
  display: inline-block;
5989
6301
  width: 1rem;
5990
6302
  text-align: center;
5991
- margin-left: var(--gap-xs);
6303
+ margin-right: 0.5rem;
5992
6304
  cursor: pointer;
5993
6305
  }
5994
6306
  .antd-Collapse-arrow:before {
@@ -6004,10 +6316,16 @@ input[type=button].antd-Button--block {
6004
6316
  transform: rotate(135deg);
6005
6317
  transform-origin: 50% 50%;
6006
6318
  }
6319
+ .antd-Collapse-TplField {
6320
+ display: inline-block;
6321
+ }
6007
6322
  .antd-Collapse.is-collapsed .antd-Collapse-arrow:before {
6008
6323
  transform: rotate(45deg);
6009
6324
  transform-origin: 0% 50%;
6010
6325
  }
6326
+ .antd-Collapse.is-collapsed .antd-Collapse-header {
6327
+ border-bottom: var(--Collapse-header-collapsed-borderBottom);
6328
+ }
6011
6329
  .antd-Collapse--collapsable .antd-Collapse-header {
6012
6330
  cursor: pointer;
6013
6331
  user-select: none;
@@ -6028,13 +6346,19 @@ input[type=button].antd-Button--block {
6028
6346
  transform: rotate(135deg);
6029
6347
  transform-origin: 0% 50%;
6030
6348
  }
6031
- .antd-Collapse-content {
6349
+ .antd-Collapse-contentWrapper {
6032
6350
  transition: height var(--animation-duration) ease;
6033
6351
  }
6034
- .antd-Collapse-content.in, .antd-Collapse-content.out {
6352
+ .antd-Collapse-contentWrapper.in, .antd-Collapse-contentWrapper.out {
6035
6353
  height: 0;
6036
6354
  overflow: hidden;
6037
6355
  }
6356
+ .antd-Collapse-content {
6357
+ padding: var(--Collapse-content-padding);
6358
+ color: var(--body-color);
6359
+ font-size: var(--Collapse-content-fontSize);
6360
+ font-weight: var(--Collapse-content-fontWeight);
6361
+ }
6038
6362
 
6039
6363
  .antd-ColorField {
6040
6364
  display: inline-block;
@@ -6898,6 +7222,17 @@ input[type=button].antd-Button--block {
6898
7222
  vertical-align: middle !important;
6899
7223
  text-align: center;
6900
7224
  }
7225
+ .antd-Table-searchableForm {
7226
+ background: var(--Table-searchableForm-backgroundColor);
7227
+ border-radius: var(--Table-searchableForm-borderRadius);
7228
+ }
7229
+ .antd-Table-searchableForm-footer {
7230
+ padding: var(--Panel-footerPadding);
7231
+ clear: both;
7232
+ }
7233
+ .antd-Table-searchableForm-checkbox > div > .antd-CheckboxControl {
7234
+ padding-top: 0;
7235
+ }
6901
7236
  .antd-Table-header {
6902
7237
  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
6903
7238
  }
@@ -7032,6 +7367,7 @@ input[type=button].antd-Button--block {
7032
7367
  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
7033
7368
  }
7034
7369
  .antd-Table-table > tbody > tr {
7370
+ position: relative;
7035
7371
  background: transparent;
7036
7372
  }
7037
7373
  .antd-Table-table > tbody > tr + tr {
@@ -7932,7 +8268,7 @@ input[type=button].antd-Button--block {
7932
8268
  top: var(--Table-borderWidth);
7933
8269
  bottom: 0;
7934
8270
  right: 0;
7935
- padding-left: 3.125rem;
8271
+ padding-left: 5rem;
7936
8272
  padding-right: var(--TableCell-paddingX);
7937
8273
  display: flex;
7938
8274
  align-items: center;
@@ -8025,6 +8361,11 @@ input[type=button].antd-Button--block {
8025
8361
  visibility: hidden;
8026
8362
  position: absolute;
8027
8363
  }
8364
+ .antd-Table-badge {
8365
+ position: absolute;
8366
+ top: 0;
8367
+ left: 0;
8368
+ }
8028
8369
 
8029
8370
  .antd-InputTable-toolbar {
8030
8371
  display: flex;
@@ -8052,6 +8393,203 @@ input[type=button].antd-Button--block {
8052
8393
  margin-right: 0.625rem;
8053
8394
  }
8054
8395
 
8396
+ .antd-ColumnToggler {
8397
+ position: relative;
8398
+ display: inline-block;
8399
+ }
8400
+ .antd-ColumnToggler-caret {
8401
+ margin-left: var(--DropDown-caret-marginLeft);
8402
+ display: inline-block;
8403
+ vertical-align: top;
8404
+ transition: transform var(--animation-duration) ease;
8405
+ }
8406
+ .antd-ColumnToggler-caret > svg {
8407
+ width: 0.625rem;
8408
+ height: 0.625rem;
8409
+ top: 0.125em;
8410
+ }
8411
+ .antd-ColumnToggler.is-opened .antd-ColumnToggler-caret {
8412
+ transform: rotate(180deg);
8413
+ }
8414
+ .antd-ColumnToggler.is-actived > .antd-Button {
8415
+ color: var(--link-color);
8416
+ }
8417
+ .antd-ColumnToggler--block {
8418
+ display: block;
8419
+ }
8420
+ .antd-ColumnToggler--block .antd-Button {
8421
+ display: block;
8422
+ }
8423
+ .antd-ColumnToggler-menu {
8424
+ position: absolute;
8425
+ z-index: 1000;
8426
+ top: 100%;
8427
+ left: 0;
8428
+ margin: 0.0625rem 0 0;
8429
+ background: var(--DropDown-menu-bg);
8430
+ list-style: none;
8431
+ padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
8432
+ border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
8433
+ border-radius: var(--DropDown-menu-borderRadius);
8434
+ box-shadow: var(--DropDown-menu-boxShadow);
8435
+ min-width: var(--DropDown-menu-minWidth);
8436
+ text-align: left;
8437
+ }
8438
+ .antd-ColumnToggler--alignRight .antd-ColumnToggler-menu {
8439
+ left: auto;
8440
+ right: 0;
8441
+ }
8442
+ .antd-ColumnToggler-menuItem, .antd-ColumnToggler-menu > li {
8443
+ padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
8444
+ white-space: nowrap;
8445
+ box-sizing: border-box;
8446
+ height: var(--DropDown-menu-height);
8447
+ vertical-align: middle;
8448
+ user-select: none;
8449
+ color: var(--link-color);
8450
+ text-decoration: var(--link-decoration);
8451
+ }
8452
+ .antd-ColumnToggler-menuItem:hover, .antd-ColumnToggler-menu > li:hover {
8453
+ background: var(--DropDown-menuItem-onHover-bg);
8454
+ color: var(--DropDown-menuItem-onHover-color);
8455
+ }
8456
+ .antd-ColumnToggler-menuItem.is-active, .antd-ColumnToggler-menu > li.is-active {
8457
+ color: var(--DropDown-menuItem-onActive-color);
8458
+ }
8459
+ .antd-ColumnToggler-menuItem:not(.is-disabled), .antd-ColumnToggler-menuItem:not(.disabled), .antd-ColumnToggler-menu > li:not(.is-disabled), .antd-ColumnToggler-menu > li:not(.disabled) {
8460
+ cursor: pointer;
8461
+ }
8462
+ .antd-ColumnToggler-menuItem.is-disabled, .antd-ColumnToggler-menu > li.is-disabled {
8463
+ cursor: not-allowed;
8464
+ color: var(--DropDown-menuItem-onDisabled-color);
8465
+ filter: grayscale(80%);
8466
+ }
8467
+ .antd-ColumnToggler-menuItem.antd-DropDown-divider, .antd-ColumnToggler-menu > li.antd-DropDown-divider {
8468
+ height: 0.0625rem;
8469
+ margin: 0.5625rem 0;
8470
+ overflow: hidden;
8471
+ background: var(--DropDown-menu-borderColor);
8472
+ padding: 0;
8473
+ }
8474
+ .antd-ColumnToggler-menu > li a {
8475
+ color: inherit;
8476
+ display: block;
8477
+ text-decoration: none;
8478
+ }
8479
+ .antd-ColumnToggler-popover {
8480
+ border: none;
8481
+ box-shadow: none;
8482
+ }
8483
+ .antd-ColumnToggler > .antd-Button {
8484
+ min-width: unset;
8485
+ }
8486
+ .antd-ColumnToggler-modal {
8487
+ display: flex;
8488
+ flex-flow: column nowrap;
8489
+ justify-content: space-between;
8490
+ align-items: center;
8491
+ width: 25rem;
8492
+ padding: var(--ColumnToggler-lineHeight);
8493
+ margin-top: calc(50vh - 100px);
8494
+ border-radius: var(--ColumnToggler-borderRadius);
8495
+ background: var(--ColumnToggler-backgroundColor);
8496
+ 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);
8497
+ }
8498
+ .antd-ColumnToggler-modal-header {
8499
+ width: 100%;
8500
+ display: flex;
8501
+ flex-flow: row nowrap;
8502
+ justify-content: space-between;
8503
+ align-items: center;
8504
+ }
8505
+ .antd-ColumnToggler-modal-header a,
8506
+ .antd-ColumnToggler-modal-header span {
8507
+ display: inline-block;
8508
+ }
8509
+ .antd-ColumnToggler-modal-header .antd-ColumnToggler-modal-title {
8510
+ opacity: 0.95;
8511
+ font-size: var(--fontSizeMd);
8512
+ color: var(--ColumnToggler-title-fontColor);
8513
+ line-height: var(--ColumnToggler-lineHeight);
8514
+ font-weight: bold;
8515
+ }
8516
+ .antd-ColumnToggler-modal-content {
8517
+ padding: 0;
8518
+ width: 100%;
8519
+ list-style: none;
8520
+ margin: 0.5rem 0;
8521
+ }
8522
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem {
8523
+ color: var(--ColumnToggler-title-fontColor);
8524
+ background: var(--ColumnToggler-item-backgroundColor);
8525
+ border-radius: 0.125rem;
8526
+ font-size: var(--fontSizeSm);
8527
+ padding: 0.25rem 0.5rem;
8528
+ height: var(--ColumnToggler-lineHeight);
8529
+ width: calc((100% - 24px) / 3);
8530
+ float: left;
8531
+ margin: 0.25rem;
8532
+ text-overflow: ellipsis;
8533
+ white-space: nowrap;
8534
+ overflow: hidden;
8535
+ }
8536
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem:hover {
8537
+ background: var(--ColumnToggler-item-backgroundColor-onHover);
8538
+ }
8539
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem--dragging {
8540
+ border: 1px solid var(--link-color);
8541
+ }
8542
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem label > i {
8543
+ height: var(--fontSizeLg);
8544
+ width: var(--fontSizeLg);
8545
+ vertical-align: top;
8546
+ }
8547
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-dragBar {
8548
+ margin-left: 0;
8549
+ margin-right: var(--gap-xs);
8550
+ cursor: move;
8551
+ color: #d8d8d8;
8552
+ }
8553
+ .antd-ColumnToggler-modal-footer {
8554
+ width: 100%;
8555
+ display: flex;
8556
+ flex-flow: row nowrap;
8557
+ justify-content: space-between;
8558
+ align-items: center;
8559
+ }
8560
+ .antd-ColumnToggler-modal-footer .antd-ColumnToggler-modeSelect {
8561
+ color: var(--ColumnToggler-fontColor);
8562
+ font-size: var(--fontSizeSm);
8563
+ }
8564
+ .antd-ColumnToggler-modal-footer .antd-ColumnToggler-modeSelect.is-actived {
8565
+ color: var(--link-color);
8566
+ }
8567
+ .antd-ColumnToggler-modal-footer > div {
8568
+ display: flex;
8569
+ flex-flow: row nowrap;
8570
+ justify-content: space-between;
8571
+ align-items: center;
8572
+ }
8573
+ .antd-ColumnToggler-modal-footer > div:first-child {
8574
+ justify-content: flex-start;
8575
+ }
8576
+ .antd-ColumnToggler-modal-footer > div:first-child a {
8577
+ display: inline-block;
8578
+ }
8579
+ .antd-ColumnToggler-modal-footer > div:last-child {
8580
+ justify-content: flex-end;
8581
+ }
8582
+ .antd-ColumnToggler-modal-footer > div:last-child button {
8583
+ width: 72px;
8584
+ }
8585
+
8586
+ .antd-ColumnToggler-tooltip {
8587
+ border: none;
8588
+ }
8589
+ .antd-ColumnToggler-tooltip .antd-Tooltip-arrow::before {
8590
+ border-top-color: transparent;
8591
+ }
8592
+
8055
8593
  .antd-List {
8056
8594
  position: relative;
8057
8595
  }
@@ -8731,6 +9269,7 @@ input[type=button].antd-Button--block {
8731
9269
  height: 10px;
8732
9270
  background: #ebebeb;
8733
9271
  overflow: hidden;
9272
+ border-radius: var(--Progress-borderRadius);
8734
9273
  }
8735
9274
  .antd-Progress-bar {
8736
9275
  float: left;
@@ -8742,6 +9281,7 @@ input[type=button].antd-Button--block {
8742
9281
  text-align: center;
8743
9282
  background: var(--primary);
8744
9283
  transition: width var(--animation-duration) ease;
9284
+ border-radius: var(--Progress-borderRadius);
8745
9285
  }
8746
9286
  .antd-Progress-bar--stripe {
8747
9287
  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);
@@ -9348,7 +9888,7 @@ input[type=button].antd-Button--block {
9348
9888
  display: none;
9349
9889
  }
9350
9890
  .antd-ImageGallery-item.is-active {
9351
- border: 1px solid #108cee;
9891
+ border: 1px solid var(--primary);
9352
9892
  }
9353
9893
  .antd-ImageGallery-item.is-active:after {
9354
9894
  display: none;
@@ -9373,6 +9913,7 @@ input[type=button].antd-Button--block {
9373
9913
  }
9374
9914
  .antd-Image-thumbWrap {
9375
9915
  position: relative;
9916
+ height: 100%;
9376
9917
  }
9377
9918
  .antd-Image-image {
9378
9919
  display: block;
@@ -9469,7 +10010,7 @@ input[type=button].antd-Button--block {
9469
10010
  color: var(--text--loud-color);
9470
10011
  }
9471
10012
  .antd-Image-overlay {
9472
- background: rgba(0, 0, 0, 0.6);
10013
+ background: rgba(8, 14, 26, 0.5);
9473
10014
  position: absolute;
9474
10015
  width: 100%;
9475
10016
  height: 100%;
@@ -9998,7 +10539,7 @@ input[type=button].antd-Button--block {
9998
10539
  height: 1px;
9999
10540
  left: 100%;
10000
10541
  width: 9999px;
10001
- padding-right: 10px;
10542
+ padding-right: 0.625rem;
10002
10543
  background-color: var(--Steps-line-bg);
10003
10544
  }
10004
10545
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
@@ -10112,8 +10653,6 @@ fieldset.antd-Collapse > legend {
10112
10653
  border-bottom: 0;
10113
10654
  display: flex;
10114
10655
  flex-direction: row;
10115
- justify-content: space-between;
10116
- width: 100%;
10117
10656
  }
10118
10657
  fieldset.antd-Collapse--xs {
10119
10658
  padding: 20px 5px 5px 5px;
@@ -10184,6 +10723,9 @@ fieldset.antd-Collapse--lg:after {
10184
10723
  .antd-Form-group {
10185
10724
  margin-bottom: var(--Form-item-gap);
10186
10725
  }
10726
+ .antd-Form-group:last-child {
10727
+ margin-bottom: 0;
10728
+ }
10187
10729
  .antd-Form-value > .antd-Form-group {
10188
10730
  margin-bottom: var(--Form-input-marginBottom);
10189
10731
  }
@@ -10714,6 +11256,13 @@ fieldset.antd-Collapse--lg:after {
10714
11256
  .has-error--maxLength .antd-TextControl-counter {
10715
11257
  color: var(--danger);
10716
11258
  }
11259
+ .antd-TextControl-input:hover {
11260
+ border-color: var(--Form-input-onHover-borderColor);
11261
+ }
11262
+
11263
+ .antd-TextControl.is-disabled-input input {
11264
+ color: var(--Form-input-onDisabled-color);
11265
+ }
10717
11266
 
10718
11267
  .antd-TextareaControl {
10719
11268
  position: relative;
@@ -10741,10 +11290,16 @@ fieldset.antd-Collapse--lg:after {
10741
11290
  .antd-TextareaControl > textarea::placeholder {
10742
11291
  color: var(--Form-input-placeholderColor);
10743
11292
  }
11293
+ .antd-TextareaControl > textarea:hover {
11294
+ border-color: var(--Form-input-onHover-borderColor);
11295
+ }
10744
11296
  .antd-TextareaControl > textarea:focus, .antd-TextareaControl.is-focused > textarea {
10745
11297
  border-color: var(--Form-input-onFocused-borderColor);
10746
11298
  box-shadow: var(--Form-input-boxShadow);
10747
11299
  }
11300
+ .antd-TextareaControl > textarea:focus:hover, .antd-TextareaControl.is-focused > textarea:hover {
11301
+ border-color: var(--Form-input-onFocused-borderColor);
11302
+ }
10748
11303
  .antd-TextareaControl.is-disabled > textarea, .antd-TextareaControl > textarea[disabled] {
10749
11304
  background: #e5e7eb;
10750
11305
  color: var(--text--muted-color);
@@ -11932,6 +12487,7 @@ fieldset.antd-Collapse--lg:after {
11932
12487
  color: var(--ListControl-item-color);
11933
12488
  transition: var(--ListControl-item-transition);
11934
12489
  max-width: calc(12.5rem + 2 * var(--ListControl-item-paddingX));
12490
+ border-radius: var(--ListControl-item-borderRadius);
11935
12491
  }
11936
12492
  .antd-ListControl-item:not(.is-disabled) {
11937
12493
  cursor: pointer;
@@ -12021,7 +12577,7 @@ fieldset.antd-Collapse--lg:after {
12021
12577
  white-space: nowrap;
12022
12578
  color: var(--DatePicker-color);
12023
12579
  background: var(--DatePicker-bg);
12024
- border-radius: var(--DatePicker-borderRadius);
12580
+ border-radius: var(--LocationPicker-borderRadius);
12025
12581
  }
12026
12582
  .antd-LocationPicker:not(.is-disabled) {
12027
12583
  cursor: pointer;
@@ -12152,6 +12708,7 @@ fieldset.antd-Collapse--lg:after {
12152
12708
  padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);
12153
12709
  background: var(--ColorPicker-bg);
12154
12710
  color: var(--ColorPicker-color);
12711
+ border-radius: var(--borderRadius);
12155
12712
  }
12156
12713
  .antd-ColorPicker:not(.is-disabled) {
12157
12714
  cursor: pointer;
@@ -12289,6 +12846,8 @@ fieldset.antd-Collapse--lg:after {
12289
12846
  .antd-DatePicker-toggler {
12290
12847
  cursor: pointer;
12291
12848
  color: var(--DatePicker-iconColor);
12849
+ display: inline-flex;
12850
+ align-items: center;
12292
12851
  }
12293
12852
  .antd-DatePicker-toggler:hover {
12294
12853
  color: var(--DatePicker-onHover-iconColor);
@@ -12541,6 +13100,11 @@ fieldset.antd-Collapse--lg:after {
12541
13100
  background: var(--Calendar-btn-onHover-bg);
12542
13101
  border-color: var(--Calendar-btn-onHover-border);
12543
13102
  }
13103
+ .rdtBtn:not(:disabled):not(.is-disabled):hover:active {
13104
+ color: var(--Calendar-btn-onActive-color);
13105
+ background: var(--Calendar-btn-onActive-bg);
13106
+ border-color: var(--Calendar-btn-onActive-border);
13107
+ }
12544
13108
  .rdtBtn:hover:focus {
12545
13109
  box-shadow: var(--Button-boxShadow);
12546
13110
  }
@@ -12559,6 +13123,11 @@ fieldset.antd-Collapse--lg:after {
12559
13123
  background: var(--Calendar-btnCancel-onHover-bg);
12560
13124
  border-color: var(--Calendar-btnCancel-onHover-border);
12561
13125
  }
13126
+ .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
13127
+ color: var(--Calendar-btnCancel-onActive-color);
13128
+ background: var(--Calendar-btnCancel-onActive-bg);
13129
+ border-color: var(--Calendar-btnCancel-onActive-border);
13130
+ }
12562
13131
  .rdtBtnCancel:hover:focus {
12563
13132
  box-shadow: var(--Button-boxShadow);
12564
13133
  }
@@ -12726,6 +13295,8 @@ td.rdtQuarter.rdtDisabled > span {
12726
13295
  .antd-DateRangePicker-toggler {
12727
13296
  cursor: pointer;
12728
13297
  color: var(--DatePicker-iconColor);
13298
+ display: inline-flex;
13299
+ align-items: center;
12729
13300
  }
12730
13301
  .antd-DateRangePicker-toggler:hover {
12731
13302
  color: var(--DatePicker-onHover-iconColor);
@@ -12830,9 +13401,11 @@ td.rdtQuarter.rdtDisabled > span {
12830
13401
  width: 7.5rem;
12831
13402
  height: 7.5rem;
12832
13403
  display: inline-flex;
13404
+ flex-direction: column;
12833
13405
  justify-content: center;
12834
13406
  align-items: center;
12835
13407
  border: var(--borderWidth) solid var(--borderColor);
13408
+ border-radius: var(--ImageControl-addBtn-borderRadius);
12836
13409
  cursor: pointer;
12837
13410
  margin-right: var(--gap-base);
12838
13411
  color: var(--ImageControl-addBtn-color);
@@ -12846,13 +13419,19 @@ td.rdtQuarter.rdtDisabled > span {
12846
13419
  background: var(--ImageControl-addBtn-onHover-bg);
12847
13420
  border-color: var(--ImageControl-addBtn-onHover-border);
12848
13421
  }
13422
+ .antd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
13423
+ color: var(--ImageControl-addBtn-onActive-color);
13424
+ background: var(--ImageControl-addBtn-onActive-bg);
13425
+ border-color: var(--ImageControl-addBtn-onActive-border);
13426
+ }
12849
13427
  .antd-ImageControl-addBtn:hover:focus {
12850
13428
  box-shadow: var(--Button-boxShadow);
12851
13429
  }
12852
13430
  .antd-ImageControl-addBtn > svg {
12853
- width: 2.5rem;
12854
- height: 2.5rem;
13431
+ width: 1.5rem;
13432
+ height: 1.5rem;
12855
13433
  top: 0;
13434
+ margin-bottom: 0.5rem;
12856
13435
  }
12857
13436
  .antd-ImageControl-addBtn.is-disabled {
12858
13437
  pointer-events: none;
@@ -12886,6 +13465,7 @@ td.rdtQuarter.rdtDisabled > span {
12886
13465
  }
12887
13466
  .antd-ImageControl-item {
12888
13467
  border: var(--borderWidth) solid var(--borderColor);
13468
+ border-radius: var(--ImageControl-addBtn-borderRadius);
12889
13469
  vertical-align: top;
12890
13470
  padding: var(--gap-xs);
12891
13471
  display: inline-block;
@@ -12936,6 +13516,7 @@ td.rdtQuarter.rdtDisabled > span {
12936
13516
  }
12937
13517
  .antd-ImageControl-progressValue {
12938
13518
  height: 5px;
13519
+ border-radius: var(--ImageControl-progress-borderRadius);
12939
13520
  display: block;
12940
13521
  background: var(--info);
12941
13522
  min-width: 10%;
@@ -13028,12 +13609,12 @@ td.rdtQuarter.rdtDisabled > span {
13028
13609
  outline: none;
13029
13610
  }
13030
13611
  .antd-FileControl-selectBtn {
13031
- width: 7.5rem;
13612
+ display: flex;
13613
+ align-items: center;
13032
13614
  }
13033
13615
  .antd-FileControl-selectBtn > svg {
13034
- margin-right: 10px;
13035
- width: pxrem(16px);
13036
- height: pxrem(16px);
13616
+ width: 0.875rem;
13617
+ height: 0.875rem;
13037
13618
  }
13038
13619
  .antd-FileControl-description {
13039
13620
  margin-left: 10px;
@@ -13126,6 +13707,7 @@ td.rdtQuarter.rdtDisabled > span {
13126
13707
  .antd-FileControl-progress > span {
13127
13708
  display: block;
13128
13709
  background: var(--info);
13710
+ border-radius: var(--FileControl-progress-borderRadius);
13129
13711
  height: 100%;
13130
13712
  min-width: 10%;
13131
13713
  transition: ease-out width var(--animation-duration);
@@ -13922,6 +14504,15 @@ td.rdtQuarter.rdtDisabled > span {
13922
14504
  .antd-Combo-addBtn > .pull-right {
13923
14505
  margin-left: var(--Combo-addBtn-paddingX);
13924
14506
  }
14507
+ .antd-Combo-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
14508
+ .antd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
14509
+ .antd-Combo-addBtn > .pull-left {
14510
+ margin-right: var(--Combo-addBtn-paddingX);
14511
+ }
14512
+ .antd-Combo-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
14513
+ .antd-Combo-addBtn > .pull-right {
14514
+ margin-left: var(--Combo-addBtn-paddingX);
14515
+ }
13925
14516
  .antd-Combo-addBtn img.antd-Button-icon {
13926
14517
  height: var(--Button-fontSize);
13927
14518
  vertical-align: middle;
@@ -13931,6 +14522,11 @@ td.rdtQuarter.rdtDisabled > span {
13931
14522
  background: var(--Combo-addBtn-onHover-bg);
13932
14523
  border-color: var(--Combo-addBtn-onHover-border);
13933
14524
  }
14525
+ .antd-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active {
14526
+ color: var(--Combo-addBtn-onActive-color);
14527
+ background: var(--Combo-addBtn-onActive-bg);
14528
+ border-color: var(--Combo-addBtn-onActive-border);
14529
+ }
13934
14530
  .antd-Combo-addBtn:hover:focus {
13935
14531
  box-shadow: var(--Button-boxShadow);
13936
14532
  }
@@ -14480,6 +15076,15 @@ td.rdtQuarter.rdtDisabled > span {
14480
15076
  .antd-TagControl-sugItem > .pull-right {
14481
15077
  margin-left: var(--TagControl-sugBtn-paddingX);
14482
15078
  }
15079
+ .antd-TagControl-sugItem .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
15080
+ .antd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
15081
+ .antd-TagControl-sugItem > .pull-left {
15082
+ margin-right: var(--TagControl-sugBtn-paddingX);
15083
+ }
15084
+ .antd-TagControl-sugItem .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
15085
+ .antd-TagControl-sugItem > .pull-right {
15086
+ margin-left: var(--TagControl-sugBtn-paddingX);
15087
+ }
14483
15088
  .antd-TagControl-sugItem img.antd-Button-icon {
14484
15089
  height: var(--Button-fontSize);
14485
15090
  vertical-align: middle;
@@ -14489,6 +15094,11 @@ td.rdtQuarter.rdtDisabled > span {
14489
15094
  background: var(--TagControl-sugBtn-onHover-bg);
14490
15095
  border-color: var(--TagControl-sugBtn-onHover-border);
14491
15096
  }
15097
+ .antd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
15098
+ color: var(--TagControl-sugBtn-onActive-color);
15099
+ background: var(--TagControl-sugBtn-onActive-bg);
15100
+ border-color: var(--TagControl-sugBtn-onActive-border);
15101
+ }
14492
15102
  .antd-TagControl-sugItem:hover:focus {
14493
15103
  box-shadow: var(--Button-boxShadow);
14494
15104
  }
@@ -14559,6 +15169,7 @@ td.rdtQuarter.rdtDisabled > span {
14559
15169
  font-size: var(--Form-input-fontSize);
14560
15170
  padding: calc( ( 1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
14561
15171
  flex-direction: row;
15172
+ border-radius: var(--borderRadius) var(--borderRadius) 0 0;
14562
15173
  }
14563
15174
  .antd-Transfer-title--light {
14564
15175
  background: transparent;
@@ -14574,6 +15185,7 @@ td.rdtQuarter.rdtDisabled > span {
14574
15185
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
14575
15186
  display: flex;
14576
15187
  flex-direction: column;
15188
+ border-radius: var(--borderRadius);
14577
15189
  }
14578
15190
  .antd-Transfer-select > .antd-Transfer-checkboxes, .antd-Transfer-result > .antd-Transfer-selections {
14579
15191
  flex-grow: 1;
@@ -15335,6 +15947,233 @@ td.rdtQuarter.rdtDisabled > span {
15335
15947
  padding: var(--gap-base);
15336
15948
  }
15337
15949
 
15950
+ .antd-Markdown strong {
15951
+ font-weight: bolder;
15952
+ }
15953
+ .antd-Markdown img {
15954
+ border-style: none;
15955
+ }
15956
+ .antd-Markdown svg:not(:root) {
15957
+ overflow: hidden;
15958
+ }
15959
+ .antd-Markdown button:-moz-focusring,
15960
+ .antd-Markdown [type=button]:-moz-focusring,
15961
+ .antd-Markdown [type=reset]:-moz-focusring,
15962
+ .antd-Markdown [type=submit]:-moz-focusring {
15963
+ outline: 1px dotted ButtonText;
15964
+ }
15965
+ .antd-Markdown [type=checkbox] {
15966
+ box-sizing: border-box;
15967
+ padding: 0;
15968
+ }
15969
+ .antd-Markdown table {
15970
+ border-spacing: 0;
15971
+ border-collapse: collapse;
15972
+ }
15973
+ .antd-Markdown table td,
15974
+ .antd-Markdown table th {
15975
+ padding: 0;
15976
+ }
15977
+ .antd-Markdown hr {
15978
+ height: 0;
15979
+ margin: 15px 0;
15980
+ overflow: hidden;
15981
+ background: transparent;
15982
+ border: 0;
15983
+ border-bottom: 1px solid #ddd;
15984
+ }
15985
+ .antd-Markdown hr::before {
15986
+ display: table;
15987
+ content: "";
15988
+ }
15989
+ .antd-Markdown hr::after {
15990
+ display: table;
15991
+ clear: both;
15992
+ content: "";
15993
+ }
15994
+ .antd-Markdown p {
15995
+ margin-top: 0;
15996
+ margin-bottom: 10px;
15997
+ }
15998
+ .antd-Markdown blockquote {
15999
+ margin: 0;
16000
+ }
16001
+ .antd-Markdown ul,
16002
+ .antd-Markdown ol {
16003
+ padding-left: 0;
16004
+ margin-top: 0;
16005
+ margin-bottom: 0;
16006
+ }
16007
+ .antd-Markdown ol ol,
16008
+ .antd-Markdown ul ol {
16009
+ list-style-type: lower-roman;
16010
+ }
16011
+ .antd-Markdown ul ul ol,
16012
+ .antd-Markdown ul ol ol,
16013
+ .antd-Markdown ol ul ol,
16014
+ .antd-Markdown ol ol ol {
16015
+ list-style-type: lower-alpha;
16016
+ }
16017
+ .antd-Markdown dd {
16018
+ margin-left: 0;
16019
+ }
16020
+ .antd-Markdown p,
16021
+ .antd-Markdown blockquote,
16022
+ .antd-Markdown ul,
16023
+ .antd-Markdown ol,
16024
+ .antd-Markdown dl,
16025
+ .antd-Markdown table,
16026
+ .antd-Markdown pre {
16027
+ margin-top: 0;
16028
+ margin-bottom: 16px;
16029
+ }
16030
+ .antd-Markdown hr {
16031
+ height: 4px;
16032
+ padding: 0;
16033
+ margin: 16px 0;
16034
+ background-color: #e7e7e7;
16035
+ border: 0 none;
16036
+ }
16037
+ .antd-Markdown ul:not(.dropdown-menu):not(.nav),
16038
+ .antd-Markdown ol {
16039
+ padding-left: 2em;
16040
+ }
16041
+ .antd-Markdown ul ul,
16042
+ .antd-Markdown ul ol,
16043
+ .antd-Markdown ol ol,
16044
+ .antd-Markdown ol ul {
16045
+ margin-top: 0;
16046
+ margin-bottom: 0;
16047
+ }
16048
+ .antd-Markdown li > p {
16049
+ margin-top: 16px;
16050
+ }
16051
+ .antd-Markdown dl {
16052
+ padding: 0;
16053
+ }
16054
+ .antd-Markdown dl dt {
16055
+ padding: 0;
16056
+ margin-top: 16px;
16057
+ font-size: 1em;
16058
+ font-style: italic;
16059
+ font-weight: bold;
16060
+ }
16061
+ .antd-Markdown dl dd {
16062
+ padding: 0 16px;
16063
+ margin-bottom: 16px;
16064
+ }
16065
+ .antd-Markdown blockquote {
16066
+ padding: 0 15px;
16067
+ color: #777;
16068
+ border-left: 4px solid #ddd;
16069
+ }
16070
+ .antd-Markdown blockquote > :first-child {
16071
+ margin-top: 0;
16072
+ }
16073
+ .antd-Markdown blockquote > :last-child {
16074
+ margin-bottom: 0;
16075
+ }
16076
+ .antd-Markdown table {
16077
+ display: block;
16078
+ width: 100%;
16079
+ overflow: auto;
16080
+ word-break: normal;
16081
+ }
16082
+ .antd-Markdown table th {
16083
+ font-weight: bold;
16084
+ }
16085
+ .antd-Markdown table th,
16086
+ .antd-Markdown table td {
16087
+ padding: 6px 13px;
16088
+ border: 1px solid #ddd;
16089
+ }
16090
+ .antd-Markdown table tr {
16091
+ background-color: #fff;
16092
+ border-top: 1px solid #ccc;
16093
+ }
16094
+ .antd-Markdown table tr:nth-child(2n) {
16095
+ background-color: #f8f8f8;
16096
+ }
16097
+ @media (min-width: 1200px) {
16098
+ .antd-Markdown img {
16099
+ max-width: 800px;
16100
+ }
16101
+ }
16102
+ .antd-Markdown code {
16103
+ padding: 0;
16104
+ padding-top: 0.2em;
16105
+ padding-bottom: 0.2em;
16106
+ margin: 0;
16107
+ background-color: rgba(0, 0, 0, 0.04);
16108
+ border-radius: 3px;
16109
+ }
16110
+ .antd-Markdown code:before,
16111
+ .antd-Markdown code:after {
16112
+ letter-spacing: -0.2em;
16113
+ content: " ";
16114
+ }
16115
+ .antd-Markdown pre > code {
16116
+ padding: 0;
16117
+ margin: 0;
16118
+ word-break: normal;
16119
+ white-space: pre;
16120
+ background: transparent;
16121
+ border: 0;
16122
+ }
16123
+ .antd-Markdown .highlight {
16124
+ margin-bottom: 16px;
16125
+ }
16126
+ .antd-Markdown .highlight pre,
16127
+ .antd-Markdown pre {
16128
+ padding: 16px;
16129
+ overflow: auto;
16130
+ line-height: 1.45;
16131
+ background-color: #f7f7f7;
16132
+ border-radius: 3px;
16133
+ }
16134
+ .antd-Markdown .highlight pre {
16135
+ margin-bottom: 0;
16136
+ word-break: normal;
16137
+ }
16138
+ .antd-Markdown pre {
16139
+ word-wrap: normal;
16140
+ }
16141
+ .antd-Markdown pre code {
16142
+ display: inline;
16143
+ max-width: initial;
16144
+ padding: 0;
16145
+ margin: 0;
16146
+ overflow: initial;
16147
+ line-height: inherit;
16148
+ word-wrap: normal;
16149
+ background-color: transparent;
16150
+ border: 0;
16151
+ }
16152
+ .antd-Markdown pre code:before,
16153
+ .antd-Markdown pre code:after {
16154
+ content: normal;
16155
+ }
16156
+ .antd-Markdown kbd {
16157
+ display: inline-block;
16158
+ padding: 3px 5px;
16159
+ line-height: 10px;
16160
+ color: #555;
16161
+ vertical-align: middle;
16162
+ background-color: #fcfcfc;
16163
+ border: solid 1px #ccc;
16164
+ border-bottom-color: #bbb;
16165
+ border-radius: 3px;
16166
+ box-shadow: inset 0 -1px 0 #bbb;
16167
+ }
16168
+ .antd-Markdown hr {
16169
+ border-bottom-color: #eee;
16170
+ }
16171
+
16172
+ .antd-Link.is-disabled {
16173
+ cursor: not-allowed;
16174
+ color: var(--text--muted-color);
16175
+ }
16176
+
15338
16177
  /*
15339
16178
  * utilities
15340
16179
  */
@@ -15627,6 +16466,10 @@ td.rdtQuarter.rdtDisabled > span {
15627
16466
  background: none !important;
15628
16467
  }
15629
16468
 
16469
+ .cursor-pointer {
16470
+ cursor: pointer;
16471
+ }
16472
+
15630
16473
  a.bg-primary:hover {
15631
16474
  background: #0084fe;
15632
16475
  }