amis 2.0.1 → 2.1.1-beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (411) hide show
  1. package/esm/Schema.d.ts +1 -1
  2. package/esm/compat.js +1 -1
  3. package/esm/index.js +1 -1
  4. package/esm/preset.js +1 -1
  5. package/esm/renderers/Action.d.ts +1 -46
  6. package/esm/renderers/Action.js +8 -5
  7. package/esm/renderers/Alert.js +1 -1
  8. package/esm/renderers/AnchorNav.js +1 -1
  9. package/esm/renderers/App.js +1 -1
  10. package/esm/renderers/Audio.js +1 -1
  11. package/esm/renderers/Avatar.js +1 -1
  12. package/esm/renderers/BarCode.js +1 -1
  13. package/esm/renderers/Breadcrumb.js +1 -1
  14. package/esm/renderers/ButtonGroup.js +1 -1
  15. package/esm/renderers/CRUD.d.ts +1 -1
  16. package/esm/renderers/CRUD.js +13 -4
  17. package/esm/renderers/CRUD2.js +3 -2
  18. package/esm/renderers/Calendar.js +1 -1
  19. package/esm/renderers/Card.js +1 -1
  20. package/esm/renderers/Card2.js +1 -1
  21. package/esm/renderers/Cards.d.ts +1 -0
  22. package/esm/renderers/Cards.js +13 -8
  23. package/esm/renderers/Carousel.js +1 -1
  24. package/esm/renderers/Chart.js +2 -1
  25. package/esm/renderers/Code.js +1 -1
  26. package/esm/renderers/Collapse.js +1 -1
  27. package/esm/renderers/CollapseGroup.js +1 -1
  28. package/esm/renderers/Color.js +1 -1
  29. package/esm/renderers/Container.js +1 -1
  30. package/esm/renderers/Copyable.js +5 -4
  31. package/esm/renderers/Custom.js +1 -1
  32. package/esm/renderers/Date.js +1 -1
  33. package/esm/renderers/Dialog.d.ts +16 -1202
  34. package/esm/renderers/Dialog.js +3 -3
  35. package/esm/renderers/Divider.js +1 -1
  36. package/esm/renderers/Drawer.js +1 -1
  37. package/esm/renderers/DropDownButton.d.ts +1 -1
  38. package/esm/renderers/DropDownButton.js +22 -9
  39. package/esm/renderers/Each.js +1 -1
  40. package/esm/renderers/Flex.js +1 -1
  41. package/esm/renderers/Form/ButtonGroupSelect.js +1 -1
  42. package/esm/renderers/Form/ButtonToolbar.js +1 -1
  43. package/esm/renderers/Form/ChainedSelect.js +1 -1
  44. package/esm/renderers/Form/ChartRadios.js +1 -1
  45. package/esm/renderers/Form/Checkbox.js +1 -1
  46. package/esm/renderers/Form/Checkboxes.d.ts +1 -2
  47. package/esm/renderers/Form/Checkboxes.js +4 -4
  48. package/esm/renderers/Form/Combo.js +2 -2
  49. package/esm/renderers/Form/ConditionBuilder.js +1 -1
  50. package/esm/renderers/Form/Control.js +1 -1
  51. package/esm/renderers/Form/DiffEditor.js +1 -1
  52. package/esm/renderers/Form/Editor.js +1 -1
  53. package/esm/renderers/Form/FieldSet.js +1 -1
  54. package/esm/renderers/Form/Formula.js +1 -1
  55. package/esm/renderers/Form/Group.js +4 -3
  56. package/esm/renderers/Form/Hidden.js +1 -1
  57. package/esm/renderers/Form/IconPicker.js +1 -1
  58. package/esm/renderers/Form/IconPickerIcons.js +1 -1
  59. package/esm/renderers/Form/InputArray.js +1 -1
  60. package/esm/renderers/Form/InputCity.d.ts +5 -535
  61. package/esm/renderers/Form/InputCity.js +1 -1
  62. package/esm/renderers/Form/InputColor.d.ts +2 -454
  63. package/esm/renderers/Form/InputColor.js +1 -1
  64. package/esm/renderers/Form/InputDate.js +1 -1
  65. package/esm/renderers/Form/InputDateRange.js +1 -1
  66. package/esm/renderers/Form/InputExcel.js +1 -1
  67. package/esm/renderers/Form/InputFile.js +4 -5
  68. package/esm/renderers/Form/InputFormula.js +1 -1
  69. package/esm/renderers/Form/InputGroup.js +1 -1
  70. package/esm/renderers/Form/InputImage.js +1 -1
  71. package/esm/renderers/Form/InputMonthRange.d.ts +0 -1
  72. package/esm/renderers/Form/InputMonthRange.js +1 -1
  73. package/esm/renderers/Form/InputNumber.js +1 -1
  74. package/esm/renderers/Form/InputQuarterRange.d.ts +0 -1
  75. package/esm/renderers/Form/InputQuarterRange.js +1 -1
  76. package/esm/renderers/Form/InputRange.js +1 -1
  77. package/esm/renderers/Form/InputRating.js +1 -1
  78. package/esm/renderers/Form/InputRepeat.js +1 -1
  79. package/esm/renderers/Form/InputRichText.js +1 -1
  80. package/esm/renderers/Form/InputSubForm.js +1 -1
  81. package/esm/renderers/Form/InputTable.d.ts +9 -3
  82. package/esm/renderers/Form/InputTable.js +55 -6
  83. package/esm/renderers/Form/InputTag.d.ts +1 -0
  84. package/esm/renderers/Form/InputTag.js +23 -6
  85. package/esm/renderers/Form/InputText.d.ts +1 -1
  86. package/esm/renderers/Form/InputText.js +3 -2
  87. package/esm/renderers/Form/InputTree.js +1 -1
  88. package/esm/renderers/Form/InputYearRange.d.ts +0 -1
  89. package/esm/renderers/Form/InputYearRange.js +1 -1
  90. package/esm/renderers/Form/JSONSchema.js +1 -1
  91. package/esm/renderers/Form/JSONSchemaEditor.js +1 -1
  92. package/esm/renderers/Form/ListSelect.js +1 -1
  93. package/esm/renderers/Form/LocationPicker.js +1 -1
  94. package/esm/renderers/Form/MatrixCheckboxes.js +1 -1
  95. package/esm/renderers/Form/NestedSelect.js +4 -4
  96. package/esm/renderers/Form/Picker.js +6 -2
  97. package/esm/renderers/Form/Radios.js +1 -1
  98. package/esm/renderers/Form/Select.js +1 -1
  99. package/esm/renderers/Form/Static.js +1 -1
  100. package/esm/renderers/Form/Switch.js +1 -1
  101. package/esm/renderers/Form/TabsTransfer.d.ts +1 -2
  102. package/esm/renderers/Form/TabsTransfer.js +1 -1
  103. package/esm/renderers/Form/TabsTransferPicker.d.ts +1 -2
  104. package/esm/renderers/Form/TabsTransferPicker.js +1 -1
  105. package/esm/renderers/Form/Textarea.js +1 -1
  106. package/esm/renderers/Form/Transfer.d.ts +2 -2
  107. package/esm/renderers/Form/Transfer.js +1 -1
  108. package/esm/renderers/Form/TransferPicker.d.ts +0 -1
  109. package/esm/renderers/Form/TransferPicker.js +1 -1
  110. package/esm/renderers/Form/TreeSelect.js +6 -8
  111. package/esm/renderers/Form/UUID.js +1 -1
  112. package/esm/renderers/Form/UserSelect.js +1 -1
  113. package/esm/renderers/Grid.js +6 -3
  114. package/esm/renderers/Grid2D.js +1 -1
  115. package/esm/renderers/GridNav.js +1 -1
  116. package/esm/renderers/HBox.js +1 -1
  117. package/esm/renderers/IFrame.d.ts +4 -0
  118. package/esm/renderers/IFrame.js +3 -3
  119. package/esm/renderers/Icon.js +1 -1
  120. package/esm/renderers/Image.d.ts +13 -281
  121. package/esm/renderers/Image.js +3 -3
  122. package/esm/renderers/Images.js +1 -1
  123. package/esm/renderers/Json.js +1 -1
  124. package/esm/renderers/Link.js +1 -1
  125. package/esm/renderers/List.js +5 -4
  126. package/esm/renderers/Log.js +1 -1
  127. package/esm/renderers/Mapping.d.ts +1 -249
  128. package/esm/renderers/Mapping.js +1 -1
  129. package/esm/renderers/Markdown.js +1 -1
  130. package/esm/renderers/Nav.d.ts +1 -38
  131. package/esm/renderers/Nav.js +1 -1
  132. package/esm/renderers/Operation.js +1 -1
  133. package/esm/renderers/Page.d.ts +1 -0
  134. package/esm/renderers/Page.js +7 -1
  135. package/esm/renderers/Pagination.d.ts +5 -0
  136. package/esm/renderers/Pagination.js +1 -1
  137. package/esm/renderers/PaginationWrapper.js +1 -1
  138. package/esm/renderers/Panel.js +1 -1
  139. package/esm/renderers/Plain.js +1 -1
  140. package/esm/renderers/PopOver.js +1 -1
  141. package/esm/renderers/Portlet.js +1 -1
  142. package/esm/renderers/Progress.js +1 -1
  143. package/esm/renderers/Property.js +5 -6
  144. package/esm/renderers/QRCode.js +1 -1
  145. package/esm/renderers/QuickEdit.js +1 -1
  146. package/esm/renderers/Remark.d.ts +1 -33
  147. package/esm/renderers/Remark.js +1 -1
  148. package/esm/renderers/SearchBox.js +1 -1
  149. package/esm/renderers/Service.js +2 -1
  150. package/esm/renderers/SparkLine.js +1 -1
  151. package/esm/renderers/Spinner.js +1 -1
  152. package/esm/renderers/Status.js +3 -3
  153. package/esm/renderers/Steps.d.ts +2 -1
  154. package/esm/renderers/Steps.js +12 -8
  155. package/esm/renderers/Table/ColumnToggler.js +1 -1
  156. package/esm/renderers/Table/HeadCellFilterDropdown.js +1 -1
  157. package/esm/renderers/Table/HeadCellSearchDropdown.js +2 -2
  158. package/esm/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  159. package/esm/renderers/Table/ItemActionsWrapper.js +1 -1
  160. package/esm/renderers/Table/TableBody.js +1 -1
  161. package/esm/renderers/Table/TableCell.js +1 -1
  162. package/esm/renderers/Table/TableContent.d.ts +1 -5
  163. package/esm/renderers/Table/TableContent.js +14 -2
  164. package/esm/renderers/Table/TableRow.js +1 -1
  165. package/esm/renderers/Table/exportExcel.js +1 -1
  166. package/esm/renderers/Table/index.d.ts +3 -0
  167. package/esm/renderers/Table/index.js +102 -48
  168. package/esm/renderers/Table-v2/ColumnToggler.js +1 -1
  169. package/esm/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  170. package/esm/renderers/Table-v2/TableCell.js +1 -1
  171. package/esm/renderers/Table-v2/index.js +1 -1
  172. package/esm/renderers/TableView.js +18 -14
  173. package/esm/renderers/Tabs.js +1 -1
  174. package/esm/renderers/Tag.js +1 -1
  175. package/esm/renderers/Tasks.js +1 -1
  176. package/esm/renderers/Timeline.js +1 -1
  177. package/esm/renderers/TooltipWrapper.js +1 -1
  178. package/esm/renderers/Tpl.js +1 -1
  179. package/esm/renderers/VBox.js +1 -1
  180. package/esm/renderers/Video.js +1 -1
  181. package/esm/renderers/WebComponent.js +1 -1
  182. package/esm/renderers/Wizard.js +1 -1
  183. package/esm/renderers/Wrapper.js +1 -1
  184. package/esm/schemaExtend.js +1 -1
  185. package/esm/types.d.ts +1 -2
  186. package/lib/Schema.d.ts +1 -1
  187. package/lib/compat.js +1 -1
  188. package/lib/index.js +1 -1
  189. package/lib/preset.js +1 -1
  190. package/lib/renderers/Action.d.ts +1 -46
  191. package/lib/renderers/Action.js +8 -5
  192. package/lib/renderers/Alert.js +1 -1
  193. package/lib/renderers/AnchorNav.js +1 -1
  194. package/lib/renderers/App.js +1 -1
  195. package/lib/renderers/Audio.js +1 -1
  196. package/lib/renderers/Avatar.js +1 -1
  197. package/lib/renderers/BarCode.js +1 -1
  198. package/lib/renderers/Breadcrumb.js +1 -1
  199. package/lib/renderers/ButtonGroup.js +1 -1
  200. package/lib/renderers/CRUD.d.ts +2 -2
  201. package/lib/renderers/CRUD.js +13 -4
  202. package/lib/renderers/CRUD2.js +3 -2
  203. package/lib/renderers/Calendar.js +1 -1
  204. package/lib/renderers/Card.js +1 -1
  205. package/lib/renderers/Card2.js +1 -1
  206. package/lib/renderers/Cards.d.ts +1 -0
  207. package/lib/renderers/Cards.js +12 -7
  208. package/lib/renderers/Carousel.js +1 -1
  209. package/lib/renderers/Chart.js +2 -1
  210. package/lib/renderers/Code.js +1 -1
  211. package/lib/renderers/Collapse.js +1 -1
  212. package/lib/renderers/CollapseGroup.js +1 -1
  213. package/lib/renderers/Color.js +1 -1
  214. package/lib/renderers/Container.js +1 -1
  215. package/lib/renderers/Copyable.js +4 -3
  216. package/lib/renderers/Custom.js +1 -1
  217. package/lib/renderers/Date.js +1 -1
  218. package/lib/renderers/Dialog.d.ts +16 -1202
  219. package/lib/renderers/Dialog.js +3 -3
  220. package/lib/renderers/Divider.js +1 -1
  221. package/lib/renderers/Drawer.js +1 -1
  222. package/lib/renderers/DropDownButton.d.ts +1 -1
  223. package/lib/renderers/DropDownButton.js +20 -7
  224. package/lib/renderers/Each.js +1 -1
  225. package/lib/renderers/Flex.js +1 -1
  226. package/lib/renderers/Form/ButtonGroupSelect.js +1 -1
  227. package/lib/renderers/Form/ButtonToolbar.js +1 -1
  228. package/lib/renderers/Form/ChainedSelect.js +1 -1
  229. package/lib/renderers/Form/ChartRadios.js +1 -1
  230. package/lib/renderers/Form/Checkbox.js +1 -1
  231. package/lib/renderers/Form/Checkboxes.d.ts +1 -2
  232. package/lib/renderers/Form/Checkboxes.js +4 -3
  233. package/lib/renderers/Form/Combo.js +1 -1
  234. package/lib/renderers/Form/ConditionBuilder.js +1 -1
  235. package/lib/renderers/Form/Control.js +1 -1
  236. package/lib/renderers/Form/DiffEditor.d.ts +17 -17
  237. package/lib/renderers/Form/DiffEditor.js +1 -1
  238. package/lib/renderers/Form/Editor.d.ts +3 -3
  239. package/lib/renderers/Form/Editor.js +1 -1
  240. package/lib/renderers/Form/FieldSet.js +1 -1
  241. package/lib/renderers/Form/Formula.js +1 -1
  242. package/lib/renderers/Form/Group.js +4 -3
  243. package/lib/renderers/Form/Hidden.js +1 -1
  244. package/lib/renderers/Form/IconPicker.js +1 -1
  245. package/lib/renderers/Form/IconPickerIcons.js +1 -1
  246. package/lib/renderers/Form/InputArray.js +1 -1
  247. package/lib/renderers/Form/InputCity.d.ts +5 -535
  248. package/lib/renderers/Form/InputCity.js +1 -1
  249. package/lib/renderers/Form/InputColor.d.ts +2 -454
  250. package/lib/renderers/Form/InputColor.js +1 -1
  251. package/lib/renderers/Form/InputDate.js +1 -1
  252. package/lib/renderers/Form/InputDateRange.js +1 -1
  253. package/lib/renderers/Form/InputExcel.js +1 -1
  254. package/lib/renderers/Form/InputFile.js +3 -4
  255. package/lib/renderers/Form/InputFormula.js +1 -1
  256. package/lib/renderers/Form/InputGroup.js +1 -1
  257. package/lib/renderers/Form/InputImage.js +1 -1
  258. package/lib/renderers/Form/InputMonthRange.d.ts +0 -1
  259. package/lib/renderers/Form/InputMonthRange.js +1 -1
  260. package/lib/renderers/Form/InputNumber.js +1 -1
  261. package/lib/renderers/Form/InputQuarterRange.d.ts +0 -1
  262. package/lib/renderers/Form/InputQuarterRange.js +1 -1
  263. package/lib/renderers/Form/InputRange.js +1 -1
  264. package/lib/renderers/Form/InputRating.js +1 -1
  265. package/lib/renderers/Form/InputRepeat.js +1 -1
  266. package/lib/renderers/Form/InputRichText.js +1 -1
  267. package/lib/renderers/Form/InputSubForm.js +1 -1
  268. package/lib/renderers/Form/InputTable.d.ts +9 -3
  269. package/lib/renderers/Form/InputTable.js +57 -4
  270. package/lib/renderers/Form/InputTag.d.ts +1 -0
  271. package/lib/renderers/Form/InputTag.js +23 -6
  272. package/lib/renderers/Form/InputText.d.ts +1 -1
  273. package/lib/renderers/Form/InputText.js +3 -2
  274. package/lib/renderers/Form/InputTree.js +1 -1
  275. package/lib/renderers/Form/InputYearRange.d.ts +0 -1
  276. package/lib/renderers/Form/InputYearRange.js +1 -1
  277. package/lib/renderers/Form/JSONSchema.js +1 -1
  278. package/lib/renderers/Form/JSONSchemaEditor.js +1 -1
  279. package/lib/renderers/Form/ListSelect.js +1 -1
  280. package/lib/renderers/Form/LocationPicker.js +1 -1
  281. package/lib/renderers/Form/MatrixCheckboxes.js +1 -1
  282. package/lib/renderers/Form/NestedSelect.js +4 -4
  283. package/lib/renderers/Form/Picker.js +6 -2
  284. package/lib/renderers/Form/Radios.js +1 -1
  285. package/lib/renderers/Form/Select.js +1 -1
  286. package/lib/renderers/Form/Static.js +1 -1
  287. package/lib/renderers/Form/Switch.js +1 -1
  288. package/lib/renderers/Form/TabsTransfer.d.ts +1 -2
  289. package/lib/renderers/Form/TabsTransfer.js +1 -1
  290. package/lib/renderers/Form/TabsTransferPicker.d.ts +1 -2
  291. package/lib/renderers/Form/TabsTransferPicker.js +1 -1
  292. package/lib/renderers/Form/Textarea.js +1 -1
  293. package/lib/renderers/Form/Transfer.d.ts +2 -2
  294. package/lib/renderers/Form/Transfer.js +1 -1
  295. package/lib/renderers/Form/TransferPicker.d.ts +0 -1
  296. package/lib/renderers/Form/TransferPicker.js +1 -1
  297. package/lib/renderers/Form/TreeSelect.js +6 -8
  298. package/lib/renderers/Form/UUID.js +1 -1
  299. package/lib/renderers/Form/UserSelect.js +1 -1
  300. package/lib/renderers/Grid.js +6 -3
  301. package/lib/renderers/Grid2D.js +1 -1
  302. package/lib/renderers/GridNav.js +1 -1
  303. package/lib/renderers/HBox.js +1 -1
  304. package/lib/renderers/IFrame.d.ts +4 -0
  305. package/lib/renderers/IFrame.js +3 -3
  306. package/lib/renderers/Icon.js +1 -1
  307. package/lib/renderers/Image.d.ts +13 -281
  308. package/lib/renderers/Image.js +3 -3
  309. package/lib/renderers/Images.js +1 -1
  310. package/lib/renderers/Json.js +1 -1
  311. package/lib/renderers/Link.js +1 -1
  312. package/lib/renderers/List.js +4 -3
  313. package/lib/renderers/Log.js +1 -1
  314. package/lib/renderers/Mapping.d.ts +1 -249
  315. package/lib/renderers/Mapping.js +1 -1
  316. package/lib/renderers/Markdown.js +1 -1
  317. package/lib/renderers/Nav.d.ts +1 -38
  318. package/lib/renderers/Nav.js +1 -1
  319. package/lib/renderers/Operation.js +1 -1
  320. package/lib/renderers/Page.d.ts +1 -0
  321. package/lib/renderers/Page.js +7 -1
  322. package/lib/renderers/Pagination.d.ts +5 -0
  323. package/lib/renderers/Pagination.js +1 -1
  324. package/lib/renderers/PaginationWrapper.js +1 -1
  325. package/lib/renderers/Panel.js +1 -1
  326. package/lib/renderers/Plain.js +1 -1
  327. package/lib/renderers/PopOver.js +1 -1
  328. package/lib/renderers/Portlet.js +1 -1
  329. package/lib/renderers/Progress.js +1 -1
  330. package/lib/renderers/Property.js +4 -5
  331. package/lib/renderers/QRCode.js +1 -1
  332. package/lib/renderers/QuickEdit.js +1 -1
  333. package/lib/renderers/Remark.d.ts +2 -34
  334. package/lib/renderers/Remark.js +1 -1
  335. package/lib/renderers/SearchBox.js +1 -1
  336. package/lib/renderers/Service.js +2 -1
  337. package/lib/renderers/SparkLine.js +1 -1
  338. package/lib/renderers/Spinner.js +1 -1
  339. package/lib/renderers/Status.js +3 -3
  340. package/lib/renderers/Steps.d.ts +2 -1
  341. package/lib/renderers/Steps.js +11 -7
  342. package/lib/renderers/Table/ColumnToggler.js +1 -1
  343. package/lib/renderers/Table/HeadCellFilterDropdown.js +1 -1
  344. package/lib/renderers/Table/HeadCellSearchDropdown.js +2 -2
  345. package/lib/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  346. package/lib/renderers/Table/ItemActionsWrapper.js +1 -1
  347. package/lib/renderers/Table/TableBody.js +1 -1
  348. package/lib/renderers/Table/TableCell.js +1 -1
  349. package/lib/renderers/Table/TableContent.d.ts +1 -5
  350. package/lib/renderers/Table/TableContent.js +14 -2
  351. package/lib/renderers/Table/TableRow.js +1 -1
  352. package/lib/renderers/Table/exportExcel.js +1 -1
  353. package/lib/renderers/Table/index.d.ts +3 -0
  354. package/lib/renderers/Table/index.js +102 -48
  355. package/lib/renderers/Table-v2/ColumnToggler.js +1 -1
  356. package/lib/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
  357. package/lib/renderers/Table-v2/TableCell.js +1 -1
  358. package/lib/renderers/Table-v2/index.js +1 -1
  359. package/lib/renderers/TableView.js +17 -13
  360. package/lib/renderers/Tabs.js +1 -1
  361. package/lib/renderers/Tag.js +1 -1
  362. package/lib/renderers/Tasks.js +1 -1
  363. package/lib/renderers/Timeline.js +1 -1
  364. package/lib/renderers/TooltipWrapper.js +1 -1
  365. package/lib/renderers/Tpl.js +1 -1
  366. package/lib/renderers/VBox.js +1 -1
  367. package/lib/renderers/Video.js +1 -1
  368. package/lib/renderers/WebComponent.js +1 -1
  369. package/lib/renderers/Wizard.js +1 -1
  370. package/lib/renderers/Wrapper.js +1 -1
  371. package/lib/schemaExtend.js +1 -1
  372. package/lib/themes/ang-ie11.css +963 -510
  373. package/lib/themes/ang.css +965 -451
  374. package/lib/themes/antd-ie11.css +962 -509
  375. package/lib/themes/antd.css +965 -451
  376. package/lib/themes/cxd-ie11.css +999 -550
  377. package/lib/themes/cxd.css +976 -465
  378. package/lib/themes/dark-ie11.css +968 -515
  379. package/lib/themes/dark.css +970 -453
  380. package/lib/themes/default-ie11.css +999 -550
  381. package/lib/themes/default.css +976 -465
  382. package/lib/types.d.ts +1 -2
  383. package/package.json +10 -10
  384. package/schema.json +94 -34
  385. package/sdk/ang-ie11.css +676 -192
  386. package/sdk/ang.css +678 -133
  387. package/sdk/antd-ie11.css +673 -189
  388. package/sdk/antd.css +678 -133
  389. package/sdk/barcode.js +50 -50
  390. package/sdk/charts.js +16 -16
  391. package/sdk/codemirror.js +14 -14
  392. package/sdk/color-picker.js +66 -66
  393. package/sdk/cropperjs.js +2 -2
  394. package/sdk/cxd-ie11.css +719 -240
  395. package/sdk/cxd.css +689 -148
  396. package/sdk/dark-ie11.css +681 -197
  397. package/sdk/dark.css +683 -135
  398. package/sdk/exceljs.js +1 -1
  399. package/sdk/locale/de-DE.js +5 -0
  400. package/sdk/markdown.js +75 -75
  401. package/sdk/papaparse.js +1 -1
  402. package/sdk/rest.js +18 -30
  403. package/sdk/rich-text.js +63 -63
  404. package/sdk/sdk-ie11.css +719 -240
  405. package/sdk/sdk.css +689 -148
  406. package/sdk/sdk.js +1723 -1721
  407. package/sdk/thirds/{codemirror → amis-ui/node_modules/codemirror}/lib/codemirror.css +0 -0
  408. package/sdk/thirds/hls.js/hls.js +1 -1
  409. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  410. package/sdk/thirds/tinymce/skins/ui/oxide/skin.css +358 -331
  411. package/sdk/tinymce.js +54 -64
@@ -941,12 +941,6 @@ span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}
941
941
  span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}
942
942
  span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}
943
943
  span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
944
- /**
945
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
946
- * Licensed under the LGPL or a commercial license.
947
- * For LGPL see License.txt in the project root for license information.
948
- * For commercial licenses see https://www.tiny.cloud/
949
- */
950
944
  .tox {
951
945
  box-shadow: none;
952
946
  box-sizing: content-box;
@@ -1005,8 +999,8 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1005
999
  text-align: right;
1006
1000
  }
1007
1001
  .tox-tinymce {
1008
- border: 1px solid #cccccc;
1009
- border-radius: 0;
1002
+ border: 2px solid #eeeeee;
1003
+ border-radius: 10px;
1010
1004
  box-shadow: none;
1011
1005
  box-sizing: border-box;
1012
1006
  display: flex;
@@ -1016,15 +1010,20 @@ span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-w
1016
1010
  position: relative;
1017
1011
  visibility: inherit !important;
1018
1012
  }
1019
- .tox-tinymce-inline {
1013
+ .tox.tox-tinymce-inline {
1020
1014
  border: none;
1021
1015
  box-shadow: none;
1016
+ overflow: initial;
1022
1017
  }
1023
- .tox-tinymce-inline .tox-editor-header {
1024
- background-color: transparent;
1025
- border: 1px solid #cccccc;
1026
- border-radius: 0;
1018
+ .tox.tox-tinymce-inline .tox-editor-container {
1019
+ overflow: initial;
1020
+ }
1021
+ .tox.tox-tinymce-inline .tox-editor-header {
1022
+ background-color: #fff;
1023
+ border: 2px solid #eeeeee;
1024
+ border-radius: 10px;
1027
1025
  box-shadow: none;
1026
+ overflow: hidden;
1028
1027
  }
1029
1028
  .tox-tinymce-aux {
1030
1029
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1047,8 +1046,8 @@ button::-moz-focus-inner {
1047
1046
  }
1048
1047
  .tox .accessibility-issue__description {
1049
1048
  align-items: stretch;
1050
- border: 1px solid #cccccc;
1051
- border-radius: 3px;
1049
+ border: 1px solid #eeeeee;
1050
+ border-radius: 6px;
1052
1051
  display: flex;
1053
1052
  justify-content: space-between;
1054
1053
  }
@@ -1061,28 +1060,28 @@ button::-moz-focus-inner {
1061
1060
  margin-bottom: 4px;
1062
1061
  }
1063
1062
  .tox .accessibility-issue__description > *:last-child:not(:only-child) {
1064
- border-color: #cccccc;
1063
+ border-color: #eeeeee;
1065
1064
  border-style: solid;
1066
1065
  }
1067
1066
  .tox .accessibility-issue__repair {
1068
1067
  margin-top: 16px;
1069
1068
  }
1070
1069
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
1071
- background-color: rgba(32, 122, 183, 0.1);
1072
- border-color: rgba(32, 122, 183, 0.4);
1070
+ background-color: rgba(0, 108, 231, 0.1);
1071
+ border-color: #006ce7;
1073
1072
  color: #222f3e;
1074
1073
  }
1075
1074
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
1076
- border-color: rgba(32, 122, 183, 0.4);
1075
+ border-color: #006ce7;
1077
1076
  }
1078
1077
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
1079
- color: #207ab7;
1078
+ color: #006ce7;
1080
1079
  }
1081
1080
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
1082
- fill: #207ab7;
1081
+ fill: #006ce7;
1083
1082
  }
1084
1083
  .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
1085
- color: #207ab7;
1084
+ color: #006ce7;
1086
1085
  }
1087
1086
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
1088
1087
  background-color: rgba(255, 165, 0, 0.1);
@@ -1174,12 +1173,12 @@ button::-moz-focus-inner {
1174
1173
  flex: 0 0 auto;
1175
1174
  }
1176
1175
  .tox .tox-button {
1177
- background-color: #207ab7;
1176
+ background-color: #006ce7;
1178
1177
  background-image: none;
1179
1178
  background-position: 0 0;
1180
1179
  background-repeat: repeat;
1181
- border-color: #207ab7;
1182
- border-radius: 3px;
1180
+ border-color: #006ce7;
1181
+ border-radius: 6px;
1183
1182
  border-style: solid;
1184
1183
  border-width: 1px;
1185
1184
  box-shadow: none;
@@ -1196,37 +1195,53 @@ button::-moz-focus-inner {
1196
1195
  margin: 0;
1197
1196
  outline: none;
1198
1197
  padding: 4px 16px;
1198
+ position: relative;
1199
1199
  text-align: center;
1200
1200
  text-decoration: none;
1201
1201
  text-transform: none;
1202
1202
  white-space: nowrap;
1203
1203
  }
1204
+ .tox .tox-button::before {
1205
+ border-radius: 6px;
1206
+ bottom: -1px;
1207
+ box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #006ce7, 0 0 0 3px rgba(0, 108, 231, 0.25);
1208
+ content: '';
1209
+ left: -1px;
1210
+ opacity: 0;
1211
+ pointer-events: none;
1212
+ position: absolute;
1213
+ right: -1px;
1214
+ top: -1px;
1215
+ }
1204
1216
  .tox .tox-button[disabled] {
1205
- background-color: #207ab7;
1217
+ background-color: #006ce7;
1206
1218
  background-image: none;
1207
- border-color: #207ab7;
1219
+ border-color: #006ce7;
1208
1220
  box-shadow: none;
1209
1221
  color: rgba(255, 255, 255, 0.5);
1210
1222
  cursor: not-allowed;
1211
1223
  }
1212
1224
  .tox .tox-button:focus:not(:disabled) {
1213
- background-color: #1c6ca1;
1225
+ background-color: #0060ce;
1214
1226
  background-image: none;
1215
- border-color: #1c6ca1;
1227
+ border-color: #0060ce;
1216
1228
  box-shadow: none;
1217
1229
  color: #fff;
1218
1230
  }
1231
+ .tox .tox-button:focus-visible:not(:disabled)::before {
1232
+ opacity: 1;
1233
+ }
1219
1234
  .tox .tox-button:hover:not(:disabled) {
1220
- background-color: #1c6ca1;
1235
+ background-color: #0060ce;
1221
1236
  background-image: none;
1222
- border-color: #1c6ca1;
1237
+ border-color: #0060ce;
1223
1238
  box-shadow: none;
1224
1239
  color: #fff;
1225
1240
  }
1226
1241
  .tox .tox-button:active:not(:disabled) {
1227
- background-color: #185d8c;
1242
+ background-color: #0054b4;
1228
1243
  background-image: none;
1229
- border-color: #185d8c;
1244
+ border-color: #0054b4;
1230
1245
  box-shadow: none;
1231
1246
  color: #fff;
1232
1247
  }
@@ -1236,7 +1251,7 @@ button::-moz-focus-inner {
1236
1251
  background-position: 0 0;
1237
1252
  background-repeat: repeat;
1238
1253
  border-color: #f0f0f0;
1239
- border-radius: 3px;
1254
+ border-radius: 6px;
1240
1255
  border-style: solid;
1241
1256
  border-width: 1px;
1242
1257
  box-shadow: none;
@@ -1313,27 +1328,27 @@ button::-moz-focus-inner {
1313
1328
  color: #222f3e;
1314
1329
  }
1315
1330
  .tox .tox-button--naked[disabled] {
1316
- background-color: #f0f0f0;
1317
- border-color: #f0f0f0;
1318
- box-shadow: none;
1331
+ background-color: rgba(34, 47, 62, 0.12);
1332
+ border-color: transparent;
1333
+ box-shadow: unset;
1319
1334
  color: rgba(34, 47, 62, 0.5);
1320
1335
  }
1321
1336
  .tox .tox-button--naked:hover:not(:disabled) {
1322
- background-color: #e3e3e3;
1323
- border-color: #e3e3e3;
1324
- box-shadow: none;
1337
+ background-color: rgba(34, 47, 62, 0.12);
1338
+ border-color: transparent;
1339
+ box-shadow: unset;
1325
1340
  color: #222f3e;
1326
1341
  }
1327
1342
  .tox .tox-button--naked:focus:not(:disabled) {
1328
- background-color: #e3e3e3;
1329
- border-color: #e3e3e3;
1330
- box-shadow: none;
1343
+ background-color: rgba(34, 47, 62, 0.12);
1344
+ border-color: transparent;
1345
+ box-shadow: unset;
1331
1346
  color: #222f3e;
1332
1347
  }
1333
1348
  .tox .tox-button--naked:active:not(:disabled) {
1334
- background-color: #d6d6d6;
1335
- border-color: #d6d6d6;
1336
- box-shadow: none;
1349
+ background-color: rgba(34, 47, 62, 0.18);
1350
+ border-color: transparent;
1351
+ box-shadow: unset;
1337
1352
  color: #222f3e;
1338
1353
  }
1339
1354
  .tox .tox-button--naked .tox-icon svg {
@@ -1344,7 +1359,7 @@ button::-moz-focus-inner {
1344
1359
  }
1345
1360
  .tox .tox-checkbox {
1346
1361
  align-items: center;
1347
- border-radius: 3px;
1362
+ border-radius: 6px;
1348
1363
  cursor: pointer;
1349
1364
  display: flex;
1350
1365
  height: 36px;
@@ -1360,7 +1375,7 @@ button::-moz-focus-inner {
1360
1375
  }
1361
1376
  .tox .tox-checkbox__icons {
1362
1377
  align-items: center;
1363
- border-radius: 3px;
1378
+ border-radius: 6px;
1364
1379
  box-shadow: 0 0 0 2px transparent;
1365
1380
  box-sizing: content-box;
1366
1381
  display: flex;
@@ -1375,11 +1390,11 @@ button::-moz-focus-inner {
1375
1390
  }
1376
1391
  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
1377
1392
  display: none;
1378
- fill: #207ab7;
1393
+ fill: #006ce7;
1379
1394
  }
1380
1395
  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
1381
1396
  display: none;
1382
- fill: #207ab7;
1397
+ fill: #006ce7;
1383
1398
  }
1384
1399
  .tox .tox-checkbox--disabled {
1385
1400
  color: rgba(34, 47, 62, 0.5);
@@ -1407,8 +1422,8 @@ button::-moz-focus-inner {
1407
1422
  display: block;
1408
1423
  }
1409
1424
  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
1410
- border-radius: 3px;
1411
- box-shadow: inset 0 0 0 1px #207ab7;
1425
+ border-radius: 6px;
1426
+ box-shadow: inset 0 0 0 1px #006ce7;
1412
1427
  padding: calc(4px - 1px);
1413
1428
  }
1414
1429
  .tox:not([dir=rtl]) .tox-checkbox__label {
@@ -1446,7 +1461,7 @@ button::-moz-focus-inner {
1446
1461
  }
1447
1462
  .tox .tox-collection--list .tox-collection__group {
1448
1463
  border-bottom-width: 0;
1449
- border-color: #cccccc;
1464
+ border-color: #e3e3e3;
1450
1465
  border-left-width: 0;
1451
1466
  border-right-width: 0;
1452
1467
  border-style: solid;
@@ -1457,7 +1472,7 @@ button::-moz-focus-inner {
1457
1472
  border-top-width: 0;
1458
1473
  }
1459
1474
  .tox .tox-collection__group-heading {
1460
- background-color: #e6e6e6;
1475
+ background-color: #fcfcfc;
1461
1476
  color: rgba(34, 47, 62, 0.7);
1462
1477
  cursor: default;
1463
1478
  font-size: 12px;
@@ -1470,19 +1485,19 @@ button::-moz-focus-inner {
1470
1485
  -webkit-touch-callout: none;
1471
1486
  -webkit-user-select: none;
1472
1487
  -moz-user-select: none;
1473
- -ms-user-select: none;
1474
- user-select: none;
1488
+ -ms-user-select: none;
1489
+ user-select: none;
1475
1490
  }
1476
1491
  .tox .tox-collection__item {
1477
1492
  align-items: center;
1493
+ border-radius: 3px;
1478
1494
  color: #222f3e;
1479
- cursor: pointer;
1480
1495
  display: flex;
1481
1496
  -webkit-touch-callout: none;
1482
1497
  -webkit-user-select: none;
1483
1498
  -moz-user-select: none;
1484
- -ms-user-select: none;
1485
- user-select: none;
1499
+ -ms-user-select: none;
1500
+ user-select: none;
1486
1501
  }
1487
1502
  .tox .tox-collection--list .tox-collection__item {
1488
1503
  padding: 4px 8px;
@@ -1500,21 +1515,21 @@ button::-moz-focus-inner {
1500
1515
  color: #222f3e;
1501
1516
  }
1502
1517
  .tox .tox-collection--list .tox-collection__item--active {
1503
- background-color: #dee0e2;
1518
+ background-color: #cce2fa;
1504
1519
  }
1505
1520
  .tox .tox-collection--toolbar .tox-collection__item--enabled {
1506
- background-color: #c8cbcf;
1521
+ background-color: #a6ccf7;
1507
1522
  color: #222f3e;
1508
1523
  }
1509
1524
  .tox .tox-collection--toolbar .tox-collection__item--active {
1510
- background-color: #dee0e2;
1525
+ background-color: #cce2fa;
1511
1526
  }
1512
1527
  .tox .tox-collection--grid .tox-collection__item--enabled {
1513
- background-color: #c8cbcf;
1528
+ background-color: #a6ccf7;
1514
1529
  color: #222f3e;
1515
1530
  }
1516
1531
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
1517
- background-color: #dee0e2;
1532
+ background-color: #cce2fa;
1518
1533
  color: #222f3e;
1519
1534
  }
1520
1535
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
@@ -1543,7 +1558,6 @@ button::-moz-focus-inner {
1543
1558
  color: currentColor;
1544
1559
  display: inline-block;
1545
1560
  flex: 1;
1546
- -ms-flex-preferred-size: auto;
1547
1561
  font-size: 14px;
1548
1562
  font-style: normal;
1549
1563
  font-weight: normal;
@@ -1588,9 +1602,9 @@ button::-moz-focus-inner {
1588
1602
  }
1589
1603
  .tox .tox-collection--horizontal {
1590
1604
  background-color: #fff;
1591
- border: 1px solid #cccccc;
1592
- border-radius: 3px;
1593
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1605
+ border: 1px solid #e3e3e3;
1606
+ border-radius: 6px;
1607
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
1594
1608
  display: flex;
1595
1609
  flex: 0 0 auto;
1596
1610
  flex-shrink: 0;
@@ -1607,8 +1621,8 @@ button::-moz-focus-inner {
1607
1621
  padding: 0 4px;
1608
1622
  }
1609
1623
  .tox .tox-collection--horizontal .tox-collection__item {
1610
- height: 34px;
1611
- margin: 2px 0 3px 0;
1624
+ height: 28px;
1625
+ margin: 6px 1px 5px 0;
1612
1626
  padding: 0 4px;
1613
1627
  }
1614
1628
  .tox .tox-collection--horizontal .tox-collection__item-label {
@@ -1644,8 +1658,7 @@ button::-moz-focus-inner {
1644
1658
  margin-top: auto;
1645
1659
  }
1646
1660
  .tox .tox-collection__item-container--column {
1647
- -ms-grid-row-align: center;
1648
- align-self: center;
1661
+ align-self: center;
1649
1662
  flex: 1 1 auto;
1650
1663
  flex-direction: column;
1651
1664
  }
@@ -1659,14 +1672,13 @@ button::-moz-focus-inner {
1659
1672
  align-self: flex-start;
1660
1673
  }
1661
1674
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
1662
- -ms-grid-row-align: center;
1663
- align-self: center;
1675
+ align-self: center;
1664
1676
  }
1665
1677
  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
1666
1678
  align-self: flex-end;
1667
1679
  }
1668
1680
  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1669
- border-right: 1px solid #cccccc;
1681
+ border-right: 1px solid transparent;
1670
1682
  }
1671
1683
  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
1672
1684
  margin-left: 8px;
@@ -1682,7 +1694,7 @@ button::-moz-focus-inner {
1682
1694
  margin-left: 16px;
1683
1695
  }
1684
1696
  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
1685
- border-left: 1px solid #cccccc;
1697
+ border-left: 1px solid transparent;
1686
1698
  }
1687
1699
  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
1688
1700
  margin-right: 8px;
@@ -1807,11 +1819,11 @@ button::-moz-focus-inner {
1807
1819
  .tox .tox-toolbar .tox-swatches,
1808
1820
  .tox .tox-toolbar__primary .tox-swatches,
1809
1821
  .tox .tox-toolbar__overflow .tox-swatches {
1810
- margin: 2px 0 3px 4px;
1822
+ margin: 5px 0 6px 11px;
1811
1823
  }
1812
1824
  .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
1813
1825
  border: 0;
1814
- margin: -4px 0;
1826
+ margin: -4px -4px;
1815
1827
  }
1816
1828
  .tox .tox-swatches__row {
1817
1829
  display: flex;
@@ -1847,11 +1859,12 @@ button::-moz-focus-inner {
1847
1859
  width: 30px;
1848
1860
  }
1849
1861
  .tox .tox-swatches__picker-btn svg {
1862
+ fill: #222f3e;
1850
1863
  height: 24px;
1851
1864
  width: 24px;
1852
1865
  }
1853
1866
  .tox .tox-swatches__picker-btn:hover {
1854
- background: #dee0e2;
1867
+ background: #cce2fa;
1855
1868
  }
1856
1869
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
1857
1870
  margin-left: auto;
@@ -1868,8 +1881,8 @@ button::-moz-focus-inner {
1868
1881
  }
1869
1882
  .tox .tox-comment {
1870
1883
  background: #fff;
1871
- border: 1px solid #cccccc;
1872
- border-radius: 3px;
1884
+ border: 1px solid #eeeeee;
1885
+ border-radius: 6px;
1873
1886
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1874
1887
  padding: 8px 8px 16px 8px;
1875
1888
  position: relative;
@@ -1881,8 +1894,9 @@ button::-moz-focus-inner {
1881
1894
  justify-content: space-between;
1882
1895
  }
1883
1896
  .tox .tox-comment__date {
1884
- color: rgba(34, 47, 62, 0.7);
1897
+ color: #222f3e;
1885
1898
  font-size: 12px;
1899
+ line-height: 18px;
1886
1900
  }
1887
1901
  .tox .tox-comment__body {
1888
1902
  color: #222f3e;
@@ -2041,20 +2055,31 @@ button::-moz-focus-inner {
2041
2055
  .tox .tox-user__avatar svg {
2042
2056
  fill: rgba(34, 47, 62, 0.7);
2043
2057
  }
2058
+ .tox .tox-user__avatar img {
2059
+ border-radius: 50%;
2060
+ height: 36px;
2061
+ -o-object-fit: cover;
2062
+ object-fit: cover;
2063
+ vertical-align: middle;
2064
+ width: 36px;
2065
+ }
2044
2066
  .tox .tox-user__name {
2045
- color: rgba(34, 47, 62, 0.7);
2046
- font-size: 12px;
2067
+ color: #222f3e;
2068
+ font-size: 14px;
2047
2069
  font-style: normal;
2048
2070
  font-weight: bold;
2049
- text-transform: uppercase;
2071
+ line-height: 18px;
2072
+ text-transform: none;
2050
2073
  }
2051
- .tox:not([dir=rtl]) .tox-user__avatar svg {
2074
+ .tox:not([dir=rtl]) .tox-user__avatar svg,
2075
+ .tox:not([dir=rtl]) .tox-user__avatar img {
2052
2076
  margin-right: 8px;
2053
2077
  }
2054
2078
  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
2055
2079
  margin-left: 8px;
2056
2080
  }
2057
- .tox[dir=rtl] .tox-user__avatar svg {
2081
+ .tox[dir=rtl] .tox-user__avatar svg,
2082
+ .tox[dir=rtl] .tox-user__avatar img {
2058
2083
  margin-left: 8px;
2059
2084
  }
2060
2085
  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
@@ -2085,10 +2110,10 @@ button::-moz-focus-inner {
2085
2110
  }
2086
2111
  .tox .tox-dialog {
2087
2112
  background-color: #fff;
2088
- border-color: #cccccc;
2089
- border-radius: 3px;
2113
+ border-color: #eeeeee;
2114
+ border-radius: 10px;
2090
2115
  border-style: solid;
2091
- border-width: 1px;
2116
+ border-width: 0px;
2092
2117
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
2093
2118
  display: flex;
2094
2119
  flex-direction: column;
@@ -2099,10 +2124,11 @@ button::-moz-focus-inner {
2099
2124
  width: 95vw;
2100
2125
  z-index: 2;
2101
2126
  }
2102
- @media only screen and (max-width:767px) {
2127
+ @media only screen and (max-width: 767px ) {
2103
2128
  body:not(.tox-force-desktop) .tox .tox-dialog {
2104
2129
  align-self: flex-start;
2105
2130
  margin: 8px auto;
2131
+ max-height: calc(100vh - 8px * 2);
2106
2132
  width: calc(100vw - 16px);
2107
2133
  }
2108
2134
  }
@@ -2152,7 +2178,6 @@ button::-moz-focus-inner {
2152
2178
  color: #222f3e;
2153
2179
  display: flex;
2154
2180
  flex: 1;
2155
- -ms-flex-preferred-size: auto;
2156
2181
  font-size: 16px;
2157
2182
  font-style: normal;
2158
2183
  font-weight: normal;
@@ -2161,7 +2186,7 @@ button::-moz-focus-inner {
2161
2186
  text-align: left;
2162
2187
  text-transform: none;
2163
2188
  }
2164
- @media only screen and (max-width:767px) {
2189
+ @media only screen and (max-width: 767px ) {
2165
2190
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
2166
2191
  flex-direction: column;
2167
2192
  }
@@ -2172,7 +2197,7 @@ button::-moz-focus-inner {
2172
2197
  flex-direction: column;
2173
2198
  padding: 16px 16px;
2174
2199
  }
2175
- @media only screen and (max-width:767px) {
2200
+ @media only screen and (max-width: 767px ) {
2176
2201
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
2177
2202
  flex-direction: row;
2178
2203
  -webkit-overflow-scrolling: touch;
@@ -2191,18 +2216,17 @@ button::-moz-focus-inner {
2191
2216
  white-space: nowrap;
2192
2217
  }
2193
2218
  .tox .tox-dialog__body-nav-item:focus {
2194
- background-color: rgba(32, 122, 183, 0.1);
2219
+ background-color: rgba(0, 108, 231, 0.1);
2195
2220
  }
2196
2221
  .tox .tox-dialog__body-nav-item--active {
2197
- border-bottom: 2px solid #207ab7;
2198
- color: #207ab7;
2222
+ border-bottom: 2px solid #006ce7;
2223
+ color: #006ce7;
2199
2224
  }
2200
2225
  .tox .tox-dialog__body-content {
2201
2226
  box-sizing: border-box;
2202
2227
  display: flex;
2203
2228
  flex: 1;
2204
2229
  flex-direction: column;
2205
- -ms-flex-preferred-size: auto;
2206
2230
  max-height: 650px;
2207
2231
  overflow: auto;
2208
2232
  -webkit-overflow-scrolling: touch;
@@ -2223,17 +2247,17 @@ button::-moz-focus-inner {
2223
2247
  margin-top: 0;
2224
2248
  }
2225
2249
  .tox .tox-dialog__body-content a {
2226
- color: #207ab7;
2250
+ color: #006ce7;
2227
2251
  cursor: pointer;
2228
2252
  text-decoration: none;
2229
2253
  }
2230
2254
  .tox .tox-dialog__body-content a:hover,
2231
2255
  .tox .tox-dialog__body-content a:focus {
2232
- color: #185d8c;
2256
+ color: #0054b4;
2233
2257
  text-decoration: none;
2234
2258
  }
2235
2259
  .tox .tox-dialog__body-content a:active {
2236
- color: #185d8c;
2260
+ color: #0054b4;
2237
2261
  text-decoration: none;
2238
2262
  }
2239
2263
  .tox .tox-dialog__body-content svg {
@@ -2305,7 +2329,7 @@ button::-moz-focus-inner {
2305
2329
  .tox .tox-dialog__footer {
2306
2330
  align-items: center;
2307
2331
  background-color: #fff;
2308
- border-top: 1px solid #cccccc;
2332
+ border-top: none;
2309
2333
  display: flex;
2310
2334
  justify-content: space-between;
2311
2335
  padding: 8px 16px;
@@ -2335,7 +2359,7 @@ button::-moz-focus-inner {
2335
2359
  padding-bottom: 8px;
2336
2360
  }
2337
2361
  .tox .tox-dialog__table tbody tr {
2338
- border-bottom: 1px solid #cccccc;
2362
+ border-bottom: 1px solid #eeeeee;
2339
2363
  }
2340
2364
  .tox .tox-dialog__table tbody tr:last-child {
2341
2365
  border-bottom: none;
@@ -2344,6 +2368,9 @@ button::-moz-focus-inner {
2344
2368
  padding-bottom: 8px;
2345
2369
  padding-top: 8px;
2346
2370
  }
2371
+ .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
2372
+ background: #fff;
2373
+ }
2347
2374
  .tox .tox-dialog__popups {
2348
2375
  position: absolute;
2349
2376
  width: 100%;
@@ -2353,16 +2380,13 @@ button::-moz-focus-inner {
2353
2380
  display: flex;
2354
2381
  flex: 1;
2355
2382
  flex-direction: column;
2356
- -ms-flex-preferred-size: auto;
2357
2383
  }
2358
2384
  .tox .tox-dialog__body-iframe .tox-navobj {
2359
2385
  display: flex;
2360
2386
  flex: 1;
2361
- -ms-flex-preferred-size: auto;
2362
2387
  }
2363
2388
  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
2364
2389
  flex: 1;
2365
- -ms-flex-preferred-size: auto;
2366
2390
  height: 100%;
2367
2391
  }
2368
2392
  .tox .tox-dialog-dock-fadeout {
@@ -2379,18 +2403,12 @@ button::-moz-focus-inner {
2379
2403
  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
2380
2404
  transition-delay: 0s;
2381
2405
  }
2382
- .tox.tox-platform-ie {
2383
- /* IE11 CSS styles go here */
2384
- }
2385
- .tox.tox-platform-ie .tox-dialog-wrap {
2386
- position: -ms-device-fixed;
2387
- }
2388
- @media only screen and (max-width:767px) {
2406
+ @media only screen and (max-width: 767px ) {
2389
2407
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
2390
2408
  margin-right: 0;
2391
2409
  }
2392
2410
  }
2393
- @media only screen and (max-width:767px) {
2411
+ @media only screen and (max-width: 767px ) {
2394
2412
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
2395
2413
  margin-left: 8px;
2396
2414
  }
@@ -2402,12 +2420,12 @@ button::-moz-focus-inner {
2402
2420
  .tox[dir=rtl] .tox-dialog__body {
2403
2421
  text-align: right;
2404
2422
  }
2405
- @media only screen and (max-width:767px) {
2423
+ @media only screen and (max-width: 767px ) {
2406
2424
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
2407
2425
  margin-left: 0;
2408
2426
  }
2409
2427
  }
2410
- @media only screen and (max-width:767px) {
2428
+ @media only screen and (max-width: 767px ) {
2411
2429
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
2412
2430
  margin-right: 8px;
2413
2431
  }
@@ -2422,12 +2440,11 @@ body.tox-dialog__disable-scroll {
2422
2440
  .tox .tox-dropzone-container {
2423
2441
  display: flex;
2424
2442
  flex: 1;
2425
- -ms-flex-preferred-size: auto;
2426
2443
  }
2427
2444
  .tox .tox-dropzone {
2428
2445
  align-items: center;
2429
2446
  background: #fff;
2430
- border: 2px dashed #cccccc;
2447
+ border: 2px dashed #eeeeee;
2431
2448
  box-sizing: border-box;
2432
2449
  display: flex;
2433
2450
  flex-direction: column;
@@ -2443,7 +2460,6 @@ body.tox-dialog__disable-scroll {
2443
2460
  .tox .tox-edit-area {
2444
2461
  display: flex;
2445
2462
  flex: 1;
2446
- -ms-flex-preferred-size: auto;
2447
2463
  overflow: hidden;
2448
2464
  position: relative;
2449
2465
  }
@@ -2452,13 +2468,12 @@ body.tox-dialog__disable-scroll {
2452
2468
  border: 0;
2453
2469
  box-sizing: border-box;
2454
2470
  flex: 1;
2455
- -ms-flex-preferred-size: auto;
2456
2471
  height: 100%;
2457
2472
  position: absolute;
2458
2473
  width: 100%;
2459
2474
  }
2460
2475
  .tox.tox-inline-edit-area {
2461
- border: 1px dotted #cccccc;
2476
+ border: 1px dotted #eeeeee;
2462
2477
  }
2463
2478
  .tox .tox-editor-container {
2464
2479
  display: flex;
@@ -2470,16 +2485,23 @@ body.tox-dialog__disable-scroll {
2470
2485
  z-index: 1;
2471
2486
  }
2472
2487
  .tox:not(.tox-tinymce-inline) .tox-editor-header {
2473
- box-shadow: none;
2488
+ background-color: #fff;
2489
+ border-bottom: none;
2490
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
2491
+ padding: 4px 0;
2474
2492
  transition: box-shadow 0.5s;
2475
2493
  }
2476
- .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
2477
- .tox.tox-tinymce-inline .tox-editor-header {
2478
- margin-bottom: -1px;
2494
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
2495
+ border-top: 1px solid #e3e3e3;
2496
+ box-shadow: none;
2479
2497
  }
2480
- .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
2481
- background-color: transparent;
2482
- box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
2498
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
2499
+ background-color: #fff;
2500
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2501
+ padding: 4px 0;
2502
+ }
2503
+ .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
2504
+ box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
2483
2505
  }
2484
2506
  .tox-editor-dock-fadeout {
2485
2507
  opacity: 0;
@@ -2541,6 +2563,7 @@ body.tox-dialog__disable-scroll {
2541
2563
  max-width: 25em;
2542
2564
  }
2543
2565
  .tox .tox-autocompleter .tox-menu {
2566
+ box-sizing: border-box;
2544
2567
  max-width: 25em;
2545
2568
  }
2546
2569
  .tox .tox-autocompleter .tox-autocompleter-highlight {
@@ -2556,7 +2579,7 @@ body.tox-dialog__disable-scroll {
2556
2579
  }
2557
2580
  .tox .tox-color-input span {
2558
2581
  border-color: rgba(34, 47, 62, 0.2);
2559
- border-radius: 3px;
2582
+ border-radius: 6px;
2560
2583
  border-style: solid;
2561
2584
  border-width: 1px;
2562
2585
  box-shadow: none;
@@ -2568,7 +2591,7 @@ body.tox-dialog__disable-scroll {
2568
2591
  }
2569
2592
  .tox .tox-color-input span:hover:not([aria-disabled=true]),
2570
2593
  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
2571
- border-color: #207ab7;
2594
+ border-color: #006ce7;
2572
2595
  cursor: pointer;
2573
2596
  }
2574
2597
  .tox .tox-color-input span::before {
@@ -2576,7 +2599,7 @@ body.tox-dialog__disable-scroll {
2576
2599
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
2577
2600
  background-size: 12px 12px;
2578
2601
  border: 1px solid #fff;
2579
- border-radius: 3px;
2602
+ border-radius: 6px;
2580
2603
  box-sizing: border-box;
2581
2604
  content: '';
2582
2605
  height: 24px;
@@ -2629,7 +2652,6 @@ body.tox-dialog__disable-scroll {
2629
2652
  display: flex;
2630
2653
  flex: 1;
2631
2654
  flex-direction: column;
2632
- -ms-flex-preferred-size: auto;
2633
2655
  }
2634
2656
  .tox .tox-form__group {
2635
2657
  box-sizing: border-box;
@@ -2671,20 +2693,16 @@ body.tox-dialog__disable-scroll {
2671
2693
  display: flex;
2672
2694
  flex: 1;
2673
2695
  flex-direction: column;
2674
- -ms-flex-preferred-size: auto;
2675
2696
  }
2676
2697
  .tox .tox-form__group--stretched .tox-textarea {
2677
2698
  flex: 1;
2678
- -ms-flex-preferred-size: auto;
2679
2699
  }
2680
2700
  .tox .tox-form__group--stretched .tox-navobj {
2681
2701
  display: flex;
2682
2702
  flex: 1;
2683
- -ms-flex-preferred-size: auto;
2684
2703
  }
2685
2704
  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
2686
2705
  flex: 1;
2687
- -ms-flex-preferred-size: auto;
2688
2706
  height: 100%;
2689
2707
  }
2690
2708
  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
@@ -2705,8 +2723,8 @@ body.tox-dialog__disable-scroll {
2705
2723
  -moz-appearance: none;
2706
2724
  appearance: none;
2707
2725
  background-color: #fff;
2708
- border-color: #cccccc;
2709
- border-radius: 3px;
2726
+ border-color: #eeeeee;
2727
+ border-radius: 6px;
2710
2728
  border-style: solid;
2711
2729
  border-width: 1px;
2712
2730
  box-shadow: none;
@@ -2718,7 +2736,7 @@ body.tox-dialog__disable-scroll {
2718
2736
  margin: 0;
2719
2737
  min-height: 34px;
2720
2738
  outline: none;
2721
- padding: 5px 4.75px;
2739
+ padding: 5px 5.5px;
2722
2740
  resize: none;
2723
2741
  width: 100%;
2724
2742
  }
@@ -2732,8 +2750,8 @@ body.tox-dialog__disable-scroll {
2732
2750
  .tox .tox-listboxfield .tox-listbox--select:focus,
2733
2751
  .tox .tox-textarea:focus {
2734
2752
  background-color: #fff;
2735
- border-color: #207ab7;
2736
- box-shadow: none;
2753
+ border-color: #006ce7;
2754
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2737
2755
  outline: none;
2738
2756
  }
2739
2757
  .tox .tox-toolbar-textfield {
@@ -2747,7 +2765,7 @@ body.tox-dialog__disable-scroll {
2747
2765
  border: 0;
2748
2766
  border-color: transparent;
2749
2767
  box-shadow: unset;
2750
- color: #207ab7;
2768
+ color: #006ce7;
2751
2769
  cursor: pointer;
2752
2770
  display: block;
2753
2771
  margin: 0;
@@ -2805,8 +2823,8 @@ body.tox-dialog__disable-scroll {
2805
2823
  -moz-appearance: none;
2806
2824
  appearance: none;
2807
2825
  background-color: #fff;
2808
- border-color: #cccccc;
2809
- border-radius: 3px;
2826
+ border-color: #eeeeee;
2827
+ border-radius: 6px;
2810
2828
  border-style: solid;
2811
2829
  border-width: 1px;
2812
2830
  box-shadow: none;
@@ -2818,7 +2836,7 @@ body.tox-dialog__disable-scroll {
2818
2836
  margin: 0;
2819
2837
  min-height: 34px;
2820
2838
  outline: none;
2821
- padding: 5px 4.75px;
2839
+ padding: 5px 5.5px;
2822
2840
  resize: none;
2823
2841
  width: 100%;
2824
2842
  }
@@ -2832,8 +2850,8 @@ body.tox-dialog__disable-scroll {
2832
2850
  }
2833
2851
  .tox .tox-selectfield select:focus {
2834
2852
  background-color: #fff;
2835
- border-color: #207ab7;
2836
- box-shadow: none;
2853
+ border-color: #006ce7;
2854
+ box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
2837
2855
  outline: none;
2838
2856
  }
2839
2857
  .tox .tox-selectfield svg {
@@ -2894,40 +2912,46 @@ body.tox-dialog__disable-scroll {
2894
2912
  list-style: none;
2895
2913
  margin-top: 1em;
2896
2914
  }
2897
- .tox .tox-image-tools {
2898
- width: 100%;
2899
- }
2900
- .tox .tox-image-tools__toolbar {
2901
- align-items: center;
2902
- display: flex;
2903
- justify-content: center;
2904
- }
2905
- .tox .tox-image-tools__image {
2915
+ .tox .tox-imagepreview {
2906
2916
  background-color: #666;
2907
2917
  height: 380px;
2908
- overflow: auto;
2918
+ overflow: hidden;
2909
2919
  position: relative;
2910
2920
  width: 100%;
2911
2921
  }
2912
- .tox .tox-image-tools__image,
2913
- .tox .tox-image-tools__image + .tox-image-tools__toolbar {
2914
- margin-top: 8px;
2922
+ .tox .tox-imagepreview.tox-imagepreview__loaded {
2923
+ overflow: auto;
2915
2924
  }
2916
- .tox .tox-image-tools__image-bg {
2925
+ .tox .tox-imagepreview__container {
2926
+ display: flex;
2927
+ left: 100vw;
2928
+ position: absolute;
2929
+ top: 100vw;
2930
+ }
2931
+ .tox .tox-imagepreview__image {
2917
2932
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
2918
2933
  }
2919
- .tox .tox-image-tools__toolbar > .tox-spacer {
2934
+ .tox .tox-image-tools .tox-spacer {
2920
2935
  flex: 1;
2921
- -ms-flex-preferred-size: auto;
2922
2936
  }
2923
- .tox .tox-croprect-block {
2937
+ .tox .tox-image-tools .tox-bar {
2938
+ align-items: center;
2939
+ display: flex;
2940
+ height: 60px;
2941
+ justify-content: center;
2942
+ }
2943
+ .tox .tox-image-tools .tox-imagepreview,
2944
+ .tox .tox-image-tools .tox-imagepreview + .tox-bar {
2945
+ margin-top: 8px;
2946
+ }
2947
+ .tox .tox-image-tools .tox-croprect-block {
2924
2948
  background: black;
2925
2949
  filter: alpha(opacity=50);
2926
2950
  opacity: 0.5;
2927
2951
  position: absolute;
2928
2952
  zoom: 1;
2929
2953
  }
2930
- .tox .tox-croprect-handle {
2954
+ .tox .tox-image-tools .tox-croprect-handle {
2931
2955
  border: 2px solid white;
2932
2956
  height: 20px;
2933
2957
  left: 0;
@@ -2935,64 +2959,46 @@ body.tox-dialog__disable-scroll {
2935
2959
  top: 0;
2936
2960
  width: 20px;
2937
2961
  }
2938
- .tox .tox-croprect-handle-move {
2962
+ .tox .tox-image-tools .tox-croprect-handle-move {
2939
2963
  border: 0;
2940
2964
  cursor: move;
2941
2965
  position: absolute;
2942
2966
  }
2943
- .tox .tox-croprect-handle-nw {
2967
+ .tox .tox-image-tools .tox-croprect-handle-nw {
2944
2968
  border-width: 2px 0 0 2px;
2945
2969
  cursor: nw-resize;
2946
2970
  left: 100px;
2947
2971
  margin: -2px 0 0 -2px;
2948
2972
  top: 100px;
2949
2973
  }
2950
- .tox .tox-croprect-handle-ne {
2974
+ .tox .tox-image-tools .tox-croprect-handle-ne {
2951
2975
  border-width: 2px 2px 0 0;
2952
2976
  cursor: ne-resize;
2953
2977
  left: 200px;
2954
2978
  margin: -2px 0 0 -20px;
2955
2979
  top: 100px;
2956
2980
  }
2957
- .tox .tox-croprect-handle-sw {
2981
+ .tox .tox-image-tools .tox-croprect-handle-sw {
2958
2982
  border-width: 0 0 2px 2px;
2959
2983
  cursor: sw-resize;
2960
2984
  left: 100px;
2961
2985
  margin: -20px 2px 0 -2px;
2962
2986
  top: 200px;
2963
2987
  }
2964
- .tox .tox-croprect-handle-se {
2988
+ .tox .tox-image-tools .tox-croprect-handle-se {
2965
2989
  border-width: 0 2px 2px 0;
2966
2990
  cursor: se-resize;
2967
2991
  left: 200px;
2968
2992
  margin: -20px 0 0 -20px;
2969
2993
  top: 200px;
2970
2994
  }
2971
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2972
- margin-left: 8px;
2973
- }
2974
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2975
- margin-left: 32px;
2976
- }
2977
- .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2978
- margin-left: 32px;
2979
- }
2980
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2981
- margin-right: 8px;
2982
- }
2983
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2984
- margin-right: 32px;
2985
- }
2986
- .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2987
- margin-right: 32px;
2988
- }
2989
2995
  .tox .tox-insert-table-picker {
2990
2996
  display: flex;
2991
2997
  flex-wrap: wrap;
2992
2998
  width: 170px;
2993
2999
  }
2994
3000
  .tox .tox-insert-table-picker > div {
2995
- border-color: #cccccc;
3001
+ border-color: #eeeeee;
2996
3002
  border-style: solid;
2997
3003
  border-width: 0 1px 1px 0;
2998
3004
  box-sizing: border-box;
@@ -3000,11 +3006,11 @@ body.tox-dialog__disable-scroll {
3000
3006
  width: 17px;
3001
3007
  }
3002
3008
  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
3003
- margin: -4px 0;
3009
+ margin: -4px -4px;
3004
3010
  }
3005
3011
  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
3006
- background-color: rgba(32, 122, 183, 0.5);
3007
- border-color: rgba(32, 122, 183, 0.5);
3012
+ background-color: rgba(0, 108, 231, 0.5);
3013
+ border-color: rgba(0, 108, 231, 0.5);
3008
3014
  }
3009
3015
  .tox .tox-insert-table-picker__label {
3010
3016
  color: rgba(34, 47, 62, 0.7);
@@ -3032,22 +3038,28 @@ body.tox-dialog__disable-scroll {
3032
3038
  }
3033
3039
  .tox .tox-menu {
3034
3040
  background-color: #fff;
3035
- border: 1px solid #cccccc;
3036
- border-radius: 3px;
3037
- box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
3041
+ border: 1px solid transparent;
3042
+ border-radius: 6px;
3043
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3038
3044
  display: inline-block;
3039
3045
  overflow: hidden;
3040
3046
  vertical-align: top;
3041
3047
  z-index: 1150;
3042
3048
  }
3043
3049
  .tox .tox-menu.tox-collection.tox-collection--list {
3044
- padding: 0;
3050
+ padding: 0 4px;
3045
3051
  }
3046
3052
  .tox .tox-menu.tox-collection.tox-collection--toolbar {
3047
- padding: 4px;
3053
+ padding: 8px;
3048
3054
  }
3049
3055
  .tox .tox-menu.tox-collection.tox-collection--grid {
3050
- padding: 4px;
3056
+ padding: 8px;
3057
+ }
3058
+ @media only screen and (min-width: 768px ) {
3059
+ .tox .tox-menu .tox-collection__item-label {
3060
+ overflow-wrap: break-word;
3061
+ word-break: normal;
3062
+ }
3051
3063
  }
3052
3064
  .tox .tox-menu__label h1,
3053
3065
  .tox .tox-menu__label h2,
@@ -3061,16 +3073,16 @@ body.tox-dialog__disable-scroll {
3061
3073
  margin: 0;
3062
3074
  }
3063
3075
  .tox .tox-menubar {
3064
- background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
3076
+ background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E") left 0 top 0 #fff;
3065
3077
  background-color: #fff;
3066
3078
  display: flex;
3067
3079
  flex: 0 0 auto;
3068
3080
  flex-shrink: 0;
3069
3081
  flex-wrap: wrap;
3070
- padding: 0 4px 0 4px;
3082
+ padding: 0 11px 0 12px;
3071
3083
  }
3072
3084
  .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
3073
- border-top: 1px solid #cccccc;
3085
+ border-top: 1px solid transparent;
3074
3086
  }
3075
3087
  /* Deprecated. Remove in next major release */
3076
3088
  .tox .tox-mbtn {
@@ -3085,9 +3097,9 @@ body.tox-dialog__disable-scroll {
3085
3097
  font-size: 14px;
3086
3098
  font-style: normal;
3087
3099
  font-weight: normal;
3088
- height: 34px;
3100
+ height: 28px;
3089
3101
  justify-content: center;
3090
- margin: 2px 0 3px 0;
3102
+ margin: 5px 1px 6px 0;
3091
3103
  outline: none;
3092
3104
  overflow: hidden;
3093
3105
  padding: 0 4px;
@@ -3102,19 +3114,19 @@ body.tox-dialog__disable-scroll {
3102
3114
  cursor: not-allowed;
3103
3115
  }
3104
3116
  .tox .tox-mbtn:focus:not(:disabled) {
3105
- background: #dee0e2;
3117
+ background: #cce2fa;
3106
3118
  border: 0;
3107
3119
  box-shadow: none;
3108
3120
  color: #222f3e;
3109
3121
  }
3110
3122
  .tox .tox-mbtn--active {
3111
- background: #c8cbcf;
3123
+ background: #a6ccf7;
3112
3124
  border: 0;
3113
3125
  box-shadow: none;
3114
3126
  color: #222f3e;
3115
3127
  }
3116
3128
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
3117
- background: #dee0e2;
3129
+ background: #cce2fa;
3118
3130
  border: 0;
3119
3131
  box-shadow: none;
3120
3132
  color: #222f3e;
@@ -3135,17 +3147,15 @@ body.tox-dialog__disable-scroll {
3135
3147
  display: none;
3136
3148
  }
3137
3149
  .tox .tox-notification {
3138
- border-radius: 3px;
3150
+ border-radius: 6px;
3139
3151
  border-style: solid;
3140
3152
  border-width: 1px;
3141
3153
  box-shadow: none;
3142
3154
  box-sizing: border-box;
3143
- display: -ms-grid;
3144
3155
  display: grid;
3145
3156
  font-size: 14px;
3146
3157
  font-weight: normal;
3147
- -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3148
- grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3158
+ grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
3149
3159
  margin-top: 4px;
3150
3160
  opacity: 0;
3151
3161
  padding: 4px;
@@ -3171,29 +3181,29 @@ body.tox-dialog__disable-scroll {
3171
3181
  color: #222f3e;
3172
3182
  }
3173
3183
  .tox .tox-notification--success a {
3174
- color: #547831;
3184
+ color: #517342;
3175
3185
  }
3176
3186
  .tox .tox-notification--success svg {
3177
3187
  fill: #222f3e;
3178
3188
  }
3179
3189
  .tox .tox-notification--error {
3180
- background-color: #f8dede;
3181
- border-color: #f2bfbf;
3190
+ background-color: #f5cccc;
3191
+ border-color: #f0b3b3;
3182
3192
  color: #222f3e;
3183
3193
  }
3184
3194
  .tox .tox-notification--error p {
3185
3195
  color: #222f3e;
3186
3196
  }
3187
3197
  .tox .tox-notification--error a {
3188
- color: #c00;
3198
+ color: #77181f;
3189
3199
  }
3190
3200
  .tox .tox-notification--error svg {
3191
3201
  fill: #222f3e;
3192
3202
  }
3193
3203
  .tox .tox-notification--warn,
3194
3204
  .tox .tox-notification--warning {
3195
- background-color: #fffaea;
3196
- border-color: #ffe89d;
3205
+ background-color: #fff5cc;
3206
+ border-color: #fff0b3;
3197
3207
  color: #222f3e;
3198
3208
  }
3199
3209
  .tox .tox-notification--warn p,
@@ -3202,39 +3212,34 @@ body.tox-dialog__disable-scroll {
3202
3212
  }
3203
3213
  .tox .tox-notification--warn a,
3204
3214
  .tox .tox-notification--warning a {
3205
- color: #222f3e;
3215
+ color: #7a6e25;
3206
3216
  }
3207
3217
  .tox .tox-notification--warn svg,
3208
3218
  .tox .tox-notification--warning svg {
3209
3219
  fill: #222f3e;
3210
3220
  }
3211
3221
  .tox .tox-notification--info {
3212
- background-color: #d9edf7;
3213
- border-color: #779ecb;
3222
+ background-color: #d6e7fb;
3223
+ border-color: #c1dbf9;
3214
3224
  color: #222f3e;
3215
3225
  }
3216
3226
  .tox .tox-notification--info p {
3217
3227
  color: #222f3e;
3218
3228
  }
3219
3229
  .tox .tox-notification--info a {
3220
- color: #222f3e;
3230
+ color: #2a64a6;
3221
3231
  }
3222
3232
  .tox .tox-notification--info svg {
3223
3233
  fill: #222f3e;
3224
3234
  }
3225
3235
  .tox .tox-notification__body {
3226
- -ms-grid-row-align: center;
3227
- align-self: center;
3236
+ align-self: center;
3228
3237
  color: #222f3e;
3229
3238
  font-size: 14px;
3230
- -ms-grid-column-span: 1;
3231
3239
  grid-column-end: 3;
3232
- -ms-grid-column: 2;
3233
- grid-column-start: 2;
3234
- -ms-grid-row-span: 1;
3240
+ grid-column-start: 2;
3235
3241
  grid-row-end: 2;
3236
- -ms-grid-row: 1;
3237
- grid-row-start: 1;
3242
+ grid-row-start: 1;
3238
3243
  text-align: center;
3239
3244
  white-space: normal;
3240
3245
  word-break: break-all;
@@ -3247,47 +3252,30 @@ body.tox-dialog__disable-scroll {
3247
3252
  margin-top: 1rem;
3248
3253
  }
3249
3254
  .tox .tox-notification__icon {
3250
- -ms-grid-row-align: center;
3251
- align-self: center;
3252
- -ms-grid-column-span: 1;
3255
+ align-self: center;
3253
3256
  grid-column-end: 2;
3254
- -ms-grid-column: 1;
3255
- grid-column-start: 1;
3256
- -ms-grid-row-span: 1;
3257
+ grid-column-start: 1;
3257
3258
  grid-row-end: 2;
3258
- -ms-grid-row: 1;
3259
- grid-row-start: 1;
3260
- -ms-grid-column-align: end;
3261
- justify-self: end;
3259
+ grid-row-start: 1;
3260
+ justify-self: end;
3262
3261
  }
3263
3262
  .tox .tox-notification__icon svg {
3264
3263
  display: block;
3265
3264
  }
3266
3265
  .tox .tox-notification__dismiss {
3267
- -ms-grid-row-align: start;
3268
- align-self: start;
3269
- -ms-grid-column-span: 1;
3266
+ align-self: start;
3270
3267
  grid-column-end: 4;
3271
- -ms-grid-column: 3;
3272
- grid-column-start: 3;
3273
- -ms-grid-row-span: 1;
3268
+ grid-column-start: 3;
3274
3269
  grid-row-end: 2;
3275
- -ms-grid-row: 1;
3276
- grid-row-start: 1;
3277
- -ms-grid-column-align: end;
3278
- justify-self: end;
3270
+ grid-row-start: 1;
3271
+ justify-self: end;
3279
3272
  }
3280
3273
  .tox .tox-notification .tox-progress-bar {
3281
- -ms-grid-column-span: 3;
3282
3274
  grid-column-end: 4;
3283
- -ms-grid-column: 1;
3284
- grid-column-start: 1;
3285
- -ms-grid-row-span: 1;
3275
+ grid-column-start: 1;
3286
3276
  grid-row-end: 3;
3287
- -ms-grid-row: 2;
3288
- grid-row-start: 2;
3289
- -ms-grid-column-align: center;
3290
- justify-self: center;
3277
+ grid-row-start: 2;
3278
+ justify-self: center;
3291
3279
  }
3292
3280
  .tox .tox-pop {
3293
3281
  display: inline-block;
@@ -3310,9 +3298,9 @@ body.tox-dialog__disable-scroll {
3310
3298
  }
3311
3299
  .tox .tox-pop__dialog {
3312
3300
  background-color: #fff;
3313
- border: 1px solid #cccccc;
3314
- border-radius: 3px;
3315
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3301
+ border: 1px solid #eeeeee;
3302
+ border-radius: 6px;
3303
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3316
3304
  min-width: 0;
3317
3305
  overflow: hidden;
3318
3306
  }
@@ -3350,7 +3338,7 @@ body.tox-dialog__disable-scroll {
3350
3338
  margin-top: -1px;
3351
3339
  }
3352
3340
  .tox .tox-pop.tox-pop--bottom::before {
3353
- border-color: #cccccc transparent transparent transparent;
3341
+ border-color: #eeeeee transparent transparent transparent;
3354
3342
  border-width: 9px;
3355
3343
  margin-left: -9px;
3356
3344
  }
@@ -3367,7 +3355,7 @@ body.tox-dialog__disable-scroll {
3367
3355
  margin-top: 1px;
3368
3356
  }
3369
3357
  .tox .tox-pop.tox-pop--top::before {
3370
- border-color: transparent transparent #cccccc transparent;
3358
+ border-color: transparent transparent #eeeeee transparent;
3371
3359
  border-width: 9px;
3372
3360
  margin-left: -9px;
3373
3361
  }
@@ -3383,7 +3371,7 @@ body.tox-dialog__disable-scroll {
3383
3371
  margin-left: -15px;
3384
3372
  }
3385
3373
  .tox .tox-pop.tox-pop--left::before {
3386
- border-color: transparent #cccccc transparent transparent;
3374
+ border-color: transparent #eeeeee transparent transparent;
3387
3375
  border-width: 10px;
3388
3376
  margin-left: -19px;
3389
3377
  }
@@ -3399,7 +3387,7 @@ body.tox-dialog__disable-scroll {
3399
3387
  margin-left: -1px;
3400
3388
  }
3401
3389
  .tox .tox-pop.tox-pop--right::before {
3402
- border-color: transparent transparent transparent #cccccc;
3390
+ border-color: transparent transparent transparent #eeeeee;
3403
3391
  border-width: 10px;
3404
3392
  margin-left: -1px;
3405
3393
  }
@@ -3415,7 +3403,6 @@ body.tox-dialog__disable-scroll {
3415
3403
  display: flex;
3416
3404
  flex-direction: row;
3417
3405
  flex-grow: 1;
3418
- -ms-flex-preferred-size: 0;
3419
3406
  min-height: 0;
3420
3407
  }
3421
3408
  .tox .tox-sidebar {
@@ -3463,23 +3450,22 @@ body.tox-dialog__disable-scroll {
3463
3450
  align-items: center;
3464
3451
  display: flex;
3465
3452
  flex: 1;
3466
- -ms-flex-preferred-size: auto;
3467
3453
  height: 24px;
3468
3454
  justify-content: center;
3469
3455
  position: relative;
3470
3456
  }
3471
3457
  .tox .tox-slider__rail {
3472
3458
  background-color: transparent;
3473
- border: 1px solid #cccccc;
3474
- border-radius: 3px;
3459
+ border: 1px solid #eeeeee;
3460
+ border-radius: 6px;
3475
3461
  height: 10px;
3476
3462
  min-width: 120px;
3477
3463
  width: 100%;
3478
3464
  }
3479
3465
  .tox .tox-slider__handle {
3480
- background-color: #207ab7;
3481
- border: 2px solid #185d8c;
3482
- border-radius: 3px;
3466
+ background-color: #006ce7;
3467
+ border: 2px solid #0054b4;
3468
+ border-radius: 6px;
3483
3469
  box-shadow: none;
3484
3470
  height: 24px;
3485
3471
  left: 50%;
@@ -3488,6 +3474,18 @@ body.tox-dialog__disable-scroll {
3488
3474
  transform: translateX(-50%) translateY(-50%);
3489
3475
  width: 14px;
3490
3476
  }
3477
+ .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
3478
+ -webkit-margin-start: 8px;
3479
+ margin-inline-start: 8px;
3480
+ }
3481
+ .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
3482
+ -webkit-margin-start: 32px;
3483
+ margin-inline-start: 32px;
3484
+ }
3485
+ .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
3486
+ -webkit-margin-start: 32px;
3487
+ margin-inline-start: 32px;
3488
+ }
3491
3489
  .tox .tox-source-code {
3492
3490
  overflow: auto;
3493
3491
  }
@@ -3539,17 +3537,17 @@ body.tox-dialog__disable-scroll {
3539
3537
  .tox .tox-statusbar {
3540
3538
  align-items: center;
3541
3539
  background-color: #fff;
3542
- border-top: 1px solid #cccccc;
3540
+ border-top: 1px solid #e3e3e3;
3543
3541
  color: rgba(34, 47, 62, 0.7);
3544
3542
  display: flex;
3545
3543
  flex: 0 0 auto;
3546
- font-size: 12px;
3544
+ font-size: 14px;
3547
3545
  font-weight: normal;
3548
- height: 18px;
3546
+ height: 25px;
3549
3547
  overflow: hidden;
3550
3548
  padding: 0 8px;
3551
3549
  position: relative;
3552
- text-transform: uppercase;
3550
+ text-transform: none;
3553
3551
  }
3554
3552
  .tox .tox-statusbar__text-container {
3555
3553
  display: flex;
@@ -3585,8 +3583,18 @@ body.tox-dialog__disable-scroll {
3585
3583
  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
3586
3584
  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
3587
3585
  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
3586
+ color: #222f3e;
3588
3587
  cursor: pointer;
3589
- text-decoration: underline;
3588
+ }
3589
+ .tox .tox-statusbar__branding svg {
3590
+ fill: rgba(34, 47, 62, 0.8);
3591
+ height: 1.14em;
3592
+ vertical-align: -0.28em;
3593
+ width: 3.6em;
3594
+ }
3595
+ .tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
3596
+ .tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
3597
+ fill: #222f3e;
3590
3598
  }
3591
3599
  .tox .tox-statusbar__resize-handle {
3592
3600
  align-items: flex-end;
@@ -3597,22 +3605,24 @@ body.tox-dialog__disable-scroll {
3597
3605
  justify-content: flex-end;
3598
3606
  margin-left: auto;
3599
3607
  margin-right: -8px;
3608
+ padding-bottom: 3px;
3600
3609
  padding-left: 1ch;
3610
+ padding-right: 3px;
3601
3611
  }
3602
3612
  .tox .tox-statusbar__resize-handle svg {
3603
3613
  display: block;
3604
- fill: rgba(34, 47, 62, 0.7);
3614
+ fill: rgba(34, 47, 62, 0.5);
3605
3615
  }
3606
3616
  .tox .tox-statusbar__resize-handle:focus svg {
3607
3617
  background-color: #dee0e2;
3608
- border-radius: 1px;
3618
+ border-radius: 1px 1px 5px 1px;
3609
3619
  box-shadow: 0 0 0 2px #dee0e2;
3610
3620
  }
3611
3621
  .tox:not([dir=rtl]) .tox-statusbar__path > * {
3612
3622
  margin-right: 4px;
3613
3623
  }
3614
3624
  .tox:not([dir=rtl]) .tox-statusbar__branding {
3615
- margin-left: 1ch;
3625
+ margin-left: 2ch;
3616
3626
  }
3617
3627
  .tox[dir=rtl] .tox-statusbar {
3618
3628
  flex-direction: row-reverse;
@@ -3646,9 +3656,9 @@ body.tox-dialog__disable-scroll {
3646
3656
  font-size: 14px;
3647
3657
  font-style: normal;
3648
3658
  font-weight: normal;
3649
- height: 34px;
3659
+ height: 28px;
3650
3660
  justify-content: center;
3651
- margin: 2px 0 3px 0;
3661
+ margin: 6px 1px 5px 0;
3652
3662
  outline: none;
3653
3663
  overflow: hidden;
3654
3664
  padding: 0;
@@ -3665,12 +3675,12 @@ body.tox-dialog__disable-scroll {
3665
3675
  width: inherit;
3666
3676
  }
3667
3677
  .tox .tox-tbtn:focus {
3668
- background: #dee0e2;
3678
+ background: #cce2fa;
3669
3679
  border: 0;
3670
3680
  box-shadow: none;
3671
3681
  }
3672
3682
  .tox .tox-tbtn:hover {
3673
- background: #dee0e2;
3683
+ background: #cce2fa;
3674
3684
  border: 0;
3675
3685
  box-shadow: none;
3676
3686
  color: #222f3e;
@@ -3679,7 +3689,7 @@ body.tox-dialog__disable-scroll {
3679
3689
  fill: #222f3e;
3680
3690
  }
3681
3691
  .tox .tox-tbtn:active {
3682
- background: #c8cbcf;
3692
+ background: #a6ccf7;
3683
3693
  border: 0;
3684
3694
  box-shadow: none;
3685
3695
  color: #222f3e;
@@ -3706,7 +3716,7 @@ body.tox-dialog__disable-scroll {
3706
3716
  }
3707
3717
  .tox .tox-tbtn--enabled,
3708
3718
  .tox .tox-tbtn--enabled:hover {
3709
- background: #c8cbcf;
3719
+ background: #a6ccf7;
3710
3720
  border: 0;
3711
3721
  box-shadow: none;
3712
3722
  color: #222f3e;
@@ -3730,17 +3740,16 @@ body.tox-dialog__disable-scroll {
3730
3740
  transform: none;
3731
3741
  }
3732
3742
  .tox .tox-tbtn--md {
3733
- height: 51px;
3743
+ height: 42px;
3734
3744
  width: 51px;
3735
3745
  }
3736
3746
  .tox .tox-tbtn--lg {
3737
3747
  flex-direction: column;
3738
- height: 68px;
3748
+ height: 56px;
3739
3749
  width: 68px;
3740
3750
  }
3741
3751
  .tox .tox-tbtn--return {
3742
- -ms-grid-row-align: stretch;
3743
- align-self: stretch;
3752
+ align-self: stretch;
3744
3753
  height: unset;
3745
3754
  width: 16px;
3746
3755
  }
@@ -3757,7 +3766,7 @@ body.tox-dialog__disable-scroll {
3757
3766
  white-space: nowrap;
3758
3767
  }
3759
3768
  .tox .tox-tbtn--select {
3760
- margin: 2px 0 3px 0;
3769
+ margin: 6px 1px 5px 0;
3761
3770
  padding: 0 4px;
3762
3771
  width: auto;
3763
3772
  }
@@ -3775,6 +3784,13 @@ body.tox-dialog__disable-scroll {
3775
3784
  .tox .tox-tbtn__select-chevron svg {
3776
3785
  fill: rgba(34, 47, 62, 0.5);
3777
3786
  }
3787
+ .tox .tox-tbtn--bespoke {
3788
+ background: #f7f7f7;
3789
+ }
3790
+ .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
3791
+ -webkit-margin-start: 4px;
3792
+ margin-inline-start: 4px;
3793
+ }
3778
3794
  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
3779
3795
  overflow: hidden;
3780
3796
  text-overflow: ellipsis;
@@ -3786,14 +3802,14 @@ body.tox-dialog__disable-scroll {
3786
3802
  border-radius: 3px;
3787
3803
  box-sizing: border-box;
3788
3804
  display: flex;
3789
- margin: 2px 0 3px 0;
3805
+ margin: 6px 1px 5px 0;
3790
3806
  overflow: hidden;
3791
3807
  }
3792
3808
  .tox .tox-split-button:hover {
3793
- box-shadow: 0 0 0 1px #dee0e2 inset;
3809
+ box-shadow: 0 0 0 1px #cce2fa inset;
3794
3810
  }
3795
3811
  .tox .tox-split-button:focus {
3796
- background: #dee0e2;
3812
+ background: #cce2fa;
3797
3813
  box-shadow: none;
3798
3814
  color: #222f3e;
3799
3815
  }
@@ -3809,12 +3825,6 @@ body.tox-dialog__disable-scroll {
3809
3825
  .tox .tox-split-button .tox-tbtn {
3810
3826
  margin: 0;
3811
3827
  }
3812
- .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
3813
- width: 30px;
3814
- }
3815
- .tox.tox-platform-touch .tox-split-button__chevron {
3816
- width: 20px;
3817
- }
3818
3828
  .tox .tox-split-button.tox-tbtn--disabled:hover,
3819
3829
  .tox .tox-split-button.tox-tbtn--disabled:focus,
3820
3830
  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
@@ -3823,19 +3833,38 @@ body.tox-dialog__disable-scroll {
3823
3833
  box-shadow: none;
3824
3834
  color: rgba(34, 47, 62, 0.5);
3825
3835
  }
3836
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
3837
+ padding: 0 0px;
3838
+ }
3839
+ .tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
3840
+ width: 30px;
3841
+ }
3842
+ .tox.tox-platform-touch .tox-split-button__chevron {
3843
+ width: 20px;
3844
+ }
3826
3845
  .tox .tox-toolbar-overlord {
3827
3846
  background-color: #fff;
3828
3847
  }
3829
3848
  .tox .tox-toolbar,
3830
3849
  .tox .tox-toolbar__primary,
3831
3850
  .tox .tox-toolbar__overflow {
3832
- background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
3833
3851
  background-color: #fff;
3852
+ background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
3853
+ background-position: center top 40px;
3854
+ background-repeat: no-repeat;
3855
+ background-size: calc(100% - 11px * 2) calc(100% - 41px);
3834
3856
  display: flex;
3835
3857
  flex: 0 0 auto;
3836
3858
  flex-shrink: 0;
3837
3859
  flex-wrap: wrap;
3838
- padding: 0 0;
3860
+ padding: 0 0px;
3861
+ transform: perspective(1px);
3862
+ }
3863
+ .tox .tox-toolbar-overlord > .tox-toolbar,
3864
+ .tox .tox-toolbar-overlord > .tox-toolbar__primary,
3865
+ .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
3866
+ background-position: center top 0px;
3867
+ background-size: calc(100% - 11px * 2) calc(100% - 0px);
3839
3868
  }
3840
3869
  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
3841
3870
  height: 0;
@@ -3851,9 +3880,11 @@ body.tox-dialog__disable-scroll {
3851
3880
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
3852
3881
  }
3853
3882
  .tox .tox-menubar + .tox-toolbar,
3854
- .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
3855
- border-top: 1px solid #cccccc;
3856
- margin-top: -1px;
3883
+ .tox .tox-menubar + .tox-toolbar-overlord {
3884
+ border-top: 1px solid transparent;
3885
+ margin-top: 0px;
3886
+ padding-bottom: 1px;
3887
+ padding-top: 1px;
3857
3888
  }
3858
3889
  .tox .tox-toolbar--scrolling {
3859
3890
  flex-wrap: nowrap;
@@ -3865,22 +3896,37 @@ body.tox-dialog__disable-scroll {
3865
3896
  .tox .tox-toolbar--no-divider {
3866
3897
  background-image: none;
3867
3898
  }
3868
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
3869
- .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
3870
- border-top: 1px solid #cccccc;
3899
+ .tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
3900
+ .tox .tox-toolbar-overlord .tox-toolbar__primary {
3901
+ background-position: center top 39px;
3902
+ }
3903
+ .tox .tox-editor-header > .tox-toolbar--scrolling,
3904
+ .tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
3905
+ background-image: none;
3871
3906
  }
3872
3907
  .tox.tox-tinymce-aux .tox-toolbar__overflow {
3873
3908
  background-color: #fff;
3874
- border: 1px solid #cccccc;
3875
- border-radius: 3px;
3876
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
3909
+ background-position: center top 43px;
3910
+ background-size: calc(100% - 8px * 2) calc(100% - 51px);
3911
+ border: none;
3912
+ border-radius: 6px;
3913
+ box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
3914
+ padding: 4px 0;
3915
+ }
3916
+ .tox-pop .tox-pop__dialog {
3917
+ /* stylelint-disable-next-line no-descending-specificity */
3918
+ }
3919
+ .tox-pop .tox-pop__dialog .tox-toolbar {
3920
+ background-position: center top 43px;
3921
+ background-size: calc(100% - 11px * 2) calc(100% - 51px);
3922
+ padding: 4px 0;
3877
3923
  }
3878
3924
  .tox .tox-toolbar__group {
3879
3925
  align-items: center;
3880
3926
  display: flex;
3881
3927
  flex-wrap: wrap;
3882
3928
  margin: 0 0;
3883
- padding: 0 4px 0 4px;
3929
+ padding: 0 11px 0 12px;
3884
3930
  }
3885
3931
  .tox .tox-toolbar__group--pull-right {
3886
3932
  margin-left: auto;
@@ -3890,10 +3936,10 @@ body.tox-dialog__disable-scroll {
3890
3936
  flex-wrap: nowrap;
3891
3937
  }
3892
3938
  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
3893
- border-right: 1px solid #cccccc;
3939
+ border-right: 1px solid transparent;
3894
3940
  }
3895
3941
  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
3896
- border-left: 1px solid #cccccc;
3942
+ border-left: 1px solid transparent;
3897
3943
  }
3898
3944
  .tox .tox-tooltip {
3899
3945
  display: inline-block;
@@ -3902,7 +3948,7 @@ body.tox-dialog__disable-scroll {
3902
3948
  }
3903
3949
  .tox .tox-tooltip__body {
3904
3950
  background-color: #222f3e;
3905
- border-radius: 3px;
3951
+ border-radius: 6px;
3906
3952
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
3907
3953
  color: rgba(255, 255, 255, 0.75);
3908
3954
  font-size: 14px;
@@ -3951,8 +3997,8 @@ body.tox-dialog__disable-scroll {
3951
3997
  transform: translateY(-50%);
3952
3998
  }
3953
3999
  .tox .tox-well {
3954
- border: 1px solid #cccccc;
3955
- border-radius: 3px;
4000
+ border: 1px solid #eeeeee;
4001
+ border-radius: 6px;
3956
4002
  padding: 8px;
3957
4003
  width: 100%;
3958
4004
  }
@@ -3966,8 +4012,8 @@ body.tox-dialog__disable-scroll {
3966
4012
  margin: 0;
3967
4013
  }
3968
4014
  .tox .tox-custom-editor {
3969
- border: 1px solid #cccccc;
3970
- border-radius: 3px;
4015
+ border: 1px solid #eeeeee;
4016
+ border-radius: 6px;
3971
4017
  display: flex;
3972
4018
  flex: 1;
3973
4019
  position: relative;
@@ -3990,18 +4036,10 @@ body.tox-dialog__disable-scroll {
3990
4036
  .tox .tox-dialog__content-js {
3991
4037
  display: flex;
3992
4038
  flex: 1;
3993
- -ms-flex-preferred-size: auto;
3994
4039
  }
3995
4040
  .tox .tox-dialog__body-content .tox-collection {
3996
4041
  display: flex;
3997
4042
  flex: 1;
3998
- -ms-flex-preferred-size: auto;
3999
- }
4000
- .tox .tox-image-tools-edit-panel {
4001
- height: 60px;
4002
- }
4003
- .tox .tox-image-tools__sidebar {
4004
- height: 60px;
4005
4043
  }
4006
4044
  .video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
4007
4045
  position: absolute;
@@ -5220,7 +5258,8 @@ body.video-react-full-window .video-react-fullscreen {
5220
5258
  --pre-background: var(--background);
5221
5259
  --link-color: var(--info);
5222
5260
  --link-decoration: none;
5223
- --link-onHover-color: var(--info-onHover);
5261
+ --link-onHover-color: #528eff;
5262
+ --link-onClick-color: #144bcc;
5224
5263
  --link-onHover-decoration: underline;
5225
5264
  --body-bg: var(--light);
5226
5265
  --body-size: var(--fontSizeBase);
@@ -5262,8 +5301,11 @@ body.video-react-full-window .video-react-fullscreen {
5262
5301
  --Alert-boxShadow: none;
5263
5302
  --Alert-fontSize: var(--fontSizeBase);
5264
5303
  --Alert-marginBottom: var(--gap-md);
5265
- --Alert-paddingX: var(--gap-sm);
5266
- --Alert-paddingY: var(--gap-sm);
5304
+ --Alert-paddingX: var(--gap-md);
5305
+ --Alert-paddingY: var(--gap-xs);
5306
+ --Alert-fontColor: #151b26;
5307
+ --Alert-title-fontColor: #151b26;
5308
+ --Alert-height: 2.5rem;
5267
5309
  --Audio-border: 0.0625rem solid #dee2e6;
5268
5310
  --Audio-height: 3.125rem;
5269
5311
  --Audio-input-width: 5rem;
@@ -5419,6 +5461,14 @@ body.video-react-full-window .video-react-fullscreen {
5419
5461
  --Button--success-onHover-bg: var(--success-onHover);
5420
5462
  --Button--success-onHover-border: var(--success-onActive);
5421
5463
  --Button--success-onHover-color: var(--Button--success-color);
5464
+ --Button--emphasize-bg: #ffffff;
5465
+ --Button--emphasize-color: var(--primary);
5466
+ --Button--emphasize-onHover-bg: #ffffff;
5467
+ --Button--emphasize-onHover-border: var(--primary);
5468
+ --Button--emphasize-onHover-color: #528eff;
5469
+ --Button--emphasize-onActive-bg: #ffffff;
5470
+ --Button--emphasize-onActive-border: #144bcc;
5471
+ --Button--emphasize-onActive-color: #144bcc;
5422
5472
  --Button--enhance-border: var(--primary);
5423
5473
  --Button--enhance-color: var(--primary);
5424
5474
  --Button--enhance-onActive-bg: var(--white);
@@ -5480,6 +5530,8 @@ body.video-react-full-window .video-react-fullscreen {
5480
5530
  box-shadow var(--animation-duration) ease-in-out;
5481
5531
  --ButtonGroup--primary-isActive-color: var(--white);
5482
5532
  --ButtonGroup--primary-isActive-bg: var(--primary);
5533
+ --ButtonGroup-divider-width: 0.0625rem;
5534
+ --ButtonGroup-divider-color: #fff;
5483
5535
  --Breadcrumb-item-fontSize: var(--fontSizeMd);
5484
5536
  --Breadcrumb-item-default-color: #83868c;
5485
5537
  --Breadcrumb-item-hover-color: #2468f2;
@@ -5494,6 +5546,7 @@ body.video-react-full-window .video-react-fullscreen {
5494
5546
  --BreadcrumbDropdown-item-paddingY: calc(
5495
5547
  (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
5496
5548
  );
5549
+ --Breadcrumb-item-disabled-color: #b8babf;
5497
5550
  --Calendar-btn-bg: var(--info);
5498
5551
  --Calendar-btn-border: var(--Calendar-btn-bg);
5499
5552
  --Calendar-btn-borderRadius: var(--Button-borderRadius);
@@ -5700,6 +5753,7 @@ body.video-react-full-window .video-react-fullscreen {
5700
5753
  --Collapse-header-collapsed-border
5701
5754
  );
5702
5755
  --Collapse-header-wrapper-direction: row;
5756
+ --Collapse-header-bg-disabled-color: #f7f7f9;
5703
5757
  --Collapse-content-padding: 1.125rem 0;
5704
5758
  --Collapse-content-color: var(--body-color);
5705
5759
  --Collapse-content-fontSize: var(--body-size);
@@ -5719,9 +5773,11 @@ body.video-react-full-window .video-react-fullscreen {
5719
5773
  --DatePicker-height: var(--Form-input-height);
5720
5774
  --DatePicker-iconColor: var(--icon-color);
5721
5775
  --DatePicker-lineHeight: var(--Form-input-lineHeight);
5722
- --DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
5776
+ --DatePicker-onFocused-borderColor: #144bcc;
5723
5777
  --DatePicker-onHover-bg: var(--DatePicker-bg);
5724
5778
  --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);
5779
+ --DatePicker-onDisabled-bg: #f5f5f5;
5780
+ --DatePicker-onDisabled-color: #999;
5725
5781
  --DatePicker-onHover-iconColor: var(--icon-onHover-color);
5726
5782
  --DatePicker-paddingX: 0.75rem;
5727
5783
  --DatePicker-paddingY: calc(
@@ -5743,7 +5799,7 @@ body.video-react-full-window .video-react-fullscreen {
5743
5799
  --Divider-borderStyle: solid;
5744
5800
  --Drawer-bg: var(--background);
5745
5801
  --Drawer-body-padding: var(--gap-base);
5746
- --Drawer-close-color: var(--text--muted-color);
5802
+ --Drawer-close-color: #151b26;
5747
5803
  --Drawer-close-onHover-color: var(--text-color);
5748
5804
  --Drawer-close-size: 0.75rem;
5749
5805
  --Drawer-content-borderColor: var(--borderColor);
@@ -5755,7 +5811,7 @@ body.video-react-full-window .video-react-fullscreen {
5755
5811
  --Drawer-header-borderColor: #dfe2e6;
5756
5812
  --Drawer-header-padding: var(--gap-base);
5757
5813
  --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
5758
- --Drawer-title-fontColor: var(--text--loud-color);
5814
+ --Drawer-title-fontColor: #151b26;
5759
5815
  --Drawer-title-fontSize: var(--fontSizeMd);
5760
5816
  --Drawer-widthBase: 80%;
5761
5817
  --Drawer-widthLg: 50rem;
@@ -5869,6 +5925,7 @@ body.video-react-full-window .video-react-fullscreen {
5869
5925
  --Form-select-borderWidth: var(--Form-input-borderWidth);
5870
5926
  --Form-select-caret-iconColor: var(--icon-color);
5871
5927
  --Form-select-caret-onHover-iconColor: var(--icon-onHover-color);
5928
+ --Form-select-caret-fontSize: 0.75rem;
5872
5929
  --Form-select-checkall-bottomBorder: #eceff8;
5873
5930
  --Form-select-color: var(--text-color);
5874
5931
  --Form-select-input-fontSize: var(--fontSizeSm);
@@ -5888,6 +5945,7 @@ body.video-react-full-window .video-react-fullscreen {
5888
5945
  --Form-select-onHover-bg: #f2f2f2;
5889
5946
  --Form-select-onHover-borderColor: var(--Form-input-borderColor);
5890
5947
  --Form-select-outer-borderWidth: 0.0625rem;
5948
+ --Form-select-outer-top: 2rem;
5891
5949
  --Form-select-outer-boxShadow: none;
5892
5950
  --Form-select-paddingX: var(--Form-input-paddingX);
5893
5951
  --Form-select-placeholderColor: var(--Form-input-placeholderColor);
@@ -5899,6 +5957,7 @@ body.video-react-full-window .video-react-fullscreen {
5899
5957
  --Form-select-valueIcon-color: var(--Form-select-valueIcon-color);
5900
5958
  --Form-select-valueIcon-color--dark: #e9e9e9;
5901
5959
  --Form-select-valueIcon-onHover-color: var(--Form-select-color);
5960
+ --Form-select-multiple-bgColor: #f7f7f9;
5902
5961
  --Form-selectOption-height: var(--Form-input-height);
5903
5962
  --Form-selectValue-bg: #e4f2ff;
5904
5963
  --Form-selectValue-onHover-bgColor: var(--Form-select-borderColor);
@@ -6032,6 +6091,8 @@ body.video-react-full-window .video-react-fullscreen {
6032
6091
  --Layout-asideLink-color: #b4b6bd;
6033
6092
  --Layout-asideLink-fontSize: var(--fontSizeBase);
6034
6093
  --Layout-asideLink-fontSize: var(--fontSizeBase);
6094
+ --Layout-asideLink-arrowFontSize: 0.75rem;
6095
+ --Layout-asideLink-arrowColor: #8d99b0;
6035
6096
  --Layout-asideLink-iconColor: inherit;
6036
6097
  --Layout-asideLink-onActive-arrowColor: var(
6037
6098
  --Layout-asideLink-onActive-color
@@ -6131,7 +6192,7 @@ body.video-react-full-window .video-react-fullscreen {
6131
6192
  --Modal-body-paddingX: var(--gap-md);
6132
6193
  --Modal-body-paddingY: var(--gap-md);
6133
6194
  --Modal-close-color: var(--text--muted-color);
6134
- --Modal-close-width: 0.75rem;
6195
+ --Modal-close-width: 1rem;
6135
6196
  --Modal-content-borderColor: var(--borderColor);
6136
6197
  --Modal-content-borderRadius: var(--borderRadius);
6137
6198
  --Modal-content-borderWidth: var(--borderWidth);
@@ -6210,8 +6271,8 @@ body.video-react-full-window .video-react-fullscreen {
6210
6271
  --Page-title-fontWeight: var(--fontWeightNormal);
6211
6272
  --Page-title-lineHeight: 1.5;
6212
6273
  --Pagination-fontSize: var(--fontSizeBase);
6213
- --Pagination-height: 1.875rem;
6214
- --Pagination-minWidth: 1.875rem;
6274
+ --Pagination-height: 2rem;
6275
+ --Pagination-minWidth: 2rem;
6215
6276
  --Pagination-onActive-backgroundColor: var(--primary);
6216
6277
  --Pagination-onActive-border: 0;
6217
6278
  --Pagination-onActive-color: var(--white);
@@ -6307,7 +6368,7 @@ body.video-react-full-window .video-react-fullscreen {
6307
6368
  --ResultBox-value-color: #000;
6308
6369
  --ResultBox-value-clear-bg: #d4d6d9;
6309
6370
  --ResultBox-value-clear-hover-bg: #f5f5f5;
6310
- --Rating-inactive-color: #e6e6e8;
6371
+ --Rating-inactive-color: #e8e9eb;
6311
6372
  --Rating-star-margin: 0.5rem;
6312
6373
  --Rating-star-size: 1.5rem;
6313
6374
  --Satus-icon-width: var(--gap-lg);
@@ -6332,6 +6393,8 @@ body.video-react-full-window .video-react-fullscreen {
6332
6393
  --Switch-onDisabled-circle-BackgroundColor: var(--white);
6333
6394
  --Switch-onDisabled-color: #fff;
6334
6395
  --Switch-onHover-bgColor: var(--Switch-bgColor);
6396
+ --Switch-checked-onHover-bgColor: #144bcc;
6397
+ --Switch-checked-onActive-bgColor: #144bcc;
6335
6398
  --Switch-valueColor: var(--white);
6336
6399
  --Switch-width: 3.125rem;
6337
6400
  --Switch-slider-margin: 0.0625rem;
@@ -6371,6 +6434,9 @@ body.video-react-full-window .video-react-fullscreen {
6371
6434
  --Table-onChecked-bg: #d9f3fb;
6372
6435
  --Table-onChecked-borderColor: #abe4f6;
6373
6436
  --Table-onChecked-color: #20b9e8;
6437
+ --Table-onChecked-onHover-bg: #f5f5f5;
6438
+ --Table-onChecked-onHover-borderColor: #eceff8;
6439
+ --Table-onChecked-onHover-color: #666;
6374
6440
  --Table-onDragging-opacity: 0.1;
6375
6441
  --Table-onHover-bg-rgb: 243, 246, 246;
6376
6442
  --Table-onHover-bg: #f3f6f6;
@@ -6395,6 +6461,8 @@ body.video-react-full-window .video-react-fullscreen {
6395
6461
  --Table-searchableForm-backgroundColor: #f6f7f8;
6396
6462
  --Table-searchableForm-borderRadius: 0.25rem;
6397
6463
  --Table-empty-icon-size: 4.625rem;
6464
+ --TableRow-onDisabled-bg: #f7f7f9;
6465
+ --TableRow-onDisabled-color: #b8babf;
6398
6466
  --TableCell--edge-paddingX: var(--gap-md);
6399
6467
  --TableCell--edge-paddingX-default: var(--gap-base);
6400
6468
  --TableCell-filterBtn--onActive-color: var(--primary);
@@ -6468,6 +6536,9 @@ body.video-react-full-window .video-react-fullscreen {
6468
6536
  --Tabs--simple-split-width: 0.0625rem;
6469
6537
  --Tabs--strong-add-size: 2rem;
6470
6538
  --Tabs--strong-arrow-size: 1.5rem;
6539
+ --Tabs-link-disabled-color: #b8babf;
6540
+ --Tabs--simple-split-size: var(--gap-xs) var(--gap-md);
6541
+ --Tabs--sidebar-iconColor: #2468f2;
6471
6542
  --Tabs-borderColor: var(--borderColor);
6472
6543
  --Tabs--simple-split-color: var(--Tabs-borderColor);
6473
6544
  --Tabs-borderRadius: var(--borderRadius);
@@ -6491,6 +6562,8 @@ body.video-react-full-window .video-react-fullscreen {
6491
6562
  --Tabs-close-marginTop: 0.0625rem;
6492
6563
  --Tabs-close-size: 0.75rem;
6493
6564
  --Tabs-link-maxWidth: 10rem;
6565
+ --Tabs-icon-gap: var(--gap-sm);
6566
+ --Tabs-animation-duration: var(--animation-duration);
6494
6567
  --Tabs--sidebar-sideWidth: 3.875rem;
6495
6568
  --Tabs--sidebar-sidePadding: 1.6875rem;
6496
6569
  --Tabs--sidebar-sideMargin: 0 0 1.375rem 0;
@@ -6546,7 +6619,7 @@ body.video-react-full-window .video-react-fullscreen {
6546
6619
  --Toast--warning-color: var(--Toast-color);
6547
6620
  --Toast-border-width: 0;
6548
6621
  --Toast-borderRadius: 0.125rem;
6549
- --Toast-box-shadow: var(--boxShadow);
6622
+ --Toast-box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06), 0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04);
6550
6623
  --Toast-close-color: var(--icon-color);
6551
6624
  --Toast-close--onHover-color: var(--Toast-close-color);
6552
6625
  --Toast-icon-width: 1rem;
@@ -6557,6 +6630,7 @@ body.video-react-full-window .video-react-fullscreen {
6557
6630
  --Toast-paddingY: var(--gap-xs);
6558
6631
  --Toast-title-display: block;
6559
6632
  --Toast-width: 25rem;
6633
+ --Toast--info-paddingL: 0;
6560
6634
  --Tooltip--attr-bg: rgba(0, 0, 0, 0.7);
6561
6635
  --Tooltip--attr-borderColor: var(--borderColor);
6562
6636
  --Tooltip--attr-borderRadius: var(--borderRadius);
@@ -6600,11 +6674,14 @@ body.video-react-full-window .video-react-fullscreen {
6600
6674
  --Tooltip-title-paddingY: var(--gap-sm);
6601
6675
  --Transfer-title-bg: #f6f8f8;
6602
6676
  --Transfer-selection-maxHeight: 21.875rem;
6677
+ --TransferSelect--table-heading-bg: var(--background);
6678
+ --TransferSelect--normal-heading-bg: #f6f7fb;
6679
+ --TransferSelect-heading-borderBottom: 0;
6603
6680
  --TabsTransfer-title-bg: #f7f7f9;
6604
6681
  --TabsTransfer-border-color: #e8e9eb;
6605
6682
  --Tree-indent: var(--gap-md);
6606
6683
  --Tree-icon-gap: var(--gap-xs);
6607
- --Tree-icon-margin-right: 0.625rem;
6684
+ --Tree-icon-margin-right: 0.5rem;
6608
6685
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
6609
6686
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
6610
6687
  --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
@@ -6612,6 +6689,12 @@ body.video-react-full-window .video-react-fullscreen {
6612
6689
  --Tree-itemHeight: 1.875rem;
6613
6690
  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
6614
6691
  --TreeSelect-popover-bg: #fff;
6692
+ --Tree-item-text-max-height: 15.625rem;
6693
+ --Tree-item-text-top: 0.25rem;
6694
+ --Tree-item-arrow-padding-left: 0.25rem;
6695
+ --Tree-item-arrow-color: #84868c;
6696
+ --Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg);
6697
+ --Tree-item-onChekced-bg-borderRadius: 0.125rem;
6615
6698
  --Wizard-badge-bg: #9ca3af;
6616
6699
  --Wizard-badge-border: 0;
6617
6700
  --Wizard-badge-borderRadius: 0.625rem;
@@ -6634,16 +6717,19 @@ body.video-react-full-window .video-react-fullscreen {
6634
6717
  --Wizard-steps-textAlign: left;
6635
6718
  --Wizard-steps-ulDisplay: block;
6636
6719
  --Wizard-stepsContent-padding: var(--gap-base);
6637
- --AnchorNav-links-container-borderRight: 0.0625rem solid #d3dae0;
6638
- --AnchorNav-onActive-borderWidth: 0 0.125rem 0 0;
6720
+ --AnchorNav-links-container-borderRight: 0.125rem solid #d3dae0;
6721
+ --AnchorNav-onActive-borderWidth: 0 0 0 0.125rem;
6639
6722
  --Steps-bg: var(--borderColorDarken);
6640
6723
  --Steps-status-success: var(--info);
6641
- --Steps-status-error: var(--danger);
6724
+ --Steps-status-error: var(--Tag-error-color);
6725
+ --Steps-status-wait: #84868c;
6642
6726
  --Steps-icon-fontsize: var(--fontSizeLg);
6643
- --Steps-title-fontsize: var(--fontSizeLg);
6644
- --Steps-title-color: var(--text--loud-color);
6727
+ --Steps-title-fontsize: var(--fontSizeMd);
6728
+ --Steps-title-color: #151b26;
6645
6729
  --Steps-sub-title-fontsize: var(--fontSizeBase);
6646
6730
  --Steps-sub-title-color: var(--text-color);
6731
+ --Steps-description-title-fontsize: var(--fontSizeSm);
6732
+ --Steps-description-title-color: #84868c;
6647
6733
  --Steps-line-bg: var(--Steps-bg);
6648
6734
  --Steps-line-success-bg: var(--Steps-status-success);
6649
6735
  --Progress-borderRadius: var(--borderRadius);
@@ -6668,6 +6754,8 @@ body.video-react-full-window .video-react-fullscreen {
6668
6754
  --TimelineItem--left-line-width: 0.125rem;
6669
6755
  --TimelineItem--left-line-left: 0.8125rem;
6670
6756
  --TimelineItem--left-line-top: 1.25rem;
6757
+ --TimelineItem--horizontal-left-line-top: 1.125rem;
6758
+ --TimelineItem--icon-left-line-left: 0.75rem;
6671
6759
  --TimelineItem--round-width: 0.5rem;
6672
6760
  --TimelineItem--round-height: 0.5rem;
6673
6761
  --TimelineItem--round-left: 0.625rem;
@@ -6684,6 +6772,8 @@ body.video-react-full-window .video-react-fullscreen {
6684
6772
  --TimelineItem-detail-visible-padding: 0.625rem;
6685
6773
  --TimelineItem-detail-visible-max-width: 18.75rem;
6686
6774
  --Timeline-alternate-margin-left: var(--gap-xl);
6775
+ --Timeline-visible-border-radius: var(--gap-xs);
6776
+ --Timeline-horizontal-content-margin-top: -0.1875rem;
6687
6777
  --TimelineItem--icon-radius: 50%;
6688
6778
  --TimelineItem--round-radius: 50%;
6689
6779
  --TimelineItem--content-radius: px2rem(2px);
@@ -6696,6 +6786,9 @@ body.video-react-full-window .video-react-fullscreen {
6696
6786
  --TimelineItem--line-bg: #e6e6e8;
6697
6787
  --TimelineItem--content-bg: #f2f2f4;
6698
6788
  --TimelineItem-round-bg: #dadbdd;
6789
+ --TimelineItem-custem-button-margin-left: var(--fontSizeSm);
6790
+ --TimelineItem-custem-time-padding-right: var(--fontSizeSm);
6791
+ --TimelineItem-round-bg: #dadbdd;
6699
6792
  --Timeline--success-bg: var(--success);
6700
6793
  --Timeline--info-bg: var(--info);
6701
6794
  --Timeline--warning-bg: var(--warning);
@@ -6711,12 +6804,12 @@ body.video-react-full-window .video-react-fullscreen {
6711
6804
  --Tag-borderRadius: 0.125rem;
6712
6805
  --Tag-fontColor: #151a26;
6713
6806
  --Tag-default-color: #f2f2f4;
6714
- --Tag-inactive-color: #b4b6ba;
6807
+ --Tag-inactive-color: #b8babf;
6715
6808
  --Tag-active-color: #2468f2;
6716
- --Tag-processing-color: #1ac5ff;
6717
- --Tag-success-color: #0bc286;
6718
- --Tag-error-color: #e8684a;
6719
- --Tag-warning-color: #ffb200;
6809
+ --Tag-processing-color: #528eff;
6810
+ --Tag-success-color: #30bf13;
6811
+ --Tag-error-color: #f33e3e;
6812
+ --Tag-warning-color: #ff9326;
6720
6813
  --Tag-checkable-bgColor: #f2f2f4;
6721
6814
  --Tag-checkable-bgColor-onDisable: #e6e6e8;
6722
6815
  --Tag-checkable-bgColor-onHover: #e6e6e8;
@@ -6742,6 +6835,17 @@ body.video-react-full-window .video-react-fullscreen {
6742
6835
  --SearchBox-width: 9.375rem;
6743
6836
  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
6744
6837
  --SearchBox-history-dropdown-maxHeight: 12.5rem;
6838
+ --SearchBox-hover-color: #2468f2;
6839
+ --SearchBox-focus-color: #144bcc;
6840
+ --SearchBox-search-icon-color: #84868c;
6841
+ --SearchBox-enhonce-icon-color: #ffffff;
6842
+ --SearchBox-clearable-icon-color: #d4d6d9;
6843
+ --SearchBox-clearable-icon-size: 1rem;
6844
+ --SearchBox-height: 1.875rem;
6845
+ --SearchBox-disabled-color: #f7f7f9;
6846
+ --SearchBox-enhonce-disabled-color: #f2f2f4;
6847
+ --SearchBox-enhonce-disabled-search-color: #b8babf;
6848
+ --SearchBox-enhonce-clearable-gap: 0.375rem;
6745
6849
  }
6746
6850
  :root {
6747
6851
  --fontFamilyBase: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -6868,6 +6972,9 @@ body.video-react-full-window .video-react-fullscreen {
6868
6972
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
6869
6973
  border: 1px solid #f9f9f9;
6870
6974
  }
6975
+ .rdtPickerNotDays {
6976
+ width: 192px;
6977
+ }
6871
6978
  .rdtOpen .rdtPicker {
6872
6979
  display: block;
6873
6980
  }
@@ -6906,7 +7013,7 @@ body.video-react-full-window .video-react-fullscreen {
6906
7013
  .rdtPicker td > span {
6907
7014
  display: inline-block;
6908
7015
  border-radius: 2px;
6909
- height: 100%;
7016
+ height: 24px;
6910
7017
  width: 24px;
6911
7018
  }
6912
7019
  .rdtPicker td.rdtDay:hover,
@@ -7411,6 +7518,9 @@ a:hover {
7411
7518
  -webkit-text-decoration: var(--link-onHover-decoration);
7412
7519
  text-decoration: var(--link-onHover-decoration);
7413
7520
  }
7521
+ a:active {
7522
+ color: var(--link-onClick-color);
7523
+ }
7414
7524
  label {
7415
7525
  font-weight: var(--fontWeightNormal);
7416
7526
  }
@@ -9287,11 +9397,19 @@ input[type=button].antd-Button--block {
9287
9397
  }
9288
9398
  .antd-Breadcrumb-item {
9289
9399
  position: relative;
9400
+ display: inline-flex;
9401
+ align-items: center;
9290
9402
  }
9291
9403
  .antd-Breadcrumb-item-default {
9292
9404
  cursor: pointer;
9293
9405
  color: var(--Breadcrumb-item-default-color);
9294
9406
  }
9407
+ .antd-Breadcrumb-item-default:hover {
9408
+ color: var(--Breadcrumb-item-hover-color);
9409
+ }
9410
+ .antd-Breadcrumb-item-default:active {
9411
+ color: var(--Breadcrumb-item-active-color);
9412
+ }
9295
9413
  .antd-Breadcrumb-item-dropdown {
9296
9414
  cursor: pointer;
9297
9415
  color: var(--BreadcrumbDropdown-item-default-color);
@@ -9307,7 +9425,8 @@ input[type=button].antd-Button--block {
9307
9425
  color: var(--Breadcrumb-item-last-color);
9308
9426
  }
9309
9427
  .antd-Breadcrumb-item-caret {
9310
- margin-left: var(--gap-sm);
9428
+ height: 16px;
9429
+ margin: 0 2px;
9311
9430
  cursor: pointer;
9312
9431
  display: inline-block;
9313
9432
  transition: transform var(--animation-duration) ease;
@@ -9421,6 +9540,7 @@ input[type=button].antd-Button--block {
9421
9540
  white-space: nowrap;
9422
9541
  text-align: center;
9423
9542
  padding: 0 6px;
9543
+ border: 1px solid #FFFFFF;
9424
9544
  }
9425
9545
  .antd-Badge-dot {
9426
9546
  z-index: auto;
@@ -9501,25 +9621,35 @@ input[type=button].antd-Button--block {
9501
9621
  @-webkit-keyframes modalIn {
9502
9622
  from {
9503
9623
  opacity: 0;
9504
- transform: translate3d(0, -300px, 0) scale(0.2);
9624
+ width: 0;
9625
+ height: 0;
9626
+ bottom: -999px;
9505
9627
  }
9506
9628
  }
9507
9629
  @keyframes modalIn {
9508
9630
  from {
9509
9631
  opacity: 0;
9510
- transform: translate3d(0, -300px, 0) scale(0.2);
9632
+ width: 0;
9633
+ height: 0;
9634
+ bottom: -999px;
9511
9635
  }
9512
9636
  }
9513
9637
  @-webkit-keyframes modalOut {
9514
9638
  to {
9515
9639
  opacity: 0;
9516
- transform: translate3d(0, -300px, 0) scale(0.2);
9640
+ opacity: 0;
9641
+ width: 0;
9642
+ height: 0;
9643
+ bottom: -999px;
9517
9644
  }
9518
9645
  }
9519
9646
  @keyframes modalOut {
9520
9647
  to {
9521
9648
  opacity: 0;
9522
- transform: translate3d(0, -300px, 0) scale(0.2);
9649
+ opacity: 0;
9650
+ width: 0;
9651
+ height: 0;
9652
+ bottom: -999px;
9523
9653
  }
9524
9654
  }
9525
9655
  .antd-Modal {
@@ -9582,7 +9712,7 @@ input[type=button].antd-Button--block {
9582
9712
  opacity: 0;
9583
9713
  }
9584
9714
  .antd-Modal-header {
9585
- padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX);
9715
+ padding: var(--Modal-header-paddingY) 1.5rem;
9586
9716
  background: var(--Modal-header-bg);
9587
9717
  border-bottom: var(--Modal-body-borderTop);
9588
9718
  border-top-left-radius: var(--Modal-content-borderRadius);
@@ -9629,17 +9759,16 @@ input[type=button].antd-Button--block {
9629
9759
  z-index: 10;
9630
9760
  }
9631
9761
  .antd-Modal-body {
9632
- padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX) var(--Modal-body-paddingY);
9762
+ margin: 1rem 0 1.5rem 0;
9633
9763
  flex-grow: 1;
9634
- }
9635
- .antd-Modal-header + .antd-Modal-body {
9636
- padding-top: var(--Modal-body-paddingY);
9764
+ height: auto;
9765
+ padding: 0 1.5rem;
9637
9766
  }
9638
9767
  .antd-Modal-footer {
9639
9768
  display: flex;
9640
9769
  align-items: center;
9641
9770
  justify-content: flex-end;
9642
- padding: var(--Modal-footer-padding);
9771
+ padding: var(--Modal-footer-padding) 1.5rem;
9643
9772
  border-top: var(--Modal-body-borderBottom);
9644
9773
  margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX);
9645
9774
  border-bottom-left-radius: var(--Modal-content-borderRadius);
@@ -10902,6 +11031,15 @@ input[type=button].antd-Button--block {
10902
11031
  justify-content: space-between;
10903
11032
  align-items: flex-start;
10904
11033
  }
11034
+ .antd-Alert-has-title {
11035
+ padding: var(--Alert-paddingX);
11036
+ }
11037
+ .antd-Alert-has-title .antd-Alert-content .antd-Alert-title {
11038
+ line-height: 1.375rem;
11039
+ }
11040
+ .antd-Alert-has-title .antd-Alert-content .antd-Alert-desc {
11041
+ line-height: 1.25rem;
11042
+ }
10905
11043
  .antd-Alert-icon {
10906
11044
  margin-right: var(--gap-sm);
10907
11045
  font-size: var(--fontSizeLg);
@@ -11220,9 +11358,16 @@ input[type=button].antd-Button--block {
11220
11358
  border: none;
11221
11359
  outline: none;
11222
11360
  }
11361
+ .antd-Tabs-links > .antd-Tabs-link:hover .antd-Tabs-link-close {
11362
+ width: var(--Tabs-close-size);
11363
+ margin-left: var(--Tabs-close-margin);
11364
+ }
11223
11365
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close {
11224
- margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin);
11366
+ width: 0;
11367
+ margin: var(--Tabs-close-marginTop) 0 0;
11225
11368
  fill: var(--Tabs-gray-color);
11369
+ transition: all var(--Tabs-animation-duration) linear;
11370
+ overflow: hidden;
11226
11371
  cursor: pointer;
11227
11372
  }
11228
11373
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close .antd-Tabs-link-close-icon {
@@ -11244,6 +11389,14 @@ input[type=button].antd-Button--block {
11244
11389
  overflow: hidden;
11245
11390
  white-space: nowrap;
11246
11391
  }
11392
+ .antd-Tabs-links > .antd-Tabs-link > a:first-child > .antd-Icon {
11393
+ margin-right: var(--Tabs-icon-gap);
11394
+ vertical-align: unset;
11395
+ }
11396
+ .antd-Tabs-links > .antd-Tabs-link > a:first-child > img.antd-Icon {
11397
+ position: relative;
11398
+ top: 0.125em;
11399
+ }
11247
11400
  .antd-Tabs-links > .antd-Tabs-link > .antd-Combo-toolbarBtn {
11248
11401
  position: absolute;
11249
11402
  right: -10px;
@@ -11292,6 +11445,14 @@ input[type=button].antd-Button--block {
11292
11445
  opacity: 1;
11293
11446
  }
11294
11447
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper {
11448
+ position: relative;
11449
+ }
11450
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper::before {
11451
+ content: "";
11452
+ position: absolute;
11453
+ width: 100%;
11454
+ left: 0;
11455
+ bottom: 0;
11295
11456
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
11296
11457
  }
11297
11458
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper--toolbar .antd-Tabs-link {
@@ -11337,6 +11498,11 @@ input[type=button].antd-Button--block {
11337
11498
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover .antd-Tabs-link-close {
11338
11499
  fill: var(--primary);
11339
11500
  }
11501
+ .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active,
11502
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
11503
+ color: #144BCC;
11504
+ border-color: #144BCC;
11505
+ }
11340
11506
  .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:last-child > a,
11341
11507
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:last-child > a {
11342
11508
  margin: 0;
@@ -11635,6 +11801,8 @@ input[type=button].antd-Button--block {
11635
11801
  font-size: var(--Tabs--sidebar-iconSize);
11636
11802
  height: var(--Tabs--sidebar-iconSize);
11637
11803
  margin-bottom: var(--Tabs--sidebar-iconMargin);
11804
+ margin-right: 0;
11805
+ top: 0;
11638
11806
  }
11639
11807
  .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li.is-active > a:first-child,
11640
11808
  .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:hover,
@@ -11779,7 +11947,6 @@ input[type=button].antd-Button--block {
11779
11947
  background-color: var(--Tabs--simple-split-color);
11780
11948
  }
11781
11949
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li > .antd-Tabs-link-close {
11782
- padding-top: var(--Tabs--simple-split-width);
11783
11950
  cursor: pointer;
11784
11951
  }
11785
11952
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:last-of-type::after {
@@ -11793,6 +11960,10 @@ input[type=button].antd-Button--block {
11793
11960
  color: var(--Tabs--line-onHover-color);
11794
11961
  border: none;
11795
11962
  }
11963
+ .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li.is-active > a:first-child:hover:active, .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
11964
+ color: #144BCC;
11965
+ border-color: #144BCC;
11966
+ }
11796
11967
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:not(.is-disabled):hover .antd-Tabs-link-close {
11797
11968
  fill: var(--primary);
11798
11969
  }
@@ -11880,6 +12051,10 @@ input[type=button].antd-Button--block {
11880
12051
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover > a:first-child:focus {
11881
12052
  color: var(--Tabs--line-onHover-color);
11882
12053
  }
12054
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link.is-active > a:first-child:hover:active, .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover > a:first-child:hover:active {
12055
+ color: #144BCC;
12056
+ border-color: #144BCC;
12057
+ }
11883
12058
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:not(.is-disabled):hover .antd-Tabs-link-close {
11884
12059
  fill: var(--primary);
11885
12060
  }
@@ -12298,7 +12473,7 @@ input[type=button].antd-Button--block {
12298
12473
  align-items: stretch;
12299
12474
  }
12300
12475
  .antd-Page--withSidebar > .antd-Page-content,
12301
- .antd-Page--withSidebar .antd-PullRefresh {
12476
+ .antd-Page--withSidebar > .antd-PullRefresh {
12302
12477
  width: 0;
12303
12478
  flex-grow: 1;
12304
12479
  }
@@ -13527,6 +13702,7 @@ input[type=button].antd-Button--block {
13527
13702
  .antd-Collapse-arrow {
13528
13703
  display: inline-block;
13529
13704
  width: 1rem;
13705
+ height: 1rem;
13530
13706
  text-align: center;
13531
13707
  margin-right: var(--gap-sm);
13532
13708
  }
@@ -13537,7 +13713,7 @@ input[type=button].antd-Button--block {
13537
13713
  width: 0.375rem;
13538
13714
  height: 0.375rem;
13539
13715
  top: -0.125rem;
13540
- border-color: #84868C;
13716
+ border-color: #84868c;
13541
13717
  border-style: solid;
13542
13718
  border-width: 0.0625rem 0.0625rem 0 0;
13543
13719
  transform: rotate(45deg);
@@ -13609,9 +13785,21 @@ input[type=button].antd-Button--block {
13609
13785
  .antd-CollapseGroup .antd-Collapse:first-child {
13610
13786
  border-radius: 4px 4px 0 0;
13611
13787
  }
13788
+ .antd-CollapseGroup .antd-Collapse:first-child > .antd-Collapse-header {
13789
+ border-radius: 4px 4px 0 0;
13790
+ }
13612
13791
  .antd-CollapseGroup .antd-Collapse:last-child {
13613
13792
  border-radius: 0 0 4px 4px;
13614
13793
  }
13794
+ .antd-CollapseGroup .antd-Collapse:last-child > .antd-Collapse-header {
13795
+ border-radius: 0 0 4px 4px;
13796
+ }
13797
+ .antd-CollapseGroup .antd-Collapse:first-child:nth-last-child(1) {
13798
+ border-radius: 4px;
13799
+ }
13800
+ .antd-CollapseGroup .antd-Collapse:first-child:nth-last-child(1) > .antd-Collapse-header {
13801
+ border-radius: 4px;
13802
+ }
13615
13803
  .antd-CollapseGroup .antd-Collapse:not(:last-child) {
13616
13804
  border-bottom: none;
13617
13805
  }
@@ -14361,7 +14549,10 @@ input[type=button].antd-Button--block {
14361
14549
  display: inline-flex;
14362
14550
  align-items: center;
14363
14551
  }
14364
- .antd-Crud-toolbar-item:not(:first-child) {
14552
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14553
+ margin-left: var(--Crud-toolbar-gap);
14554
+ }
14555
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14365
14556
  margin-left: var(--Crud-toolbar-gap);
14366
14557
  }
14367
14558
  .antd-Crud-toolbar-item--left {
@@ -14411,7 +14602,10 @@ input[type=button].antd-Button--block {
14411
14602
  height: var(--Crud-toolbar-height);
14412
14603
  vertical-align: middle;
14413
14604
  }
14414
- .antd-Crud-toolbar-item:not(:first-child) {
14605
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14606
+ margin-left: var(--Crud-toolbar-gap);
14607
+ }
14608
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14415
14609
  margin-left: var(--Crud-toolbar-gap);
14416
14610
  }
14417
14611
  .antd-Crud-toolbar-item--left {
@@ -14490,7 +14684,10 @@ input[type=button].antd-Button--block {
14490
14684
  display: inline-flex;
14491
14685
  align-items: center;
14492
14686
  }
14493
- .antd-Crud2-toolbar-item:not(:first-child) {
14687
+ .antd-Crud2-toolbar-item--left:not(:first-child) {
14688
+ margin-left: var(--Crud-toolbar-gap);
14689
+ }
14690
+ .antd-Crud2-toolbar-item--right:not(:last-child) {
14494
14691
  margin-left: var(--Crud-toolbar-gap);
14495
14692
  }
14496
14693
  .antd-Crud2-toolbar-item--left {
@@ -14535,7 +14732,10 @@ input[type=button].antd-Button--block {
14535
14732
  height: var(--Crud-toolbar-height);
14536
14733
  vertical-align: middle;
14537
14734
  }
14538
- .antd-Crud-toolbar-item:not(:first-child) {
14735
+ .antd-Crud-toolbar-item--left:not(:first-child) {
14736
+ margin-left: var(--Crud-toolbar-gap);
14737
+ }
14738
+ .antd-Crud-toolbar-item--right:not(:last-child) {
14539
14739
  margin-left: var(--Crud-toolbar-gap);
14540
14740
  }
14541
14741
  .antd-Crud-toolbar-item--left {
@@ -14599,9 +14799,17 @@ input[type=button].antd-Button--block {
14599
14799
  background: var(--Table-bg);
14600
14800
  z-index: -1;
14601
14801
  opacity: 0;
14802
+ }
14803
+ .antd-Table-fixedTop-shadow {
14804
+ position: absolute;
14602
14805
  box-shadow: var(--Table-fixedTop-boxShadow);
14806
+ z-index: -1;
14807
+ height: 10px;
14808
+ margin-top: -10px;
14809
+ background-color: transparent;
14810
+ opacity: 0;
14603
14811
  }
14604
- .antd-Table-fixedTop.in {
14812
+ .antd-Table-fixedTop.in, .antd-Table-fixedTop.in + .antd-Table-fixedTop-shadow {
14605
14813
  position: fixed;
14606
14814
  opacity: 1;
14607
14815
  z-index: 900;
@@ -14744,6 +14952,9 @@ input[type=button].antd-Button--block {
14744
14952
  .antd-Table-table th.text-right, .antd-Table-table td.text-right {
14745
14953
  text-align: right;
14746
14954
  }
14955
+ .antd-Table-table td .antd-SwitchControl {
14956
+ padding-top: 0;
14957
+ }
14747
14958
  .antd-Table-table--withCombine > thead > tr > th:first-child,
14748
14959
  .antd-Table-table--withCombine > tbody > tr > td:first-child {
14749
14960
  padding-left: var(--TableCell-paddingX) !important;
@@ -14770,6 +14981,7 @@ input[type=button].antd-Button--block {
14770
14981
  .antd-Table-table > thead > tr > th {
14771
14982
  background: var(--Table-thead-bg);
14772
14983
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
14984
+ text-align: left;
14773
14985
  border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
14774
14986
  font-size: var(--Table-thead-fontSize);
14775
14987
  color: var(--Table-thead-color);
@@ -14777,10 +14989,13 @@ input[type=button].antd-Button--block {
14777
14989
  white-space: nowrap;
14778
14990
  }
14779
14991
  .antd-Table-table > thead > tr > th:first-child {
14992
+ padding-left: 0.75rem;
14993
+ }
14994
+ .antd-Table-table > thead > tr > th:first-child.antd-Table-checkCell {
14780
14995
  padding-left: var(--TableCell--edge-paddingX);
14781
14996
  }
14782
14997
  .antd-Table-table > thead > tr > th:last-child {
14783
- padding-right: var(--TableCell--edge-paddingX);
14998
+ padding-right: 0.75rem;
14784
14999
  }
14785
15000
  .antd-Table-table > thead > tr > th:last-child .antd-Table-content-colDragLine {
14786
15001
  width: 4px;
@@ -14792,6 +15007,12 @@ input[type=button].antd-Button--block {
14792
15007
  .antd-Table-table > thead > tr > th .antd-Remark {
14793
15008
  margin-left: var(--gap-xs);
14794
15009
  }
15010
+ .antd-Table-table > thead > tr > th:first-child {
15011
+ border-top-left-radius: 4px;
15012
+ }
15013
+ .antd-Table-table > thead > tr > th:last-child {
15014
+ border-top-right-radius: 4px;
15015
+ }
14795
15016
  .antd-Table-table > thead > tr + tr {
14796
15017
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
14797
15018
  }
@@ -14841,6 +15062,12 @@ input[type=button].antd-Button--block {
14841
15062
  .antd-Table-table > tbody > tr:hover + tr, .antd-Table-table > tbody > tr.is-hovered + tr {
14842
15063
  border-color: var(--Table-onHover-borderColor);
14843
15064
  }
15065
+ .antd-Table-table > tbody > tr:active {
15066
+ background: transparent;
15067
+ }
15068
+ .antd-Table-table > tbody > tr:hover.antd-Table-placeholder {
15069
+ color: var(--text--muted-color);
15070
+ }
14844
15071
  .antd-Table-table > tbody > tr.is-checked {
14845
15072
  background: var(--Table-onChecked-bg);
14846
15073
  border-color: var(--Table-onChecked-borderColor);
@@ -15452,7 +15679,6 @@ input[type=button].antd-Button--block {
15452
15679
  }
15453
15680
  .antd-Table-table > thead > tr > th.antd-Table-checkCell,
15454
15681
  .antd-Table-table > tbody > tr > td.antd-Table-checkCell {
15455
- border-right: 0;
15456
15682
  width: 0.0625rem;
15457
15683
  padding-right: var(--TableCell-paddingX);
15458
15684
  white-space: nowrap;
@@ -15461,6 +15687,9 @@ input[type=button].antd-Button--block {
15461
15687
  .antd-Table-table > tbody > tr > td.antd-Table-checkCell .antd-Checkbox {
15462
15688
  margin: 0;
15463
15689
  }
15690
+ .antd-Table-table > tbody > tr > td.antd-Table-checkCell {
15691
+ border-right: 0;
15692
+ }
15464
15693
  .antd-Table-table > thead > tr > th.antd-Table-expandCell,
15465
15694
  .antd-Table-table > tbody > tr > td.antd-Table-expandCell {
15466
15695
  border-right: 0;
@@ -15608,12 +15837,12 @@ input[type=button].antd-Button--block {
15608
15837
  width: 12px;
15609
15838
  height: 12px;
15610
15839
  }
15611
- .antd-TableCell-searchBtn:hover {
15612
- color: var(--text-color);
15613
- }
15614
15840
  .antd-TableCell-searchBtn.is-active {
15615
15841
  color: var(--TableCell-searchBtn--onActive-color);
15616
15842
  }
15843
+ .antd-TableCell-searchBtn.is-opened {
15844
+ color: var(--Button--default-onActive-border);
15845
+ }
15617
15846
  .antd-TableCell-searchPopOver {
15618
15847
  border: none;
15619
15848
  min-width: 20rem;
@@ -15711,6 +15940,9 @@ input[type=button].antd-Button--block {
15711
15940
  width: 100%;
15712
15941
  color: var(--info);
15713
15942
  }
15943
+ .antd-Table-foot {
15944
+ background: var(--Table-thead-bg);
15945
+ }
15714
15946
  .antd-Table-footTable {
15715
15947
  position: relative;
15716
15948
  width: 100%;
@@ -15752,9 +15984,10 @@ input[type=button].antd-Button--block {
15752
15984
  width: 0.625rem;
15753
15985
  height: 0.625rem;
15754
15986
  top: 0;
15987
+ transform: rotate(90deg);
15755
15988
  }
15756
15989
  .antd-Table-expandBtn.is-active > svg {
15757
- transform: rotate(90deg);
15990
+ transform: rotate(-90deg);
15758
15991
  }
15759
15992
  .antd-Table-expandBtn:hover {
15760
15993
  text-decoration: none;
@@ -15797,18 +16030,31 @@ input[type=button].antd-Button--block {
15797
16030
  top: 0;
15798
16031
  z-index: 1;
15799
16032
  }
15800
- .antd-Table--autoFillHeight > .antd-Table-fixedTop {
16033
+ .antd-Table--autoFillHeight > .antd-Table-fixedTop .antd-Table-fixedTop-shadow {
15801
16034
  display: none;
15802
16035
  }
15803
16036
  .antd-Table--autoFillHeight > .antd-Table-footToolbar {
15804
16037
  margin-bottom: 0;
15805
16038
  }
16039
+ .antd-InputTable .antd-Field--quickEditable svg {
16040
+ color: var(--primary);
16041
+ }
16042
+ .antd-InputTable .antd-Field--quickEditable svg:hover {
16043
+ color: var(--primary-onHover);
16044
+ }
16045
+ .antd-InputTable .antd-Field--quickEditable svg:active {
16046
+ color: var(--primary-onActive);
16047
+ }
15806
16048
  .antd-InputTable-toolbar {
15807
16049
  display: flex;
15808
16050
  flex-direction: row;
15809
16051
  flex-wrap: wrap;
15810
16052
  justify-content: space-between;
15811
16053
  }
16054
+ .antd-InputTable-toolbar .antd-Button {
16055
+ border: none;
16056
+ color: var(--Button--link-color);
16057
+ }
15812
16058
  .antd-InputTable-pager {
15813
16059
  margin-left: auto;
15814
16060
  }
@@ -17817,6 +18063,9 @@ input[type=button].antd-Button--block {
17817
18063
  .antd-Card-actions > a.is-disabled:hover {
17818
18064
  text-decoration: none;
17819
18065
  }
18066
+ .antd-Card-actions > a > .antd-Button-icon:first-child:not(:last-child) {
18067
+ margin-right: var(--Button-icon-rightMargin);
18068
+ }
17820
18069
  .antd-Card.is-checked {
17821
18070
  background: var(--Card-onChecked-bg);
17822
18071
  border-color: var(--Card-onChecked-borderColor);
@@ -18129,9 +18378,10 @@ input[type=button].antd-Button--block {
18129
18378
  .antd-Progress-line-bar {
18130
18379
  float: left;
18131
18380
  width: 0;
18132
- height: 10px;
18381
+ height: 8px;
18133
18382
  background: var(--primary);
18134
18383
  transition: width var(--animation-duration) ease;
18384
+ border-radius: var(--Progress-borderRadius);
18135
18385
  }
18136
18386
  .antd-Progress-line-bar--stripe {
18137
18387
  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);
@@ -18291,7 +18541,7 @@ input[type=button].antd-Button--block {
18291
18541
  .antd-Pagination {
18292
18542
  display: inline-block;
18293
18543
  padding: 0;
18294
- margin: 0 0 -0.625rem;
18544
+ margin: 0 0 -0.5rem;
18295
18545
  border-radius: 0.25rem;
18296
18546
  }
18297
18547
  .antd-Pagination > li {
@@ -18394,7 +18644,7 @@ input[type=button].antd-Button--block {
18394
18644
  border: var(--borderWidth) solid var(--borderColor);
18395
18645
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
18396
18646
  padding: var(--Pagination-padding);
18397
- margin-left: 0.625rem;
18647
+ margin-left: 0.5rem;
18398
18648
  text-align: center;
18399
18649
  }
18400
18650
  .antd-Pagination-inputGroup input:focus, .antd-Pagination-inputGroup input:hover {
@@ -18417,12 +18667,13 @@ input[type=button].antd-Button--block {
18417
18667
  color: var(--primary);
18418
18668
  border-color: var(--primary);
18419
18669
  border-left: var(--borderWidth) solid var(--primary);
18670
+ margin-left: -1px;
18420
18671
  }
18421
18672
  .antd-Pagination-wrap {
18422
18673
  line-height: 1.875rem;
18423
18674
  }
18424
18675
  .antd-Pagination-wrap .antd-Pagination-item {
18425
- margin-left: 0.625rem;
18676
+ margin-left: 0.5rem;
18426
18677
  }
18427
18678
  .antd-Pagination-wrap .antd-Pagination-item:nth-child(1) {
18428
18679
  margin-left: 0;
@@ -18813,6 +19064,7 @@ input[type=button].antd-Button--block {
18813
19064
  display: block;
18814
19065
  max-width: 100%;
18815
19066
  max-height: 100%;
19067
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
18816
19068
  }
18817
19069
  .antd-ImageGallery-prevBtn, .antd-ImageGallery-nextBtn {
18818
19070
  position: absolute;
@@ -18943,6 +19195,57 @@ input[type=button].antd-Button--block {
18943
19195
  .antd-ImageGallery-item.is-active:after {
18944
19196
  display: none;
18945
19197
  }
19198
+ .antd-ImageGallery-toolbar {
19199
+ background-color: var(--white);
19200
+ border-radius: 0.25rem;
19201
+ display: flex;
19202
+ align-items: flex-start;
19203
+ padding: 0.25rem 1rem;
19204
+ position: absolute;
19205
+ bottom: 1.25rem;
19206
+ left: 50%;
19207
+ transform: translateX(-50%);
19208
+ display: flex;
19209
+ flex-flow: row nowrap;
19210
+ justify-content: space-between;
19211
+ align-items: center;
19212
+ }
19213
+ .antd-ImageGallery-toolbar-action {
19214
+ padding: 0.8125rem;
19215
+ border-radius: 0.25rem;
19216
+ width: 2.5rem;
19217
+ height: 2.5rem;
19218
+ cursor: pointer;
19219
+ display: flex;
19220
+ justify-content: center;
19221
+ align-items: center;
19222
+ }
19223
+ .antd-ImageGallery-toolbar-action-icon {
19224
+ display: block;
19225
+ color: var(--black);
19226
+ }
19227
+ .antd-ImageGallery-toolbar-action-icon > svg {
19228
+ fill: var(--black);
19229
+ }
19230
+ .antd-ImageGallery-toolbar-action.is-disabled {
19231
+ cursor: not-allowed;
19232
+ color: var(--icon-onDisabled-color);
19233
+ }
19234
+ .antd-ImageGallery-toolbar-action.is-disabled .antd-ImageGallery-toolbar-action-icon {
19235
+ color: var(--icon-onDisabled-color);
19236
+ }
19237
+ .antd-ImageGallery-toolbar-action.is-disabled .antd-ImageGallery-toolbar-action-icon > svg {
19238
+ color: var(--icon-onDisabled-color);
19239
+ }
19240
+ .antd-ImageGallery-toolbar-action:hover {
19241
+ background-color: #f2f3f5;
19242
+ }
19243
+ .antd-ImageGallery-toolbar-action:hover .antd-ImageGallery-toolbar-action-icon {
19244
+ color: var(--primary);
19245
+ }
19246
+ .antd-ImageGallery-toolbar-action:hover .antd-ImageGallery-toolbar-action-icon > svg {
19247
+ fill: var(--primary);
19248
+ }
18946
19249
  .antd-Images {
18947
19250
  display: flex;
18948
19251
  flex-wrap: wrap;
@@ -19214,6 +19517,7 @@ input[type=button].antd-Button--block {
19214
19517
  display: inline-block;
19215
19518
  width: 14px;
19216
19519
  color: var(--icon-color);
19520
+ margin-top: 0.125rem;
19217
19521
  }
19218
19522
  .antd-InputBox > a {
19219
19523
  cursor: pointer;
@@ -19543,9 +19847,7 @@ input[type=button].antd-Button--block {
19543
19847
  display: flex;
19544
19848
  align-items: center;
19545
19849
  flex-shrink: 0;
19546
- }
19547
- .antd-ResultBox-actions > *:first-child {
19548
- margin-left: 0.3125rem;
19850
+ padding-left: 0.3125rem;
19549
19851
  }
19550
19852
  .antd-ResultBox-actions > *:not(:last-child) {
19551
19853
  margin-right: 0.3125rem;
@@ -19569,7 +19871,7 @@ input[type=button].antd-Button--block {
19569
19871
  .antd-ResultBox-pc-arrow > svg {
19570
19872
  width: 0.625rem;
19571
19873
  height: 0.625rem;
19572
- top: 0.125em;
19874
+ top: 0;
19573
19875
  color: var(--default-icon-color);
19574
19876
  }
19575
19877
  .antd-ResultBox.is-opened .antd-ResultBox-pc-arrow {
@@ -19874,6 +20176,9 @@ input[type=button].antd-Button--block {
19874
20176
  color: var(--SearchBox-enhonce-icon-color);
19875
20177
  background: var(--SearchBox-hover-color);
19876
20178
  }
20179
+ .antd-SearchBox--enhance.is-active .antd-SearchBox-searchBtn:hover {
20180
+ background: var(--Button--primary-onHover-bg);
20181
+ }
19877
20182
  .antd-SearchBox--enhance .antd-SearchBox-clearable {
19878
20183
  margin-right: var(--SearchBox-enhonce-clearable-gap);
19879
20184
  }
@@ -20183,7 +20488,7 @@ input[type=button].antd-Button--block {
20183
20488
  .antd-Steps .antd-StepsItem {
20184
20489
  flex: 1;
20185
20490
  overflow: hidden;
20186
- padding: 0 1.25rem;
20491
+ padding: 0 0.5rem;
20187
20492
  height: auto;
20188
20493
  line-height: 2rem;
20189
20494
  }
@@ -20204,6 +20509,10 @@ input[type=button].antd-Button--block {
20204
20509
  font-size: var(--Steps-icon-fontsize);
20205
20510
  text-align: center;
20206
20511
  }
20512
+ .antd-Steps .antd-StepsItem-containerIcon .antd-StepsItem-icon .icon {
20513
+ width: 0.5625rem;
20514
+ height: 0.5625rem;
20515
+ }
20207
20516
  .antd-Steps .antd-StepsItem-containerWrapper {
20208
20517
  display: inline-block;
20209
20518
  position: relative;
@@ -20211,7 +20520,7 @@ input[type=button].antd-Button--block {
20211
20520
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title {
20212
20521
  font-size: var(--Steps-title-fontsize);
20213
20522
  color: var(--Steps-title-color);
20214
- padding-right: 1.25rem;
20523
+ padding-right: 0.5rem;
20215
20524
  position: relative;
20216
20525
  display: inline-block;
20217
20526
  }
@@ -20247,7 +20556,11 @@ input[type=button].antd-Button--block {
20247
20556
  max-width: 8.75rem;
20248
20557
  white-space: nowrap;
20249
20558
  position: relative;
20250
- bottom: 0.625rem;
20559
+ bottom: 1.25rem;
20560
+ }
20561
+ .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description > span {
20562
+ color: var(--Steps-description-title-color);
20563
+ font-size: var(--Steps-description-title-fontsize);
20251
20564
  }
20252
20565
  .antd-Steps .antd-StepsItem:last-child {
20253
20566
  flex: none;
@@ -20267,7 +20580,7 @@ input[type=button].antd-Button--block {
20267
20580
  content: "";
20268
20581
  position: absolute;
20269
20582
  right: 0;
20270
- top: 2rem;
20583
+ top: 2.25rem;
20271
20584
  height: 9999px;
20272
20585
  left: 0.6875rem;
20273
20586
  width: 1px;
@@ -20362,18 +20675,20 @@ input[type=button].antd-Button--block {
20362
20675
  }
20363
20676
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title {
20364
20677
  padding: 0 0.625rem;
20678
+ bottom: 0.5625rem;
20365
20679
  width: 100%;
20366
20680
  }
20367
20681
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title > span {
20368
20682
  display: block;
20369
20683
  position: relative;
20370
- left: 0.625rem;
20684
+ left: 0.75rem;
20371
20685
  }
20372
20686
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title .antd-StepsItem-subTitle {
20373
20687
  word-break: break-all;
20374
20688
  padding: 0 0.625rem;
20375
20689
  position: relative;
20376
20690
  left: 0.625rem;
20691
+ bottom: 0.75rem;
20377
20692
  }
20378
20693
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title:after {
20379
20694
  display: none;
@@ -20381,7 +20696,8 @@ input[type=button].antd-Button--block {
20381
20696
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description {
20382
20697
  min-width: 12.5rem;
20383
20698
  word-break: break-all;
20384
- padding: 0 0.625rem;
20699
+ padding: 0 1.25rem;
20700
+ bottom: 2.75rem;
20385
20701
  }
20386
20702
  .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
20387
20703
  background-color: var(--Steps-line-success-bg);
@@ -20425,16 +20741,16 @@ input[type=button].antd-Button--block {
20425
20741
  color: var(--Steps-bg);
20426
20742
  border: 1px solid var(--Steps-bg);
20427
20743
  }
20744
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-title,
20745
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-subTitle,
20746
+ .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-description {
20747
+ color: var(--Steps-status-wait);
20748
+ }
20428
20749
  .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-icon {
20429
20750
  background-color: var(--Steps-status-error);
20430
20751
  color: var(--white);
20431
20752
  border: 1px solid var(--Steps-status-error);
20432
20753
  }
20433
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-title,
20434
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-subTitle,
20435
- .antd-Steps .antd-StepsItem.is-error .antd-StepsItem-description {
20436
- color: var(--Steps-status-error);
20437
- }
20438
20754
  .antd-Steps .antd-StepsItem.is-finish .antd-StepsItem-icon,
20439
20755
  .antd-Steps .antd-StepsItem.is-process .antd-StepsItem-icon {
20440
20756
  background-color: var(--Steps-status-success);
@@ -21095,6 +21411,11 @@ fieldset.antd-Collapse--lg:after {
21095
21411
  display: inline-flex;
21096
21412
  }
21097
21413
  }
21414
+ .antd-TextControl-input input {
21415
+ overflow: hidden;
21416
+ white-space: nowrap;
21417
+ text-overflow: ellipsis;
21418
+ }
21098
21419
  .antd-TextControl-placeholder {
21099
21420
  color: var(--Form-input-placeholderColor);
21100
21421
  -webkit-user-select: none;
@@ -21421,6 +21742,9 @@ input.antd-TextControl-input-password {
21421
21742
  display: inline-flex;
21422
21743
  }
21423
21744
  }
21745
+ .antd-TextareaControl > textarea.antd-TextareaControl-input--counter {
21746
+ padding-bottom: 23px;
21747
+ }
21424
21748
  .antd-TextareaControl > textarea {
21425
21749
  border: 1px solid var(--Form-input-borderColor);
21426
21750
  border-radius: var(--Form-input-borderRadius);
@@ -21455,19 +21779,19 @@ input.antd-TextControl-input-password {
21455
21779
  }
21456
21780
  .antd-TextareaControl-counter {
21457
21781
  position: absolute;
21458
- right: var(--Form-input-paddingX);
21459
- bottom: var(--Form-input-paddingY);
21782
+ left: 1px;
21783
+ bottom: 1px;
21784
+ right: var(--scrollbar-width);
21785
+ padding-bottom: var(--Form-input-paddingY);
21786
+ background-color: #fff;
21787
+ text-align: right;
21460
21788
  font-size: var(--fontSizeSm);
21461
- padding: 0 5px;
21462
21789
  border-radius: 3px;
21463
21790
  color: #84868c;
21464
21791
  }
21465
21792
  .antd-TextareaControl-counter.is-empty {
21466
21793
  color: #84868c;
21467
21794
  }
21468
- .antd-TextareaControl-counter.is-clearable {
21469
- right: calc( var(--Form-input-paddingX) + var(--Form-input-clearBtn-size) + var(--Form-input-clearBtn-padding) * 2 + 0.3125rem );
21470
- }
21471
21795
  .has-error--maxLength .antd-TextareaControl-counter {
21472
21796
  background: var(--danger);
21473
21797
  }
@@ -21481,7 +21805,7 @@ input.antd-TextControl-input-password {
21481
21805
  text-decoration: none;
21482
21806
  position: absolute;
21483
21807
  right: var(--Form-input-paddingX);
21484
- bottom: var(--Form-input-paddingY);
21808
+ top: var(--Form-input-paddingY);
21485
21809
  }
21486
21810
  .antd-TextareaControl-clear svg {
21487
21811
  fill: var(--Form-input-clearBtn-color);
@@ -21587,8 +21911,8 @@ input.antd-TextControl-input-password {
21587
21911
  border-radius: var(--Checkbox-borderRadius);
21588
21912
  margin-left: calc(var(--Checkbox-size) * -1);
21589
21913
  }
21590
- .antd-Checkbox--checkbox.antd-Checkbox:hover > i:before {
21591
- background: var(--Button--primary-onHover-bg);
21914
+ .antd-Checkbox--checkbox.antd-Checkbox:hover > input + i {
21915
+ border-color: var(--Button--primary-onHover-bg);
21592
21916
  }
21593
21917
  .antd-Checkbox--checkbox.antd-Checkbox:active > i:before {
21594
21918
  background: var(--Switch-checked-onHover-bgColor);
@@ -21598,6 +21922,7 @@ input.antd-TextControl-input-password {
21598
21922
  }
21599
21923
  .antd-Checkbox--full.antd-Checkbox--checkbox:hover input:checked + i {
21600
21924
  background: var(--Button--primary-onHover-bg);
21925
+ border-color: transparent;
21601
21926
  }
21602
21927
  .antd-Checkbox--full.antd-Checkbox--checkbox:hover input:checked + i:before {
21603
21928
  background: var(--Button--primary-onHover-bg);
@@ -21693,6 +22018,10 @@ input.antd-TextControl-input-password {
21693
22018
  .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
21694
22019
  color: var(--Checkbox-onHover-color);
21695
22020
  border-color: var(--Checkbox-onHover-color);
22021
+ box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
22022
+ }
22023
+ .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled):first-child {
22024
+ box-shadow: none;
21696
22025
  }
21697
22026
  .antd-Checkbox--button.antd-Checkbox--checkbox:hover input:checked + i {
21698
22027
  background: transparent;
@@ -21755,14 +22084,20 @@ input.antd-TextControl-input-password {
21755
22084
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button {
21756
22085
  border-color: var(--Checkbox-onHover-color);
21757
22086
  color: var(--Checkbox-onHover-color);
22087
+ box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
22088
+ }
22089
+ .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:first-child {
22090
+ box-shadow: none;
21758
22091
  }
21759
22092
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:hover {
21760
22093
  border-color: var(--menu-active-color);
21761
22094
  color: var(--menu-active-color);
22095
+ box-shadow: -1px 0 0 0 var(--menu-active-color);
21762
22096
  }
21763
22097
  .antd-Checkbox--button--checked.antd-Checkbox--checkbox.antd-Checkbox--button:active {
21764
22098
  border-color: var(--Switch-checked-onHover-bgColor);
21765
22099
  color: var(--Switch-checked-onHover-bgColor);
22100
+ box-shadow: -1px 0 0 0 var(--Switch-checked-onHover-bgColor);
21766
22101
  }
21767
22102
  .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox {
21768
22103
  background: var(--Checkbox-disabled-unchecked-bg);
@@ -21936,6 +22271,7 @@ input.antd-TextControl-input-password {
21936
22271
  padding: var(--gap-xs) 0;
21937
22272
  }
21938
22273
  .antd-GroupedSelection-group > .antd-GroupedSelection-itemLabel {
22274
+ height: 2rem;
21939
22275
  padding: var(--gap-xs) var(--gap-base);
21940
22276
  color: var(--FileControl-icon-color);
21941
22277
  }
@@ -22420,6 +22756,9 @@ input.antd-TextControl-input-password {
22420
22756
  .antd-Number:hover {
22421
22757
  border-color: var(--Form-input-onFocused-borderColor);
22422
22758
  }
22759
+ .antd-Number:hover .antd-Number-handler-wrap {
22760
+ display: block;
22761
+ }
22423
22762
  .antd-Number-disabled:hover {
22424
22763
  border-color: var(--Form-input-onDisabled-borderColor);
22425
22764
  }
@@ -22466,6 +22805,7 @@ input.antd-TextControl-input-password {
22466
22805
  content: var(--Number-handler--down-content);
22467
22806
  }
22468
22807
  .antd-Number-handler-wrap {
22808
+ display: none;
22469
22809
  float: right;
22470
22810
  border-left: 0.0625rem solid var(--Form-input-borderColor);
22471
22811
  width: var(--Number-handler-width);
@@ -22654,11 +22994,14 @@ input.antd-TextControl-input-password {
22654
22994
  }
22655
22995
  .antd-Select:hover {
22656
22996
  background: var(--Form-select-onHover-bg);
22657
- border-color: var(--Form-select-onHover-borderColor);
22997
+ border-color: var(--Form-input-onHover-borderColor);
22658
22998
  }
22659
22999
  .antd-Select:hover .antd-Select-arrow:before {
22660
23000
  color: var(--Form-select-caret-onHover-iconColor);
22661
23001
  }
23002
+ .antd-Select:active {
23003
+ border-color: var(--Button--default-onActive-border);
23004
+ }
22662
23005
  .antd-Select.is-disabled {
22663
23006
  color: var(--text--muted-color);
22664
23007
  background: var(--Form-input-onDisabled-bg);
@@ -22667,6 +23010,9 @@ input.antd-TextControl-input-password {
22667
23010
  .antd-Select:focus {
22668
23011
  box-shadow: var(--Form-select-onFocus-boxShadow);
22669
23012
  }
23013
+ .antd-Select .antd-PopOver.antd-Select-popover {
23014
+ margin-top: 0.25rem;
23015
+ }
22670
23016
  .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu {
22671
23017
  overflow-x: hidden;
22672
23018
  }
@@ -22904,6 +23250,7 @@ input.antd-TextControl-input-password {
22904
23250
  text-overflow: ellipsis;
22905
23251
  overflow: hidden;
22906
23252
  white-space: nowrap;
23253
+ width: 100%;
22907
23254
  }
22908
23255
  .antd-Select-option.is-active {
22909
23256
  color: var(--Form-select-menu-onActive-color);
@@ -23058,6 +23405,29 @@ input.antd-TextControl-input-password {
23058
23405
  border-color: var(--Form-input-onError-borderColor);
23059
23406
  background: var(--Form-input-onError-bg);
23060
23407
  }
23408
+ .antd-SelectControl .antd-TransferDropDown-popover {
23409
+ border: none;
23410
+ }
23411
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:hover,
23412
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:hover {
23413
+ background-color: transparent;
23414
+ }
23415
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:hover .antd-Tree-itemText,
23416
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:hover .antd-Tree-itemText {
23417
+ background: var(--Transfer-title-bg);
23418
+ }
23419
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:active,
23420
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:active {
23421
+ background-color: transparent;
23422
+ }
23423
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel:active .antd-Tree-itemText,
23424
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf:active .antd-Tree-itemText {
23425
+ background: var(--Tree-item-onChekced-bg);
23426
+ }
23427
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-itemLabel.is-checked,
23428
+ .antd-SelectControl .antd-TransferDropDown-popover .antd-Tree-list .antd-Tree-item .antd-Tree-item--isLeaf.is-checked {
23429
+ background-color: transparent;
23430
+ }
23061
23431
  .antd-Select.is-error {
23062
23432
  border-color: var(--Form-input-onError-borderColor);
23063
23433
  background: var(--Form-input-onError-bg);
@@ -23528,6 +23898,15 @@ input.antd-TextControl-input-password {
23528
23898
  outline: none;
23529
23899
  box-sizing: none;
23530
23900
  }
23901
+ .antd-DatePicker-input::-moz-placeholder {
23902
+ color: #b8babf;
23903
+ }
23904
+ .antd-DatePicker-input:-ms-input-placeholder {
23905
+ color: #b8babf;
23906
+ }
23907
+ .antd-DatePicker-input::placeholder {
23908
+ color: #b8babf;
23909
+ }
23531
23910
  .antd-DatePicker .antd-DatePicker-clear {
23532
23911
  display: none;
23533
23912
  }
@@ -23552,7 +23931,7 @@ input.antd-TextControl-input-password {
23552
23931
  .antd-DatePicker:not(.is-disabled):hover .antd-DatePicker-clear + .antd-DatePicker-toggler {
23553
23932
  display: none;
23554
23933
  }
23555
- .antd-DatePicker.is-focused {
23934
+ .antd-DatePicker:not(.is-disabled).is-focused {
23556
23935
  border-color: var(--DatePicker-onFocused-borderColor);
23557
23936
  box-shadow: var(--Form-input-boxShadow);
23558
23937
  }
@@ -23750,13 +24129,16 @@ input.antd-TextControl-input-password {
23750
24129
  .rdt .rdtPicker .rdtTimeToggle {
23751
24130
  background: var(--Calendar-cell-bg);
23752
24131
  }
23753
- .rdt .rdtPicker td.rdtDay:hover,
23754
- .rdt .rdtPicker td.rdtHour:hover,
23755
- .rdt .rdtPicker td.rdtMinute:hover,
23756
- .rdt .rdtPicker td.rdtSecond:hover,
23757
- .rdt .rdtPicker .rdtTimeToggle:hover {
24132
+ .rdt .rdtPicker td.rdtDay:hover span,
24133
+ .rdt .rdtPicker td.rdtHour:hover span,
24134
+ .rdt .rdtPicker td.rdtMinute:hover span,
24135
+ .rdt .rdtPicker td.rdtSecond:hover span,
24136
+ .rdt .rdtPicker .rdtTimeToggle:hover span {
23758
24137
  background: var(--Calendar-cell-onHover-bg);
23759
24138
  }
24139
+ .rdt .rdtPicker td.rdtToday:hover span {
24140
+ background: transparent;
24141
+ }
23760
24142
  .rdt .rdtPicker td.rdtBetween {
23761
24143
  background: var(--Calendar-cell-onBetween-bg);
23762
24144
  }
@@ -23779,10 +24161,8 @@ input.antd-TextControl-input-password {
23779
24161
  color: #151b26;
23780
24162
  }
23781
24163
  .rdt .rdtPicker .rdtActive.rdtToday > span {
23782
- background: transparent;
23783
24164
  border-color: #144bcc;
23784
24165
  }
23785
- .rdt .rdtPicker td.rdtDisabled > span,
23786
24166
  .rdt .rdtPicker td.rdtDisabled:hover > span {
23787
24167
  background: var(--Calendar-cell-onDisabled-bg);
23788
24168
  }
@@ -23811,11 +24191,19 @@ input.antd-TextControl-input-password {
23811
24191
  padding: var(--gap-sm);
23812
24192
  border-top: 1px solid var(--Calendar-input-borderColor);
23813
24193
  }
24194
+ .antd-CalendarTimesWrapper {
24195
+ display: flex;
24196
+ flex-direction: column;
24197
+ height: 100%;
24198
+ }
24199
+ .antd-CalendarTimesWrapper .antd-CalendarInputsWrapper {
24200
+ height: 15.5rem;
24201
+ }
23814
24202
  .antd-CalendarInputWrapper {
23815
24203
  display: inline-block;
23816
24204
  position: relative;
23817
24205
  width: 4rem;
23818
- height: 14rem;
24206
+ height: 15.5rem;
23819
24207
  overflow: auto;
23820
24208
  }
23821
24209
  .antd-CalendarInputWrapper .antd-CalendarInput-sugs {
@@ -23828,10 +24216,10 @@ input.antd-TextControl-input-password {
23828
24216
  z-index: 10;
23829
24217
  }
23830
24218
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsHours {
23831
- height: 54.25rem;
24219
+ height: 55.75rem;
23832
24220
  }
23833
24221
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsTimes {
23834
- height: 117.25rem;
24222
+ height: 118.75rem;
23835
24223
  border-left: 1px solid var(--Calendar-input-borderColor);
23836
24224
  }
23837
24225
  .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem {
@@ -23839,10 +24227,17 @@ input.antd-TextControl-input-password {
23839
24227
  height: 28px;
23840
24228
  line-height: 28px;
23841
24229
  }
23842
- .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem.is-highlight, .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:hover {
24230
+ .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem.is-highlight {
23843
24231
  color: var(--Form-select-menu-onHover-color);
23844
24232
  background: var(--Form-select-menu-onHover-bg);
23845
24233
  }
24234
+ .antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:hover {
24235
+ color: var(--Form-select-menu-onHover-color);
24236
+ background: #F7F7F9;
24237
+ }
24238
+ .antd-TimeContentWrapper {
24239
+ display: flex;
24240
+ }
23846
24241
  .antd-TimeRangeHeaderWrapper {
23847
24242
  height: 40px;
23848
24243
  padding-top: 10px;
@@ -23855,6 +24250,7 @@ input.antd-TextControl-input-password {
23855
24250
  justify-content: space-between;
23856
24251
  align-items: center;
23857
24252
  padding: 0 12px;
24253
+ border-top: 1px solid var(--Calendar-input-borderColor);
23858
24254
  }
23859
24255
  .antd-TimeFooterWrapper .antd-Button {
23860
24256
  height: 24px;
@@ -24027,7 +24423,6 @@ input.antd-TextControl-input-password {
24027
24423
  display: table;
24028
24424
  table-layout: fixed;
24029
24425
  border-collapse: separate;
24030
- border-bottom: 1px solid var(--Calendar-input-borderColor);
24031
24426
  height: 40px;
24032
24427
  width: 100%;
24033
24428
  margin-top: -8px;
@@ -24040,6 +24435,25 @@ input.antd-TextControl-input-password {
24040
24435
  .rdtHeader .rdtSwitch + .rdtSwitch {
24041
24436
  margin-left: var(--gap-xs);
24042
24437
  }
24438
+ .rdtHeader .date-icon-arrow-left,
24439
+ .rdtHeader .date-icon-arrow {
24440
+ width: 0.625rem;
24441
+ height: 0.625rem;
24442
+ top: 0;
24443
+ }
24444
+ .rdtHeader .date-icon-arrow-left {
24445
+ transform: rotate(180deg);
24446
+ transform-origin: 50% 50%;
24447
+ }
24448
+ .header-line {
24449
+ display: block;
24450
+ position: absolute;
24451
+ right: 0;
24452
+ left: 0;
24453
+ top: 40px;
24454
+ height: 1px;
24455
+ background: var(--Calendar-input-borderColor);
24456
+ }
24043
24457
  td.rdtMonth > span,
24044
24458
  td.rdtYear > span,
24045
24459
  td.rdtQuarter > span {
@@ -24050,20 +24464,27 @@ td.rdtYear.rdtBetween,
24050
24464
  td.rdtQuarter.rdtBetween {
24051
24465
  background: var(--Calendar-cell-onBetween-bg);
24052
24466
  }
24053
- td.rdtMonth:hover, td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
24467
+ td.rdtMonth:hover,
24054
24468
  td.rdtYear:hover,
24469
+ td.rdtQuarter:hover {
24470
+ background: transparent;
24471
+ }
24472
+ td.rdtMonth:hover > span,
24473
+ td.rdtYear:hover > span,
24474
+ td.rdtQuarter:hover > span {
24475
+ color: var(--Form-select-menu-onHover-color);
24476
+ background: #F7F7F9;
24477
+ }
24478
+ td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
24055
24479
  td.rdtYear.rdtActive,
24056
24480
  td.rdtYear.rdtActive:hover,
24057
- td.rdtQuarter:hover,
24058
24481
  td.rdtQuarter.rdtActive,
24059
24482
  td.rdtQuarter.rdtActive:hover {
24060
24483
  background: transparent;
24061
24484
  }
24062
- td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
24063
- td.rdtYear:hover > span,
24485
+ td.rdtMonth.rdtActive > span, td.rdtMonth.rdtActive:hover > span,
24064
24486
  td.rdtYear.rdtActive > span,
24065
24487
  td.rdtYear.rdtActive:hover > span,
24066
- td.rdtQuarter:hover > span,
24067
24488
  td.rdtQuarter.rdtActive > span,
24068
24489
  td.rdtQuarter.rdtActive:hover > span {
24069
24490
  background: var(--info) !important;
@@ -24077,10 +24498,23 @@ td.rdtQuarter.rdtDisabled:hover {
24077
24498
  background: var(--Calendar-cell-onDisabled-bg);
24078
24499
  color: #b8babf;
24079
24500
  }
24080
- .antd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
24501
+ .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
24081
24502
  background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%);
24082
24503
  }
24083
- .antd-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
24504
+ .rdt .rdtPicker td.is-disabled {
24505
+ cursor: not-allowed !important;
24506
+ background: var(--Calendar-cell-onDisabled-bg);
24507
+ color: var(--text--muted-color);
24508
+ }
24509
+ .rdt .rdtPicker td.is-disabled:hover {
24510
+ background: var(--Calendar-cell-onDisabled-bg);
24511
+ color: var(--text--muted-color);
24512
+ }
24513
+ .rdt .rdtPicker td.is-disabled:hover > span {
24514
+ background: inherit !important;
24515
+ color: inherit !important;
24516
+ }
24517
+ .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
24084
24518
  background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%);
24085
24519
  }
24086
24520
  .antd-DateCalendar {
@@ -24095,7 +24529,7 @@ td.rdtQuarter.rdtDisabled:hover {
24095
24529
  flex-wrap: nowrap;
24096
24530
  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
24097
24531
  font-size: var(--DatePicker-fontSize);
24098
- padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
24532
+ padding: 0 var(--DatePicker-paddingX);
24099
24533
  height: var(--DatePicker-height);
24100
24534
  outline: none;
24101
24535
  border-radius: var(--DatePicker-borderRadius);
@@ -24113,9 +24547,6 @@ td.rdtQuarter.rdtDisabled:hover {
24113
24547
  .antd-DateRangePicker .antd-DateRangePicker-clear {
24114
24548
  display: none;
24115
24549
  }
24116
- .antd-DateRangePicker:not(.is-disabled) {
24117
- cursor: pointer;
24118
- }
24119
24550
  .antd-DateRangePicker:not(.is-disabled):hover {
24120
24551
  background: var(--DatePicker-onHover-bg);
24121
24552
  border-color: var(--DatePicker-onHover-borderColor);
@@ -24126,24 +24557,41 @@ td.rdtQuarter.rdtDisabled:hover {
24126
24557
  .antd-DateRangePicker:not(.is-disabled):hover .antd-DateRangePicker-clear + .antd-DateRangePicker-toggler {
24127
24558
  display: none;
24128
24559
  }
24129
- .antd-DateRangePicker.is-focused {
24560
+ .antd-DateRangePicker:not(.is-disabled).is-focused {
24130
24561
  border-color: var(--DatePicker-onFocused-borderColor);
24131
24562
  box-shadow: var(--Form-input-boxShadow);
24132
24563
  }
24133
24564
  .antd-DateRangePicker .antd-DateRangePicker-input {
24134
24565
  border: none;
24135
- border-bottom: 1px solid transparent;
24566
+ border-bottom: 2px solid transparent;
24136
24567
  outline: none;
24137
24568
  padding: 0;
24138
24569
  background: 0;
24139
24570
  flex: 1;
24140
24571
  width: 50%;
24572
+ line-height: 1.875rem;
24573
+ }
24574
+ .antd-DateRangePicker .antd-DateRangePicker-input::-moz-placeholder {
24575
+ color: #b8babf;
24576
+ }
24577
+ .antd-DateRangePicker .antd-DateRangePicker-input:-ms-input-placeholder {
24578
+ color: #b8babf;
24579
+ }
24580
+ .antd-DateRangePicker .antd-DateRangePicker-input::placeholder {
24581
+ color: #b8babf;
24141
24582
  }
24142
24583
  .antd-DateRangePicker .antd-DateRangePicker-input.isActive {
24143
- border-bottom: 1px solid var(--DatePicker-onFocused-borderColor);
24584
+ border-bottom: 2px solid var(--Form-input-onHover-borderColor);
24144
24585
  }
24145
24586
  .antd-DateRangePicker .antd-DateRangePicker-input-separator {
24146
24587
  margin: 0 var(--gap-sm);
24588
+ display: flex;
24589
+ align-items: center;
24590
+ }
24591
+ .antd-DateRangePicker .antd-DateRangePicker-input-separator-line {
24592
+ width: var(--gap-sm);
24593
+ height: 1px;
24594
+ background: #B8BABF;
24147
24595
  }
24148
24596
  .antd-DateRangePicker.is-disabled {
24149
24597
  background: #e5e7eb;
@@ -24214,10 +24662,13 @@ td.rdtQuarter.rdtDisabled:hover {
24214
24662
  width: auto;
24215
24663
  padding: 0;
24216
24664
  }
24665
+ .antd-DateRangePicker-picker-wrap {
24666
+ display: flex;
24667
+ }
24217
24668
  .antd-DateRangePicker-start,
24218
24669
  .antd-DateRangePicker-end {
24219
- display: inline-block;
24220
- vertical-align: top;
24670
+ display: flex;
24671
+ flex: 1;
24221
24672
  }
24222
24673
  .antd-DateRangePicker-start .rdtPicker,
24223
24674
  .antd-DateRangePicker-end .rdtPicker {
@@ -25244,6 +25695,7 @@ td.rdtQuarter.rdtDisabled:hover {
25244
25695
  }
25245
25696
  .antd-Tree-itemLabel {
25246
25697
  display: flex;
25698
+ flex-direction: row;
25247
25699
  align-items: center;
25248
25700
  position: relative;
25249
25701
  -webkit-user-select: none;
@@ -25261,13 +25713,26 @@ td.rdtQuarter.rdtDisabled:hover {
25261
25713
  display: inline-flex;
25262
25714
  align-self: center;
25263
25715
  }
25264
- .antd-Tree-itemLabel:hover {
25265
- background: var(--Tree-item-onHover-bg-pure);
25716
+ .antd-Tree-itemLabel-item {
25717
+ padding-left: var(--Tree-item-arrow-padding-left);
25718
+ display: inline-block;
25719
+ width: 100%;
25720
+ }
25721
+ .antd-Tree-itemLabel:hover .antd-Tree-itemLabel-item {
25722
+ background-color: var(--Tree-item-onHover-bg-pure);
25723
+ }
25724
+ .antd-Tree-itemLabel:hover .antd-Tree-item-icons {
25725
+ visibility: visible;
25266
25726
  }
25267
25727
  .antd-Tree-item .is-checked {
25268
- background: var(--Tree-item-onChekced-bg);
25269
25728
  border-radius: var(--Tree-item-onChekced-bg-borderRadius);
25270
25729
  }
25730
+ .antd-Tree-item .is-checked .antd-Tree-itemLabel-item {
25731
+ background-color: var(--Tree-item-onChekced-bg);
25732
+ }
25733
+ .antd-Tree-item .is-checked .antd-Tree-item-icons {
25734
+ visibility: visible;
25735
+ }
25271
25736
  .antd-Tree-item .is-disabled {
25272
25737
  color: var(--text--muted-color);
25273
25738
  background: none;
@@ -25378,6 +25843,7 @@ td.rdtQuarter.rdtDisabled:hover {
25378
25843
  display: block;
25379
25844
  transition: transform var(--animation-duration);
25380
25845
  top: 0;
25846
+ color: var(--Tree-item-arrow-color);
25381
25847
  }
25382
25848
  .antd-Tree-itemArrow.is-folded > svg {
25383
25849
  transform: rotate(-90deg);
@@ -25395,7 +25861,7 @@ td.rdtQuarter.rdtDisabled:hover {
25395
25861
  }
25396
25862
  .antd-Tree-itemIcon {
25397
25863
  display: inline-flex;
25398
- margin-right: var(--Tree-icon-gap);
25864
+ margin-right: var(--Tree-icon-margin-right);
25399
25865
  }
25400
25866
  .antd-Tree-rootIcon > svg, .antd-Tree-folderIcon > svg, .antd-Tree-leafIcon > svg {
25401
25867
  top: 0;
@@ -25405,8 +25871,15 @@ td.rdtQuarter.rdtDisabled:hover {
25405
25871
  .antd-Tree-itemText {
25406
25872
  cursor: pointer;
25407
25873
  flex: 1 auto;
25874
+ display: inline-block;
25408
25875
  color: var(--Form-input-color);
25409
25876
  line-height: var(--lineHeightBase);
25877
+ max-width: var(--Tree-item-text-max-height);
25878
+ overflow: hidden;
25879
+ text-overflow: ellipsis;
25880
+ white-space: nowrap;
25881
+ position: relative;
25882
+ top: var(--Tree-item-text-top);
25410
25883
  }
25411
25884
  .is-disabled .antd-Tree-itemText {
25412
25885
  color: var(--text--muted-color);
@@ -26090,10 +26563,13 @@ td.rdtQuarter.rdtDisabled:hover {
26090
26563
  user-select: none;
26091
26564
  position: absolute;
26092
26565
  line-height: var(--Form-input-lineHeight);
26566
+ padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
26093
26567
  }
26094
26568
  .antd-Picker-input {
26095
26569
  min-height: var(--Form-input-height);
26096
26570
  height: auto;
26571
+ padding: 0;
26572
+ flex-wrap: nowrap;
26097
26573
  }
26098
26574
  .antd-Picker .antd-Picker-values {
26099
26575
  display: inline;
@@ -26101,6 +26577,7 @@ td.rdtQuarter.rdtDisabled:hover {
26101
26577
  .antd-Picker-valueWrap {
26102
26578
  flex-grow: 1;
26103
26579
  position: relative;
26580
+ padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
26104
26581
  }
26105
26582
  .antd-Picker-valueWrap > input {
26106
26583
  width: 1rem;
@@ -26142,6 +26619,10 @@ td.rdtQuarter.rdtDisabled:hover {
26142
26619
  .antd-Picker-btn {
26143
26620
  cursor: pointer;
26144
26621
  color: var(--Picker-iconColor);
26622
+ flex: 30px 0 0;
26623
+ display: flex;
26624
+ align-items: center;
26625
+ justify-content: center;
26145
26626
  }
26146
26627
  .antd-Picker-btn:hover {
26147
26628
  color: var(--Picker-onHover-iconColor);
@@ -26331,8 +26812,8 @@ td.rdtQuarter.rdtDisabled:hover {
26331
26812
  width: 50%;
26332
26813
  }
26333
26814
  .antd-Rating-text {
26334
- font-size: var(--fontSizeSm);
26335
- color: var(--text-color);
26815
+ font-size: var(--fontSizeMd);
26816
+ color: var(--Rating-text-color);
26336
26817
  font-weight: var(--fontWeightNormal);
26337
26818
  }
26338
26819
  .antd-Rating-text--left {
@@ -26394,6 +26875,7 @@ td.rdtQuarter.rdtDisabled:hover {
26394
26875
  max-height: 100%;
26395
26876
  overflow: auto;
26396
26877
  position: relative;
26878
+ padding: 0;
26397
26879
  }
26398
26880
  .antd-Transfer-select > .antd-ChainedSelection {
26399
26881
  min-height: unset;
@@ -26417,9 +26899,6 @@ td.rdtQuarter.rdtDisabled:hover {
26417
26899
  .antd-Transfer-select {
26418
26900
  overflow: hidden;
26419
26901
  }
26420
- .antd-Transfer-search + .antd-Transfer-selection {
26421
- border-top: 1px solid var(--borderColor);
26422
- }
26423
26902
  .antd-Transfer-selection .antd-ListSelection-placeholder {
26424
26903
  height: 100%;
26425
26904
  display: flex;
@@ -26606,6 +27085,11 @@ td.rdtQuarter.rdtDisabled:hover {
26606
27085
  .antd-NestedSelectControl {
26607
27086
  position: relative;
26608
27087
  }
27088
+ .antd-NestedSelectControl .antd-NestedSelect-menu {
27089
+ padding-top: 0.25rem;
27090
+ padding-bottom: 0.25rem;
27091
+ box-shadow: 0 0.125rem 0.5rem 0 rgba(7, 12, 20, 0.12);
27092
+ }
26609
27093
  .antd-NestedSelect {
26610
27094
  position: relative;
26611
27095
  }
@@ -27051,7 +27535,7 @@ td.rdtQuarter.rdtDisabled:hover {
27051
27535
  }
27052
27536
  .antd-Form-label {
27053
27537
  font-weight: var(--fontWeightNormal);
27054
- margin-bottom: var(--gap-xs);
27538
+ margin-bottom: var(--gap-sm);
27055
27539
  position: relative;
27056
27540
  font-size: var(--Form-item-fontSize);
27057
27541
  color: var(--Form-item-fontColor);
@@ -27138,6 +27622,9 @@ td.rdtQuarter.rdtDisabled:hover {
27138
27622
  .antd-Form-item.is-error > .antd-Form-label {
27139
27623
  color: var(--danger);
27140
27624
  }
27625
+ .antd-Form-item .antd-Form-control--withSize > .antd-ResultBox {
27626
+ display: flex;
27627
+ }
27141
27628
  .antd-Form-placeholder {
27142
27629
  color: var(--Form-input-placeholderColor);
27143
27630
  }
@@ -27936,7 +28423,7 @@ td.rdtQuarter.rdtDisabled:hover {
27936
28423
  margin: 0;
27937
28424
  padding: 0;
27938
28425
  width: var(--Tabs--vertical-width);
27939
- border-right: var(--AnchorNav-links-container-borderRight);
28426
+ border-left: var(--AnchorNav-links-container-borderRight);
27940
28427
  padding-bottom: 3.75rem;
27941
28428
  }
27942
28429
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link {
@@ -27948,21 +28435,35 @@ td.rdtQuarter.rdtDisabled:hover {
27948
28435
  border: var(--Tabs-borderWidth) solid transparent;
27949
28436
  border-width: var(--AnchorNav-onActive-borderWidth);
27950
28437
  color: var(--Tabs-color);
27951
- padding: var(--Tabs-linkPadding);
27952
- font-size: var(--Tabs-linkFontSize);
28438
+ padding: 0 var(--gap-sm);
28439
+ padding-left: 0.625rem;
28440
+ font-size: var(--fontSizeSm);
27953
28441
  outline: none;
27954
- text-align: right;
28442
+ text-align: left;
27955
28443
  text-decoration: none;
27956
28444
  cursor: pointer;
27957
28445
  margin: 0;
28446
+ margin-left: -0.125rem;
28447
+ height: 2rem;
28448
+ line-height: 2rem;
27958
28449
  }
27959
28450
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:hover {
27960
28451
  color: var(--primary);
27961
28452
  }
27962
- .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a,
28453
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link > a:active {
28454
+ color: #144bcc;
28455
+ }
28456
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a {
28457
+ color: var(--primary);
28458
+ border-color: var(--primary);
28459
+ }
27963
28460
  .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:hover {
27964
- color: var(--Tabs--vertical-onActive-color);
27965
- border-color: var(--Tabs--vertical-onActive-border);
28461
+ color: #528EFF;
28462
+ border-color: #528EFF;
28463
+ }
28464
+ .antd-AnchorNav--vertical .antd-AnchorNav-link-wrap > .antd-AnchorNav-link.is-active > a:active {
28465
+ color: #144bcc;
28466
+ border-color: #144bcc;
27966
28467
  }
27967
28468
  .antd-AnchorNav--horizontal {
27968
28469
  flex-direction: column;
@@ -28692,6 +29193,9 @@ td.rdtQuarter.rdtDisabled:hover {
28692
29193
  top: var(--TimelineItem--left-line-top);
28693
29194
  background-color: var(--TimelineItem--line-bg);
28694
29195
  }
29196
+ .antd-Timeline-vertical .antd-TimelineItem-axle .antd-TimelineItem-line-icon {
29197
+ left: var(--TimelineItem--icon-left-line-left);
29198
+ }
28695
29199
  .antd-Timeline-vertical .antd-TimelineItem-axle .antd-TimelineItem-round {
28696
29200
  position: absolute;
28697
29201
  width: var(--TimelineItem--round-width);
@@ -28730,10 +29234,17 @@ td.rdtQuarter.rdtDisabled:hover {
28730
29234
  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
28731
29235
  }
28732
29236
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title {
29237
+ display: flex;
28733
29238
  color: var(--TimelineItem--text-primary-color);
28734
29239
  font-size: var(--Timeline--font-size);
28735
29240
  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
28736
29241
  }
29242
+ .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title .antd-PlainField {
29243
+ padding-right: var(--TimelineItem-custem-time-padding-right);
29244
+ }
29245
+ .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-title .antd-Button {
29246
+ margin-left: var(--TimelineItem-custem-button-margin-left);
29247
+ }
28737
29248
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-button {
28738
29249
  display: flex;
28739
29250
  cursor: pointer;
@@ -28751,6 +29262,7 @@ td.rdtQuarter.rdtDisabled:hover {
28751
29262
  }
28752
29263
  .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
28753
29264
  display: block;
29265
+ border-radius: var(--Timeline-visible-border-radius);
28754
29266
  max-width: var(--TimelineItem-detail-visible-max-width);
28755
29267
  font-size: var(--Timeline--font-size);
28756
29268
  padding: var(--TimelineItem-detail-visible-padding);
@@ -28792,7 +29304,7 @@ td.rdtQuarter.rdtDisabled:hover {
28792
29304
  position: absolute;
28793
29305
  height: var(--TimelineItem--left-line-width);
28794
29306
  width: calc(100% - var(--TimelineItem--left-line-left));
28795
- left: var(--TimelineItem--left-line-top);
29307
+ left: var(--TimelineItem--horizontal-left-line-top);
28796
29308
  top: var(--TimelineItem--left-line-left);
28797
29309
  background-color: var(--TimelineItem--line-bg);
28798
29310
  }
@@ -28825,6 +29337,7 @@ td.rdtQuarter.rdtDisabled:hover {
28825
29337
  border-radius: var(--TimelineItem--icon-radius);
28826
29338
  }
28827
29339
  .antd-Timeline-horizontal .antd-TimelineItem-content {
29340
+ margin-top: var(--Timeline-horizontal-content-margin-top);
28828
29341
  padding-bottom: var(--TimelineItem--content-padding-bottom);
28829
29342
  margin-left: var(--TimelineItem--content-margin-left);
28830
29343
  }
@@ -28855,6 +29368,7 @@ td.rdtQuarter.rdtDisabled:hover {
28855
29368
  }
28856
29369
  .antd-Timeline-horizontal .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
28857
29370
  display: block;
29371
+ border-radius: var(--Timeline-visible-border-radius);
28858
29372
  max-width: var(--TimelineItem-detail-visible-max-width);
28859
29373
  font-size: var(--Timeline--font-size);
28860
29374
  padding: var(--TimelineItem-detail-visible-padding);