amis 2.4.0 → 2.5.0-rc.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (545) hide show
  1. package/esm/Schema.d.ts +17 -17
  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 +3 -48
  6. package/esm/renderers/Action.js +8 -4
  7. package/esm/renderers/Alert.js +1 -1
  8. package/esm/renderers/AnchorNav.d.ts +1 -1
  9. package/esm/renderers/AnchorNav.js +1 -1
  10. package/esm/renderers/App.js +15 -4
  11. package/esm/renderers/Audio.js +1 -1
  12. package/esm/renderers/Avatar.js +1 -1
  13. package/esm/renderers/BarCode.js +1 -1
  14. package/esm/renderers/Breadcrumb.d.ts +4 -4
  15. package/esm/renderers/Breadcrumb.js +1 -1
  16. package/esm/renderers/ButtonGroup.js +1 -1
  17. package/esm/renderers/CRUD.d.ts +9 -7
  18. package/esm/renderers/CRUD.js +22 -9
  19. package/esm/renderers/CRUD2.d.ts +5 -5
  20. package/esm/renderers/CRUD2.js +1 -1
  21. package/esm/renderers/Calendar.js +1 -1
  22. package/esm/renderers/Card.d.ts +1 -1
  23. package/esm/renderers/Card.js +1 -1
  24. package/esm/renderers/Card2.js +1 -1
  25. package/esm/renderers/Cards.d.ts +2 -2
  26. package/esm/renderers/Cards.js +1 -1
  27. package/esm/renderers/Carousel.js +1 -1
  28. package/esm/renderers/Chart.d.ts +17 -3
  29. package/esm/renderers/Chart.js +108 -29
  30. package/esm/renderers/Code.d.ts +3 -3
  31. package/esm/renderers/Code.js +1 -1
  32. package/esm/renderers/Collapse.js +1 -1
  33. package/esm/renderers/CollapseGroup.js +1 -1
  34. package/esm/renderers/Color.js +1 -1
  35. package/esm/renderers/Container.js +1 -1
  36. package/esm/renderers/Copyable.d.ts +1 -1
  37. package/esm/renderers/Copyable.js +1 -1
  38. package/esm/renderers/Custom.js +1 -1
  39. package/esm/renderers/Date.js +1 -1
  40. package/esm/renderers/DateRange.js +1 -1
  41. package/esm/renderers/Dialog.d.ts +9 -1201
  42. package/esm/renderers/Dialog.js +1 -1
  43. package/esm/renderers/Divider.js +1 -1
  44. package/esm/renderers/Drawer.d.ts +1 -1
  45. package/esm/renderers/Drawer.js +1 -1
  46. package/esm/renderers/DropDownButton.d.ts +1 -1
  47. package/esm/renderers/DropDownButton.js +1 -1
  48. package/esm/renderers/Each.js +1 -1
  49. package/esm/renderers/Flex.js +1 -1
  50. package/esm/renderers/Form/ButtonGroupSelect.js +1 -1
  51. package/esm/renderers/Form/ButtonToolbar.js +1 -1
  52. package/esm/renderers/Form/ChainedSelect.js +1 -1
  53. package/esm/renderers/Form/ChartRadios.js +1 -1
  54. package/esm/renderers/Form/Checkbox.js +1 -1
  55. package/esm/renderers/Form/Checkboxes.js +1 -1
  56. package/esm/renderers/Form/Combo.d.ts +10 -5
  57. package/esm/renderers/Form/Combo.js +119 -92
  58. package/esm/renderers/Form/ConditionBuilder.js +1 -1
  59. package/esm/renderers/Form/Control.js +1 -1
  60. package/esm/renderers/Form/DiffEditor.d.ts +3 -3
  61. package/esm/renderers/Form/DiffEditor.js +1 -1
  62. package/esm/renderers/Form/Editor.d.ts +3 -3
  63. package/esm/renderers/Form/Editor.js +1 -1
  64. package/esm/renderers/Form/FieldSet.js +1 -1
  65. package/esm/renderers/Form/Formula.js +1 -1
  66. package/esm/renderers/Form/Group.d.ts +1 -1
  67. package/esm/renderers/Form/Group.js +4 -3
  68. package/esm/renderers/Form/Hidden.js +1 -1
  69. package/esm/renderers/Form/IconPicker.js +1 -1
  70. package/esm/renderers/Form/IconPickerIcons.js +1 -1
  71. package/esm/renderers/Form/IconSelect.js +1 -1
  72. package/esm/renderers/Form/IconSelectStore.d.ts +1 -1
  73. package/esm/renderers/Form/IconSelectStore.js +1 -1
  74. package/esm/renderers/Form/InputArray.d.ts +4 -0
  75. package/esm/renderers/Form/InputArray.js +11 -3
  76. package/esm/renderers/Form/InputCity.d.ts +2 -560
  77. package/esm/renderers/Form/InputCity.js +2 -9
  78. package/esm/renderers/Form/InputColor.d.ts +2 -454
  79. package/esm/renderers/Form/InputColor.js +1 -1
  80. package/esm/renderers/Form/InputDate.js +1 -1
  81. package/esm/renderers/Form/InputDateRange.js +1 -1
  82. package/esm/renderers/Form/InputExcel.d.ts +2 -2
  83. package/esm/renderers/Form/InputExcel.js +1 -1
  84. package/esm/renderers/Form/InputFile.d.ts +2 -2
  85. package/esm/renderers/Form/InputFile.js +1 -1
  86. package/esm/renderers/Form/InputFormula.js +1 -1
  87. package/esm/renderers/Form/InputGroup.js +1 -1
  88. package/esm/renderers/Form/InputImage.d.ts +2 -2
  89. package/esm/renderers/Form/InputImage.js +1 -1
  90. package/esm/renderers/Form/InputMonthRange.d.ts +0 -1
  91. package/esm/renderers/Form/InputMonthRange.js +1 -1
  92. package/esm/renderers/Form/InputNumber.d.ts +3 -3
  93. package/esm/renderers/Form/InputNumber.js +9 -7
  94. package/esm/renderers/Form/InputQuarterRange.d.ts +0 -1
  95. package/esm/renderers/Form/InputQuarterRange.js +1 -1
  96. package/esm/renderers/Form/InputRange.d.ts +7 -7
  97. package/esm/renderers/Form/InputRange.js +1 -1
  98. package/esm/renderers/Form/InputRating.js +26 -4
  99. package/esm/renderers/Form/InputRepeat.js +1 -1
  100. package/esm/renderers/Form/InputRichText.js +1 -1
  101. package/esm/renderers/Form/InputSubForm.js +1 -1
  102. package/esm/renderers/Form/InputTable.d.ts +13 -1
  103. package/esm/renderers/Form/InputTable.js +87 -46
  104. package/esm/renderers/Form/InputTag.d.ts +3 -2
  105. package/esm/renderers/Form/InputTag.js +15 -8
  106. package/esm/renderers/Form/InputText.d.ts +1 -1
  107. package/esm/renderers/Form/InputText.js +24 -18
  108. package/esm/renderers/Form/InputTree.d.ts +1 -1
  109. package/esm/renderers/Form/InputTree.js +4 -4
  110. package/esm/renderers/Form/InputYearRange.d.ts +0 -1
  111. package/esm/renderers/Form/InputYearRange.js +1 -1
  112. package/esm/renderers/Form/JSONSchema.js +1 -1
  113. package/esm/renderers/Form/JSONSchemaEditor.js +1 -1
  114. package/esm/renderers/Form/ListSelect.js +1 -1
  115. package/esm/renderers/Form/LocationPicker.js +1 -1
  116. package/esm/renderers/Form/MatrixCheckboxes.js +1 -1
  117. package/esm/renderers/Form/NestedSelect.js +1 -1
  118. package/esm/renderers/Form/Picker.js +1 -1
  119. package/esm/renderers/Form/Radios.js +9 -7
  120. package/esm/renderers/Form/Select.d.ts +1 -1
  121. package/esm/renderers/Form/Select.js +9 -7
  122. package/esm/renderers/Form/Static.js +1 -1
  123. package/esm/renderers/Form/StaticHoc.js +1 -1
  124. package/esm/renderers/Form/Switch.d.ts +1 -1
  125. package/esm/renderers/Form/Switch.js +1 -1
  126. package/esm/renderers/Form/TabsTransfer.d.ts +1 -2
  127. package/esm/renderers/Form/TabsTransfer.js +4 -4
  128. package/esm/renderers/Form/TabsTransferPicker.d.ts +1 -2
  129. package/esm/renderers/Form/TabsTransferPicker.js +4 -4
  130. package/esm/renderers/Form/Textarea.d.ts +1 -1
  131. package/esm/renderers/Form/Textarea.js +2 -2
  132. package/esm/renderers/Form/Transfer.d.ts +12 -2
  133. package/esm/renderers/Form/Transfer.js +6 -6
  134. package/esm/renderers/Form/TransferPicker.d.ts +0 -1
  135. package/esm/renderers/Form/TransferPicker.js +4 -4
  136. package/esm/renderers/Form/TreeSelect.d.ts +9 -0
  137. package/esm/renderers/Form/TreeSelect.js +6 -6
  138. package/esm/renderers/Form/UUID.js +1 -1
  139. package/esm/renderers/Form/UserSelect.js +1 -1
  140. package/esm/renderers/Grid.d.ts +3 -3
  141. package/esm/renderers/Grid.js +1 -1
  142. package/esm/renderers/Grid2D.d.ts +2 -2
  143. package/esm/renderers/Grid2D.js +1 -1
  144. package/esm/renderers/GridNav.js +1 -1
  145. package/esm/renderers/HBox.d.ts +2 -2
  146. package/esm/renderers/HBox.js +1 -1
  147. package/esm/renderers/IFrame.d.ts +5 -2
  148. package/esm/renderers/IFrame.js +65 -24
  149. package/esm/renderers/Icon.js +2 -3
  150. package/esm/renderers/Image.d.ts +2 -263
  151. package/esm/renderers/Image.js +1 -1
  152. package/esm/renderers/Images.js +1 -1
  153. package/esm/renderers/Json.js +1 -1
  154. package/esm/renderers/Link.js +1 -1
  155. package/esm/renderers/List.d.ts +2 -2
  156. package/esm/renderers/List.js +3 -2
  157. package/esm/renderers/Log.d.ts +1 -1
  158. package/esm/renderers/Log.js +14 -14
  159. package/esm/renderers/Mapping.d.ts +2 -250
  160. package/esm/renderers/Mapping.js +1 -1
  161. package/esm/renderers/Markdown.js +1 -1
  162. package/esm/renderers/MultilineText.js +1 -1
  163. package/esm/renderers/Nav.d.ts +2 -39
  164. package/esm/renderers/Nav.js +1 -1
  165. package/esm/renderers/Operation.js +1 -1
  166. package/esm/renderers/Page.d.ts +1 -1
  167. package/esm/renderers/Page.js +30 -15
  168. package/esm/renderers/Pagination.js +1 -1
  169. package/esm/renderers/PaginationWrapper.js +1 -1
  170. package/esm/renderers/Panel.js +1 -1
  171. package/esm/renderers/Password.js +1 -1
  172. package/esm/renderers/Plain.js +1 -1
  173. package/esm/renderers/PopOver.d.ts +1 -1
  174. package/esm/renderers/PopOver.js +1 -1
  175. package/esm/renderers/Portlet.js +1 -1
  176. package/esm/renderers/Progress.js +1 -1
  177. package/esm/renderers/Property.d.ts +2 -2
  178. package/esm/renderers/Property.js +1 -1
  179. package/esm/renderers/QRCode.js +1 -1
  180. package/esm/renderers/QuickEdit.d.ts +2 -2
  181. package/esm/renderers/QuickEdit.js +1 -1
  182. package/esm/renderers/Remark.d.ts +2 -34
  183. package/esm/renderers/Remark.js +3 -3
  184. package/esm/renderers/SearchBox.d.ts +10 -4
  185. package/esm/renderers/SearchBox.js +74 -13
  186. package/esm/renderers/Service.d.ts +5 -5
  187. package/esm/renderers/Service.js +22 -5
  188. package/esm/renderers/SparkLine.js +1 -1
  189. package/esm/renderers/Spinner.js +1 -1
  190. package/esm/renderers/Status.js +1 -1
  191. package/esm/renderers/Steps.d.ts +1 -1
  192. package/esm/renderers/Steps.js +1 -1
  193. package/esm/renderers/Table/ColumnToggler.js +1 -1
  194. package/esm/renderers/Table/HeadCellFilterDropdown.js +1 -1
  195. package/esm/renderers/Table/HeadCellSearchDropdown.js +1 -1
  196. package/esm/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  197. package/esm/renderers/Table/ItemActionsWrapper.js +1 -1
  198. package/esm/renderers/Table/TableBody.js +1 -1
  199. package/esm/renderers/Table/TableCell.js +1 -1
  200. package/esm/renderers/Table/TableContent.d.ts +1 -1
  201. package/esm/renderers/Table/TableContent.js +7 -5
  202. package/esm/renderers/Table/TableRow.d.ts +1 -1
  203. package/esm/renderers/Table/TableRow.js +6 -4
  204. package/esm/renderers/Table/exportExcel.js +2 -2
  205. package/esm/renderers/Table/index.d.ts +6 -6
  206. package/esm/renderers/Table/index.js +25 -4
  207. package/esm/renderers/Table2/ColumnToggler.js +1 -1
  208. package/esm/renderers/Table2/HeadCellSearchDropdown.js +1 -1
  209. package/esm/renderers/Table2/TableCell.js +1 -1
  210. package/esm/renderers/Table2/index.d.ts +2 -2
  211. package/esm/renderers/Table2/index.js +1 -1
  212. package/esm/renderers/TableView.d.ts +3 -3
  213. package/esm/renderers/TableView.js +1 -1
  214. package/esm/renderers/Tabs.d.ts +2 -2
  215. package/esm/renderers/Tabs.js +1 -1
  216. package/esm/renderers/Tag.js +1 -1
  217. package/esm/renderers/Tasks.js +1 -1
  218. package/esm/renderers/Timeline.d.ts +7 -2
  219. package/esm/renderers/Timeline.js +6 -3
  220. package/esm/renderers/TooltipWrapper.js +1 -1
  221. package/esm/renderers/Tpl.d.ts +4 -0
  222. package/esm/renderers/Tpl.js +20 -6
  223. package/esm/renderers/VBox.d.ts +1 -1
  224. package/esm/renderers/VBox.js +1 -1
  225. package/esm/renderers/Video.js +1 -1
  226. package/esm/renderers/WebComponent.js +1 -1
  227. package/esm/renderers/Wizard.d.ts +1 -1
  228. package/esm/renderers/Wizard.js +1 -1
  229. package/esm/renderers/Words.d.ts +1 -1
  230. package/esm/renderers/Words.js +1 -1
  231. package/esm/renderers/Wrapper.js +1 -1
  232. package/esm/schemaExtend.js +1 -1
  233. package/esm/types.d.ts +5 -6
  234. package/lib/Schema.d.ts +17 -17
  235. package/lib/compat.js +1 -1
  236. package/lib/helper.css +1 -1
  237. package/lib/index.js +1 -1
  238. package/lib/preset.js +1 -1
  239. package/lib/renderers/Action.d.ts +3 -48
  240. package/lib/renderers/Action.js +8 -4
  241. package/lib/renderers/Alert.js +1 -1
  242. package/lib/renderers/AnchorNav.d.ts +1 -1
  243. package/lib/renderers/AnchorNav.js +1 -1
  244. package/lib/renderers/App.js +15 -4
  245. package/lib/renderers/Audio.js +1 -1
  246. package/lib/renderers/Avatar.js +1 -1
  247. package/lib/renderers/BarCode.js +1 -1
  248. package/lib/renderers/Breadcrumb.d.ts +4 -4
  249. package/lib/renderers/Breadcrumb.js +1 -1
  250. package/lib/renderers/ButtonGroup.js +1 -1
  251. package/lib/renderers/CRUD.d.ts +9 -7
  252. package/lib/renderers/CRUD.js +22 -9
  253. package/lib/renderers/CRUD2.d.ts +5 -5
  254. package/lib/renderers/CRUD2.js +1 -1
  255. package/lib/renderers/Calendar.js +1 -1
  256. package/lib/renderers/Card.d.ts +1 -1
  257. package/lib/renderers/Card.js +1 -1
  258. package/lib/renderers/Card2.js +1 -1
  259. package/lib/renderers/Cards.d.ts +2 -2
  260. package/lib/renderers/Cards.js +1 -1
  261. package/lib/renderers/Carousel.js +1 -1
  262. package/lib/renderers/Chart.d.ts +17 -3
  263. package/lib/renderers/Chart.js +107 -27
  264. package/lib/renderers/Code.d.ts +3 -3
  265. package/lib/renderers/Code.js +1 -1
  266. package/lib/renderers/Collapse.js +1 -1
  267. package/lib/renderers/CollapseGroup.js +1 -1
  268. package/lib/renderers/Color.js +1 -1
  269. package/lib/renderers/Container.js +1 -1
  270. package/lib/renderers/Copyable.d.ts +1 -1
  271. package/lib/renderers/Copyable.js +1 -1
  272. package/lib/renderers/Custom.js +1 -1
  273. package/lib/renderers/Date.js +1 -1
  274. package/lib/renderers/DateRange.js +1 -1
  275. package/lib/renderers/Dialog.d.ts +9 -1201
  276. package/lib/renderers/Dialog.js +1 -1
  277. package/lib/renderers/Divider.js +1 -1
  278. package/lib/renderers/Drawer.d.ts +1 -1
  279. package/lib/renderers/Drawer.js +1 -1
  280. package/lib/renderers/DropDownButton.d.ts +1 -1
  281. package/lib/renderers/DropDownButton.js +1 -1
  282. package/lib/renderers/Each.js +1 -1
  283. package/lib/renderers/Flex.js +1 -1
  284. package/lib/renderers/Form/ButtonGroupSelect.js +1 -1
  285. package/lib/renderers/Form/ButtonToolbar.js +1 -1
  286. package/lib/renderers/Form/ChainedSelect.js +1 -1
  287. package/lib/renderers/Form/ChartRadios.js +1 -1
  288. package/lib/renderers/Form/Checkbox.js +1 -1
  289. package/lib/renderers/Form/Checkboxes.js +1 -1
  290. package/lib/renderers/Form/Combo.d.ts +10 -5
  291. package/lib/renderers/Form/Combo.js +118 -91
  292. package/lib/renderers/Form/ConditionBuilder.js +1 -1
  293. package/lib/renderers/Form/Control.js +1 -1
  294. package/lib/renderers/Form/DiffEditor.d.ts +3 -3
  295. package/lib/renderers/Form/DiffEditor.js +1 -1
  296. package/lib/renderers/Form/Editor.d.ts +3 -3
  297. package/lib/renderers/Form/Editor.js +1 -1
  298. package/lib/renderers/Form/FieldSet.js +1 -1
  299. package/lib/renderers/Form/Formula.js +1 -1
  300. package/lib/renderers/Form/Group.d.ts +1 -1
  301. package/lib/renderers/Form/Group.js +4 -3
  302. package/lib/renderers/Form/Hidden.js +1 -1
  303. package/lib/renderers/Form/IconPicker.js +1 -1
  304. package/lib/renderers/Form/IconPickerIcons.js +1 -1
  305. package/lib/renderers/Form/IconSelect.js +1 -1
  306. package/lib/renderers/Form/IconSelectStore.d.ts +1 -1
  307. package/lib/renderers/Form/IconSelectStore.js +1 -1
  308. package/lib/renderers/Form/InputArray.d.ts +4 -0
  309. package/lib/renderers/Form/InputArray.js +11 -3
  310. package/lib/renderers/Form/InputCity.d.ts +2 -560
  311. package/lib/renderers/Form/InputCity.js +2 -9
  312. package/lib/renderers/Form/InputColor.d.ts +2 -454
  313. package/lib/renderers/Form/InputColor.js +1 -1
  314. package/lib/renderers/Form/InputDate.js +1 -1
  315. package/lib/renderers/Form/InputDateRange.js +1 -1
  316. package/lib/renderers/Form/InputExcel.d.ts +2 -2
  317. package/lib/renderers/Form/InputExcel.js +1 -1
  318. package/lib/renderers/Form/InputFile.d.ts +2 -2
  319. package/lib/renderers/Form/InputFile.js +1 -1
  320. package/lib/renderers/Form/InputFormula.js +1 -1
  321. package/lib/renderers/Form/InputGroup.js +1 -1
  322. package/lib/renderers/Form/InputImage.d.ts +2 -2
  323. package/lib/renderers/Form/InputImage.js +1 -1
  324. package/lib/renderers/Form/InputMonthRange.d.ts +0 -1
  325. package/lib/renderers/Form/InputMonthRange.js +1 -1
  326. package/lib/renderers/Form/InputNumber.d.ts +3 -3
  327. package/lib/renderers/Form/InputNumber.js +8 -6
  328. package/lib/renderers/Form/InputQuarterRange.d.ts +0 -1
  329. package/lib/renderers/Form/InputQuarterRange.js +1 -1
  330. package/lib/renderers/Form/InputRange.d.ts +7 -7
  331. package/lib/renderers/Form/InputRange.js +1 -1
  332. package/lib/renderers/Form/InputRating.js +25 -3
  333. package/lib/renderers/Form/InputRepeat.js +1 -1
  334. package/lib/renderers/Form/InputRichText.js +1 -1
  335. package/lib/renderers/Form/InputSubForm.js +1 -1
  336. package/lib/renderers/Form/InputTable.d.ts +13 -1
  337. package/lib/renderers/Form/InputTable.js +87 -45
  338. package/lib/renderers/Form/InputTag.d.ts +3 -2
  339. package/lib/renderers/Form/InputTag.js +15 -8
  340. package/lib/renderers/Form/InputText.d.ts +1 -1
  341. package/lib/renderers/Form/InputText.js +24 -18
  342. package/lib/renderers/Form/InputTree.d.ts +1 -1
  343. package/lib/renderers/Form/InputTree.js +3 -3
  344. package/lib/renderers/Form/InputYearRange.d.ts +0 -1
  345. package/lib/renderers/Form/InputYearRange.js +1 -1
  346. package/lib/renderers/Form/JSONSchema.js +1 -1
  347. package/lib/renderers/Form/JSONSchemaEditor.js +1 -1
  348. package/lib/renderers/Form/ListSelect.js +1 -1
  349. package/lib/renderers/Form/LocationPicker.js +1 -1
  350. package/lib/renderers/Form/MatrixCheckboxes.js +1 -1
  351. package/lib/renderers/Form/NestedSelect.js +1 -1
  352. package/lib/renderers/Form/Picker.js +1 -1
  353. package/lib/renderers/Form/Radios.js +9 -7
  354. package/lib/renderers/Form/Select.d.ts +1 -1
  355. package/lib/renderers/Form/Select.js +9 -7
  356. package/lib/renderers/Form/Static.js +1 -1
  357. package/lib/renderers/Form/StaticHoc.js +1 -1
  358. package/lib/renderers/Form/Switch.d.ts +1 -1
  359. package/lib/renderers/Form/Switch.js +1 -1
  360. package/lib/renderers/Form/TabsTransfer.d.ts +1 -2
  361. package/lib/renderers/Form/TabsTransfer.js +3 -3
  362. package/lib/renderers/Form/TabsTransferPicker.d.ts +1 -2
  363. package/lib/renderers/Form/TabsTransferPicker.js +3 -3
  364. package/lib/renderers/Form/Textarea.d.ts +1 -1
  365. package/lib/renderers/Form/Textarea.js +2 -2
  366. package/lib/renderers/Form/Transfer.d.ts +12 -2
  367. package/lib/renderers/Form/Transfer.js +5 -5
  368. package/lib/renderers/Form/TransferPicker.d.ts +0 -1
  369. package/lib/renderers/Form/TransferPicker.js +3 -3
  370. package/lib/renderers/Form/TreeSelect.d.ts +9 -0
  371. package/lib/renderers/Form/TreeSelect.js +5 -5
  372. package/lib/renderers/Form/UUID.js +1 -1
  373. package/lib/renderers/Form/UserSelect.js +1 -1
  374. package/lib/renderers/Grid.d.ts +3 -3
  375. package/lib/renderers/Grid.js +1 -1
  376. package/lib/renderers/Grid2D.d.ts +2 -2
  377. package/lib/renderers/Grid2D.js +1 -1
  378. package/lib/renderers/GridNav.js +1 -1
  379. package/lib/renderers/HBox.d.ts +2 -2
  380. package/lib/renderers/HBox.js +1 -1
  381. package/lib/renderers/IFrame.d.ts +5 -2
  382. package/lib/renderers/IFrame.js +63 -22
  383. package/lib/renderers/Icon.js +2 -3
  384. package/lib/renderers/Image.d.ts +2 -263
  385. package/lib/renderers/Image.js +1 -1
  386. package/lib/renderers/Images.js +1 -1
  387. package/lib/renderers/Json.js +1 -1
  388. package/lib/renderers/Link.js +1 -1
  389. package/lib/renderers/List.d.ts +2 -2
  390. package/lib/renderers/List.js +3 -2
  391. package/lib/renderers/Log.d.ts +1 -1
  392. package/lib/renderers/Log.js +14 -14
  393. package/lib/renderers/Mapping.d.ts +2 -250
  394. package/lib/renderers/Mapping.js +1 -1
  395. package/lib/renderers/Markdown.js +1 -1
  396. package/lib/renderers/MultilineText.js +1 -1
  397. package/lib/renderers/Nav.d.ts +2 -39
  398. package/lib/renderers/Nav.js +1 -1
  399. package/lib/renderers/Operation.js +1 -1
  400. package/lib/renderers/Page.d.ts +1 -1
  401. package/lib/renderers/Page.js +30 -15
  402. package/lib/renderers/Pagination.js +1 -1
  403. package/lib/renderers/PaginationWrapper.js +1 -1
  404. package/lib/renderers/Panel.js +1 -1
  405. package/lib/renderers/Password.js +1 -1
  406. package/lib/renderers/Plain.js +1 -1
  407. package/lib/renderers/PopOver.d.ts +1 -1
  408. package/lib/renderers/PopOver.js +1 -1
  409. package/lib/renderers/Portlet.js +1 -1
  410. package/lib/renderers/Progress.js +1 -1
  411. package/lib/renderers/Property.d.ts +2 -2
  412. package/lib/renderers/Property.js +1 -1
  413. package/lib/renderers/QRCode.js +1 -1
  414. package/lib/renderers/QuickEdit.d.ts +2 -2
  415. package/lib/renderers/QuickEdit.js +1 -1
  416. package/lib/renderers/Remark.d.ts +2 -34
  417. package/lib/renderers/Remark.js +2 -2
  418. package/lib/renderers/SearchBox.d.ts +10 -4
  419. package/lib/renderers/SearchBox.js +72 -11
  420. package/lib/renderers/Service.d.ts +5 -5
  421. package/lib/renderers/Service.js +22 -5
  422. package/lib/renderers/SparkLine.js +1 -1
  423. package/lib/renderers/Spinner.js +1 -1
  424. package/lib/renderers/Status.js +1 -1
  425. package/lib/renderers/Steps.d.ts +1 -1
  426. package/lib/renderers/Steps.js +1 -1
  427. package/lib/renderers/Table/ColumnToggler.js +1 -1
  428. package/lib/renderers/Table/HeadCellFilterDropdown.js +1 -1
  429. package/lib/renderers/Table/HeadCellSearchDropdown.js +1 -1
  430. package/lib/renderers/Table/ItemActionsWrapper.d.ts +0 -1
  431. package/lib/renderers/Table/ItemActionsWrapper.js +1 -1
  432. package/lib/renderers/Table/TableBody.js +1 -1
  433. package/lib/renderers/Table/TableCell.js +1 -1
  434. package/lib/renderers/Table/TableContent.d.ts +1 -1
  435. package/lib/renderers/Table/TableContent.js +7 -5
  436. package/lib/renderers/Table/TableRow.d.ts +1 -1
  437. package/lib/renderers/Table/TableRow.js +6 -4
  438. package/lib/renderers/Table/exportExcel.js +2 -2
  439. package/lib/renderers/Table/index.d.ts +6 -6
  440. package/lib/renderers/Table/index.js +26 -4
  441. package/lib/renderers/Table2/ColumnToggler.js +1 -1
  442. package/lib/renderers/Table2/HeadCellSearchDropdown.js +1 -1
  443. package/lib/renderers/Table2/TableCell.js +1 -1
  444. package/lib/renderers/Table2/index.d.ts +2 -2
  445. package/lib/renderers/Table2/index.js +1 -1
  446. package/lib/renderers/TableView.d.ts +3 -3
  447. package/lib/renderers/TableView.js +1 -1
  448. package/lib/renderers/Tabs.d.ts +2 -2
  449. package/lib/renderers/Tabs.js +1 -1
  450. package/lib/renderers/Tag.js +1 -1
  451. package/lib/renderers/Tasks.js +1 -1
  452. package/lib/renderers/Timeline.d.ts +7 -2
  453. package/lib/renderers/Timeline.js +5 -2
  454. package/lib/renderers/TooltipWrapper.js +1 -1
  455. package/lib/renderers/Tpl.d.ts +4 -0
  456. package/lib/renderers/Tpl.js +20 -6
  457. package/lib/renderers/VBox.d.ts +1 -1
  458. package/lib/renderers/VBox.js +1 -1
  459. package/lib/renderers/Video.js +1 -1
  460. package/lib/renderers/WebComponent.js +1 -1
  461. package/lib/renderers/Wizard.d.ts +1 -1
  462. package/lib/renderers/Wizard.js +1 -1
  463. package/lib/renderers/Words.d.ts +1 -1
  464. package/lib/renderers/Words.js +1 -1
  465. package/lib/renderers/Wrapper.js +1 -1
  466. package/lib/schemaExtend.js +1 -1
  467. package/lib/themes/ang-ie11.css +3886 -3800
  468. package/lib/themes/ang.css +1989 -806
  469. package/lib/themes/antd-ie11.css +1856 -1790
  470. package/lib/themes/antd.css +1784 -1790
  471. package/lib/themes/cxd-ie11.css +810 -728
  472. package/lib/themes/cxd.css +1836 -2210
  473. package/lib/themes/dark-ie11.css +3926 -3841
  474. package/lib/themes/dark.css +2015 -922
  475. package/lib/themes/default-ie11.css +810 -728
  476. package/lib/themes/default.css +1836 -2210
  477. package/lib/types.d.ts +5 -6
  478. package/package.json +7 -7
  479. package/schema.json +182 -57
  480. package/sdk/ang-ie11.css +3965 -3862
  481. package/sdk/ang.css +2040 -838
  482. package/sdk/antd-ie11.css +1915 -1831
  483. package/sdk/antd.css +1836 -1824
  484. package/sdk/barcode.js +50 -50
  485. package/sdk/charts.js +16 -16
  486. package/sdk/codemirror.js +7 -7
  487. package/sdk/color-picker.js +65 -65
  488. package/sdk/cropperjs.js +6 -5
  489. package/sdk/cxd-ie11.css +866 -768
  490. package/sdk/cxd.css +1824 -2182
  491. package/sdk/dark-ie11.css +4004 -3903
  492. package/sdk/dark.css +2064 -954
  493. package/sdk/exceljs.js +1 -1
  494. package/sdk/helper.css +1 -1
  495. package/sdk/locale/de-DE.js +6 -0
  496. package/sdk/markdown.js +68 -68
  497. package/sdk/papaparse.js +1 -1
  498. package/sdk/rest.js +17 -17
  499. package/sdk/rich-text.js +62 -62
  500. package/sdk/sdk-ie11.css +866 -768
  501. package/sdk/sdk.css +1824 -2182
  502. package/sdk/sdk.js +1492 -1476
  503. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-brands-400.ttf +0 -0
  504. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2 +0 -0
  505. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-regular-400.ttf +0 -0
  506. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2 +0 -0
  507. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf +0 -0
  508. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2 +0 -0
  509. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-v4compatibility.ttf +0 -0
  510. package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-v4compatibility.woff2 +0 -0
  511. package/sdk/thirds/hls.js/hls.js +1 -1
  512. package/sdk/thirds/mpegts.js/mpegts.js +2 -2
  513. package/sdk/tinymce.js +53 -53
  514. package/esm/_virtual/MiniDecimal.js +0 -8
  515. package/esm/_virtual/classCallCheck.js +0 -8
  516. package/esm/_virtual/createClass.js +0 -8
  517. package/esm/_virtual/interopRequireDefault.js +0 -8
  518. package/esm/_virtual/numberUtil.js +0 -8
  519. package/esm/_virtual/supportUtil.js +0 -8
  520. package/esm/node_modules/@babel/runtime/helpers/classCallCheck.js +0 -24
  521. package/esm/node_modules/@babel/runtime/helpers/createClass.js +0 -36
  522. package/esm/node_modules/@babel/runtime/helpers/interopRequireDefault.js +0 -15
  523. package/esm/node_modules/rc-input-number/lib/utils/MiniDecimal.js +0 -345
  524. package/esm/node_modules/rc-input-number/lib/utils/numberUtil.js +0 -146
  525. package/esm/node_modules/rc-input-number/lib/utils/supportUtil.js +0 -25
  526. package/esm/renderers/Table-v2/ColumnToggler.d.ts +0 -19
  527. package/esm/renderers/Table-v2/ColumnToggler.js +0 -88
  528. package/esm/renderers/Table-v2/HeadCellSearchDropdown.d.ts +0 -29
  529. package/esm/renderers/Table-v2/HeadCellSearchDropdown.js +0 -206
  530. package/esm/renderers/Table-v2/TableCell.d.ts +0 -6
  531. package/esm/renderers/Table-v2/TableCell.js +0 -30
  532. package/esm/renderers/Table-v2/index.d.ts +0 -285
  533. package/esm/renderers/Table-v2/index.js +0 -833
  534. package/lib/_virtual/MiniDecimal.js +0 -12
  535. package/lib/_virtual/classCallCheck.js +0 -12
  536. package/lib/_virtual/createClass.js +0 -12
  537. package/lib/_virtual/interopRequireDefault.js +0 -12
  538. package/lib/_virtual/numberUtil.js +0 -12
  539. package/lib/_virtual/supportUtil.js +0 -12
  540. package/lib/node_modules/@babel/runtime/helpers/classCallCheck.js +0 -28
  541. package/lib/node_modules/@babel/runtime/helpers/createClass.js +0 -40
  542. package/lib/node_modules/@babel/runtime/helpers/interopRequireDefault.js +0 -17
  543. package/lib/node_modules/rc-input-number/lib/utils/MiniDecimal.js +0 -349
  544. package/lib/node_modules/rc-input-number/lib/utils/numberUtil.js +0 -150
  545. package/lib/node_modules/rc-input-number/lib/utils/supportUtil.js +0 -29
package/lib/themes/dark.css CHANGED
@@ -19,8 +19,8 @@
19
19
  --danger: var(--colors-error-5);
20
20
  --danger-onHover: var(--colors-error-6);
21
21
  --danger-onActive: var(--colors-error-4);
22
- --light: var(--colors-neutral-text-10);
23
- --dark: #1e1f22;
22
+ --light: var(--colors-neutral-fill-11);
23
+ --dark: var(--colors-neutral-fill-3);
24
24
  --fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,
25
25
  "Liberation Mono", "Courier New", monospace;
26
26
  --fontFamilyBase: var(--fonts-base-family);
@@ -39,9 +39,9 @@
39
39
  --borderColor: var(--colors-neutral-line-8);
40
40
  --borderColorLight: var(--colors-neutral-line-10);
41
41
  --borderColorDarken: var(--colors-neutral-line-8);
42
- --borderRadius: var(--borders-radius-2);
43
- --borderRadiusMd: var(--borders-radius-3);
44
- --borderRadiusLg: var(--borders-radius-4);
42
+ --borderRadius: var(--borders-radius-3);
43
+ --borderRadiusMd: var(--borders-radius-4);
44
+ --borderRadiusLg: var(--borders-radius-5);
45
45
  --boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
46
46
  --boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
47
47
  --boxTooltipShadow: 0 4px 6px 1px rgb(8 14 26 / 6%),
@@ -53,7 +53,7 @@
53
53
  --fontWeightBase: var(--fontWeightNormal);
54
54
  --fontWeightMd: 500;
55
55
  --fontWeightBold: 700;
56
- --background: var(--white);
56
+ --background: var(--colors-neutral-fill-11);
57
57
  --code-color: var(--danger);
58
58
  --code-background: var(--background);
59
59
  --pre-background: var(--background);
@@ -61,7 +61,7 @@
61
61
  --link-decoration: none;
62
62
  --link-onHover-color: var(--colors-brand-5);
63
63
  --link-onClick-color: var(--colors-brand-4);
64
- --link-onHover-decoration: underline;
64
+ --link-onHover-decoration: none;
65
65
  --body-bg: var(--light);
66
66
  --body-size: var(--fontSizeBase);
67
67
  --body-color: var(--text-color);
@@ -70,13 +70,13 @@
70
70
  --gap-sm: var(--sizes-size-5);
71
71
  --gap-base: var(--sizes-size-7);
72
72
  --gap-md: var(--sizes-size-9);
73
- --gap-lg: var(--sizes-size-11);
74
- --gap-xl: var(--sizes-size-13);
73
+ --gap-lg: var(--sizes-base-11);
74
+ --gap-xl: var(--sizes-base-13);
75
75
  --icon-color: var(--colors-neutral-text-5);
76
76
  --icon-onHover-color: var(--colors-brand-5);
77
77
  --icon-onDisabled-color: var(--colors-neutral-text-10);
78
78
  --label--default-bg: var(--colors-neutral-fill-3);
79
- --label--primary-bg: var(--primary);
79
+ --label--primary-bg: var(--colors-brand-5);
80
80
  --label--success-bg: var(--success);
81
81
  --label--info-bg: var(--info);
82
82
  --label--warning-bg: var(--warning);
@@ -84,29 +84,29 @@
84
84
  --label-color: var(--colors-neutral-text-11);
85
85
  --label-link--hover-color: var(--colors-neutral-text-11);
86
86
  --scrollbar-width: 1.0625rem;
87
- --Alert--danger-bg: #f2dede;
88
- --Alert--danger-borderColor: #ebccd1;
89
- --Alert--danger-color: #a94442;
90
- --Alert--info-bg: #d9edf7;
91
- --Alert--info-borderColor: var(--colors-success-10);
92
- --Alert--info-color: #31708f;
93
- --Alert--success-bg: #dff0d8;
94
- --Alert--success-borderColor: #d6e9c6;
95
- --Alert--success-color: #3c763d;
96
- --Alert--warning-bg: #fcf8e3;
97
- --Alert--warning-borderColor: #faebcc;
98
- --Alert--warning-color: #8a6d3b;
99
- --Alert-borderColor: transparent;
100
- --Alert-borderRadius: var(--borderRadiusMd);
87
+ --Alert--danger-bg: var(--colors-error-10);
88
+ --Alert--danger-borderColor: var(--colors-neutral-fill-none);
89
+ --Alert--danger-color: var(--colors-neutral-text-2);
90
+ --Alert--info-bg: var(--colors-info-10);
91
+ --Alert--info-borderColor: var(--colors-neutral-fill-none);
92
+ --Alert--info-color: var(--colors-neutral-text-2);
93
+ --Alert--success-bg: var(--colors-success-10);
94
+ --Alert--success-borderColor: var(--colors-neutral-fill-none);
95
+ --Alert--success-color: var(--colors-neutral-text-2);
96
+ --Alert--warning-bg: var(--colors-warning-10);
97
+ --Alert--warning-borderColor: var(--colors-neutral-fill-none);
98
+ --Alert--warning-color: var(--colors-neutral-text-2);
99
+ --Alert-borderColor: var(--colors-neutral-fill-none);
100
+ --Alert-borderRadius: var(--borders-radius-3);
101
101
  --Alert-borderWidth: var(--borderWidth);
102
102
  --Alert-boxShadow: none;
103
- --Alert-fontSize: var(--fontSizeBase);
104
- --Alert-marginBottom: var(--gap-md);
105
- --Alert-paddingX: var(--gap-md);
103
+ --Alert-fontSize: var(--fonts-size-8);
104
+ --Alert-marginBottom: var(--sizes-size-9);
105
+ --Alert-paddingX: var(--sizes-size-9);
106
106
  --Alert-paddingY: var(--gap-xs);
107
- --Alert-fontColor: #151b26;
108
- --Alert-title-fontColor: #151b26;
109
- --Alert-height: 2.5rem;
107
+ --Alert-fontColor: var(--colors-neutral-text-4);
108
+ --Alert-title-fontColor: var(--colors-neutral-text-2);
109
+ --Alert-height: var(--sizes-base-21);
110
110
  --Audio-border: 0.0625rem solid #dee2e6;
111
111
  --Audio-height: 3.125rem;
112
112
  --Audio-input-width: 5rem;
@@ -147,42 +147,40 @@
147
147
  --Avatar-icon-size-default: var(--fontSizeLg);
148
148
  --Avatar-icon-size-small: 0.75rem;
149
149
  --Badge-size: var(--gap-md);
150
- --Badge-color: var(--white);
150
+ --Badge-color: var(--colors-neutral-fill-11);
151
151
  --Badge--success-bg: var(--success);
152
152
  --Badge--info-bg: var(--info);
153
153
  --Badge--warning-bg: var(--warning);
154
154
  --Badge--danger-bg: var(--danger);
155
- --Button--sm-paddingX: var(--sizes-size-5);
156
- --Button-borderWidth: var(--borders-width-2);
157
- --Button--sm-lineHeight: var(--fonts-lineHeight-2);
158
155
  --Button--sm-fontSize: var(--fontSizeSm);
159
156
  --Button-transition: color var(--animation-duration) ease-in-out,
160
157
  background-color var(--animation-duration) ease-in-out,
161
158
  border-color var(--animation-duration) ease-in-out,
162
159
  box-shadow var(--animation-duration) ease-in-out;
163
- --ButtonGroup--primary-isActive-color: var(--white);
164
- --ButtonGroup--primary-isActive-bg: var(--primary);
160
+ --ButtonGroup--primary-isActive-color: var(--colors-neutral-fill-11);
161
+ --ButtonGroup--primary-isActive-bg: var(--colors-brand-5);
165
162
  --ButtonGroup-divider-width: 0.0625rem;
166
163
  --ButtonGroup-divider-color: #fff;
164
+ --ButtonGroup-borderWidth: var(--borders-width-2);
167
165
  --Breadcrumb-item-fontSize: var(--fontSizeMd);
168
- --Breadcrumb-item-default-color: #83868c;
169
- --Breadcrumb-item-hover-color: #2468f2;
170
- --Breadcrumb-item-active-color: #1c53c1;
166
+ --Breadcrumb-item-default-color: var(--colors-neutral-text-5);
167
+ --Breadcrumb-item-hover-color: var(--colors-brand-5);
168
+ --Breadcrumb-item-active-color: var(--colors-brand-4);
171
169
  --Breadcrumb-item-last-color: #151a26;
172
- --BreadcrumbDropdown-item-default-color: #151a26;
173
- --BreadcrumbDropdown-item-default-bg: #ffffff;
174
- --BreadcrumbDropdown-item-hover-bg: #e9f0fd;
170
+ --BreadcrumbDropdown-item-default-color: var(--colors-neutral-text-2);
171
+ --BreadcrumbDropdown-item-default-bg: var(--colors-neutral-text-11);
172
+ --BreadcrumbDropdown-item-hover-bg: var(--colors-brand-10);
175
173
  --BreadcrumbDropdown-item-fontSize: var(--fontSizeSm);
176
174
  --BreadcrumbDropdown-item-height: 2rem;
177
175
  --BreadcrumbDropdown-item-paddingX: var(--gap-sm);
178
176
  --BreadcrumbDropdown-item-paddingY: calc(
179
177
  (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
180
178
  );
181
- --Breadcrumb-item-disabled-color: #b8babf;
179
+ --Breadcrumb-item-disabled-color: var(--colors-neutral-text-6);
182
180
  --Calendar-btn-bg: var(--info);
183
181
  --Calendar-btn-border: var(--Calendar-btn-bg);
184
182
  --Calendar-btn-borderRadius: var(--Button-borderRadius);
185
- --Calendar-btn-color: var(--white);
183
+ --Calendar-btn-color: var(--colors-neutral-fill-11);
186
184
  --Calendar-btn-fontSize: var(--fontSizeSm);
187
185
  --Calendar-btn-height: 1.875rem;
188
186
  --Calendar-btn-lineHeight: var(--lineHeightBase);
@@ -200,24 +198,24 @@
200
198
  ) / 2
201
199
  );
202
200
  --Calendar-btnCancel-bg: var(--light);
203
- --Calendar-btnCancel-border: var(--Button--default-border);
204
- --Calendar-btnCancel-borderRadius: var(--Button-borderRadius);
201
+ --Calendar-btnCancel-border: var(--colors-neutral-line-7);
202
+ --Calendar-btnCancel-borderRadius: var(--borders-radius-3);
205
203
  --Calendar-btnCancel-color: var(--text-color);
206
- --Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg);
207
- --Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border);
208
- --Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color);
209
- --Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg);
210
- --Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border);
211
- --Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);
212
- --Calendar-cell-bg: var(--white);
204
+ --Calendar-btnCancel-onActive-bg: var(--colors-neutral-fill-11);
205
+ --Calendar-btnCancel-onActive-border: var(--colors-brand-4);
206
+ --Calendar-btnCancel-onActive-color: var(--colors-brand-4);
207
+ --Calendar-btnCancel-onHover-bg: var(--colors-neutral-fill-11);
208
+ --Calendar-btnCancel-onHover-border: var(--colors-brand-6);
209
+ --Calendar-btnCancel-onHover-color: var(--colors-brand-6);
210
+ --Calendar-cell-bg: var(--colors-neutral-fill-11);
213
211
  --Calendar-cell-onActive-bg: var(--info);
214
- --Calendar-cell-onBetween-bg: rgba(34, 150, 243, 0.1);
212
+ --Calendar-cell-onBetween-bg: rgba(0, 123, 255, 0.1);
215
213
  --Calendar-cell-onDisabled-bg: #f7f7f9;
216
214
  --Calendar-cell-onHover-bg: #f7f7f9;
217
215
  --Calendar-color: #151b26;
218
216
  --Calendar-fontSize: var(--fontSizeSm);
219
217
  --Calendar-input-borderColor: var(--borderColor);
220
- --Calendar-input-borderRadius: var(--borderRadius);
218
+ --Calendar-input-borderRadius: var(--borders-radius-3);
221
219
  --Calendar-input-color: var(--info);
222
220
  --Calendar-input-fontSize: var(--fontSizeBase);
223
221
  --Calendar-input-height: 2.5rem;
@@ -234,42 +232,43 @@
234
232
  --Calendar-shortcut-decoration: none;
235
233
  --Calendar-shortcut-onHover-color: var(--colors-brand-6);
236
234
  --Calendar-shortcut-onHover-decoration: none;
237
- --Calendar-shortcuts-bg: transparent;
238
- --Calendar-shortcuts-height: 1.875rem;
239
- --Calendar-wLabel-color: #999;
235
+ --Calendar-shortcuts-bg: var(--colors-neutral-text-9);
236
+ --Calendar-shortcuts-height: var(--sizes-size-9);
237
+ --Calendar-wLabel-color: var(--colors-neutral-text-6);
240
238
  --Calendar-icon-bottom: -0.25rem;
241
- --Calendar-icon-width: 0.625rem;
242
- --Calendar-icon-height: 0.625rem;
243
- --Calendar-borderWidth: 0.0625rem;
244
- --Calendar-rdt-day: 6.25rem;
245
- --Calendar-schedule-content-padding: 0 0.25rem;
246
- --Calendar-schedule-content-height: 1.25rem;
247
- --Calendar-schedule-content-color: var(--white);
239
+ --Calendar-icon-width: var(--sizes-size-6);
240
+ --Calendar-icon-height: var(--sizes-size-6);
241
+ --Calendar-borderWidth: var(--borders-width-2);
242
+ --Calendar-borderColor: var(--colors-brand-5);
243
+ --Calendar-rdt-day: var(--sizes-base-50);
244
+ --Calendar-schedule-content-padding: 0 var(--sizes-size-3);
245
+ --Calendar-schedule-content-height: var(--sizes-base-11);
246
+ --Calendar-schedule-content-color: (--colors-neutral-text-11);
248
247
  --Card-actions-borderColor: var(--colors-neutral-line-10);
249
- --Card-actions-fontSize: var(--fontSizeBase);
250
- --Card-actions-onChecked-onHover-bg: #c2ecf9;
251
- --Card-actions-onChecked-onHover-color: #1498c1;
252
- --Card-actions-onHover-bg: #f2f2f2;
253
- --Card-actions-onHover-color: var(--colors-neutral-text-1);
254
- --Card-bg: var(--white);
248
+ --Card-actions-fontSize: var(--fonts-size-8);
249
+ --Card-actions-onChecked-onHover-bg: var(--colors-neutral-fill-11);
250
+ --Card-actions-onChecked-onHover-color: var(--colors-neutral-fill-11);
251
+ --Card-actions-onHover-bg: var(--colors-neutral-fill-11);
252
+ --Card-actions-onHover-color: var(--colors-brand-5);
253
+ --Card-bg: var(--colors-neutral-fill-11);
255
254
  --Card-borderColor: var(--borderColor);
256
255
  --Card-borderRadius: var(--borderRadius);
257
256
  --Card-borderWidth: var(--borderWidth);
258
- --Card-secondary-color: #83868c;
259
- --Card-onChecked-bg: #d9f3fb;
260
- --Card-onChecked-borderColor: #abe4f6;
261
- --Card-onChecked-color: #20b9e8;
257
+ --Card-secondary-color: var(--colors-neutral-fill-5);
258
+ --Card-onChecked-bg: var(--colors-neutral-fill-11);
259
+ --Card-onChecked-borderColor: var(--colors-brand-5);
260
+ --Card-onChecked-color: var(--colors-brand-5);
262
261
  --Card-onChecked-fieldLabel-color: #7dd6f1;
263
262
  --Card-onDragging-opacity: 0.1;
264
- --Card-onModified-bg: #e8f0fe;
265
- --Card-onModified-borderColor: #b7d0fc;
266
- --Card-onModified-color: #4285f4;
263
+ --Card-onModified-bg: var(--colors-neutral-fill-8);
264
+ --Card-onModified-borderColor: var(--colors-brand-5);
265
+ --Card-onModified-color: var(--colors-brand-6);
267
266
  --Card-onModified-fieldLabel-color: var(--colors-brand-8);
268
267
  --Card-onModified-onHover-bg: #d0e0fd;
269
268
  --Card-onModified-onHover-color: #1266f1;
270
269
  --Cards--unsaved-heading-bg: #e8f0fe;
271
270
  --Cards--unsaved-heading-color: #4285f4;
272
- --Cards-fixedTop-boxShadow: var(--boxShadow);
271
+ --Cards-fixedTop-boxShadow: var(--shadows-shadow-normal);
273
272
  --Cards-placeholder-height: 6.25rem;
274
273
  --Cards-toolbar-marginX: 0;
275
274
  --Cards-toolbar-marginY: var(--gap-base);
@@ -289,19 +288,19 @@
289
288
  --Carousel-svg-height: var(--gap-lg);
290
289
  --Carousel-svg-width: var(--gap-lg);
291
290
  --Carousel-transitionDuration: var(--animation-duration);
292
- --Checkbox--full-inner-size: 0.5rem;
293
- --Checkbox--sm--full-inner-size: 0.5rem;
294
- --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);
295
- --Checkbox--sm-size: 1rem;
291
+ --Checkbox--full-inner-size: var(--sizes-size-5);
292
+ --Checkbox--sm--full-inner-size: var(--sizes-size-5);
293
+ --Checkbox--sm-inner-size: var(--sizes-size-5);
294
+ --Checkbox--sm-size: var(--sizes-size-8);
296
295
  --Checkbox-borderRadius: 0.125rem;
297
296
  --Checkbox-color: var(--Form-input-borderColor);
298
297
  --Checkbox-gap: var(--gap-xs);
299
298
  --Checkbox-gb: #fff;
300
299
  --Checkbox-size: 1rem;
301
- --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
300
+ --Checkbox-inner-size: var(--sizes-size-5);
302
301
  --Checkbox-onHover-color: var(--info);
303
- --Checkbox-onDisabled-bg: #f7f7f9;
304
- --Checkbox-onDisabled-color: #b8babf;
302
+ --Checkbox-onDisabled-bg: var(--colors-neutral-fill-10);
303
+ --Checkbox-onDisabled-color: var(--colors-neutral-text-6);
305
304
  --Checkbox-inner-onDisabled-bg: #d4d6d9;
306
305
  --Checkbox-inner-onDisabled-color: #ffffff;
307
306
  --Checkbox-disabled-unchecked-bg: #f7f7f9;
@@ -311,19 +310,19 @@
311
310
  --Checkbox-button-height: 2rem;
312
311
  --Checkbox-button-line-height: 1.75rem;
313
312
  --Checkbox-button-min-width: 5rem;
314
- --ColorPicker-bg: var(--white);
313
+ --ColorPicker-bg: var(--colors-neutral-fill-11);
315
314
  --ColorPicker-borderColor: var(--Form-input-borderColor);
316
- --ColorPicker-borderRadius: var(--Form-input-borderRadius);
317
- --ColorPicker-borderWidth: var(--Form-input-borderWidth);
318
- --ColorPicker-color: var(--Form-input-color);
315
+ --ColorPicker-borderRadius: var(--borders-radius-3);
316
+ --ColorPicker-borderWidth: var(--borders-width-2);
317
+ --ColorPicker-color: var(--colors-neutral-text-2);
319
318
  --ColorPicker-fontSize: var(--Form-input-fontSize);
320
319
  --ColorPicker-height: var(--Form-input-height);
321
320
  --ColorPicker-lineHeight: var(--Form-input-lineHeight);
322
321
  --ColorPicker-onDisabled-bg: var(--colors-neutral-fill-8);
323
322
  --ColorPicker-onDisabled-color: var(--text--muted-color);
324
323
  --ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
325
- --ColorPicker-onHover-bg: var(--colors-neutral-fill-9);
326
- --ColorPicker-onHover-borderColor: var(--borderColor);
324
+ --ColorPicker-onHover-bg: var(--colors-neutral-fill-11);
325
+ --ColorPicker-onHover-borderColor: var(--colors-brand-5);
327
326
  --ColorPicker-paddingX: 0.75rem;
328
327
  --ColorPicker-paddingY: calc(
329
328
  (
@@ -331,9 +330,9 @@
331
330
  var(--ColorPicker-fontSize)
332
331
  ) / 2 - var(--ColorPicker-borderWidth)
333
332
  );
334
- --ColorPicker-placeholderColor: var(--Form-input-placeholderColor);
335
- --ColorPicker-boxShadow: var(--boxShadow);
336
- --Combo--horizontal-dragger-top: var(--Form-label-paddingTop);
333
+ --ColorPicker-placeholderColor: var(--colors-neutral-text-6);
334
+ --ColorPicker-boxShadow: var(--shadows-shadow-normal);
335
+ --Combo--horizontal-dragger-top: var(--sizes-size-3);
337
336
  --Combo--horizontal-item-gap: var(--gap-xs);
338
337
  --Combo--vertical-item-borderColor: var(--borderColor);
339
338
  --Combo--vertical-item-borderRadius: var(--borderRadius);
@@ -342,22 +341,22 @@
342
341
  --Combo--vertical-item-onHover-borderColor: var(--info);
343
342
  --Combo--vertical-item-paddingX: 0.625rem;
344
343
  --Combo--vertical-item-paddingY: 0.625rem;
345
- --Combo-addBtn-bg: var(--Button--info-bg);
344
+ --Combo-addBtn-bg: var(--colors-brand-5);
346
345
  --Combo-addBtn-border: var(--colors-neutral-line-11);
347
- --Combo-addBtn-borderRadius: var(--Button-borderRadius);
348
- --Combo-addBtn-color: var(--Button--info-color);
349
- --Combo-addBtn-fontSize: var(--Button--sm-fontSize);
350
- --Combo-addBtn-height: 1.625rem;
351
- --Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);
346
+ --Combo-addBtn-borderRadius: var(--borders-radius-3);
347
+ --Combo-addBtn-color: var(--colors-neutral-text-11);
348
+ --Combo-addBtn-fontSize: var(--fonts-size-8);
349
+ --Combo-addBtn-height:var(--sizes-base-14);
350
+ --Combo-addBtn-lineHeight: var(--fonts-lineHeight-2);
352
351
  --Combo-addBtn-onActive-bg: var(--colors-brand-4);
353
352
  --Combo-addBtn-onActive-border: var(--colors-neutral-line-4);
354
353
  --Combo-addBtn-onActive-color: var(--Combo-addBtn-color);
355
354
  --Combo-addBtn-onHover-bg: var(--colors-brand-6);
356
355
  --Combo-addBtn-onHover-color: var(--Combo-addBtn-color);
357
- --Combo-addBtn-paddingX: var(--Button--sm-paddingX);
356
+ --Combo-addBtn-paddingX: var(--sizes-size-5);
358
357
  --Combo-addBtn-paddingY: calc(
359
358
  (
360
- var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 -
359
+ var(--Combo-addBtn-height) - var(--borders-width-2) * 2 -
361
360
  var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)
362
361
  ) / 2
363
362
  );
@@ -370,33 +369,31 @@
370
369
  --Combo-toolbarBtn-paddingY: 0.125rem;
371
370
  --Copyable-iconColor: var(--icon-color);
372
371
  --Copyable-onHover-iconColor: var(--icon-onHover-color);
373
- --Collapse-border: none;
374
- --Collapse-border-color: var(--borderColorLight);
375
- --Collapse-header-fontSize: var(--fontSizeMd);
376
- --Collapse-header-fontWeight: var(--fontWeightNormal);
377
- --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
378
- --Collapse-header-bg: transparent;
379
- --Collapse-header-onHover-bg: transparent;
372
+ --Collapse-border: var(--borders-width-2) solid var(--colors-neutral-line-8);
373
+ --Collapse-border-color: var(--colors-neutral-line-8);
374
+ --Collapse-header-fontSize: var(--fonts-size-7);
375
+ --Collapse-header-fontWeight: var(--fonts-weight-6);
376
+ --Collapse-header-padding: var(--sizes-size-9);
377
+ --Collapse-header-bg: var(--colors-neutral-fill-10);
378
+ --Collapse-header-onHover-bg: var(--colors-neutral-fill-9);
380
379
  --Collapse-header-collapsed-border: var(--borderWidth) solid
381
380
  var(--Collapse-border-color);
382
381
  --Collapse-header-collapsed-borderTop: none;
383
- --Collapse-header-collapsed-borderBottom: var(
384
- --Collapse-header-collapsed-border
385
- );
386
- --Collapse-header-wrapper-direction: row;
387
- --Collapse-header-bg-disabled-color: #f7f7f9;
388
- --Collapse-content-padding: 1.125rem 0;
389
- --Collapse-content-color: var(--body-color);
390
- --Collapse-content-fontSize: var(--body-size);
391
- --Collapse-content-fontWeight: var(--body-weight);
392
- --Crud-toolbar-gap: var(--gap-xs);
382
+ --Collapse-header-collapsed-borderBottom: none
383
+ --Collapse-header-wrapper-direction: row-reverse;
384
+ --Collapse-header-bg-disabled-color: var(--colors-neutral-fill-6);
385
+ --Collapse-content-padding: var(--sizes-size-9);
386
+ --Collapse-content-color: var(--colors-neutral-text-4);
387
+ --Collapse-content-fontSize: var(--fonts-size-8);
388
+ --Collapse-content-fontWeight: var(--fonts-weight-6);
389
+ --Crud-toolbar-gap: var(--sizes-size-6);
393
390
  --Crud-toolbar-height: 1.875rem;
394
391
  --Crud-toolbar-lineHeight: var(--lineHeightBase);
395
- --DatePicker-bg: var(--white);
392
+ --DatePicker-bg: var(--colors-neutral-fill-11);
396
393
  --DatePicker-borderColor: var(--Form-input-borderColor);
397
- --DatePicker-borderRadius: var(--Form-input-borderRadius);
398
- --DatePicker-borderWidth: var(--Form-input-borderWidth);
399
- --DatePicker-color: #151b26;
394
+ --DatePicker-borderRadius: var(--borders-radius-3);
395
+ --DatePicker-borderWidth: var(--borders-width-2);
396
+ --DatePicker-color: var(--colors-neutral-text-2);
400
397
  --DatePicker-header-onHover-color: var(--colors-brand-6);
401
398
  --DatePicker-arrow-color: #84868c;
402
399
  --DatePicker-fontSize: var(--fontSizeSm);
@@ -405,11 +402,11 @@
405
402
  --DatePicker-iconColor: var(--icon-color);
406
403
  --DatePicker-lineHeight: var(--Form-input-lineHeight);
407
404
  --DatePicker-onFocused-borderColor: var(--colors-brand-4);
408
- --DatePicker-onHover-bg: var(--DatePicker-bg);
409
- --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);
410
- --DatePicker-onDisabled-bg: #f5f5f5;
411
- --DatePicker-onDisabled-color: #999;
412
- --DatePicker-onHover-iconColor: var(--icon-onHover-color);
405
+ --DatePicker-onHover-bg: var(--colors-neutral-fill-11);
406
+ --DatePicker-onHover-borderColor: var(--colors-brand-5);
407
+ --DatePicker-onDisabled-bg: var(--colors-neutral-text-9);
408
+ --DatePicker-onDisabled-color: var(--colors-neutral-text-6);
409
+ --DatePicker-onHover-iconColor: var(--colors-brand-5);
413
410
  --DatePicker-paddingX: 0.75rem;
414
411
  --DatePicker-paddingY: calc(
415
412
  (
@@ -417,7 +414,7 @@
417
414
  var(--DatePicker-fontSize)
418
415
  ) / 2 - var(--DatePicker-borderWidth)
419
416
  );
420
- --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
417
+ --DatePicker-placeholderColor: var(--colors-neutral-text-6);
421
418
  --DatePicker-minWidth: calc(
422
419
  var(--fontSizeLg) * 5 + var(--DatePicker-paddingX) * 2 +
423
420
  var(--Form-input-clearBtn-size) * 2
@@ -428,10 +425,11 @@
428
425
  );
429
426
  --DateRangePicker-activeCursor-color: var(--colors-brand-4);
430
427
  --DateRangePicker-activeCursor-height: 2px;
431
- --LocationPicker-borderRadius: var(--Form-input-borderWidth);
428
+ --LocationPicker-borderRadius: var(--borders-radius-3);
432
429
  --Divider-borderStyle: solid;
433
430
  --Drawer-bg: var(--background);
434
- --Drawer-body-padding: var(--gap-base);
431
+ --Drawer-body-padding: var(--sizes-base-13);
432
+ --Drawer-footer-margin: var(--sizes-size-9);
435
433
  --Drawer-close-color: var(--colors-neutral-text-2);
436
434
  --Drawer-close-onHover-color: var(--text-color);
437
435
  --Drawer-close-size: 0.75rem;
@@ -440,24 +438,24 @@
440
438
  --Drawer-content-borderWidth: var(--borderWidth);
441
439
  --Drawer-footer-borderColor: var(--colors-neutral-line-10);
442
440
  --Drawer-footer-padding: var(--gap-base);
443
- --Drawer-header-bg: #f9f9f9;
441
+ --Drawer-header-bg: var(--colors-neutral-fill-11);
444
442
  --Drawer-header-borderColor: var(--colors-neutral-line-10);
445
- --Drawer-header-padding: var(--gap-base);
443
+ --Drawer-header-padding: var(--sizes-size-9) var(--sizes-base-13);
446
444
  --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
447
445
  --Drawer-title-fontColor: var(--colors-neutral-text-2);
448
446
  --Drawer-title-fontSize: var(--fontSizeMd);
449
- --Drawer-widthBase: 80%;
447
+ --Drawer-widthBase: 25rem;
450
448
  --Drawer-widthLg: 50rem;
451
449
  --Drawer-widthMd: 31.25rem;
452
450
  --Drawer-widthSm: 18.75rem;
453
451
  --Drawer-widthXl: 90%;
454
452
  --Drawer-widthXs: 12.5rem;
455
453
  --DropDown-caret-marginLeft: var(--gap-sm);
456
- --DropDown-menu-bg: var(--white);
454
+ --DropDown-menu-bg: var(--colors-neutral-fill-11);
457
455
  --DropDown-menu-borderColor: var(--borderColor);
458
456
  --DropDown-menu-borderRadius: var(--borderRadius);
459
457
  --DropDown-menu-borderWidth: var(--borderWidth);
460
- --DropDown-menu-boxShadow: var(--boxShadow);
458
+ --DropDown-menu-boxShadow: var(--shadows-shadow-normal);
461
459
  --DropDown-menu-height: 2.125rem;
462
460
  --DropDown-menu-minWidth: 10rem;
463
461
  --DropDown-menu-paddingX: 0;
@@ -465,23 +463,23 @@
465
463
  --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
466
464
  --DropDown-group-color: #848b99;
467
465
  --DropDown-menuItem-color: #151a26;
468
- --DropDown-menuItem-onHover-color: var(--primary);
469
- --DropDown-menuItem-onActive-color: var(--primary);
466
+ --DropDown-menuItem-onHover-color: var(--colors-brand-5);
467
+ --DropDown-menuItem-onActive-color: var(--colors-brand-5);
470
468
  --DropDown-menuItem-onDisabled-color: #b4b6ba;
471
469
  --DropDown-menuItem-paddingX: var(--gap-sm);
472
470
  --DropDown-menuItem-paddingY: calc(
473
471
  (var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) /
474
472
  2
475
473
  );
476
- --Fieldset-legend-bgColor: var(--white);
474
+ --Fieldset-legend-bgColor: var(--colors-neutral-fill-11);
477
475
  --Form--horizontal-gutterWidth: var(--gap-md);
478
476
  --Form--horizontal-label-align: right;
479
- --Form--horizontal-label-whiteSpace: "normal";
480
- --Form--horizontal-label-widthBase: 7.5rem;
477
+ --Form--horizontal-label-whiteSpace: normal;
478
+ --Form--horizontal-label-widthBase: var(--sizes-base-50);
481
479
  --Form--horizontal-label-widthLg: 12.5rem;
482
- --Form--horizontal-label-widthMd: 10rem;
483
- --Form--horizontal-label-widthSm: 5.625rem;
484
- --Form--horizontal-label-widthXs: 3.75rem;
480
+ --Form--horizontal-label-widthMd: 8.75rem;
481
+ --Form--horizontal-label-widthSm: var(--sizes-base-36);
482
+ --Form--horizontal-label-widthXs: var(--sizes-base-26);
485
483
  --Form--horizontal-justify-label-align: left;
486
484
  --Form--horizontal-justify-value-align: right;
487
485
  --Form-control-widthBase: 12.5rem;
@@ -492,40 +490,40 @@
492
490
  --Form-description-color: var(--colors-neutral-text-3);
493
491
  --Form-description-fontSize: var(--fontSizeSm);
494
492
  --Form-fontSize: var(--fontSizeBase);
495
- --Form-item-fontSize: var(--Form-fontSize);
496
- --Form-item-fontColor: #5e626a;
493
+ --Form-item-fontSize: var(--fontSizeBase);
494
+ --Form-item-fontColor: (--colors-neutral-text-4);
497
495
  --Form-group--lg-gutterWidth: 2.5rem;
498
496
  --Form-group--md-gutterWidth: 1.875rem;
499
497
  --Form-group--sm-gutterWidth: var(--gap-md);
500
498
  --Form-group--xs-gutterWidth: 0.625rem;
501
499
  --Form-group-gutterWidth: var(--Form--horizontal-gutterWidth);
502
- --Form-input-addOnBg: #edf1f2;
500
+ --Form-input-addOnBg: var(--colors-neutral-fill-11);
503
501
  --Form-input-addOnColor: var(--text-color);
504
- --Form-input-addOnDividerBorderWidth: var(--borderWidth);
505
- --Form-input-bg: var(--white);
502
+ --Form-input-addOnDividerBorderWidth: var(--borders-width-2);
503
+ --Form-input-bg: var(--colors-neutral-fill-11);
506
504
  --Form-input-borderColor: var(--borderColor);
507
- --Form-input-borderRadius: var(--borderRadius);
505
+ --Form-input-borderRadius: var(--borders-radius-3);
508
506
  --Form-input-borderWidth: 0.0625rem;
509
507
  --Form-input-boxShadow: none;
510
- --Form-input-color: var(--text-color);
508
+ --Form-input-color: var(--colors-neutral-text-2);
511
509
  --Form-input-fontSize: var(--Form-fontSize);
512
- --Form-input-height: 1.875rem;
513
- --Form-input-iconColor: var(--icon-color);
514
- --Form-input-lineHeight: 1.4285714286;
515
- --Form-input-marginBottom: 0.375rem;
510
+ --Form-input-height: var(--sizes-base-17);
511
+ --Form-input-iconColor: var(--colors-neutral-text-5);
512
+ --Form-input-lineHeight: var(--fonts-lineHeight-2);
513
+ --Form-input-marginBottom: var(--sizes-size-3);
516
514
  --Form-input-onActive-color: var(--info);
517
- --Form-input-onDisabled-bg: var(--colors-neutral-fill-9);
518
- --Form-input-onDisabled-borderColor: var(--Form-input-borderColor);
519
- --Form-input-onError-bg: var(--Form-input-bg);
520
- --Form-input-onError-borderColor: var(--danger);
521
- --Form-input-onFocus-addOnColor: var(--primary);
522
- --Form-input-onFocused-bg: var(--Form-input-bg);
523
- --Form-input-onFocused-borderColor: var(--info);
515
+ --Form-input-onDisabled-bg: var(--colors-neutral-fill-10);
516
+ --Form-input-onDisabled-borderColor: var(--colors-neutral-line-8);
517
+ --Form-input-onError-bg: var(--colors-neutral-fill-11);
518
+ --Form-input-onError-borderColor: var(--colors-error-5);
519
+ --Form-input-onFocus-addOnColor: var(--colors-brand-5);
520
+ --Form-input-onFocused-bg: var(--colors-neutral-fill-11);
521
+ --Form-input-onFocused-borderColor: var(--colors-brand-4);
524
522
  --Form-input-onHover-iconColor: var(--colors-neutral-text-4);
525
523
  --Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
526
- --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
527
- --Form-input-paddingX: 0.5rem;
528
- --Form-input-password-icon-size: 1rem;
524
+ --Form-input-onHover-borderColor: var(--colors-brand-5);
525
+ --Form-input-paddingX: var(--sizes-size-6);
526
+ --Form-input-password-icon-size: var(--sizes-size-9);
529
527
  --Form-input-password-icon-color: var(--colors-neutral-text-5);
530
528
  --Form-inputNumber-paddingX: 0.75rem;
531
529
  --Form-inputNumber-base-width: 1.5rem;
@@ -538,13 +536,13 @@
538
536
  ) / 2
539
537
  );
540
538
  --Form-input-placeholderColor: var(--text--muted-color);
541
- --Form-input-onDisabled-color: var(--text--muted-color);
539
+ --Form-input-onDisabled-color: var(--colors-neutral-text-5);
542
540
  --Form-input-clearBtn-size: var(--fontSizeMd);
543
541
  --Form-input-clearBtn-padding: 0.1875rem;
544
- --Form-input-clearBtn-color: #cecfd1;
545
- --Form-input-clearBtn-color-onHover: #5e626a;
546
- --Form-input-clearBtn-color-onActive: #2d323c;
547
- --Form-item-gap: var(--gap-base);
542
+ --Form-input-clearBtn-color: var(--colors-neutral-text-7);
543
+ --Form-input-clearBtn-color-onHover: var(--colors-neutral-text-4);
544
+ --Form-input-clearBtn-color-onActive: var(--colors-neutral-text-3);
545
+ --Form-item-gap: var(--sizes-base-13);
548
546
  --Form-label-paddingTop: calc(
549
547
  (
550
548
  var(--Form-input-height) - var(--Form-input-lineHeight) *
@@ -552,55 +550,55 @@
552
550
  ) / 2
553
551
  );
554
552
  --Form-row-gutterWidth: 0.625rem;
555
- --Form-select-bg: var(--white);
553
+ --Form-select-bg: var(--colors-neutral-fill-11);
556
554
  --Form-select-height: var(--Form-select-outer-top);
557
555
  --Form-select-borderColor: var(--Form-input-borderColor);
558
- --Form-select-borderRadius: var(--Form-input-borderRadius);
559
- --Form-select-borderWidth: var(--Form-input-borderWidth);
560
- --Form-select-caret-iconColor: var(--icon-color);
561
- --Form-select-caret-onHover-iconColor: var(--icon-onHover-color);
562
- --Form-select-caret-fontSize: 0.75rem;
556
+ --Form-select-borderRadius: var(--borders-radius-3);
557
+ --Form-select-borderWidth: var(--borders-width-2);
558
+ --Form-select-caret-iconColor: var(--colors-neutral-text-5);
559
+ --Form-select-caret-onHover-iconColor: var(--colors-neutral-text-5);
560
+ --Form-select-caret-fontSize: var(--fonts-size-8);
563
561
  --Form-select-checkall-bottomBorder: #eceff8;
564
- --Form-select-color: var(--text-color);
562
+ --Form-select-color: var(--colors-neutral-text-2);
565
563
  --Form-select-input-fontSize: var(--fontSizeSm);
566
- --Form-select-menu-bg: var(--white);
567
- --Form-select-menu-color: var(--Form-select-color);
568
- --Form-select-menu-height: var(--Form-input-height);
564
+ --Form-select-menu-bg: var(--colors-neutral-fill-11);
565
+ --Form-select-menu-color: var(--colors-neutral-text-2);
566
+ --Form-select-menu-height: var(--sizes-base-13);
569
567
  --Form-select-menu-onActive-bg: transparent;
570
- --Form-select-menu-onActive-color: var(--info);
568
+ --Form-select-menu-onActive-color: var(--colors-brand-5);
571
569
  --Form-select-menu-onDisabled-bg: transparent;
572
570
  --Form-select-menu-onDisabled-color: var(--text--muted-color);
573
- --Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08);
574
- --Form-select-menu-onHover-color: var(--info);
571
+ --Form-select-menu-onHover-bg: var(--colors-brand-10);
572
+ --Form-select-menu-onHover-color: var(--colors-neutral-text-2);
575
573
  --Form-select-group-color: var(--Form-select-caret-iconColor);
576
574
  --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
577
575
  --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
578
576
  --Form-select-onFocused-color: var(--Form-select-color);
579
- --Form-select-onHover-bg: #f2f2f2;
580
- --Form-select-onHover-borderColor: var(--Form-input-borderColor);
581
- --Form-select-outer-borderWidth: 0.0625rem;
582
- --Form-select-outer-top: 2rem;
583
- --Form-select-outer-boxShadow: none;
577
+ --Form-select-onHover-bg: (--colors-neutral-fill-11);
578
+ --Form-select-onHover-borderColor: var(--colors-brand-5);
579
+ --Form-select-outer-borderWidth: var(--borders-width-1);
580
+ --Form-select-outer-top: var(--sizes-base-17);
581
+ --Form-select-outer-boxShadow: var(--shadows-shadow-normal);
584
582
  --Form-select-paddingX: var(--Form-input-paddingX);
585
583
  --Form-select-placeholderColor: var(--Form-input-placeholderColor);
586
- --Form-select-popoverGap: 0;
584
+ --Form-select-popoverGap: var(--borders-radius-3);
587
585
  --Form-select-icon-rigin: var(--sizes-size-9);
588
- --Form-select-search-height: var(--Form-select-menu-height);
586
+ --Form-select-search-height: var(--sizes-base-16);
589
587
  --Form-select-value-bgColor: var(--Form-input-onDisabled-bg);
590
- --Form-select-value-bgColor--dark: #46474f;
591
- --Form-select-value-borderColor: var(--Form-select-value-borderColor);
592
- --Form-select-valueIcon-color: var(--Form-select-valueIcon-color);
593
- --Form-select-valueIcon-color--dark: #e9e9e9;
588
+ --Form-select-value-bgColor--dark: var(--colors-neutral-fill-4);
589
+ --Form-select-value-borderColor: var(--colors-neutral-line-9);
590
+ --Form-select-valueIcon-color: var(--colors-neutral-text-4);
591
+ --Form-select-valueIcon-color--dark: var(--colors-neutral-text-8);
594
592
  --Form-select-valueIcon-onHover-color: var(--Form-select-color);
595
593
  --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
596
594
  --Form-selectOption-height: var(--Form-select-height);
597
- --Form-selectValue-bg: #e3f2fe;
595
+ --Form-selectValue-bg: #cce5ff;
598
596
  --Form-selectValue-onHover-bgColor: var(--Form-select-borderColor);
599
597
  --Form-selectValue-borderColor: var(--colors-brand-7);
600
- --Form-selectValue-color: var(--info);
598
+ --Form-selectValue-color: var(--colors-brand-5);
601
599
  --Form-selectValue-fontSize: var(--fontSizeSm);
602
- --Form-selectValue-onDisable-bg: #fcfdff;
603
- --Form-selectValue-onHover-bg: #cbe7fd;
600
+ --Form-selectValue-onDisable-bg: #e6f2ff;
601
+ --Form-selectValue-onHover-bg: #b3d7ff;
604
602
  --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
605
603
  --Form-selectValue-onInvalid-color: var(--danger);
606
604
  --Form-valueLabel-maxWidth: 7.5rem;
@@ -613,35 +611,33 @@
613
611
  --IconPicker-sugItem-width: 1.75rem;
614
612
  --IconPicker-tab-height: 1.875rem;
615
613
  --IconPicker-tab-lineHeight: 1.875rem;
616
- --IconPicker-tab-onActive-bg: var(--white);
614
+ --IconPicker-tab-onActive-bg: var(--colors-neutral-fill-11);
617
615
  --IconPicker-tab-padding: 0 0.625rem;
618
616
  --IconPicker-tabs-bg: #f0f3f4;
619
- --ImageControl-addBtn-bg: var(--Button--default-bg);
620
- --ImageControl-addBtn-border: var(--Button--default-border);
621
- --ImageControl-addBtn-borderRadius: 0;
622
- --ImageControl-addBtn-color: var(--Button--default-color);
617
+ --ImageControl-addBtn-bg: var(--colors-neutral-fill-11);
618
+ --ImageControl-addBtn-border: var(--colors-neutral-line-7);
619
+ --ImageControl-addBtn-borderRadius: var(--borders-radius-3);
620
+ --ImageControl-addBtn-color: var(--colors-neutral-text-5);
623
621
  --ImageControl-addBtn-onActive-bg: var(--colors-neutral-fill-8);
624
- --ImageControl-addBtn-onActive-border: var(--colors-neutral-line-5);
625
- --ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);
626
- --ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);
627
- --ImageControl-addBtn-onDisabled-border: var(
628
- --Form-input-onDisabled-borderColor
629
- );
630
- --ImageControl-addBtn-onDisabled-color: var(--text--muted-color);
631
- --ImageControl-addBtn-onHover-bg: var(--colors-neutral-fill-8);
632
- --ImageControl-addBtn-onHover-border: var(--colors-neutral-line-6);
633
- --ImageControl-addBtn-onHover-color: var(--Button--default-color);
634
- --ImageControl-addBtn-upload-color: var(--Button--default-color);
635
- --ImageControl-progress-borderRadius: 0;
636
- --FileControl-danger-color: #f33e3e;
637
- --FileControl-drag-color: #303540;
638
- --FileControl-border-color: #e8e9eb;
639
- --FileControl-onDisabled-color: #b8babf;
640
- --FileControl-onDisabled-bg: #f7f7f9;
641
- --FileControl-onHover-bg: #f2f2f4;
642
- --FileControl-icon-color: #84868c;
643
- --FileControl-icon-onHover-color: #5c5f66;
644
- --FileControl-progress-borderRadius: 0;
622
+ --ImageControl-addBtn-onActive-border: var(--colors-brand-5);
623
+ --ImageControl-addBtn-onActive-color: var(--colors-brand-5);
624
+ --ImageControl-addBtn-onDisabled-bg: var(--colors-neutral-fill-10);
625
+ --ImageControl-addBtn-onDisabled-border: var(--colors-neutral-line-8);
626
+ --ImageControl-addBtn-onDisabled-color: var(--colors-neutral-text-6);
627
+ --ImageControl-addBtn-onHover-bg: var(--colors-neutral-fill-11);
628
+ --ImageControl-addBtn-onHover-border:var(--colors-brand-5);
629
+ --ImageControl-addBtn-onHover-color: var(--colors-brand-5);
630
+ --ImageControl-addBtn-upload-color: var(--colors-neutral-text-3);
631
+ --ImageControl-progress-borderRadius: var(--borders-radius-2);
632
+ --FileControl-danger-color: var(--colors-error-5);
633
+ --FileControl-drag-color: var(--colors-neutral-text-3);
634
+ --FileControl-border-color: var(--colors-neutral-line-8);
635
+ --FileControl-onDisabled-color: var(--colors-neutral-text-6);
636
+ --FileControl-onDisabled-bg: var(--colors-neutral-fill-10);
637
+ --FileControl-onHover-bg: var(--colors-neutral-fill-9);
638
+ --FileControl-icon-color: var(--colors-neutral-text-5);
639
+ --FileControl-icon-onHover-color: var(--colors-neutral-text-4);
640
+ --FileControl-progress-borderRadius: var(--borders-radius-2);
645
641
  --InputGroup-addOn-bg: var(--Form-input-addOnBg);
646
642
  --InputGroup-addOn-borderColor: var(--Form-input-borderColor);
647
643
  --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
@@ -650,8 +646,8 @@
650
646
  --Form-input-onFocused-borderColor
651
647
  );
652
648
  --InputGroup-button-borderColor: var(--Form-input-borderColor);
653
- --InputGroup-button-borderRadius: var(--borderRadius);
654
- --InputGroup-button-borderWidth: var(--borderWidth);
649
+ --InputGroup-button-borderRadius: var(--borders-radius-3);
650
+ --InputGroup-button-borderWidth: var(--borders-width-2);
655
651
  --InputGroup-height: var(--Form-input-height);
656
652
  --InputGroup-paddingX: 0.625rem;
657
653
  --InputGroup-paddingY: calc(
@@ -660,18 +656,18 @@
660
656
  var(--Form-input-fontSize) - 0.125rem
661
657
  ) / 2
662
658
  );
663
- --InputGroup-select-arrowColor: var(--icon-color);
664
- --InputGroup-select-bg: var(--white);
659
+ --InputGroup-select-arrowColor: var(--colors-neutral-text-5);
660
+ --InputGroup-select-bg: var(--colors-neutral-fill-11);
665
661
  --InputGroup-select-borderColor: var(--Form-select-borderColor);
666
662
  --InputGroup-select-borderRadius: var(--Form-select-borderRadius);
667
- --InputGroup-select-borderWidth: var(--Form-select-borderWidth);
663
+ --InputGroup-select-borderWidth: var(--borders-width-2);
668
664
  --InputGroup-select-color: var(--Form-select-color);
669
- --InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color);
670
- --InputGroup-select-onFocused-bg: var(--white);
671
- --InputGroup-select-onFocused-color: var(--Form-select-onFocused-color);
665
+ --InputGroup-select-onFocused-arrowColor: var(--colors-brand-5);
666
+ --InputGroup-select-onFocused-bg: var(--colors-brand-10);
667
+ --InputGroup-select-onFocused-color: var(--colors-brand-5);
672
668
  --InputRange-padding: 1.25rem;
673
669
  --InputRange-onDisabled-color: var(--light);
674
- --InputRange-primaryColor: var(--primary);
670
+ --InputRange-primaryColor: var(--colors-brand-5);
675
671
  --InputRange-track-height: 0.375rem;
676
672
  --InputRange-track-bg: var(--colors-neutral-fill-8);
677
673
  --InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color);
@@ -682,12 +678,12 @@
682
678
  --InputRange-track-border-radius: 0.25rem;
683
679
  --InputRange-track-dot-width: 0.375rem;
684
680
  --InputRange-track-dot-height: 0.375rem;
685
- --InputRange-track-dot-bg: var(--white);
681
+ --InputRange-track-dot-bg: var(--colors-neutral-fill-11);
686
682
  --InputRange-track-transition: left var(--animation-duration) ease-out,
687
683
  width var(--animation-duration) ease-out;
688
684
  --InputRange-handle-height: 1rem;
689
685
  --InputRange-handle-width: 1rem;
690
- --InputRange-handle-bg: var(--white);
686
+ --InputRange-handle-bg: var(--colors-neutral-fill-11);
691
687
  --InputRange-handle-border: 0.0625rem solid var(--InputRange-primaryColor);
692
688
  --InputRange-handle-onDisabled-border-color: #ceced1;
693
689
  --InputRange-handle-onActive-transform: scale(1.3);
@@ -696,102 +692,97 @@
696
692
  --InputRange-handle-onDisabled-border: 0.0625rem solid var(--InputRange-onDisabled-color);
697
693
  --InputRange-handle-onFocus-borderRadius: var(--borderRadiusMd);
698
694
  --InputRange-handele-onFocus-boxShadow: 0 0 0
699
- var(--InputRange-slider-onFocus-borderRadius) rgba(34, 150, 243, 0.2);
695
+ var(--InputRange-slider-onFocus-borderRadius) rgba(0, 123, 255, 0.2);
700
696
  --InputRange-handle-transition: transform var(--animation-duration) ease-out,
701
697
  box-shadow var(--animation-duration) ease-out;
702
698
  --InputRange-handle-icon-width: 0.5rem;
703
699
  --InputRange-handle-icon-height: 0.5rem;
704
700
  --InputRange-label-padding: 0.5rem;
705
701
  --InputRange-label-bg: #000;
706
- --InputRange-label-color: var(--white);
702
+ --InputRange-label-color: var(--colors-neutral-fill-11);
707
703
  --InputRange-label-font-size: 0.875rem;
708
704
  --InputRange-label-border-radius: 0.25rem;
709
705
  --InputRange-label-position-bottom: calc(100% + 8px);
710
706
  --Layout--offscreen-width: 75%;
711
- --Layout-aside--folded-width: 3.75rem;
707
+ --Layout-aside--folded-width: var(--sizes-base-31);
712
708
  --Layout-aside--lg-width: 18.75rem;
713
709
  --Layout-aside--md-width: 15.625rem;
714
710
  --Layout-aside--sm-width: 9.375rem;
715
- --Layout-aside-bg: #1e1f22;
716
- --Layout-aside-color: #868686;
717
- --Layout-aside-onAcitve-bg: #121215;
718
- --Layout-aside-onHover-bg: #16171a;
719
- --Layout-aside-subList-bg: #060607;
711
+ --Layout-aside-bg: var(--colors-neutral-fill-2);
712
+ --Layout-aside-color: #a0a0a0;
713
+ --Layout-aside-onAcitve-bg: #272d33;
714
+ --Layout-aside-onHover-bg: #2c3239;
715
+ --Layout-aside-subList-bg: var(--colors-neutral-fill-2);
720
716
  --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
721
- --Layout-aside-width: 12.5rem;
722
- --Layout-asideDivider-bg: #2e3344;
723
- --Layout-asideDivider-margin: var(--gap-sm) 0;
724
- --Layout-asideLabel-color: #6d6d6d;
725
- --Layout-asideLink-arrowColor: var(--Layout-asideLink-color);
726
- --Layout-asideLink-color: #b4b6bd;
727
- --Layout-asideLink-fontSize: var(--fontSizeBase);
728
- --Layout-asideLink-fontSize: var(--fontSizeBase);
729
- --Layout-asideLink-arrowFontSize: 0.75rem;
730
- --Layout-asideLink-arrowColor: #8d99b0;
731
- --Layout-asideLink-iconColor: inherit;
717
+ --Layout-aside-width: 11.25rem;
718
+ --Layout-asideDivider-bg: var(--colors-neutral-line-3);
719
+ --Layout-asideDivider-margin: 0 var(--sizes-size-6);
720
+ --Layout-asideLabel-color: #868787;
721
+ --Layout-asideLink-color: var(--colors-neutral-text-11);
722
+ --Layout-asideLink-fontSize: var(--fonts-size-8);
723
+ --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
724
+ --Layout-asideLink-arrowColor: var(--colors-neutral-text-5);
725
+ --Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);
732
726
  --Layout-asideLink-onActive-arrowColor: var(
733
727
  --Layout-asideLink-onActive-color
734
728
  );
735
- --Layout-asideLink-onActive-color: #fff;
736
- --Layout-asideLink-onHover-color: #fff;
737
- --Layout-asideLink-onHover-iconColor: inherit;
738
- --Layout-asideLink-onHover-iconSize: inherit;
739
- --Layout-brand-bg: var(--dark);
740
- --Layout-brand-color: #c6c6c6;
741
- --Layout-brandBar-color: #868686;
742
- --Layout-header-bg: var(--white);
743
- --Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05),
744
- 0 1px 0 rgba(0, 0, 0, 0.05);
729
+ --Layout-asideLink-onActive-color: var(--colors-brand-4);
730
+ --Layout-asideLink-onHover-color: var(--colors-brand-6);
731
+ --Layout-asideLink-onHover-iconColor: (--colors-brand-6);
732
+ --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
733
+ --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
734
+ --Layout-brand-bg: var(--colors-brand-1);
735
+ --Layout-brand-color: var(--colors-neutral-text-11);
736
+ --Layout-brandBar-color: #a0a0a0;
737
+ --Layout-header-bg: var(--colors-neutral-text-10);
738
+ --Layout-header-boxShadow: none;
745
739
  --Layout-header-height: 3.125rem;
746
740
  --Layout-headerBar-borderBottom: none;
747
741
  --Layout-footer-height: 3.125rem;
748
- --Layout-nav--folded-height: 3.125rem;
749
- --Layout-nav--folded-height: 3.125rem;
750
- --Layout-nav-height: 2.5rem;
742
+ --Layout-nav--folded-height: var(--sizes-base-21);
751
743
  --Layout-nav-height: 2.5rem;
752
744
  --Layout-nav-lgHeight: 3.125rem;
753
- --Layout-nav-lgHeight: 3.125rem;
754
745
  --Layout-body-bg: var(--body-bg);
755
746
  --List--unsaved-heading-bg: #e8f0fe;
756
747
  --List--unsaved-heading-color: #4285f4;
757
- --List-bg: var(--white);
748
+ --List-bg: var(--colors-neutral-fill-11);
758
749
  --List-borderColor: var(--borderColor);
759
750
  --List-borderRadius: var(--borderRadius);
760
751
  --List-borderWidth: var(--borderWidth);
761
- --List-fixedTop-boxShadow: var(--boxShadow);
752
+ --List-fixedTop-boxShadow: var(--shadows-shadow-normal);
762
753
  --List-placeholder-height: 1.875rem;
763
754
  --List-toolbar-marginX: 0;
764
755
  --List-toolbar-marginY: var(--gap-base);
765
756
  --ListControl-fontSize: var(--Form-fontSize);
766
757
  --ListControl-gutterWidth: 0.625rem;
767
- --ListControl-item-bg: var(--white);
758
+ --ListControl-item-bg: var(--colors-neutral-fill-11);
768
759
  --ListControl-item-borderColor: var(--borderColor);
769
- --ListControl-item-borderWidth: var(--borderWidth);
770
- --ListControl-item-borderRadius: 0.1875rem;
771
- --ListControl-item-color: var(--text-color);
772
- --ListControl-item-onActive-after-borderColor: var(--primary);
773
- --ListControl-item-onActive-before-bg: var(--white);
774
- --ListControl-item-onActive-bg: var(--primary);
760
+ --ListControl-item-borderWidth: var(--borders-width-2);
761
+ --ListControl-item-borderRadius: var(--borders-radius-3);
762
+ --ListControl-item-color: var(--colors-neutral-text-2);
763
+ --ListControl-item-onActive-after-borderColor: var(--colors-neutral-line-11);
764
+ --ListControl-item-onActive-before-bg: var(--colors-brand-4);
765
+ --ListControl-item-onActive-bg: var(--colors-neutral-fill-11);
775
766
  --ListControl-item-onActive-borderColor: var(--colors-brand-4);
776
- --ListControl-item-onActive-color: var(--white);
777
- --ListControl-item-onActive-onHover-bg: var(--primary);
778
- --ListControl-item-onDisabled-bg: var(--ListControl-item-bg);
779
- --ListControl-item-onDisabled-borderColor: var(--colors-neutral-line-10);
780
- --ListControl-item-onDisabled-color: var(--ListControl-item-color);
781
- --ListControl-item-onDisabled-opacity: 0.6;
782
- --ListControl-item-onHover-bg: var(--colors-neutral-fill-6);
783
- --ListControl-item-onHover-borderColor: var(--colors-neutral-line-6);
784
- --ListControl-item-onHover-color: var(--ListControl-item-color);
785
- --ListControl-item-paddingX: 0.75rem;
767
+ --ListControl-item-onActive-color: var(--colors-brand-4);
768
+ --ListControl-item-onActive-onHover-bg: var(--colors-neutral-fill-11);
769
+ --ListControl-item-onDisabled-bg: var(--colors-neutral-fill-9);
770
+ --ListControl-item-onDisabled-borderColor: var(--colors-neutral-line-9);
771
+ --ListControl-item-onDisabled-color: var(--colors-neutral-text-6);
772
+ --ListControl-item-onDisabled-opacity: 1;
773
+ --ListControl-item-onHover-bg: var(--colors-neutral-fill-11);
774
+ --ListControl-item-onHover-borderColor: var(--colors-brand-5);
775
+ --ListControl-item-onHover-color: var(--colors-brand-5);
776
+ --ListControl-item-paddingX: var(--sizes-size-6);
786
777
  --ListControl-item-paddingY: 0.375rem;
787
778
  --ListControl-item-transition: none;
788
- --ListItem--strip-bg: #f6f8f8;
779
+ --ListItem--strip-bg: var(--colors-neutral-fill-10);
789
780
  --ListItem-borderColor: var(--colors-neutral-line-10);
790
781
  --ListItem-borderWidth: var(--List-borderWidth);
791
- --ListItem-onChecked-bg: #d9f3fb;
792
- --ListItem-onChecked-borderColor: #abe4f6;
793
- --ListItem-onChecked-color: #20b9e8;
794
- --ListItem-onChecked-fieldLabel-color: #7dd6f1;
782
+ --ListItem-onChecked-bg: var(--colors-brand-10);
783
+ --ListItem-onChecked-borderColor: var(--colors-brand-4);
784
+ --ListItem-onChecked-color: var(--colors-brand-4);
785
+ --ListItem-onChecked-fieldLabel-color: var(--colors-brand-4);
795
786
  --ListItem-onDragging-opacity: 0.1;
796
787
  --ListItem-onModified-bg: #e8f0fe;
797
788
  --ListItem-onModified-borderColor: #b7d0fc;
@@ -802,19 +793,19 @@
802
793
  --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
803
794
  --ListItem--onHover-color: var(--info);
804
795
  --listMenu--onActive-borderColor: var(--info);
805
- --ListMenu-borderRadius: 0.125rem;
806
- --ListMenu-borderWidth: 0.0625rem;
796
+ --ListMenu-borderRadius: var(--borders-radius-1);
797
+ --ListMenu-borderWidth: var(--borders-width-1);
807
798
  --ListMenu-bordrColor: var(--borderColor);
808
799
  --ListMenu-divider-color: var(--borderColorLight);
809
800
  --ListMenu-item--onActive-bg: transparent;
810
801
  --ListMenu-item--onActive-color: var(--info);
811
802
  --ListMenu-item--onDisabled-bg: transparent;
812
803
  --ListMenu-item--onDisabled-color: var(--text--muted-color);
813
- --ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08);
814
- --ListMenu-item--onHover-color: var(--info);
815
- --ListMenu-item-bg: var(--white);
816
- --ListMenu-item-color: var(--text-color);
817
- --ListMenu-item-height: 2.125rem;
804
+ --ListMenu-item--onHover-bg: var(--colors-neutral-fill-8);
805
+ --ListMenu-item--onHover-color: var(--colors-neutral-text-2);
806
+ --ListMenu-item-bg: var(--colors-neutral-fill-11);
807
+ --ListMenu-item-color: var(--colors-neutral-text-2);
808
+ --ListMenu-item-height:var(--sizes-base-16);
818
809
  --Log-bg: #222;
819
810
  --Log-padding: var(--gap-sm) 0;
820
811
  --Log-line-padding: 0 var(--gap-sm);
@@ -822,37 +813,32 @@
822
813
  --Log-line--onHover-bg: #444;
823
814
  --Modal-bg: var(--background);
824
815
  --Modal-body--noHeader-paddingTop: var(--gap-base);
825
- --Modal-body-borderBottom: var(--Modal-content-borderWidth) solid
816
+ --Modal-body-borderBottom: var(--borders-style-1) solid
826
817
  var(--colors-neutral-line-10);
827
- --Modal-body-borderTop: var(--Modal-content-borderWidth) solid
818
+ --Modal-body-borderTop: var(--borders-style-1) solid
828
819
  var(--colors-neutral-line-10);
829
- --Modal-body-paddingX: var(--gap-md);
830
- --Modal-body-paddingY: var(--gap-md);
820
+ --Modal-body-paddingX: var(--sizes-size-0);
821
+ --Modal-body-paddingY: var(--sizes-base-13);
831
822
  --Modal-close-color: var(--text--muted-color);
832
823
  --Modal-close-width: 1rem;
833
824
  --Modal-content-borderColor: var(--borderColor);
834
- --Modal-content-borderRadius: var(--borderRadius);
835
- --Modal-content-borderWidth: var(--borderWidth);
836
- --Modal-content-minHeight: unset;
825
+ --Modal-content-borderRadius: var(--borders-radius-4);
826
+ --Modal-content-borderWidth: var(--borders-width-1);
827
+ --Modal-content-minHeight: 12.0625rem;
837
828
  --Modal-content-startMarginTop: 3.75rem;
838
829
  --Modal-content-stepMarginTop: 1.875rem;
839
830
  --Modal-footer-button-width: 4.5rem;
840
- --Modal-footer-marginX: 0;
841
- --Modal-footer-marginY: 0;
842
- --Modal-footer-padding: var(--gap-sm);
843
- --Modal-header-bg: var(--colors-neutral-fill-10);
831
+ --Modal-footer-marginX: var(--sizes-size-0);
832
+ --Modal-footer-marginY: var(--sizes-size-0);
833
+ --Modal-footer-padding: var(--sizes-size-0);
834
+ --Modal-header-bg: var(--colors-neutral-fill-11);
844
835
  --Modal-header-height: 2.5rem;
845
- --Modal-header-paddingX: var(--gap-md);
846
- --Modal-header-paddingY: calc(
847
- (
848
- var(--Modal-header-height) - var(--Modal-title-lineHeight) *
849
- var(--Modal-title-fontSize)
850
- ) / 2
851
- );
852
- --Modal-overlay-bg: rgba(0, 0, 0, 0.6);
853
- --Modal-title-color: var(--text--loud-color);
854
- --Modal-title-fontSize: var(--fontSizeBase);
855
- --Modal-title-fontWeight: var(--fontWeightMd);
836
+ --Modal-header-paddingX: var(--sizes-size-0);
837
+ --Modal-header-paddingY: var(--sizes-size-0);
838
+ --Modal-overlay-bg: rgba(0, 0, 0, 0.7);
839
+ --Modal-title-color: var(--colors-neutral-text-2);
840
+ --Modal-title-fontSize: var(--fonts-size-7);
841
+ --Modal-title-fontWeight: var(--fonts-weight-5);
856
842
  --Modal-title-lineHeight: var(--lineHeightBase);
857
843
  --Modal-widthBase: 31.25rem;
858
844
  --Modal-widthLg: 68.75rem;
@@ -861,76 +847,79 @@
861
847
  --Modal-widthXl: 90%;
862
848
  --Model-close-onHover-color: var(--text-color);
863
849
  --Nav-item-bg: transparent;
864
- --Nav-item-borderRadius: 0;
850
+ --Nav-item-borderRadius: var(--borders-radius-1);
865
851
  --Nav-item-color: var(--text-color);
866
- --Nav-item-fontSize: var(--fontSizeBase);
867
- --Nav-item-onActive-bg: var(--info);
868
- --Nav-item-onActive-borderLeft: 3px solid transparent;
869
- --Nav-item-onActive-color: var(--white);
852
+ --Nav-item-fontSize: var(--fonts-size-6);
853
+ --Nav-item-onActive-bg: var(--colors-neutral-fill-10);
854
+ --Nav-item-onActive-borderLeft: var(--borders-width-4) var(--borders-style-2)
855
+ var(--colors-brand-5);
856
+ --Nav-item-onActive-color: var(--colors-brand-5);
870
857
  --Nav-item-onDisabled-color: var(--text--muted-color);
871
858
  --Nav-item-onHover-bg: rgba(0, 0, 0, 0.05);
872
859
  --Nav-item-onHover-color: var(--text--loud-color);
873
- --Nav-subItem-fontSize: var(--fontSizeBase);
874
- --Nav-subItem-onActiveBeforeBg: #e5eaeb;
860
+ --Nav-subItem-fontSize: var(--fonts-size-8);
861
+ --Nav-subItem-onActiveBeforeBg: var(--colors-brand-5);
875
862
  --Nav-Item-maxWidth--tabs: 10rem;
876
863
  --Nav-Item-height: 2.5rem;
877
864
  --Number-bg: var(--Form-input-bg);
878
- --Number-borderColor: var(--Form-input-borderColor);
865
+ --Number-borderColor: var(--colors-neutral-line-7);
879
866
  --Number-borderRadius: var(--Form-input-borderRadius);
880
- --Number-borderWidth: var(--Form-input-borderWidth);
881
- --Number-handler--down-content: "-";
882
- --Number-handler--up-content: "+";
883
- --Number-handler--up-transform: none;
884
- --Number-handler-bg: var(--white);
885
- --Number-handler-borderBottom: 0.0625rem solid var(--Form-input-borderColor);
867
+ --Number-borderWidth: var(--borders-width-2);
868
+ --Number-handler--down-content: "";
869
+ --Number-handler--up-content: "";
870
+ --Number-handler--up-transform: rotate(180deg);
871
+ --Number-handler-bg: var(--colors-neutral-fill-11);
872
+ --Number-handler-borderBottom: var(--borders-width-1) solid
873
+ var(--Form-input-borderColor);
886
874
  --Number-handler-color: var(--Form-input-color);
887
- --Number-handler-fontFamily: inherit;
888
- --Number-handler-fontSize: var(--fontSizeBase);
875
+ --Number-handler-fontFamily: "iconfont";
876
+ --Number-handler-fontSize: var(--fonts-size-8);
889
877
  --Number-handler-onActive-bg: var(--Number-handler-onHover-bg);
890
878
  --Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);
891
879
  --Number-handler-onDisabled-color: var(--text--muted-color);
892
- --Number-handler-onHover-bg: var(--colors-neutral-fill-9);
893
- --Number-handler-onHover-color: var(--text-color);
894
- --Number-handler-width: var(--gap-lg);
880
+ --Number-handler-onHover-bg: var(--colors-neutral-fill-11);
881
+ --Number-handler-onHover-color: var(--colors-brand-5);
882
+ --Number-handler-width: var(--sizes-base-13);
895
883
  --Number-onDisabled-bg: var(--Form-input-bg);
896
- --Page-aside-bg: #323232;
884
+ --Page-aside-bg: var(--colors-neutral-fill-11);
897
885
  --Page-aside-maxWidth: 18.75rem;
898
- --Page-aside-width: 12.5rem;
886
+ --Page-aside-width: 10rem;
899
887
  --Page-body-padding: var(--gap-base);
900
- --Page-content-paddingX: 0;
901
- --Page-content-paddingY: 0;
902
- --Page-header-paddingX: var(--gap-base);
903
- --Page-header-paddingY: var(--gap-base);
888
+ --Page-content-paddingX: var(--sizes-size-0);
889
+ --Page-content-paddingY: var(--sizes-size-0);
890
+ --Page-header-paddingX: var(--sizes-size-9);
891
+ --Page-header-paddingY: var(--sizes-size-6);
904
892
  --Page-header-bg: transparent;
905
- --Page-main-bg: transparent;
906
- --Page-title-color: var(--text--loud-color);
893
+ --Page-main-bg: var(--colors-neutral-fill-11);
894
+ --Page-title-color: var(--colors-neutral-text-2);
907
895
  --Page-title-fontSize: var(--fontSizeLg);
908
896
  --Page-title-fontWeight: var(--fontWeightNormal);
909
897
  --Page-title-lineHeight: 1.5;
910
- --Pagination-fontSize: var(--fontSizeBase);
898
+ --Pagination-fontSize: var(--fonts-size-8);
911
899
  --Pagination-height: 2rem;
912
900
  --Pagination-minWidth: 2rem;
913
- --Pagination-onActive-backgroundColor: var(--primary);
914
- --Pagination-onActive-border: 0;
915
- --Pagination-onActive-color: var(--white);
901
+ --Pagination-onActive-backgroundColor: var(--colors-neutral-fill-11);
902
+ --Pagination-onActive-border: var(--borders-width-2) var(--borders-style-2)
903
+ var(--colors-brand-5);
904
+ --Pagination-onActive-color: var(--colors-brand-5);
916
905
  --Pagination-onDisabled-color: var(--colors-neutral-text-6);
917
906
  --Pagination-onDisabled-backgroundColor: var(--colors-neutral-fill-10);
918
907
  --Pagination-padding: 0 0.5rem;
919
908
  --Pagination-light-color: #84868c;
920
- --Panel--default-badgeBg: #333;
921
- --Panel--default-badgeColor: #f5f5f5;
922
- --Panel--default-bg: #f6f8f8;
909
+ --Panel--default-badgeBg: var(--colors-neutral-fill-3);
910
+ --Panel--default-badgeColor: var(--colors-neutral-fill-10);
911
+ --Panel--default-bg: var(--colors-neutral-fill-10);
923
912
  --Panel--default-color: var(--text-color);
924
913
  --Panel--default-headingBorderColor: var(--borderColor);
925
- --Panel-bg: var(--white);
914
+ --Panel-bg: var(--colors-neutral-fill-11);
926
915
  --Panel-bodyPadding: var(--gap-base);
927
916
  --Panel-border: var(--borderWidth) solid transparent;
928
- --Panel-borderRadius: var(--borderRadius);
917
+ --Panel-borderRadius: var(--borders-radius-3);
929
918
  --Panel-borderWidth: 0.0625rem;
930
919
  --Panel-boxShadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05);
931
920
  --Panel-btnToolbarTextAlign: right;
932
921
  --Panel-fixedBottom-borderTop: none;
933
- --Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
922
+ --Panel-fixedBottom-boxShadow: var(--shadows-shadow-normal);
934
923
  --Panel-footerBg: transparent;
935
924
  --Panel-footerBorderColor: var(--borderColorLight);
936
925
  --Panel-footerBorderRadius: 0 0 0.125rem 0.125rem;
@@ -953,7 +942,7 @@
953
942
  --PickerColumns-title-lineHeight: 1.5;
954
943
  --PickerColumns-action-padding: 0 var(--gap-md);
955
944
  --PickerColumns-action-fontSize: var(--fontSizeLg);
956
- --PickerColumns-confirmAction-color: #2468f2;
945
+ --PickerColumns-confirmAction-color: var(--colors-brand-5);
957
946
  --PickerColumns-cancelAction-color: #666;
958
947
  --PickerColumns-option-fontSize: var(--fontSizeLg);
959
948
  --PickerColumns-optionText-color: var(--text-color);
@@ -977,63 +966,62 @@
977
966
  --QuickEdit-onHover-iconColor: inherit;
978
967
  --Radio--sm-size: var(--Checkbox--sm-size);
979
968
  --Radio-color: var(--Checkbox-color);
980
- --Radio-inner-size: calc(var(--Radio-size) / 2);
969
+ --Radio-inner-size: var(--sizes-size-5);
981
970
  --Radio-onHover-color: var(--Checkbox-onHover-color);
982
- --Radio-size: var(--Checkbox-size);
971
+ --Radio-size: var(--sizes-size-9);
983
972
  --Radio-onDisabled-bg: #e5e7eb;
984
973
  --Radio-onDisabled-color: var(--text--muted-color);
985
974
  --Radio-onFocus-boxShadow: none;
986
- --Remark-bg: #fff;
987
- --Remark-borderColor: var(--borderColor);
988
- --Remark-borderWidth: 0.0625rem;
989
- --Remark-icon-fontSize: var(--fontSizeBase);
990
- --Remark-iconColor: var(--icon-color);
975
+ --Remark-bg: var(--colors-neutral-text-11);
976
+ --Remark-borderColor: var(--colors-neutral-line-8);
977
+ --Remark-borderWidth:var(--borders-width-2);
978
+ --Remark-icon-fontSize: var(--fonts-size-8);
979
+ --Remark-iconColor: var(--colors-neutral-text-5);
991
980
  --Remark-marginLeft: var(--gap-sm);
992
- --Remark-onHover-bg: var(--primary);
993
- --Remark-onHover-borderColor: var(--primary);
994
- --Remark-onHover-iconColor: #fff;
995
- --Remark-width: 1rem;
981
+ --Remark-onHover-bg: var(--colors-warning-5);
982
+ --Remark-onHover-borderColor: var(--colors-warning-5);
983
+ --Remark-onHover-iconColor: var(--colors-neutral-text-11);
984
+ --Remark-width: var(--sizes-size-9);
996
985
  --ResultBox-tag-height: 1.5rem;
997
986
  --ResultBox-tag-marginBottom: 0.125rem;
998
987
  --ResultBox-icon--onDisabled-color: #ebebeb;
999
988
  --ResultBox-icon--onHover-color: #666666;
1000
- --ResultBox-icon-color: #999;
989
+ --ResultBox-icon-color: var(--colors-neutral-text-6);
1001
990
  --ResultBox-value--onDisabled-color: #cccccc;
1002
991
  --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
1003
992
  --ResultBox-value--onHover-bg--dark: #b8babf;
1004
- --ResultBox-value-bg: #f5f5f5;
993
+ --ResultBox-value-bg: var(--colors-neutral-fill-10);
1005
994
  --ResultBox-value-color: #000;
1006
- --ResultBox-value-clear-bg: #d4d6d9;
1007
- --ResultBox-value-clear-hover-bg: #f5f5f5;
1008
- --Rating-inactive-color: #e8e9eb;
995
+ --ResultBox-value-clear-bg: var(--colors-neutral-fill-8);
996
+ --ResultBox-value-clear-hover-bg: var(--colors-neutral-fill-9);
997
+ --Rating-inactive-color: var(--colors-neutral-text-9);
998
+ --Rating-text-color: var(--colors-neutral-text-2);
1009
999
  --Rating-star-margin: 0.5rem;
1010
1000
  --Rating-star-size: 1.5rem;
1011
- --Satus-icon-width: var(--gap-lg);
1001
+ --Satus-icon-width: var(--sizes-size-8);
1012
1002
  --Satus-icon-height: var(--Satus-icon-width);
1013
1003
  --Sparkline-line-color: var(--info);
1014
- --Sparkline-area-color: rgba(34, 150, 243, 0.1);
1004
+ --Sparkline-area-color: rgba(0, 123, 255, 0.1);
1015
1005
  --Spinner--lg-height: 3rem;
1016
1006
  --Spinner--lg-width: 3rem;
1017
1007
  --Spinner--sm-height: 1rem;
1018
1008
  --Spinner--sm-width: 1rem;
1019
- --Spinner-bg: url("data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
1009
+ --Spinner-bg: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDY0IDY0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDAuNTAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjMiIGhlaWdodD0iNjMiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hOWkh+S7vS02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjk4MDAwMCwgMC43ODAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJmcmFtZSIgc3Ryb2tlPSIjMjQ2OEYyIiBzdHJva2Utd2lkdGg9IjMuMiIgcG9pbnRzPSIyNy41MiA1LjEyIDQ5LjY5MDI1MDMgMTcuOTIgNDkuNjkwMjUwMyA0My41MiAyNy41MiA1Ni4zMiA1LjM0OTc0OTY2IDQzLjUyIDUuMzQ5NzQ5NjYgMTcuOTIiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCAxNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxNjAiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iLjQ1cztmcmFtZTIuZW5kIiBkdXI9Ii45cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIxNjAiIHRvPSItMTYwIiBmaWxsPSJmcmVlemUiICBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTIiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iZnJhbWUxLmVuZCIgZHVyPSIuOXMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMTYwIiB0bz0iMTYwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICA8L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUxIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIyNy41MiIgY3k9IjQuOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDI2IiB0bz0iMCAwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gaWQ9ImNpcmNsZTF0d28iIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYmVnaW49ImNpcmNsZTFvbmUuZW5kICsgLjcycyIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjAgMCIgdG89IjAgMjYiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlMiIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4yNDAwMDAsIDE3LjI4MDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTE3LjI4MDAwMCkgIiBjeD0iNTAuMjQiIGN5PSIxNy4yOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMm9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMnR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSItMjIuNSAxMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUydHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUyb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUzIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjI0MDAwMCwgNDMuMjAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNTAuMjQiIGN5PSI0My4yIiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzb25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGUzdHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209Ii0yMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUzb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAtMTMiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlNCIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMjcuNTIiIGN5PSI1Ni42NCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIC0yNiIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUxdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUxb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIwIC0yNiIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU1IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCA0My4yMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjgwMDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNC44IiBjeT0iNDMuMiIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlNXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIyMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU1dHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGU1b25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIyMi41IC0xMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU2IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCAxNy4yODAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC44MDAwMDAsIC0xNy4yODAwMDApICIgY3g9IjQuOCIgY3k9IjE3LjI4IiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU2b25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGU2dHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjIyLjUgMTMiIHRvPSIwIDAiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNnR3byIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iY2lyY2xlNm9uZS5lbmQgKyAuNzJzIiBkdXI9Ii41NHMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMCAwIiB0bz0iMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
1020
1010
  --Spinner-height: 2rem;
1021
1011
  --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
1022
1012
  --Spinner-width: 2rem;
1023
- --Spinner-color: #2468f2;
1013
+ --Spinner-color: var(--colors-brand-5);
1024
1014
  --Switch-bgColor: var(--colors-neutral-fill-7);
1025
1015
  --Switch-borderColor: var(--colors-neutral-line-6);
1026
1016
  --Switch-gap: var(--gap-sm);
1027
- --Switch-height: 1.375rem;
1028
- --Switch-onActive-bgColor: var(--info);
1029
- --Switch-onDisabled-bgColor: #ccc;
1030
- --Switch-onDisabled-circle-BackgroundColor: var(--white);
1031
- --Switch-onDisabled-color: #fff;
1032
- --Switch-onHover-bgColor: var(--Switch-bgColor);
1033
- --Switch-checked-onHover-bgColor: #144bcc;
1034
- --Switch-checked-onActive-bgColor: #144bcc;
1035
- --Switch-valueColor: var(--white);
1036
- --Switch-width: 3.125rem;
1017
+ --Switch-height: var(--sizes-base-11);
1018
+ --Switch-onActive-bgColor: var(--colors-brand-5);
1019
+ --Switch-onDisabled-bgColor: var(--colors-brand-9);
1020
+ --Switch-onDisabled-circle-BackgroundColor: var(--colors-neutral-fill-11);
1021
+ --Switch-onDisabled-color: var(--colors-neutral-text-11);
1022
+ --Switch-onHover-bgColor: var(--colors-neutral-fill-6);
1023
+ --Switch-valueColor: var(--colors-neutral-text-11);
1024
+ --Switch-width: var(--sizes-base-23);
1037
1025
  --Switch-slider-margin: 0.0625rem;
1038
1026
  --Switch-slider-width: calc(
1039
1027
  var(--Switch-height) - var(--Switch-slider-margin) * 2
@@ -1052,67 +1040,71 @@
1052
1040
  --Switch-text-marginLeft--sm: calc(
1053
1041
  var(--Switch-slider-margin) * 2 + var(--Switch-text-marginLeft) / 2
1054
1042
  );
1043
+ --Switch-checked-bgColor: var(--colors-brand-5);
1044
+ --Switch-checked-onHover-bgColor: var(--colors-brand-4);
1045
+ --Switch-checked-onActive-bgColor: var(--colors-brand-4);
1055
1046
  --Table--unsaved-heading-bg: #e8f0fe;
1056
1047
  --Table--unsaved-heading-color: #4285f4;
1057
- --Table-bg: var(--background);
1058
- --Table-borderColor: var(--borderColor);
1048
+ --Table-bg: var(--colors-neutral-fill-11);
1049
+ --Table-borderColor: var(--colors-neutral-line-8);
1059
1050
  --Table-borderRadius: var(--borderRadius);
1060
1051
  --Table-borderWidth: var(--borderWidth);
1061
- --Table-color: var(--text-color);
1062
- --Table-expandBtn-color: var(--info);
1052
+ --Table-color: var(--colors-neutral-text-2);
1053
+ --Table-expandBtn-color: var(--colors-neutral-text-5);
1063
1054
  --Table-fixed-zIndex: 5;
1064
1055
  --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
1065
1056
  --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
1066
- --Table-fixedTop-boxShadow: var(--boxShadow);
1067
- --Table-fontSize: var(--fontSizeBase);
1068
- --Table-heading-bg: var(--white);
1057
+ --Table-fixedTop-boxShadow: var(--shadows-shadow-normal);
1058
+ --Table-fontSize: var(--fonts-size-8);
1059
+ --Table-heading-bg: var(--colors-neutral-fill-11);
1069
1060
  --Table-heading-height: 2.5rem;
1070
- --Table-lineHeight: var(--lineHeightBase);
1071
- --Table-onChecked-bg: #d9f3fb;
1072
- --Table-onChecked-borderColor: #abe4f6;
1073
- --Table-onChecked-color: #20b9e8;
1074
- --Table-onChecked-onHover-bg: #f5f5f5;
1075
- --Table-onChecked-onHover-borderColor: #eceff8;
1076
- --Table-onChecked-onHover-color: #666;
1061
+ --Table-lineHeight: var(--fonts-lineHeight-2);
1062
+ --Table-onChecked-bg: var(--colors-neutral-fill-10);
1063
+ --Table-onChecked-borderColor: var(--colors-neutral-line-8);
1064
+ --Table-onChecked-color: var(--colors-neutral-text-6)
1065
+ --Table-onChecked-onHover-bg: var(--colors-neutral-fill-10);
1066
+ --Table-onChecked-onHover-borderColor: var(--colors-neutral-line-8);
1067
+ --Table-onChecked-onHover-color: var( --colors-neutral-line-4);
1077
1068
  --Table-onDragging-opacity: 0.1;
1078
- --Table-onHover-bg-rgb: 243, 246, 246;
1079
- --Table-onHover-bg: #f3f6f6;
1080
- --Table-onHover-borderColor: #d6dfdf;
1081
- --Table-onHover-boxShadow: var(--boxShadow);
1069
+ --Table-onHover-bg-rgb: 245, 251, 255;
1070
+ --Table-onHover-bg: var(--colors-brand-10);
1071
+ --Table-onHover-borderColor:var(--colors-neutral-line-8);
1072
+ --Table-onHover-boxShadow: var(--shadows-shadow-normal);
1082
1073
  --Table-onHover-color: var(--text-color);
1083
1074
  --Table-onModified-bg: #e8f0fe;
1084
1075
  --Table-onModified-borderColor: #d0e0fd;
1085
1076
  --Table-onModified-color: #4285f4;
1086
1077
  --Table-placeholder-height: 12.5rem;
1087
- --Table-strip-bg: #f9fafa;
1078
+ --Table-strip-bg: var(--colors-neutral-fill-none);
1088
1079
  --Table-tbody-borderTopColor: var(--colors-neutral-line-9);
1089
- --Table-thead-bg: #f6f8f8;
1090
- --Table-thead-borderColor: var(--Table-borderColor);
1080
+ --Table-thead-bg: var(--colors-neutral-fill-10);
1081
+ --Table-thead-borderColor: var(--colors-neutral-line-11);
1091
1082
  --Table-thead-borderWidth: var(--Table-borderWidth);
1092
- --Table-thead-color: var(--text--loud-color);
1083
+ --Table-thead-color: var(--colors-neutral-text-2);
1093
1084
  --Table-thead-fontSize: var(--fontSizeBase);
1094
- --Table-thead-iconColor: var(--icon-color);
1085
+ --Table-thead-iconColor: var(--colors-neutral-text-5);
1095
1086
  --Table-toolbar-marginX: 0.25rem;
1096
1087
  --Table-toolbar-marginY: var(--gap-base);
1097
- --Table-tree-borderColor: var(--Table-borderColor);
1088
+ --Table-tree-borderColor:var(--colors-neutral-line-8);
1098
1089
  --Table-searchableForm-backgroundColor: #f6f7f8;
1099
1090
  --Table-searchableForm-borderRadius: 0.25rem;
1100
1091
  --Table-empty-icon-size: 4.625rem;
1101
- --TableRow-onDisabled-bg: #f7f7f9;
1102
- --TableRow-onDisabled-color: #b8babf;
1092
+ --TableRow-onDisabled-bg: var(--colors-neutral-fill-10);
1093
+ --TableRow-onDisabled-color: var(--colors-neutral-text-6);
1103
1094
  --TableCell--edge-paddingX: var(--gap-md);
1104
1095
  --TableCell--edge-paddingX-default: var(--gap-base);
1105
- --TableCell-filterBtn--onActive-color: var(--primary);
1096
+ --TableCell-filterBtn--onActive-color: var(--colors-brand-5);
1106
1097
  --TableCell-filterBtn-width: 1rem;
1107
- --TableCell-filterPopOver-dropDownItem-height: 2.125rem;
1108
- --TableCell-filterPopOver-dropDownItem-padding: 0 0.75rem;
1098
+ --TableCell-filterPopOver-dropDownItem-height: var(--sizes-base-16);
1099
+ --TableCell-filterPopOver-dropDownItem-padding: var(--sizes-size-0)
1100
+ var(--sizes-size-6);
1109
1101
  --TableCell-line-height-large: 2.5rem;
1110
1102
  --TableCell-line-height-middle: 1.875rem;
1111
1103
  --TableCell-height: 2.5rem;
1112
1104
  --TableCell-height-default: 2.5625rem;
1113
1105
  --TableCell-height-large: 3.8125rem;
1114
1106
  --TableCell-height-small: 2.0625rem;
1115
- --TableCell-paddingX: var(--gap-sm);
1107
+ --TableCell-paddingX: var(--sizes-size-6);
1116
1108
  --TableCell-paddingX-large: var(--gap-base);
1117
1109
  --TableCell-paddingX-small: var(--gap-xs);
1118
1110
  --TableCell-paddingY: calc(
@@ -1137,22 +1129,22 @@
1137
1129
  var(--Table-lineHeight)
1138
1130
  ) / 2
1139
1131
  );
1140
- --TableCell-searchBtn--onActive-color: var(--primary);
1132
+ --TableCell-searchBtn--onActive-color: var(--colors-brand-5);
1141
1133
  --TableCell-searchBtn-width: 1rem;
1142
1134
  --TableCell-sortBtn--default-onActive-opacity: 1;
1143
1135
  --TableCell-sortBtn--default-opacity: 0;
1144
- --TableCell-sortBtn--onActive-color: var(--primary);
1145
- --TableCell-sortBtn-width: 0.5rem;
1136
+ --TableCell-sortBtn--onActive-color: var(--colors-brand-5);
1137
+ --TableCell-sortBtn-width:var(--sizes-size-8);
1146
1138
  --TableCell-icon-gap: var(--gap-sm);
1147
1139
  --Table-fixedLeftLast-boxShadow: inset 10px 0 8px -8px #00000026;
1148
1140
  --Table-fixedRightFirst-boxShadow: inset -10px 0 8px -8px #00000026;
1149
1141
  --Table-loading-padding: 30px 0px;
1150
- --Tabs--card-bg: #f6f8f8;
1142
+ --Tabs--card-bg: var(--colors-neutral-fill-10);
1151
1143
  --Tabs--card-borderTopColor: var(--borderColor);
1152
1144
  --Tabs--card-linkMargin: 0 10px 0 0;
1153
1145
  --Tabs--card-linkPadding: 0.625rem 0.625rem;
1154
1146
  --Tabs--card-onActive-bg: var(--background);
1155
- --Tabs--card-onActive-borderColor: var(--borderColor);
1147
+ --Tabs--card-onActive-borderColor: var(--colors-neutral-line-11);
1156
1148
  --Tabs--card-padding: 0.375rem 0 0 0.625rem;
1157
1149
  --Tabs--card-add-gap: var(--gap-md);
1158
1150
  --Tabs--card-add-gap-top: 0.4375rem;
@@ -1165,24 +1157,24 @@
1165
1157
  --Tabs--line-linkPadding: 0 0 8px;
1166
1158
  --Tabs--line-addPadding: 0 0 10px;
1167
1159
  --Tabs--line-padding: var(--gap-md);
1168
- --Tabs--line-onHover-borderColor: var(--primary);
1169
- --Tabs--line-onHover-color: var(--primary);
1170
- --Tabs--radio-bg: #eaf6fe;
1171
- --Tabs--vertical-onActive-borderColor: var(--primary);
1160
+ --Tabs--line-onHover-borderColor: var(--colors-brand-5);
1161
+ --Tabs--line-onHover-color: var(--colors-brand-5);
1162
+ --Tabs--radio-bg: var(--colors-neutral-fill-11);
1163
+ --Tabs--vertical-onActive-borderColor: var(--colors-brand-5);
1172
1164
  --Tabs--tiled-add-gap: var(--gap-base);
1173
1165
  --Tabs--simple-split-width: 0.0625rem;
1174
1166
  --Tabs--strong-add-size: 2rem;
1175
1167
  --Tabs--strong-arrow-size: 1.5rem;
1176
1168
  --Tabs-borderColor: var(--colors-neutral-line-8);
1177
- --Tabs-link-disabled-color: #b8babf;
1178
- --Tabs--simple-split-size: var(--gap-xs) var(--gap-md);
1179
- --Tabs--sidebar-iconColor: #2468f2;
1180
- --Tabs--simple-split-color: var(--Tabs-borderColor);
1169
+ --Tabs-link-disabled-color: var(--colors-neutral-text-6);
1170
+ --Tabs--simple-split-size: var(--sizes-size-3) var(--sizes-size-9);
1171
+ --Tabs--sidebar-iconColor: var(--colors-brand-5);
1172
+ --Tabs--simple-split-color: var(--colors-neutral-text-8);
1181
1173
  --Tabs-borderRadius: var(--borderRadius);
1182
1174
  --Tabs-borderWidth: var(--borderWidth);
1183
1175
  --Tabs-color: var(--text-color);
1184
1176
  --Tabs-content-bg: var(--background);
1185
- --Tabs-linkFontSize: var(--fontSizeBase);
1177
+ --Tabs-linkFontSize: var(--fonts-size-7);
1186
1178
  --Tabs-linkMargin: 0 0.1875rem 0 0;
1187
1179
  --Tabs-linkPadding: var(--gap-sm) var(--gap-base);
1188
1180
  --Tabs-onActive-bg: var(--background);
@@ -1208,73 +1200,73 @@
1208
1200
  --Tabs--sidebar-iconMargin: 0.3125rem;
1209
1201
  --Tabs--vertical-bg: var(--Table-thead-bg);
1210
1202
  --Tabs--vertical-width: 8.75rem;
1211
- --Tabs--vertical-onActive-color: var(--primary);
1212
- --Tabs--vertical-onActive-border: var(--primary);
1203
+ --Tabs--vertical-onActive-color: var(--colors-brand-5);
1204
+ --Tabs--vertical-onActive-border: var(--colors-brand-5);
1213
1205
  --Tabs--vertical-onActive-bg: var(--Tabs--vertical-bg);
1214
1206
  --Tabs--vertical-onActive-borderWidth: 0 0 0 0.25rem;
1215
1207
  --Tabs--vertical-onActive-container-borderRight: none;
1216
1208
  --Tabs--vertical-onActive-container-bg: var(--Tabs--vertical-bg);
1217
- --Tabs--chrome-onHover-bg: #f6f7f8;
1218
- --Tabs--chrome-bg: #e7eaed;
1209
+ --Tabs--chrome-onHover-bg: var(--colors-neutral-fill-10);
1210
+ --Tabs--chrome-bg: var(--colors-neutral-fill-10);
1219
1211
  --Tabs--chrome-radius-size: 0.5rem;
1220
1212
  --Tabs--chrome-right-border-color: var(--colors-neutral-line-5);
1221
- --TagControl-sugBtn-bg: var(--Button--default-bg);
1222
- --TagControl-sugBtn-border: var(--Button--default-border);
1223
- --TagControl-sugBtn-borderRadius: var(--Button-borderRadius);
1224
- --TagControl-sugBtn-borderWidth: var(--Button-borderWidth);
1225
- --TagControl-sugBtn-color: var(--Button--default-color);
1226
- --TagControl-sugBtn-fontSize: var(--Button--sm-fontSize);
1227
- --TagControl-sugBtn-height: var(--Button--sm-height);
1228
- --TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight);
1213
+ --TagControl-sugBtn-bg: var(--colors-neutral-fill-none);
1214
+ --TagControl-sugBtn-border: var(--colors-neutral-line-7);
1215
+ --TagControl-sugBtn-borderRadius: var(--borders-radius-2);
1216
+ --TagControl-sugBtn-borderWidth: var(--borders-width-2);
1217
+ --TagControl-sugBtn-color: var(--colors-neutral-text-2);
1218
+ --TagControl-sugBtn-fontSize: var(--fonts-size-8);
1219
+ --TagControl-sugBtn-height: var(--sizes-base-16);
1220
+ --TagControl-sugBtn-lineHeight: var(--fonts-lineHeight-2);
1229
1221
  --TagControl-sugBtn-onActive-bg: var(--colors-neutral-fill-8);
1230
1222
  --TagControl-sugBtn-onActive-border: var(--colors-neutral-line-5);
1231
1223
  --TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color);
1232
1224
  --TagControl-sugBtn-onHover-bg: var(--colors-neutral-fill-8);
1233
1225
  --TagControl-sugBtn-onHover-border: var(--colors-neutral-line-6);
1234
- --TagControl-sugBtn-onHover-color: var(--Button--default-color);
1235
- --TagControl-sugBtn-paddingX: var(--Button--sm-paddingX);
1226
+ --TagControl-sugBtn-onHover-color: var(--colors-neutral-text-2);
1227
+ --TagControl-sugBtn-paddingX: var(--sizes-size-6);
1236
1228
  --TagControl-sugBtn-paddingY: calc(
1237
1229
  (
1238
- var(--TagControl-sugBtn-height) - var(--Button-borderWidth) * 2 -
1230
+ var(--TagControl-sugBtn-height) - var(--borders-width-2) * 2 -
1239
1231
  var(--TagControl-sugBtn-lineHeight) *
1240
1232
  var(--TagControl-sugBtn-fontSize)
1241
1233
  ) / 2
1242
1234
  );
1243
- --TagControl-sugTip-color: var(--info);
1244
- --Toast-color: var(--text-color);
1245
- --Toast--danger-bgColor: var(--background);
1246
- --Toast--danger-borderColor: transparent;
1247
- --Toast--danger-color: var(--Toast-color);
1248
- --Toast--info-bgColor: var(--background);
1249
- --Toast--info-borderColor: transparent;
1250
- --Toast--info-color: var(--Toast-color);
1251
- --Toast--success-bgColor: var(--background);
1252
- --Toast--success-borderColor: transparent;
1253
- --Toast--success-color: var(--Toast-color);
1254
- --Toast--warning-bgColor: var(--background);
1255
- --Toast--warning-borderColor: transparent;
1256
- --Toast--warning-color: var(--Toast-color);
1257
- --Toast-border-width: 0;
1258
- --Toast-borderRadius: 0.125rem;
1235
+ --TagControl-sugTip-color: var(--colors-brand-5);
1236
+ --Toast-color: var(--colors-neutral-text-11);
1237
+ --Toast--danger-bgColor: var(--colors-neutral-fill-11);
1238
+ --Toast--danger-borderColor: var(--colors-neutral-line-11);
1239
+ --Toast--danger-color: var(--colors-neutral-text-2);
1240
+ --Toast--info-bgColor: var(--colors-neutral-fill-11);
1241
+ --Toast--info-borderColor: var(--colors-neutral-line-11);
1242
+ --Toast--info-color:var(--colors-neutral-text-2);
1243
+ --Toast--success-bgColor: var(--colors-neutral-fill-11);
1244
+ --Toast--success-borderColor: var(--colors-neutral-line-11);
1245
+ --Toast--success-color: var(--colors-neutral-text-2);
1246
+ --Toast--warning-bgColor: ar(--colors-neutral-fill-11);
1247
+ --Toast--warning-borderColor: var(--colors-neutral-line-11);
1248
+ --Toast--warning-color: var(--colors-neutral-text-2);
1249
+ --Toast-border-width:var(--borders-width-2);
1250
+ --Toast-borderRadius: var(--borders-radius-3);
1259
1251
  --Toast-box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
1260
1252
  0px 1px 10px 0px rgba(8, 14, 26, 0.05),
1261
1253
  0px 2px 4px -1px rgba(8, 14, 26, 0.04);
1262
- --Toast-close-color: var(--icon-color);
1263
- --Toast-close--onHover-color: var(--Toast-close-color);
1254
+ --Toast-close-color: var(--colors-neutral-text-5);
1255
+ --Toast-close--onHover-color: var(--colors-brand-5);
1264
1256
  --Toast-icon-width: 1rem;
1265
1257
  --Toast-icon-height: var(--Toast-icon-width);
1266
- --Toast-opacity: 0.8;
1267
- --Toast-paddingL: 2.5rem;
1268
- --Toast-paddingX: var(--gap-md);
1258
+ --Toast-opacity: 1;
1259
+ --Toast-paddingL: var(--sizes-base-14);
1260
+ --Toast-paddingX: var(--sizes-size-9);
1269
1261
  --Toast-paddingY: var(--gap-xs);
1270
- --Toast-title-display: block;
1262
+ --Toast-title-display: inline;
1271
1263
  --Toast-width: 25rem;
1272
- --Toast--info-paddingL: 0;
1264
+ --Toast--info-paddingL: var(--sizes-size-0);
1273
1265
  --Tooltip--attr-bg: rgba(0, 0, 0, 0.7);
1274
1266
  --Tooltip--attr-borderColor: var(--borderColor);
1275
1267
  --Tooltip--attr-borderRadius: var(--borderRadius);
1276
1268
  --Tooltip--attr-borderWidth: 0;
1277
- --Tooltip--attr-boxShadow: var(--boxShadow);
1269
+ --Tooltip--attr-boxShadow: var(--shadows-shadow-normal);
1278
1270
  --Tooltip--attr-color: var(--background);
1279
1271
  --Tooltip--attr-fontSize: var(--fontSizeSm);
1280
1272
  --Tooltip--attr-gap: var(--gap-sm);
@@ -1285,14 +1277,12 @@
1285
1277
  --Tooltip-arrow-color: var(--Tooltip-bg);
1286
1278
  --Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85);
1287
1279
  --Tooltip-arrow-height: 0.25rem;
1288
- --Tooltip-arrow-height: 0.25rem;
1289
1280
  --Tooltip-arrow-outerColor: #d1d5db;
1290
1281
  --Tooltip-arrow-width: 0.5rem;
1291
- --Tooltip-arrow-width: 0.5rem;
1292
1282
  --Tooltip-bg: var(--background);
1293
1283
  --Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
1294
1284
  --Tooltip-body-color: var(--text-color);
1295
- --Tooltip-body-color--dark: var(--white);
1285
+ --Tooltip-body-color--dark: var(--colors-neutral-fill-11);
1296
1286
  --Tooltip-body-paddingX: var(--gap-base);
1297
1287
  --Tooltip-body-paddingY: var(--gap-sm);
1298
1288
  --Tooltip-borderColor: var(--borderColor);
@@ -1301,60 +1291,60 @@
1301
1291
  --Tooltip-boxShadow: var(--boxTooltipShadow);
1302
1292
  --Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
1303
1293
  --Tooltip-fontSize: var(--fontSizeSm);
1304
- --Tooltip-fontWeight: var(--fontWeightMd);
1294
+ --Tooltip-fontWeight: var(--fonts-weight-5);
1305
1295
  --Tooltip-maxWidth: 15rem;
1306
1296
  --Tooltip-minWidth: auto;
1307
1297
  --Tooltip-title-fontWeight: bold;
1308
1298
  --Tooltip-title-bg: #f7f7f7;
1309
1299
  --Tooltip-title-borderBottom-color: #ebebeb;
1310
1300
  --Tooltip-title-color: var(--text--loud-color);
1311
- --Tooltip-title-color--dark: var(--white);
1301
+ --Tooltip-title-color--dark: var(--colors-neutral-fill-11);
1312
1302
  --Tooltip-title-paddingX: var(--gap-base);
1313
1303
  --Tooltip-title-paddingY: var(--gap-sm);
1314
- --Transfer-title-bg: #f6f8f8;
1304
+ --Transfer-title-bg: var(--colors-neutral-fill-10);
1315
1305
  --Transfer-selection-maxHeight: 21.875rem;
1316
- --TransferSelect--table-heading-bg: var(--background);
1317
- --TransferSelect--normal-heading-bg: #f6f7fb;
1318
- --TransferSelect-heading-borderBottom: 0;
1306
+ --TransferSelect--table-heading-bg: var(--colors-neutral-fill-11);
1307
+ --TransferSelect--normal-heading-bg: var(--colors-neutral-fill-10);
1308
+ --TransferSelect-heading-borderBottom: var(--borders-width-1);
1319
1309
  --TabsTransfer-title-bg: #f7f7f9;
1320
1310
  --TabsTransfer-border-color: #e8e9eb;
1321
1311
  --Tree-indent: var(--gap-md);
1322
- --Tree-icon-gap: var(--gap-xs);
1312
+ --Tree-icon-gap: vvar(--sizes-size-5);
1323
1313
  --Tree-icon-margin-right: 0.5rem;
1324
1314
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
1325
- --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
1326
- --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
1315
+ --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
1316
+ --Tree-item-onHover-bg-pure: var(--colors-neutral-fill-10);
1327
1317
  --Tree-itemArrowWidth: 1rem;
1328
- --Tree-itemHeight: 1.875rem;
1318
+ --Tree-itemHeight:var(--sizes-base-13);
1329
1319
  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
1330
- --TreeSelect-popover-bg: #fff;
1320
+ --TreeSelect-popover-bg: var(--colors-neutral-fill-11);
1331
1321
  --Tree-item-text-max-height: 15.625rem;
1332
1322
  --Tree-item-text-top: 0.25rem;
1333
1323
  --Tree-item-arrow-padding-left: 0.25rem;
1334
1324
  --Tree-item-arrow-color: #84868c;
1335
- --Tree-item-onChekced-bg: var(--Form-select-menu-onHover-bg);
1336
- --Tree-item-onChekced-bg-borderRadius: 0.125rem;
1337
- --Wizard-badge-bg: var(--colors-neutral-fill-5);
1338
- --Wizard-badge-border: 0;
1339
- --Wizard-badge-borderRadius: 0.625rem;
1340
- --Wizard-badge-color: var(--white);
1341
- --Wizard-badge-fontSize: var(--fontSizeSm);
1342
- --Wizard-badge-marginRight: 0.25rem;
1343
- --Wizard-badge-onActive-backgroundColor: var(--info);
1344
- --Wizard-badge-onComplete-backgroundColor: var(--info);
1345
- --Wizard-badge-size: var(--gap-md);
1346
- --Wizard-steps-bg--isComplete: #f1f5f9;
1347
- --Wizard-steps-bg: var(--colors-neutral-fill-8);
1348
- --Wizard-steps-borderWidth: 0.0625rem;
1349
- --Wizard-steps-height: 2.5rem;
1350
- --Wizard-steps-li-onActive-arrow-bg: #fff;
1351
- --Wizard-steps-li-onActive-bg: #fff;
1352
- --Wizard-steps-li-onActive-color: var(--info);
1353
- --Wizard-steps-liAfterContent: "";
1354
- --Wizard-steps-liVender: "";
1355
- --Wizard-steps-padding: 0;
1356
- --Wizard-steps-textAlign: left;
1357
- --Wizard-steps-ulDisplay: block;
1325
+ --Tree-item-onChekced-bg: var(--colors-brand-10);
1326
+ --Tree-item-onChekced-bg-borderRadius: var(--borders-radius-2);
1327
+ --Wizard-badge-bg: var(--colors-neutral-fill-11);
1328
+ --Wizard-badge-border: var(--borders-width-2) var(--borders-style-2) var(--colors-neutral-fill-6);
1329
+ --Wizard-badge-borderRadius: var(--borders-radius-7);
1330
+ --Wizard-badge-color: var(--colors-neutral-text-6);
1331
+ --Wizard-badge-fontSize: var(--fonts-size-7);
1332
+ --Wizard-badge-marginRight: var(--sizes-size-4);
1333
+ --Wizard-badge-onActive-backgroundColor: var(--colors-neutral-text-3);
1334
+ --Wizard-badge-onComplete-backgroundColor: var(--colors-neutral-text-3);
1335
+ --Wizard-badge-size: var(--sizes-base-14);
1336
+ --Wizard-steps-bg--isComplete: var(--colors-neutral-fill-11);
1337
+ --Wizard-steps-bg: var(--colors-neutral-fill-11);
1338
+ --Wizard-steps-borderWidth: var(--borders-width-1);
1339
+ --Wizard-steps-height: var(--sizes-base-31);
1340
+ --Wizard-steps-li-onActive-arrow-bg: var(--colors-neutral-text-11);
1341
+ --Wizard-steps-li-onActive-bg: var(--colors-neutral-fill-11);
1342
+ --Wizard-steps-li-onActive-color: var(--colors-neutral-text-3);
1343
+ --Wizard-steps-liAfterContent: "";
1344
+ --Wizard-steps-liVender: "iconfont";
1345
+ --Wizard-steps-padding: var(--sizes-size-6) var(--sizes-size-0);
1346
+ --Wizard-steps-textAlign: center;
1347
+ --Wizard-steps-ulDisplay: inline-block;
1358
1348
  --Wizard-stepsContent-padding: var(--gap-base);
1359
1349
  --AnchorNav-links-container-borderRight: 0.125rem solid #d3dae0;
1360
1350
  --AnchorNav-onActive-borderWidth: 0 0 0 0.125rem;
@@ -1374,7 +1364,7 @@
1374
1364
  --Progress-borderRadius: var(--borderRadius);
1375
1365
  --Progress-animate-backgroundColor: #fff;
1376
1366
  --Progress-bar-backgroundColor: #d3d9e6;
1377
- --ColumnToggler-backgroundColor: var(--white);
1367
+ --ColumnToggler-backgroundColor: var(--colors-neutral-fill-11);
1378
1368
  --ColumnToggler-borderRadius: 0.25rem;
1379
1369
  --ColumnToggler-lineHeight: 1.5rem;
1380
1370
  --ColumnToggler-title-fontColor: #080e1a;
@@ -1387,8 +1377,8 @@
1387
1377
  --ColumnToggler-item-dragBar-color: #d8d8d8;
1388
1378
  --InputFormula-header-bgColor: #fafafa;
1389
1379
  --InputFormula-icon-size: 1.5rem;
1390
- --InputFormula-icon-color-onActive: var(--primary);
1391
- --InputFormula-code-bgColor: #f2f2f4;
1380
+ --InputFormula-icon-color-onActive: var(--colors-brand-5);
1381
+ --InputFormula-code-bgColor: var(--colors-neutral-fill-10);
1392
1382
  --TimelineItem--axle-flex: 0 0 1.5rem;
1393
1383
  --TimelineItem--left-line-width: 0.125rem;
1394
1384
  --TimelineItem--left-line-left: 0.8125rem;
@@ -1421,10 +1411,9 @@
1421
1411
  --TimelineItem--font-size: var(--fontSizeSm);
1422
1412
  --TimelineItem--text-primary-color: #151a26;
1423
1413
  --TimelineItem--text-secondary-color: #83868c;
1424
- --TimelineItem--detail-button-color: var(--primary);
1414
+ --TimelineItem--detail-button-color: var(--colors-brand-5);
1425
1415
  --TimelineItem--line-bg: #e6e6e8;
1426
1416
  --TimelineItem--content-bg: #f2f2f4;
1427
- --TimelineItem-round-bg: #dadbdd;
1428
1417
  --TimelineItem-custem-button-margin-left: var(--fontSizeSm);
1429
1418
  --TimelineItem-custem-time-padding-right: var(--fontSizeSm);
1430
1419
  --TimelineItem-round-bg: #dadbdd;
@@ -1432,30 +1421,30 @@
1432
1421
  --Timeline--info-bg: var(--info);
1433
1422
  --Timeline--warning-bg: var(--warning);
1434
1423
  --Timeline--danger-bg: var(--danger);
1435
- --UserSelect--post-bg: #528eff;
1424
+ --UserSelect--post-bg: var(--colors-brand-6);
1436
1425
  --UserSelect--department-bg: #ffab52;
1437
1426
  --UserSelect--role-bg: #0bc286;
1438
1427
  --UserSelect--border-color: #f7f7f9;
1439
1428
  --UserSelect--content-bg: #f5f7f8;
1440
- --UserSelect--bread-color: #2468f2;
1429
+ --UserSelect--bread-color: var(--colors-brand-5);
1441
1430
  --Tag-content-fontSize: var(--fontSizeSm);
1442
1431
  --Tag-height: 1.5rem;
1443
1432
  --Tag-borderRadius: 0.125rem;
1444
1433
  --Tag-fontColor: #151a26;
1445
1434
  --Tag-default-color: #f2f2f4;
1446
1435
  --Tag-inactive-color: #b8babf;
1447
- --Tag-active-color: #2468f2;
1448
- --Tag-processing-color: #528eff;
1449
- --Tag-success-color: #30bf13;
1450
- --Tag-error-color: #f33e3e;
1451
- --Tag-warning-color: #ff9326;
1436
+ --Tag-active-color: var(--colors-brand-5);
1437
+ --Tag-processing-color: var(--colors-brand-6);
1438
+ --Tag-success-color: var(--colors-success-5);
1439
+ --Tag-error-color: var(--colors-error-5);
1440
+ --Tag-warning-color: var(--colors-warning-5);
1452
1441
  --Tag-checkable-bgColor: #f2f2f4;
1453
1442
  --Tag-checkable-bgColor-onDisable: #e6e6e8;
1454
1443
  --Tag-checkable-bgColor-onHover: #e6e6e8;
1455
1444
  --Tag-checkable-bgColor-onActive: #e6e6e8;
1456
- --Tag-checkable-bgColor-onHover-onChecked: #4f86f4;
1457
- --Tag-checkable-bgColor-onActive-onChecked: #1c53c1;
1458
- --Tag-checkable-bgColor-onChecked: #2468f2;
1445
+ --Tag-checkable-bgColor-onHover-onChecked: var(--colors-link-6);
1446
+ --Tag-checkable-bgColor-onActive-onChecked: var(--colors-link-4);
1447
+ --Tag-checkable-bgColor-onChecked: var(--colors-brand-5);
1459
1448
  --Tag-checkable-fontColor-onDisable: #b4b6ba;
1460
1449
  --menu-background: #fff;
1461
1450
  --menu-box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
@@ -1463,28 +1452,27 @@
1463
1452
  --menu-font-color: #151b26;
1464
1453
  --menu-font-family: PingFangSC-Regular;
1465
1454
  --menu-border-color: #e8e9eb;
1466
- --menu-active-color: #2468f2;
1455
+ --menu-active-color: var(--colors-brand-5)
1467
1456
  --menu-hover-bg-color: #e6f0ff;
1468
1457
  --menu-disabled-color: #b8babf;
1469
1458
  --default-icon-color: #84868c;
1470
1459
  --default-padding: 4px 12px;
1471
1460
  --menu-min-width: 150px;
1472
1461
  --menu-sub-min-width: 100px;
1473
- --SearchBox-height: 1.875rem;
1474
1462
  --SearchBox-width: 9.375rem;
1475
1463
  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
1476
1464
  --SearchBox-history-dropdown-maxHeight: 12.5rem;
1477
- --SearchBox-hover-color: #2468f2;
1478
- --SearchBox-focus-color: #144bcc;
1479
- --SearchBox-search-icon-color: #84868c;
1480
- --SearchBox-enhonce-icon-color: #ffffff;
1481
- --SearchBox-clearable-icon-color: #d4d6d9;
1482
- --SearchBox-clearable-icon-size: 1rem;
1483
- --SearchBox-height: 1.875rem;
1484
- --SearchBox-disabled-color: #f7f7f9;
1485
- --SearchBox-enhonce-disabled-color: #f2f2f4;
1486
- --SearchBox-enhonce-disabled-search-color: #b8babf;
1487
- --SearchBox-enhonce-clearable-gap: 0.375rem;
1465
+ --SearchBox-hover-color: var(--colors-brand-5);
1466
+ --SearchBox-focus-color: var(--colors-brand-4);
1467
+ --SearchBox-search-icon-color: var(--colors-neutral-text-5);
1468
+ --SearchBox-enhonce-icon-color: var(--colors-neutral-text-11);
1469
+ --SearchBox-clearable-icon-color: var(--colors-neutral-text-7);
1470
+ --SearchBox-clearable-icon-size: var(--sizes-size-9);
1471
+ --SearchBox-height: var(--sizes-base-16);
1472
+ --SearchBox-disabled-color: var(--colors-neutral-text-10);
1473
+ --SearchBox-enhonce-disabled-color: var(--colors-neutral-text-9);
1474
+ --SearchBox-enhonce-disabled-search-color: var(--colors-neutral-text-6);
1475
+ --SearchBox-enhonce-clearable-gap: var(--borders-radius-4);
1488
1476
  --IconSelect-searchBox-width: 15.375rem;
1489
1477
  --IconSelect-type-item-height: 3rem;
1490
1478
  --IconSelect-dialog-height: 50vh;
@@ -1496,7 +1484,7 @@
1496
1484
  --IconSelect-preivew-icon-size: 1.25rem;
1497
1485
  --IconSelect-list-icon-size: 1.5rem;
1498
1486
  --IconSelect-type-font-size: var(--fontSizeSm);
1499
- --IconSelect-active-badge-color: var(--white);
1487
+ --IconSelect-active-badge-color: var(--colors-neutral-fill-11);
1500
1488
  --IconSelect-active-bg-color: var(--colors-brand-5);
1501
1489
  --IconSelect-icon-name-color: var(--colors-neutral-text-2);
1502
1490
  --IconSelect-icon-id-color: var(--colors-neutral-text-5);
@@ -1505,96 +1493,1131 @@
1505
1493
  --IconSelect-type-li-height: 2rem;
1506
1494
  --IconSelect-type-li-padding: var(--gap-md);
1507
1495
  }
1508
- /* 此处放置需要override的变量，因为部分变量已经在variables.scss中定义 */
1496
+ @media (max-width: 767px) {
1497
+ :root {
1498
+ --fontSizeBase: var(--fontSizeLg);
1499
+ }
1500
+ }
1509
1501
  :root {
1510
- --Panel-bg: #302d2a;
1511
- --background-head: #191c22;
1512
- --background: #333538;
1513
- --body-bg: var(--background);
1514
- --borderColor: #656565;
1515
- --Button--default-bg: var(--black);
1516
- --Button-onDisabled-bg: var(--Panel-bg);
1517
- --Calendar-btnCancel-bg: var(--background-head);
1518
- --Calendar-cell-bg: var(--Panel-bg);
1519
- --Card-actions-onHover-bg: var(--dark);
1520
- --Card-actions-onHover-color: var(--text-color);
1521
- --Card-bg: var(--Panel-bg);
1522
- --Card-onChecked-bg: var(--black);
1523
- --Card-onChecked-color: var(--text-color);
1524
- --Card-onModified-bg: var(--dark);
1525
- --Card-onModified-color: var(--text-color);
1526
- --Checkbox-gb: linear-gradient(#515151, #4b4b4b);
1527
- --Checkbox-onHover-color: var(--blue);
1528
- --ColorPicker-bg: var(--background);
1529
- --DatePicker-bg: var(--background);
1530
- --DatePicker-header-select-borderColor: var(--background);
1531
- --DropDown-menu-bg: var(--background);
1532
- --Drawer-header-bg: var(--background);
1533
- --Fieldset-legend-bgColor: var(--background);
1534
- --Form-item-fontSize: var(--fontSizeBase);
1535
- --Form-item-fontColor: var(--body-color);
1536
- --Form-input-addOnBg: var(--Form-input-bg);
1537
- --Form-input-bg: #3c3c3c;
1538
- --Form-input-color: var(--text-color);
1539
- --Form-input-onDisabled-bg: var(--Panel-bg);
1540
- --Form-select-bg: var(--background);
1541
- --Form-select-menu-bg: var(--background);
1542
- --Form-select-onHover-bg: var(--background-head);
1543
- --Form-selectValue-bg: var(--Panel-bg);
1544
- --Form-selectValue-color: var(--text-color);
1545
- --IconPicker-tab-onActive-bg: var(--background);
1546
- --InputGroup-select-bg: var(--background);
1547
- --InputGroup-select-onFocused-bg: var(--Panel-bg);
1548
- --istItem-onModified-bg: var(--black);
1549
- --Layout-aside-bg: var(--background-head);
1550
- --Layout-aside-onAcitve-bg: var(--Panel-bg);
1551
- --Layout-aside-onHover-bg: #404040;
1552
- --Layout-aside-subList-bg: #131519;
1553
- --Layout-header-bg: var(--background-head);
1554
- --List-bg: var(--Panel-bg);
1555
- --ListControl-item-bg: var(--background);
1556
- --ListControl-item-onActive-before-bg: var(--background);
1557
- --ListItem--strip-bg: var(--background);
1558
- --ListItem-onChecked-bg: var(--black);
1559
- --ListItem-onChecked-color: var(--text-color);
1560
- --ListItem-onModified-color: var(--text-color);
1561
- --Number-handler-bg: var(--background);
1562
- --Panel--default-bg: #323232;
1563
- --Panel-footerBg: #323232;
1564
- --Panel-footerBorderColor: #656565;
1565
- --PopOver-bg: var(--background);
1566
- --Table-onChecked-bg: var(--black);
1567
- --Table-onChecked-color: var(--text-color);
1568
- --Table-onHover-bg: var(--dark);
1569
- --Table-onHover-bg-rgba: 30, 31, 34;
1570
- --Table-onModified-bg: var(--black);
1571
- --Table-onModified-color: var(--text-color);
1572
- --Table-strip-bg: var(--Panel-bg);
1573
- --Table-thead-bg: #2f2f2f;
1574
- --Table-searchableForm-backgroundColor: var(--background);
1575
- --Tabs--card-bg: #323639;
1576
- --Tabs--card-borderTopColor: var(--background);
1577
- --Tabs--card-onActive-bg: var(--Panel-bg);
1578
- --Tabs--radio-bg: var(--Panel-bg);
1579
- --Tabs--radio-bg: var(--Panel-bg);
1580
- --Tabs-content-bg: var(--Panel-bg);
1581
- --Tabs-onActive-bg: var(--Panel-bg);
1582
- --Tabs-onActive-color: white;
1583
- --Tabs-onHover-borderColor: var(--Tabs-onActive-borderColor);
1584
- --Tabs--chrome-onHover-bg: #36383c;
1585
- --Tabs--chrome-bg: #333538;
1586
- --Tooltip--attr-color: var(--text-color);
1587
- --Transfer-title-bg: #2f2f2f;
1588
- --TransferSelect--table-heading-bg: var(--background);
1589
- --TreeSelect-popover-bg: var(--Panel-bg);
1590
- --Wizard-steps-bg: var(--background-head);
1591
- --Wizard-steps-li-onActive-arrow-bg: var(--Panel-bg);
1592
- --Wizard-steps-li-onActive-bg: var(--Panel-bg);
1593
- --Checkbox-onDisabled-color: #4e4e4e;
1594
- --Checkbox-onDisabled-bg: var(--Panel-bg);
1595
- --Radio-onDisabled-color: #4e4e4e;
1596
- --Radio-onDisabled-bg: var(--Panel-bg);
1597
- --TimelineItem--text-primary-color: #f3f1f1;
1502
+ --button-default-default-top-border-color: var(--colors-neutral-line-8);
1503
+ --button-default-default-top-border-style: var(--borders-style-2);
1504
+ --button-default-default-top-border-width: var(--borders-width-2);
1505
+ --button-default-default-left-border-color: var(--colors-neutral-line-8);
1506
+ --button-default-default-left-border-style: var(--borders-style-2);
1507
+ --button-default-default-left-border-width: var(--borders-width-2);
1508
+ --button-default-default-right-border-color: var(--colors-neutral-line-8);
1509
+ --button-default-default-right-border-style: var(--borders-style-2);
1510
+ --button-default-default-right-border-width: var(--borders-width-2);
1511
+ --button-default-default-bottom-border-color: var(--colors-neutral-line-8);
1512
+ --button-default-default-bottom-border-style: var(--borders-style-2);
1513
+ --button-default-default-bottom-border-width: var(--borders-width-2);
1514
+ --button-default-default-shadow: var(--shadows-shadow-none);
1515
+ --button-default-default-bg-color: var(--colors-neutral-fill-none);
1516
+ --button-default-default-font-color: var(--colors-neutral-text-2);
1517
+ --button-default-hover-top-border-color: var(--colors-brand-5);
1518
+ --button-default-hover-top-border-style: var(--borders-style-2);
1519
+ --button-default-hover-top-border-width: var(--borders-width-2);
1520
+ --button-default-hover-left-border-color: var(--colors-brand-5);
1521
+ --button-default-hover-left-border-style: var(--borders-style-2);
1522
+ --button-default-hover-left-border-width: var(--borders-width-2);
1523
+ --button-default-hover-right-border-color: var(--colors-brand-5);
1524
+ --button-default-hover-right-border-style: var(--borders-style-2);
1525
+ --button-default-hover-right-border-width: var(--borders-width-2);
1526
+ --button-default-hover-bottom-border-color: var(--colors-brand-5);
1527
+ --button-default-hover-bottom-border-style: var(--borders-style-2);
1528
+ --button-default-hover-bottom-border-width: var(--borders-width-2);
1529
+ --button-default-hover-shadow: var(--shadows-shadow-none);
1530
+ --button-default-hover-bg-color: var(--colors-neutral-fill-none);
1531
+ --button-default-hover-font-color: var(--colors-brand-5);
1532
+ --button-default-active-top-border-color: var(--colors-brand-4);
1533
+ --button-default-active-top-border-style: var(--borders-style-2);
1534
+ --button-default-active-top-border-width: var(--borders-width-2);
1535
+ --button-default-active-left-border-color: var(--colors-brand-4);
1536
+ --button-default-active-left-border-style: var(--borders-style-2);
1537
+ --button-default-active-left-border-width: var(--borders-width-2);
1538
+ --button-default-active-right-border-color: var(--colors-brand-4);
1539
+ --button-default-active-right-border-style: var(--borders-style-2);
1540
+ --button-default-active-right-border-width: var(--borders-width-2);
1541
+ --button-default-active-bottom-border-color: var(--colors-brand-4);
1542
+ --button-default-active-bottom-border-style: var(--borders-style-2);
1543
+ --button-default-active-bottom-border-width: var(--borders-width-2);
1544
+ --button-default-active-shadow: var(--shadows-shadow-none);
1545
+ --button-default-active-bg-color: var(--colors-neutral-fill-none);
1546
+ --button-default-active-font-color: var(--colors-brand-4);
1547
+ --button-default-disabled-top-border-color: var(--colors-neutral-line-8);
1548
+ --button-default-disabled-top-border-style: var(--borders-style-2);
1549
+ --button-default-disabled-top-border-width: var(--borders-width-2);
1550
+ --button-default-disabled-left-border-color: var(--colors-neutral-line-8);
1551
+ --button-default-disabled-left-border-style: var(--borders-style-2);
1552
+ --button-default-disabled-left-border-width: var(--borders-width-2);
1553
+ --button-default-disabled-right-border-color: var(--colors-neutral-line-8);
1554
+ --button-default-disabled-right-border-style: var(--borders-style-2);
1555
+ --button-default-disabled-right-border-width: var(--borders-width-2);
1556
+ --button-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
1557
+ --button-default-disabled-bottom-border-style: var(--borders-style-2);
1558
+ --button-default-disabled-bottom-border-width: var(--borders-width-2);
1559
+ --button-default-disabled-shadow: var(--shadows-shadow-none);
1560
+ --button-default-disabled-bg-color: var(--colors-neutral-fill-10);
1561
+ --button-default-disabled-font-color: var(--colors-neutral-text-6);
1562
+ --button-primary-default-top-border-color: var(--colors-brand-5);
1563
+ --button-primary-default-top-border-style: var(--borders-style-2);
1564
+ --button-primary-default-top-border-width: var(--borders-width-2);
1565
+ --button-primary-default-left-border-color: var(--colors-brand-5);
1566
+ --button-primary-default-left-border-style: var(--borders-style-2);
1567
+ --button-primary-default-left-border-width: var(--borders-width-2);
1568
+ --button-primary-default-right-border-color: var(--colors-brand-5);
1569
+ --button-primary-default-right-border-style: var(--borders-style-2);
1570
+ --button-primary-default-right-border-width: var(--borders-width-2);
1571
+ --button-primary-default-bottom-border-color: var(--colors-brand-5);
1572
+ --button-primary-default-bottom-border-style: var(--borders-style-2);
1573
+ --button-primary-default-bottom-border-width: var(--borders-width-2);
1574
+ --button-primary-default-shadow: var(--shadows-shadow-none);
1575
+ --button-primary-default-bg-color: var(--colors-brand-5);
1576
+ --button-primary-default-font-color: var(--colors-neutral-text-11);
1577
+ --button-primary-hover-top-border-color: var(--colors-brand-6);
1578
+ --button-primary-hover-top-border-style: var(--borders-style-2);
1579
+ --button-primary-hover-top-border-width: var(--borders-width-2);
1580
+ --button-primary-hover-left-border-color: var(--colors-brand-6);
1581
+ --button-primary-hover-left-border-style: var(--borders-style-2);
1582
+ --button-primary-hover-left-border-width: var(--borders-width-2);
1583
+ --button-primary-hover-right-border-color: var(--colors-brand-6);
1584
+ --button-primary-hover-right-border-style: var(--borders-style-2);
1585
+ --button-primary-hover-right-border-width: var(--borders-width-2);
1586
+ --button-primary-hover-bottom-border-color: var(--colors-brand-6);
1587
+ --button-primary-hover-bottom-border-style: var(--borders-style-2);
1588
+ --button-primary-hover-bottom-border-width: var(--borders-width-2);
1589
+ --button-primary-hover-shadow: var(--shadows-shadow-none);
1590
+ --button-primary-hover-bg-color: var(--colors-brand-6);
1591
+ --button-primary-hover-font-color: var(--colors-neutral-text-11);
1592
+ --button-primary-active-top-border-color: var(--colors-brand-4);
1593
+ --button-primary-active-top-border-style: var(--borders-style-2);
1594
+ --button-primary-active-top-border-width: var(--borders-width-2);
1595
+ --button-primary-active-left-border-color: var(--colors-brand-4);
1596
+ --button-primary-active-left-border-style: var(--borders-style-2);
1597
+ --button-primary-active-left-border-width: var(--borders-width-2);
1598
+ --button-primary-active-right-border-color: var(--colors-brand-4);
1599
+ --button-primary-active-right-border-style: var(--borders-style-2);
1600
+ --button-primary-active-right-border-width: var(--borders-width-2);
1601
+ --button-primary-active-bottom-border-color: var(--colors-brand-4);
1602
+ --button-primary-active-bottom-border-style: var(--borders-style-2);
1603
+ --button-primary-active-bottom-border-width: var(--borders-width-2);
1604
+ --button-primary-active-shadow: var(--shadows-shadow-none);
1605
+ --button-primary-active-bg-color: var(--colors-brand-4);
1606
+ --button-primary-active-font-color: var(--colors-neutral-text-11);
1607
+ --button-primary-disabled-top-border-color: var(--colors-neutral-line-8);
1608
+ --button-primary-disabled-top-border-style: var(--borders-style-2);
1609
+ --button-primary-disabled-top-border-width: var(--borders-width-2);
1610
+ --button-primary-disabled-left-border-color: var(--colors-neutral-line-8);
1611
+ --button-primary-disabled-left-border-style: var(--borders-style-2);
1612
+ --button-primary-disabled-left-border-width: var(--borders-width-2);
1613
+ --button-primary-disabled-right-border-color: var(--colors-neutral-line-8);
1614
+ --button-primary-disabled-right-border-style: var(--borders-style-2);
1615
+ --button-primary-disabled-right-border-width: var(--borders-width-2);
1616
+ --button-primary-disabled-bottom-border-color: var(--colors-neutral-line-8);
1617
+ --button-primary-disabled-bottom-border-style: var(--borders-style-2);
1618
+ --button-primary-disabled-bottom-border-width: var(--borders-width-2);
1619
+ --button-primary-disabled-shadow: var(--shadows-shadow-none);
1620
+ --button-primary-disabled-bg-color: var(--colors-neutral-fill-10);
1621
+ --button-primary-disabled-font-color: var(--colors-neutral-text-6);
1622
+ --button-secondary-default-top-border-color: var(--colors-neutral-line-6);
1623
+ --button-secondary-default-top-border-style: var(--borders-style-2);
1624
+ --button-secondary-default-top-border-width: var(--borders-width-2);
1625
+ --button-secondary-default-left-border-color: var(--colors-neutral-line-6);
1626
+ --button-secondary-default-left-border-style: var(--borders-style-2);
1627
+ --button-secondary-default-left-border-width: var(--borders-width-2);
1628
+ --button-secondary-default-right-border-color: var(--colors-neutral-line-6);
1629
+ --button-secondary-default-right-border-style: var(--borders-style-2);
1630
+ --button-secondary-default-right-border-width: var(--borders-width-2);
1631
+ --button-secondary-default-bottom-border-color: var(--colors-neutral-line-6);
1632
+ --button-secondary-default-bottom-border-style: var(--borders-style-2);
1633
+ --button-secondary-default-bottom-border-width: var(--borders-width-2);
1634
+ --button-secondary-default-shadow: var(--shadows-shadow-none);
1635
+ --button-secondary-default-bg-color: var(--colors-neutral-fill-6);
1636
+ --button-secondary-default-font-color: var(--colors-neutral-text-11);
1637
+ --button-secondary-hover-top-border-color: var(--colors-neutral-line-5);
1638
+ --button-secondary-hover-top-border-style: var(--borders-style-2);
1639
+ --button-secondary-hover-top-border-width: var(--borders-width-2);
1640
+ --button-secondary-hover-left-border-color: var(--colors-neutral-line-5);
1641
+ --button-secondary-hover-left-border-style: var(--borders-style-2);
1642
+ --button-secondary-hover-left-border-width: var(--borders-width-2);
1643
+ --button-secondary-hover-right-border-color: var(--colors-neutral-line-5);
1644
+ --button-secondary-hover-right-border-style: var(--borders-style-2);
1645
+ --button-secondary-hover-right-border-width: var(--borders-width-2);
1646
+ --button-secondary-hover-bottom-border-color: var(--colors-neutral-line-5);
1647
+ --button-secondary-hover-bottom-border-style: var(--borders-style-2);
1648
+ --button-secondary-hover-bottom-border-width: var(--borders-width-2);
1649
+ --button-secondary-hover-shadow: var(--shadows-shadow-none);
1650
+ --button-secondary-hover-bg-color: var(--colors-neutral-fill-5);
1651
+ --button-secondary-hover-font-color: var(--colors-neutral-text-11);
1652
+ --button-secondary-active-top-border-color: var(--colors-neutral-line-4);
1653
+ --button-secondary-active-top-border-style: var(--borders-style-2);
1654
+ --button-secondary-active-top-border-width: var(--borders-width-2);
1655
+ --button-secondary-active-left-border-color: var(--colors-neutral-line-4);
1656
+ --button-secondary-active-left-border-style: var(--borders-style-2);
1657
+ --button-secondary-active-left-border-width: var(--borders-width-2);
1658
+ --button-secondary-active-right-border-color: var(--colors-neutral-line-4);
1659
+ --button-secondary-active-right-border-style: var(--borders-style-2);
1660
+ --button-secondary-active-right-border-width: var(--borders-width-2);
1661
+ --button-secondary-active-bottom-border-color: var(--colors-neutral-line-4);
1662
+ --button-secondary-active-bottom-border-style: var(--borders-style-2);
1663
+ --button-secondary-active-bottom-border-width: var(--borders-width-2);
1664
+ --button-secondary-active-shadow: var(--shadows-shadow-none);
1665
+ --button-secondary-active-bg-color: var(--colors-neutral-fill-4);
1666
+ --button-secondary-active-font-color: var(--colors-neutral-text-11);
1667
+ --button-secondary-disabled-top-border-color: var(--colors-neutral-line-8);
1668
+ --button-secondary-disabled-top-border-style: var(--borders-style-2);
1669
+ --button-secondary-disabled-top-border-width: var(--borders-width-2);
1670
+ --button-secondary-disabled-left-border-color: var(--colors-neutral-line-8);
1671
+ --button-secondary-disabled-left-border-style: var(--borders-style-2);
1672
+ --button-secondary-disabled-left-border-width: var(--borders-width-2);
1673
+ --button-secondary-disabled-right-border-color: var(--colors-neutral-line-8);
1674
+ --button-secondary-disabled-right-border-style: var(--borders-style-2);
1675
+ --button-secondary-disabled-right-border-width: var(--borders-width-2);
1676
+ --button-secondary-disabled-bottom-border-color: var(--colors-neutral-line-8);
1677
+ --button-secondary-disabled-bottom-border-style: var(--borders-style-2);
1678
+ --button-secondary-disabled-bottom-border-width: var(--borders-width-2);
1679
+ --button-secondary-disabled-shadow: var(--shadows-shadow-none);
1680
+ --button-secondary-disabled-bg-color: var(--colors-neutral-fill-10);
1681
+ --button-secondary-disabled-font-color: var(--colors-neutral-text-6);
1682
+ --button-enhance-default-top-border-color: var(--colors-brand-5);
1683
+ --button-enhance-default-top-border-style: var(--borders-style-2);
1684
+ --button-enhance-default-top-border-width: var(--borders-width-2);
1685
+ --button-enhance-default-left-border-color: var(--colors-brand-5);
1686
+ --button-enhance-default-left-border-style: var(--borders-style-2);
1687
+ --button-enhance-default-left-border-width: var(--borders-width-2);
1688
+ --button-enhance-default-right-border-color: var(--colors-brand-5);
1689
+ --button-enhance-default-right-border-style: var(--borders-style-2);
1690
+ --button-enhance-default-right-border-width: var(--borders-width-2);
1691
+ --button-enhance-default-bottom-border-color: var(--colors-brand-5);
1692
+ --button-enhance-default-bottom-border-style: var(--borders-style-2);
1693
+ --button-enhance-default-bottom-border-width: var(--borders-width-2);
1694
+ --button-enhance-default-shadow: var(--shadows-shadow-none);
1695
+ --button-enhance-default-bg-color: var(--colors-neutral-fill-none);
1696
+ --button-enhance-default-font-color: var(--colors-brand-5);
1697
+ --button-enhance-hover-top-border-color: var(--colors-brand-6);
1698
+ --button-enhance-hover-top-border-style: var(--borders-style-2);
1699
+ --button-enhance-hover-top-border-width: var(--borders-width-2);
1700
+ --button-enhance-hover-left-border-color: var(--colors-brand-6);
1701
+ --button-enhance-hover-left-border-style: var(--borders-style-2);
1702
+ --button-enhance-hover-left-border-width: var(--borders-width-2);
1703
+ --button-enhance-hover-right-border-color: var(--colors-brand-6);
1704
+ --button-enhance-hover-right-border-style: var(--borders-style-2);
1705
+ --button-enhance-hover-right-border-width: var(--borders-width-2);
1706
+ --button-enhance-hover-bottom-border-color: var(--colors-brand-6);
1707
+ --button-enhance-hover-bottom-border-style: var(--borders-style-2);
1708
+ --button-enhance-hover-bottom-border-width: var(--borders-width-2);
1709
+ --button-enhance-hover-shadow: var(--shadows-shadow-none);
1710
+ --button-enhance-hover-bg-color: var(--colors-neutral-fill-none);
1711
+ --button-enhance-hover-font-color: var(--colors-brand-6);
1712
+ --button-enhance-active-top-border-color: var(--colors-brand-4);
1713
+ --button-enhance-active-top-border-style: var(--borders-style-2);
1714
+ --button-enhance-active-top-border-width: var(--borders-width-2);
1715
+ --button-enhance-active-left-border-color: var(--colors-brand-4);
1716
+ --button-enhance-active-left-border-style: var(--borders-style-2);
1717
+ --button-enhance-active-left-border-width: var(--borders-width-2);
1718
+ --button-enhance-active-right-border-color: var(--colors-brand-4);
1719
+ --button-enhance-active-right-border-style: var(--borders-style-2);
1720
+ --button-enhance-active-right-border-width: var(--borders-width-2);
1721
+ --button-enhance-active-bottom-border-color: var(--colors-brand-4);
1722
+ --button-enhance-active-bottom-border-style: var(--borders-style-2);
1723
+ --button-enhance-active-bottom-border-width: var(--borders-width-2);
1724
+ --button-enhance-active-shadow: var(--shadows-shadow-none);
1725
+ --button-enhance-active-bg-color: var(--colors-neutral-fill-none);
1726
+ --button-enhance-active-font-color: var(--colors-brand-4);
1727
+ --button-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
1728
+ --button-enhance-disabled-top-border-style: var(--borders-style-2);
1729
+ --button-enhance-disabled-top-border-width: var(--borders-width-2);
1730
+ --button-enhance-disabled-left-border-color: var(--colors-neutral-line-8);
1731
+ --button-enhance-disabled-left-border-style: var(--borders-style-2);
1732
+ --button-enhance-disabled-left-border-width: var(--borders-width-2);
1733
+ --button-enhance-disabled-right-border-color: var(--colors-neutral-line-8);
1734
+ --button-enhance-disabled-right-border-style: var(--borders-style-2);
1735
+ --button-enhance-disabled-right-border-width: var(--borders-width-2);
1736
+ --button-enhance-disabled-bottom-border-color: var(--colors-neutral-line-8);
1737
+ --button-enhance-disabled-bottom-border-style: var(--borders-style-2);
1738
+ --button-enhance-disabled-bottom-border-width: var(--borders-width-2);
1739
+ --button-enhance-disabled-shadow: var(--shadows-shadow-none);
1740
+ --button-enhance-disabled-bg-color: var(--colors-neutral-fill-10);
1741
+ --button-enhance-disabled-font-color: var(--colors-neutral-text-6);
1742
+ --button-info-default-top-border-color: var(--colors-info-5);
1743
+ --button-info-default-top-border-style: var(--borders-style-2);
1744
+ --button-info-default-top-border-width: var(--borders-width-2);
1745
+ --button-info-default-left-border-color: var(--colors-info-5);
1746
+ --button-info-default-left-border-style: var(--borders-style-2);
1747
+ --button-info-default-left-border-width: var(--borders-width-2);
1748
+ --button-info-default-right-border-color: var(--colors-info-5);
1749
+ --button-info-default-right-border-style: var(--borders-style-2);
1750
+ --button-info-default-right-border-width: var(--borders-width-2);
1751
+ --button-info-default-bottom-border-color: var(--colors-info-5);
1752
+ --button-info-default-bottom-border-style: var(--borders-style-2);
1753
+ --button-info-default-bottom-border-width: var(--borders-width-2);
1754
+ --button-info-default-shadow: var(--shadows-shadow-none);
1755
+ --button-info-default-bg-color: var(--colors-info-5);
1756
+ --button-info-default-font-color: var(--colors-neutral-text-11);
1757
+ --button-info-hover-top-border-color: var(--colors-info-6);
1758
+ --button-info-hover-top-border-style: var(--borders-style-2);
1759
+ --button-info-hover-top-border-width: var(--borders-width-2);
1760
+ --button-info-hover-left-border-color: var(--colors-info-6);
1761
+ --button-info-hover-left-border-style: var(--borders-style-2);
1762
+ --button-info-hover-left-border-width: var(--borders-width-2);
1763
+ --button-info-hover-right-border-color: var(--colors-info-6);
1764
+ --button-info-hover-right-border-style: var(--borders-style-2);
1765
+ --button-info-hover-right-border-width: var(--borders-width-2);
1766
+ --button-info-hover-bottom-border-color: var(--colors-info-6);
1767
+ --button-info-hover-bottom-border-style: var(--borders-style-2);
1768
+ --button-info-hover-bottom-border-width: var(--borders-width-2);
1769
+ --button-info-hover-shadow: var(--shadows-shadow-none);
1770
+ --button-info-hover-bg-color: var(--colors-info-6);
1771
+ --button-info-hover-font-color: var(--colors-neutral-text-11);
1772
+ --button-info-active-top-border-color: var(--colors-info-4);
1773
+ --button-info-active-top-border-style: var(--borders-style-2);
1774
+ --button-info-active-top-border-width: var(--borders-width-2);
1775
+ --button-info-active-left-border-color: var(--colors-info-4);
1776
+ --button-info-active-left-border-style: var(--borders-style-2);
1777
+ --button-info-active-left-border-width: var(--borders-width-2);
1778
+ --button-info-active-right-border-color: var(--colors-info-4);
1779
+ --button-info-active-right-border-style: var(--borders-style-2);
1780
+ --button-info-active-right-border-width: var(--borders-width-2);
1781
+ --button-info-active-bottom-border-color: var(--colors-info-4);
1782
+ --button-info-active-bottom-border-style: var(--borders-style-2);
1783
+ --button-info-active-bottom-border-width: var(--borders-width-2);
1784
+ --button-info-active-shadow: var(--shadows-shadow-none);
1785
+ --button-info-active-bg-color: var(--colors-info-4);
1786
+ --button-info-active-font-color: var(--colors-neutral-text-11);
1787
+ --button-info-disabled-top-border-color: var(--colors-neutral-line-8);
1788
+ --button-info-disabled-top-border-style: var(--borders-style-2);
1789
+ --button-info-disabled-top-border-width: var(--borders-width-2);
1790
+ --button-info-disabled-left-border-color: var(--colors-neutral-line-8);
1791
+ --button-info-disabled-left-border-style: var(--borders-style-2);
1792
+ --button-info-disabled-left-border-width: var(--borders-width-2);
1793
+ --button-info-disabled-right-border-color: var(--colors-neutral-line-8);
1794
+ --button-info-disabled-right-border-style: var(--borders-style-2);
1795
+ --button-info-disabled-right-border-width: var(--borders-width-2);
1796
+ --button-info-disabled-bottom-border-color: var(--colors-neutral-line-8);
1797
+ --button-info-disabled-bottom-border-style: var(--borders-style-2);
1798
+ --button-info-disabled-bottom-border-width: var(--borders-width-2);
1799
+ --button-info-disabled-shadow: var(--shadows-shadow-none);
1800
+ --button-info-disabled-bg-color: var(--colors-neutral-fill-10);
1801
+ --button-info-disabled-font-color: var(--colors-neutral-text-6);
1802
+ --button-success-default-top-border-color: var(--colors-success-5);
1803
+ --button-success-default-top-border-style: var(--borders-style-2);
1804
+ --button-success-default-top-border-width: var(--borders-width-2);
1805
+ --button-success-default-left-border-color: var(--colors-success-5);
1806
+ --button-success-default-left-border-style: var(--borders-style-2);
1807
+ --button-success-default-left-border-width: var(--borders-width-2);
1808
+ --button-success-default-right-border-color: var(--colors-success-5);
1809
+ --button-success-default-right-border-style: var(--borders-style-2);
1810
+ --button-success-default-right-border-width: var(--borders-width-2);
1811
+ --button-success-default-bottom-border-color: var(--colors-success-5);
1812
+ --button-success-default-bottom-border-style: var(--borders-style-2);
1813
+ --button-success-default-bottom-border-width: var(--borders-width-2);
1814
+ --button-success-default-shadow: var(--shadows-shadow-none);
1815
+ --button-success-default-bg-color: var(--colors-success-5);
1816
+ --button-success-default-font-color: var(--colors-neutral-text-11);
1817
+ --button-success-hover-top-border-color: var(--colors-success-6);
1818
+ --button-success-hover-top-border-style: var(--borders-style-2);
1819
+ --button-success-hover-top-border-width: var(--borders-width-2);
1820
+ --button-success-hover-left-border-color: var(--colors-success-6);
1821
+ --button-success-hover-left-border-style: var(--borders-style-2);
1822
+ --button-success-hover-left-border-width: var(--borders-width-2);
1823
+ --button-success-hover-right-border-color: var(--colors-success-6);
1824
+ --button-success-hover-right-border-style: var(--borders-style-2);
1825
+ --button-success-hover-right-border-width: var(--borders-width-2);
1826
+ --button-success-hover-bottom-border-color: var(--colors-success-6);
1827
+ --button-success-hover-bottom-border-style: var(--borders-style-2);
1828
+ --button-success-hover-bottom-border-width: var(--borders-width-2);
1829
+ --button-success-hover-shadow: var(--shadows-shadow-none);
1830
+ --button-success-hover-bg-color: var(--colors-success-6);
1831
+ --button-success-hover-font-color: var(--colors-neutral-text-11);
1832
+ --button-success-active-top-border-color: var(--colors-success-4);
1833
+ --button-success-active-top-border-style: var(--borders-style-2);
1834
+ --button-success-active-top-border-width: var(--borders-width-2);
1835
+ --button-success-active-left-border-color: var(--colors-success-4);
1836
+ --button-success-active-left-border-style: var(--borders-style-2);
1837
+ --button-success-active-left-border-width: var(--borders-width-2);
1838
+ --button-success-active-right-border-color: var(--colors-success-4);
1839
+ --button-success-active-right-border-style: var(--borders-style-2);
1840
+ --button-success-active-right-border-width: var(--borders-width-2);
1841
+ --button-success-active-bottom-border-color: var(--colors-success-4);
1842
+ --button-success-active-bottom-border-style: var(--borders-style-2);
1843
+ --button-success-active-bottom-border-width: var(--borders-width-2);
1844
+ --button-success-active-shadow: var(--shadows-shadow-none);
1845
+ --button-success-active-bg-color: var(--colors-success-4);
1846
+ --button-success-active-font-color: var(--colors-neutral-text-11);
1847
+ --button-success-disabled-top-border-color: var(--colors-neutral-line-8);
1848
+ --button-success-disabled-top-border-style: var(--borders-style-2);
1849
+ --button-success-disabled-top-border-width: var(--borders-width-2);
1850
+ --button-success-disabled-left-border-color: var(--colors-neutral-line-8);
1851
+ --button-success-disabled-left-border-style: var(--borders-style-2);
1852
+ --button-success-disabled-left-border-width: var(--borders-width-2);
1853
+ --button-success-disabled-right-border-color: var(--colors-neutral-line-8);
1854
+ --button-success-disabled-right-border-style: var(--borders-style-2);
1855
+ --button-success-disabled-right-border-width: var(--borders-width-2);
1856
+ --button-success-disabled-bottom-border-color: var(--colors-neutral-line-8);
1857
+ --button-success-disabled-bottom-border-style: var(--borders-style-2);
1858
+ --button-success-disabled-bottom-border-width: var(--borders-width-2);
1859
+ --button-success-disabled-shadow: var(--shadows-shadow-none);
1860
+ --button-success-disabled-bg-color: var(--colors-neutral-fill-10);
1861
+ --button-success-disabled-font-color: var(--colors-neutral-text-6);
1862
+ --button-warning-default-top-border-color: var(--colors-warning-5);
1863
+ --button-warning-default-top-border-style: var(--borders-style-2);
1864
+ --button-warning-default-top-border-width: var(--borders-width-2);
1865
+ --button-warning-default-left-border-color: var(--colors-warning-5);
1866
+ --button-warning-default-left-border-style: var(--borders-style-2);
1867
+ --button-warning-default-left-border-width: var(--borders-width-2);
1868
+ --button-warning-default-right-border-color: var(--colors-warning-5);
1869
+ --button-warning-default-right-border-style: var(--borders-style-2);
1870
+ --button-warning-default-right-border-width: var(--borders-width-2);
1871
+ --button-warning-default-bottom-border-color: var(--colors-warning-5);
1872
+ --button-warning-default-bottom-border-style: var(--borders-style-2);
1873
+ --button-warning-default-bottom-border-width: var(--borders-width-2);
1874
+ --button-warning-default-shadow: var(--shadows-shadow-none);
1875
+ --button-warning-default-bg-color: var(--colors-warning-5);
1876
+ --button-warning-default-font-color: var(--colors-neutral-text-11);
1877
+ --button-warning-hover-top-border-color: var(--colors-warning-6);
1878
+ --button-warning-hover-top-border-style: var(--borders-style-2);
1879
+ --button-warning-hover-top-border-width: var(--borders-width-2);
1880
+ --button-warning-hover-left-border-color: var(--colors-warning-6);
1881
+ --button-warning-hover-left-border-style: var(--borders-style-2);
1882
+ --button-warning-hover-left-border-width: var(--borders-width-2);
1883
+ --button-warning-hover-right-border-color: var(--colors-warning-6);
1884
+ --button-warning-hover-right-border-style: var(--borders-style-2);
1885
+ --button-warning-hover-right-border-width: var(--borders-width-2);
1886
+ --button-warning-hover-bottom-border-color: var(--colors-warning-6);
1887
+ --button-warning-hover-bottom-border-style: var(--borders-style-2);
1888
+ --button-warning-hover-bottom-border-width: var(--borders-width-2);
1889
+ --button-warning-hover-shadow: var(--shadows-shadow-none);
1890
+ --button-warning-hover-bg-color: var(--colors-warning-6);
1891
+ --button-warning-hover-font-color: var(--colors-neutral-text-11);
1892
+ --button-warning-active-top-border-color: var(--colors-warning-4);
1893
+ --button-warning-active-top-border-style: var(--borders-style-2);
1894
+ --button-warning-active-top-border-width: var(--borders-width-2);
1895
+ --button-warning-active-left-border-color: var(--colors-warning-4);
1896
+ --button-warning-active-left-border-style: var(--borders-style-2);
1897
+ --button-warning-active-left-border-width: var(--borders-width-2);
1898
+ --button-warning-active-right-border-color: var(--colors-warning-4);
1899
+ --button-warning-active-right-border-style: var(--borders-style-2);
1900
+ --button-warning-active-right-border-width: var(--borders-width-2);
1901
+ --button-warning-active-bottom-border-color: var(--colors-warning-4);
1902
+ --button-warning-active-bottom-border-style: var(--borders-style-2);
1903
+ --button-warning-active-bottom-border-width: var(--borders-width-2);
1904
+ --button-warning-active-shadow: var(--shadows-shadow-none);
1905
+ --button-warning-active-bg-color: var(--colors-warning-4);
1906
+ --button-warning-active-font-color: var(--colors-neutral-text-11);
1907
+ --button-warning-disabled-top-border-color: var(--colors-neutral-line-8);
1908
+ --button-warning-disabled-top-border-style: var(--borders-style-2);
1909
+ --button-warning-disabled-top-border-width: var(--borders-width-2);
1910
+ --button-warning-disabled-left-border-color: var(--colors-neutral-line-8);
1911
+ --button-warning-disabled-left-border-style: var(--borders-style-2);
1912
+ --button-warning-disabled-left-border-width: var(--borders-width-2);
1913
+ --button-warning-disabled-right-border-color: var(--colors-neutral-line-8);
1914
+ --button-warning-disabled-right-border-style: var(--borders-style-2);
1915
+ --button-warning-disabled-right-border-width: var(--borders-width-2);
1916
+ --button-warning-disabled-bottom-border-color: var(--colors-neutral-line-8);
1917
+ --button-warning-disabled-bottom-border-style: var(--borders-style-2);
1918
+ --button-warning-disabled-bottom-border-width: var(--borders-width-2);
1919
+ --button-warning-disabled-shadow: var(--shadows-shadow-none);
1920
+ --button-warning-disabled-bg-color: var(--colors-neutral-fill-10);
1921
+ --button-warning-disabled-font-color: var(--colors-neutral-text-6);
1922
+ --button-danger-default-top-border-color: var(--colors-error-5);
1923
+ --button-danger-default-top-border-style: var(--borders-style-1);
1924
+ --button-danger-default-top-border-width: var(--borders-width-1);
1925
+ --button-danger-default-left-border-color: var(--colors-error-5);
1926
+ --button-danger-default-left-border-style: var(--borders-style-1);
1927
+ --button-danger-default-left-border-width: var(--borders-width-1);
1928
+ --button-danger-default-right-border-color: var(--colors-error-5);
1929
+ --button-danger-default-right-border-style: var(--borders-style-1);
1930
+ --button-danger-default-right-border-width: var(--borders-width-1);
1931
+ --button-danger-default-bottom-border-color: var(--colors-error-5);
1932
+ --button-danger-default-bottom-border-style: var(--borders-style-1);
1933
+ --button-danger-default-bottom-border-width: var(--borders-width-1);
1934
+ --button-danger-default-shadow: var(--shadows-shadow-none);
1935
+ --button-danger-default-bg-color: var(--colors-error-5);
1936
+ --button-danger-default-font-color: var(--colors-neutral-text-11);
1937
+ --button-danger-hover-top-border-color: var(--colors-error-6);
1938
+ --button-danger-hover-top-border-style: var(--borders-style-1);
1939
+ --button-danger-hover-top-border-width: var(--borders-width-1);
1940
+ --button-danger-hover-left-border-color: var(--colors-error-6);
1941
+ --button-danger-hover-left-border-style: var(--borders-style-1);
1942
+ --button-danger-hover-left-border-width: var(--borders-width-1);
1943
+ --button-danger-hover-right-border-color: var(--colors-error-6);
1944
+ --button-danger-hover-right-border-style: var(--borders-style-1);
1945
+ --button-danger-hover-right-border-width: var(--borders-width-1);
1946
+ --button-danger-hover-bottom-border-color: var(--colors-error-6);
1947
+ --button-danger-hover-bottom-border-style: var(--borders-style-1);
1948
+ --button-danger-hover-bottom-border-width: var(--borders-width-1);
1949
+ --button-danger-hover-shadow: var(--shadows-shadow-none);
1950
+ --button-danger-hover-bg-color: var(--colors-error-6);
1951
+ --button-danger-hover-font-color: var(--colors-neutral-text-11);
1952
+ --button-danger-active-top-border-color: var(--colors-error-4);
1953
+ --button-danger-active-top-border-style: var(--borders-style-1);
1954
+ --button-danger-active-top-border-width: var(--borders-width-1);
1955
+ --button-danger-active-left-border-color: var(--colors-error-4);
1956
+ --button-danger-active-left-border-style: var(--borders-style-1);
1957
+ --button-danger-active-left-border-width: var(--borders-width-1);
1958
+ --button-danger-active-right-border-color: var(--colors-error-4);
1959
+ --button-danger-active-right-border-style: var(--borders-style-1);
1960
+ --button-danger-active-right-border-width: var(--borders-width-1);
1961
+ --button-danger-active-bottom-border-color: var(--colors-error-4);
1962
+ --button-danger-active-bottom-border-style: var(--borders-style-1);
1963
+ --button-danger-active-bottom-border-width: var(--borders-width-1);
1964
+ --button-danger-active-shadow: var(--shadows-shadow-none);
1965
+ --button-danger-active-bg-color: var(--colors-error-4);
1966
+ --button-danger-active-font-color: var(--colors-neutral-text-11);
1967
+ --button-danger-disabled-top-border-color: var(--colors-neutral-line-8);
1968
+ --button-danger-disabled-top-border-style: var(--borders-style-2);
1969
+ --button-danger-disabled-top-border-width: var(--borders-width-2);
1970
+ --button-danger-disabled-left-border-color: var(--colors-neutral-line-8);
1971
+ --button-danger-disabled-left-border-style: var(--borders-style-2);
1972
+ --button-danger-disabled-left-border-width: var(--borders-width-2);
1973
+ --button-danger-disabled-right-border-color: var(--colors-neutral-line-8);
1974
+ --button-danger-disabled-right-border-style: var(--borders-style-2);
1975
+ --button-danger-disabled-right-border-width: var(--borders-width-2);
1976
+ --button-danger-disabled-bottom-border-color: var(--colors-neutral-line-8);
1977
+ --button-danger-disabled-bottom-border-style: var(--borders-style-2);
1978
+ --button-danger-disabled-bottom-border-width: var(--borders-width-2);
1979
+ --button-danger-disabled-shadow: var(--shadows-shadow-none);
1980
+ --button-danger-disabled-bg-color: var(--colors-neutral-fill-10);
1981
+ --button-danger-disabled-font-color: var(--colors-neutral-text-6);
1982
+ --button-light-default-top-border-color: var(--colors-brand-10);
1983
+ --button-light-default-top-border-style: var(--borders-style-2);
1984
+ --button-light-default-top-border-width: var(--borders-width-2);
1985
+ --button-light-default-left-border-color: var(--colors-brand-10);
1986
+ --button-light-default-left-border-style: var(--borders-style-2);
1987
+ --button-light-default-left-border-width: var(--borders-width-2);
1988
+ --button-light-default-right-border-color: var(--colors-brand-10);
1989
+ --button-light-default-right-border-style: var(--borders-style-2);
1990
+ --button-light-default-right-border-width: var(--borders-width-2);
1991
+ --button-light-default-bottom-border-color: var(--colors-brand-10);
1992
+ --button-light-default-bottom-border-style: var(--borders-style-2);
1993
+ --button-light-default-bottom-border-width: var(--borders-width-2);
1994
+ --button-light-default-shadow: var(--shadows-shadow-none);
1995
+ --button-light-default-bg-color: var(--colors-brand-10);
1996
+ --button-light-default-font-color: var(--colors-neutral-text-2);
1997
+ --button-light-hover-top-border-color: var(--colors-brand-9);
1998
+ --button-light-hover-top-border-style: var(--borders-style-2);
1999
+ --button-light-hover-top-border-width: var(--borders-width-2);
2000
+ --button-light-hover-left-border-color: var(--colors-brand-9);
2001
+ --button-light-hover-left-border-style: var(--borders-style-2);
2002
+ --button-light-hover-left-border-width: var(--borders-width-2);
2003
+ --button-light-hover-right-border-color: var(--colors-brand-9);
2004
+ --button-light-hover-right-border-style: var(--borders-style-2);
2005
+ --button-light-hover-right-border-width: var(--borders-width-2);
2006
+ --button-light-hover-bottom-border-color: var(--colors-brand-9);
2007
+ --button-light-hover-bottom-border-style: var(--borders-style-2);
2008
+ --button-light-hover-bottom-border-width: var(--borders-width-2);
2009
+ --button-light-hover-shadow: var(--shadows-shadow-none);
2010
+ --button-light-hover-bg-color: var(--colors-brand-9);
2011
+ --button-light-hover-font-color: var(--colors-neutral-text-2);
2012
+ --button-light-active-top-border-color: var(--colors-brand-7);
2013
+ --button-light-active-top-border-style: var(--borders-style-2);
2014
+ --button-light-active-top-border-width: var(--borders-width-2);
2015
+ --button-light-active-left-border-color: var(--colors-brand-7);
2016
+ --button-light-active-left-border-style: var(--borders-style-2);
2017
+ --button-light-active-left-border-width: var(--borders-width-2);
2018
+ --button-light-active-right-border-color: var(--colors-brand-7);
2019
+ --button-light-active-right-border-style: var(--borders-style-2);
2020
+ --button-light-active-right-border-width: var(--borders-width-2);
2021
+ --button-light-active-bottom-border-color: var(--colors-brand-7);
2022
+ --button-light-active-bottom-border-style: var(--borders-style-2);
2023
+ --button-light-active-bottom-border-width: var(--borders-width-2);
2024
+ --button-light-active-shadow: var(--shadows-shadow-none);
2025
+ --button-light-active-bg-color: var(--colors-brand-7);
2026
+ --button-light-active-font-color: var(--colors-neutral-text-2);
2027
+ --button-light-disabled-top-border-color: var(--colors-neutral-line-8);
2028
+ --button-light-disabled-top-border-style: var(--borders-style-2);
2029
+ --button-light-disabled-top-border-width: var(--borders-width-2);
2030
+ --button-light-disabled-left-border-color: var(--colors-neutral-line-8);
2031
+ --button-light-disabled-left-border-style: var(--borders-style-2);
2032
+ --button-light-disabled-left-border-width: var(--borders-width-2);
2033
+ --button-light-disabled-right-border-color: var(--colors-neutral-line-8);
2034
+ --button-light-disabled-right-border-style: var(--borders-style-2);
2035
+ --button-light-disabled-right-border-width: var(--borders-width-2);
2036
+ --button-light-disabled-bottom-border-color: var(--colors-neutral-line-8);
2037
+ --button-light-disabled-bottom-border-style: var(--borders-style-2);
2038
+ --button-light-disabled-bottom-border-width: var(--borders-width-2);
2039
+ --button-light-disabled-shadow: var(--shadows-shadow-none);
2040
+ --button-light-disabled-bg-color: var(--colors-neutral-fill-10);
2041
+ --button-light-disabled-font-color: var(--colors-neutral-text-6);
2042
+ --button-dark-default-top-border-color: var(--colors-neutral-line-3);
2043
+ --button-dark-default-top-border-style: var(--borders-style-2);
2044
+ --button-dark-default-top-border-width: var(--borders-width-2);
2045
+ --button-dark-default-left-border-color: var(--colors-neutral-line-3);
2046
+ --button-dark-default-left-border-style: var(--borders-style-2);
2047
+ --button-dark-default-left-border-width: var(--borders-width-2);
2048
+ --button-dark-default-right-border-color: var(--colors-neutral-line-3);
2049
+ --button-dark-default-right-border-style: var(--borders-style-2);
2050
+ --button-dark-default-right-border-width: var(--borders-width-2);
2051
+ --button-dark-default-bottom-border-color: var(--colors-neutral-line-3);
2052
+ --button-dark-default-bottom-border-style: var(--borders-style-2);
2053
+ --button-dark-default-bottom-border-width: var(--borders-width-2);
2054
+ --button-dark-default-shadow: var(--shadows-shadow-none);
2055
+ --button-dark-default-bg-color: var(--colors-neutral-fill-3);
2056
+ --button-dark-default-font-color: var(--colors-neutral-text-11);
2057
+ --button-dark-hover-top-border-color: var(--colors-neutral-line-4);
2058
+ --button-dark-hover-top-border-style: var(--borders-style-2);
2059
+ --button-dark-hover-top-border-width: var(--borders-width-2);
2060
+ --button-dark-hover-left-border-color: var(--colors-neutral-line-4);
2061
+ --button-dark-hover-left-border-style: var(--borders-style-2);
2062
+ --button-dark-hover-left-border-width: var(--borders-width-2);
2063
+ --button-dark-hover-right-border-color: var(--colors-neutral-line-4);
2064
+ --button-dark-hover-right-border-style: var(--borders-style-2);
2065
+ --button-dark-hover-right-border-width: var(--borders-width-2);
2066
+ --button-dark-hover-bottom-border-color: var(--colors-neutral-line-4);
2067
+ --button-dark-hover-bottom-border-style: var(--borders-style-2);
2068
+ --button-dark-hover-bottom-border-width: var(--borders-width-2);
2069
+ --button-dark-hover-shadow: var(--shadows-shadow-none);
2070
+ --button-dark-hover-bg-color: var(--colors-neutral-fill-4);
2071
+ --button-dark-hover-font-color: var(--colors-neutral-text-11);
2072
+ --button-dark-active-top-border-color: var(--colors-neutral-line-5);
2073
+ --button-dark-active-top-border-style: var(--borders-style-2);
2074
+ --button-dark-active-top-border-width: var(--borders-width-2);
2075
+ --button-dark-active-left-border-color: var(--colors-neutral-line-5);
2076
+ --button-dark-active-left-border-style: var(--borders-style-2);
2077
+ --button-dark-active-left-border-width: var(--borders-width-2);
2078
+ --button-dark-active-right-border-color: var(--colors-neutral-line-5);
2079
+ --button-dark-active-right-border-style: var(--borders-style-2);
2080
+ --button-dark-active-right-border-width: var(--borders-width-2);
2081
+ --button-dark-active-bottom-border-color: var(--colors-neutral-line-5);
2082
+ --button-dark-active-bottom-border-style: var(--borders-style-2);
2083
+ --button-dark-active-bottom-border-width: var(--borders-width-2);
2084
+ --button-dark-active-shadow: var(--shadows-shadow-none);
2085
+ --button-dark-active-bg-color: var(--colors-neutral-fill-5);
2086
+ --button-dark-active-font-color: var(--colors-neutral-text-11);
2087
+ --button-dark-disabled-top-border-color: var(--colors-neutral-line-8);
2088
+ --button-dark-disabled-top-border-style: var(--borders-style-2);
2089
+ --button-dark-disabled-top-border-width: var(--borders-width-2);
2090
+ --button-dark-disabled-left-border-color: var(--colors-neutral-line-8);
2091
+ --button-dark-disabled-left-border-style: var(--borders-style-2);
2092
+ --button-dark-disabled-left-border-width: var(--borders-width-2);
2093
+ --button-dark-disabled-right-border-color: var(--colors-neutral-line-8);
2094
+ --button-dark-disabled-right-border-style: var(--borders-style-2);
2095
+ --button-dark-disabled-right-border-width: var(--borders-width-2);
2096
+ --button-dark-disabled-bottom-border-color: var(--colors-neutral-line-8);
2097
+ --button-dark-disabled-bottom-border-style: var(--borders-style-2);
2098
+ --button-dark-disabled-bottom-border-width: var(--borders-width-2);
2099
+ --button-dark-disabled-shadow: var(--shadows-shadow-none);
2100
+ --button-dark-disabled-bg-color: var(--colors-neutral-fill-10);
2101
+ --button-dark-disabled-font-color: var(--colors-neutral-text-6);
2102
+ --button-link-default-top-border-color: var(--colors-neutral-fill-none);
2103
+ --button-link-default-top-border-style: var(--borders-style-1);
2104
+ --button-link-default-top-border-width: var(--borders-width-1);
2105
+ --button-link-default-left-border-color: var(--colors-neutral-fill-none);
2106
+ --button-link-default-left-border-style: var(--borders-style-1);
2107
+ --button-link-default-left-border-width: var(--borders-width-1);
2108
+ --button-link-default-right-border-color: var(--colors-neutral-fill-none);
2109
+ --button-link-default-right-border-style: var(--borders-style-1);
2110
+ --button-link-default-right-border-width: var(--borders-width-1);
2111
+ --button-link-default-bottom-border-color: var(--colors-neutral-fill-none);
2112
+ --button-link-default-bottom-border-style: var(--borders-style-1);
2113
+ --button-link-default-bottom-border-width: var(--borders-width-1);
2114
+ --button-link-default-shadow: var(--shadows-shadow-none);
2115
+ --button-link-default-bg-color: var(--colors-neutral-fill-none);
2116
+ --button-link-default-font-color: var(--colors-link-5);
2117
+ --button-link-hover-top-border-color: var(--colors-neutral-fill-none);
2118
+ --button-link-hover-top-border-style: var(--borders-style-1);
2119
+ --button-link-hover-top-border-width: var(--borders-width-1);
2120
+ --button-link-hover-left-border-color: var(--colors-neutral-fill-none);
2121
+ --button-link-hover-left-border-style: var(--borders-style-1);
2122
+ --button-link-hover-left-border-width: var(--borders-width-1);
2123
+ --button-link-hover-right-border-color: var(--colors-neutral-fill-none);
2124
+ --button-link-hover-right-border-style: var(--borders-style-1);
2125
+ --button-link-hover-right-border-width: var(--borders-width-1);
2126
+ --button-link-hover-bottom-border-color: var(--colors-neutral-fill-none);
2127
+ --button-link-hover-bottom-border-style: var(--borders-style-1);
2128
+ --button-link-hover-bottom-border-width: var(--borders-width-1);
2129
+ --button-link-hover-shadow: var(--shadows-shadow-none);
2130
+ --button-link-hover-bg-color: var(--colors-neutral-fill-none);
2131
+ --button-link-hover-font-color: var(--colors-link-6);
2132
+ --button-link-active-top-border-color: var(--colors-neutral-fill-none);
2133
+ --button-link-active-top-border-style: var(--borders-style-1);
2134
+ --button-link-active-top-border-width: var(--borders-width-1);
2135
+ --button-link-active-left-border-color: var(--colors-neutral-fill-none);
2136
+ --button-link-active-left-border-style: var(--borders-style-1);
2137
+ --button-link-active-left-border-width: var(--borders-width-1);
2138
+ --button-link-active-right-border-color: var(--colors-neutral-fill-none);
2139
+ --button-link-active-right-border-style: var(--borders-style-1);
2140
+ --button-link-active-right-border-width: var(--borders-width-1);
2141
+ --button-link-active-bottom-border-color: var(--colors-neutral-fill-none);
2142
+ --button-link-active-bottom-border-style: var(--borders-style-1);
2143
+ --button-link-active-bottom-border-width: var(--borders-width-1);
2144
+ --button-link-active-shadow: var(--shadows-shadow-none);
2145
+ --button-link-active-bg-color: var(--colors-neutral-fill-none);
2146
+ --button-link-active-font-color: var(--colors-link-4);
2147
+ --button-link-disabled-top-border-color: var(--colors-neutral-fill-none);
2148
+ --button-link-disabled-top-border-style: var(--borders-style-1);
2149
+ --button-link-disabled-top-border-width: var(--borders-width-1);
2150
+ --button-link-disabled-left-border-color: var(--colors-neutral-fill-none);
2151
+ --button-link-disabled-left-border-style: var(--borders-style-1);
2152
+ --button-link-disabled-left-border-width: var(--borders-width-1);
2153
+ --button-link-disabled-right-border-color: var(--colors-neutral-fill-none);
2154
+ --button-link-disabled-right-border-style: var(--borders-style-1);
2155
+ --button-link-disabled-right-border-width: var(--borders-width-1);
2156
+ --button-link-disabled-bottom-border-color: var(--colors-neutral-fill-none);
2157
+ --button-link-disabled-bottom-border-style: var(--borders-style-1);
2158
+ --button-link-disabled-bottom-border-width: var(--borders-width-1);
2159
+ --button-link-disabled-shadow: var(--shadows-shadow-none);
2160
+ --button-link-disabled-bg-color: var(--colors-neutral-fill-none);
2161
+ --button-link-disabled-font-color: var(--colors-neutral-text-6);
2162
+ --button-size-default-top-left-border-radius: var(--borders-radius-3);
2163
+ --button-size-default-top-right-border-radius: var(--borders-radius-3);
2164
+ --button-size-default-bottom-left-border-radius: var(--borders-radius-3);
2165
+ --button-size-default-bottom-right-border-radius: var(--borders-radius-3);
2166
+ --button-size-default-height: var(--sizes-base-17);
2167
+ --button-size-default-fontSize: var(--fonts-size-7);
2168
+ --button-size-default-minWidth: var(--sizes-size-1);
2169
+ --button-size-default-icon-size: var(--sizes-size-8);
2170
+ --button-size-default-fontWeight: var(--fonts-weight-6);
2171
+ --button-size-default-lineHeight: var(--fonts-lineHeight-2);
2172
+ --button-size-default-icon-margin: var(--sizes-size-3);
2173
+ --button-size-default-marginTop: var(--sizes-size-0);
2174
+ --button-size-default-marginLeft: var(--sizes-size-0);
2175
+ --button-size-default-paddingTop: var(--sizes-size-3);
2176
+ --button-size-default-marginRight: var(--sizes-size-0);
2177
+ --button-size-default-paddingLeft: var(--sizes-size-7);
2178
+ --button-size-default-marginBottom: var(--sizes-size-0);
2179
+ --button-size-default-paddingRight: var(--sizes-size-7);
2180
+ --button-size-default-paddingBottom: var(--sizes-size-3);
2181
+ --button-size-xs-top-left-border-radius: var(--borders-radius-3);
2182
+ --button-size-xs-top-right-border-radius: var(--borders-radius-3);
2183
+ --button-size-xs-bottom-left-border-radius: var(--borders-radius-3);
2184
+ --button-size-xs-bottom-right-border-radius: var(--borders-radius-3);
2185
+ --button-size-xs-height: var(--sizes-base-12);
2186
+ --button-size-xs-fontSize: var(--fonts-size-8);
2187
+ --button-size-xs-minWidth: var(--sizes-size-1);
2188
+ --button-size-xs-icon-size: var(--sizes-size-8);
2189
+ --button-size-xs-fontWeight: var(--fonts-weight-6);
2190
+ --button-size-xs-lineHeight: var(--fonts-lineHeight-2);
2191
+ --button-size-xs-icon-margin: var(--sizes-size-3);
2192
+ --button-size-xs-marginTop: var(--sizes-size-0);
2193
+ --button-size-xs-marginLeft: var(--sizes-size-0);
2194
+ --button-size-xs-paddingTop: var(--sizes-size-2);
2195
+ --button-size-xs-marginRight: var(--sizes-size-0);
2196
+ --button-size-xs-paddingLeft: var(--sizes-size-3);
2197
+ --button-size-xs-marginBottom: var(--sizes-size-0);
2198
+ --button-size-xs-paddingRight: var(--sizes-size-3);
2199
+ --button-size-xs-paddingBottom: var(--sizes-size-2);
2200
+ --button-size-sm-top-left-border-radius: var(--borders-radius-3);
2201
+ --button-size-sm-top-right-border-radius: var(--borders-radius-3);
2202
+ --button-size-sm-bottom-left-border-radius: var(--borders-radius-3);
2203
+ --button-size-sm-bottom-right-border-radius: var(--borders-radius-3);
2204
+ --button-size-sm-height: var(--sizes-base-16);
2205
+ --button-size-sm-fontSize: var(--fonts-size-8);
2206
+ --button-size-sm-minWidth: var(--sizes-size-1);
2207
+ --button-size-sm-icon-size: var(--sizes-size-8);
2208
+ --button-size-sm-fontWeight: var(--fonts-weight-6);
2209
+ --button-size-sm-lineHeight: var(--fonts-lineHeight-2);
2210
+ --button-size-sm-icon-margin: var(--sizes-size-3);
2211
+ --button-size-sm-marginTop: var(--sizes-size-0);
2212
+ --button-size-sm-marginLeft: var(--sizes-size-0);
2213
+ --button-size-sm-paddingTop: var(--sizes-size-3);
2214
+ --button-size-sm-marginRight: var(--sizes-size-0);
2215
+ --button-size-sm-paddingLeft: var(--sizes-size-6);
2216
+ --button-size-sm-marginBottom: var(--sizes-size-0);
2217
+ --button-size-sm-paddingRight: var(--sizes-size-6);
2218
+ --button-size-sm-paddingBottom: var(--sizes-size-3);
2219
+ --button-size-md-top-left-border-radius: var(--borders-radius-3);
2220
+ --button-size-md-top-right-border-radius: var(--borders-radius-3);
2221
+ --button-size-md-bottom-left-border-radius: var(--borders-radius-3);
2222
+ --button-size-md-bottom-right-border-radius: var(--borders-radius-3);
2223
+ --button-size-md-height: var(--sizes-base-17);
2224
+ --button-size-md-fontSize: var(--fonts-size-7);
2225
+ --button-size-md-minWidth: var(--sizes-size-1);
2226
+ --button-size-md-icon-size: var(--sizes-size-8);
2227
+ --button-size-md-fontWeight: var(--fonts-weight-6);
2228
+ --button-size-md-lineHeight: var(--fonts-lineHeight-2);
2229
+ --button-size-md-icon-margin: var(--sizes-size-3);
2230
+ --button-size-md-marginTop: var(--sizes-size-0);
2231
+ --button-size-md-marginLeft: var(--sizes-size-0);
2232
+ --button-size-md-paddingTop: var(--sizes-size-3);
2233
+ --button-size-md-marginRight: var(--sizes-size-0);
2234
+ --button-size-md-paddingLeft: var(--sizes-size-7);
2235
+ --button-size-md-marginBottom: var(--sizes-size-0);
2236
+ --button-size-md-paddingRight: var(--sizes-size-7);
2237
+ --button-size-md-paddingBottom: var(--sizes-size-3);
2238
+ --button-size-lg-top-left-border-radius: var(--borders-radius-3);
2239
+ --button-size-lg-top-right-border-radius: var(--borders-radius-3);
2240
+ --button-size-lg-bottom-left-border-radius: var(--borders-radius-3);
2241
+ --button-size-lg-bottom-right-border-radius: var(--borders-radius-3);
2242
+ --button-size-lg-height: var(--sizes-base-20);
2243
+ --button-size-lg-fontSize: var(--fonts-size-7);
2244
+ --button-size-lg-minWidth: var(--sizes-size-1);
2245
+ --button-size-lg-icon-size: var(--sizes-size-8);
2246
+ --button-size-lg-fontWeight: var(--fonts-weight-6);
2247
+ --button-size-lg-lineHeight: var(--fonts-lineHeight-2);
2248
+ --button-size-lg-icon-margin: var(--sizes-size-3);
2249
+ --button-size-lg-marginTop: var(--sizes-size-0);
2250
+ --button-size-lg-marginLeft: var(--sizes-size-0);
2251
+ --button-size-lg-paddingTop: var(--sizes-size-6);
2252
+ --button-size-lg-marginRight: var(--sizes-size-0);
2253
+ --button-size-lg-paddingLeft: var(--sizes-size-9);
2254
+ --button-size-lg-marginBottom: var(--sizes-size-0);
2255
+ --button-size-lg-paddingRight: var(--sizes-size-9);
2256
+ --button-size-lg-paddingBottom: var(--sizes-size-6);
2257
+ --transfer-base-top-border-color: var(--colors-neutral-line-8);
2258
+ --transfer-base-top-border-style: var(--borders-style-2);
2259
+ --transfer-base-top-border-width: var(--borders-width-2);
2260
+ --transfer-base-left-border-color: var(--colors-neutral-line-8);
2261
+ --transfer-base-left-border-style: var(--borders-style-2);
2262
+ --transfer-base-left-border-width: var(--borders-width-2);
2263
+ --transfer-base-right-border-color: var(--colors-neutral-line-8);
2264
+ --transfer-base-right-border-style: var(--borders-style-2);
2265
+ --transfer-base-right-border-width: var(--borders-width-2);
2266
+ --transfer-base-bottom-border-color: var(--colors-neutral-line-8);
2267
+ --transfer-base-bottom-border-style: var(--borders-style-2);
2268
+ --transfer-base-bottom-border-width: var(--borders-width-2);
2269
+ --transfer-base-top-left-border-radius: var(--borders-radius-3);
2270
+ --transfer-base-top-right-border-radius: var(--borders-radius-3);
2271
+ --transfer-base-bottom-left-border-radius: var(--borders-radius-2);
2272
+ --transfer-base-bottom-right-border-radius: var(--borders-radius-2);
2273
+ --transfer-base-shadow: var(--shadows-shadow-none);
2274
+ --transfer-base-title-bg: var(--colors-neutral-fill-10);
2275
+ --transfer-base-title-fontSize: var(--fonts-size-7);
2276
+ --transfer-base-content-fontSize: var(--fonts-size-7);
2277
+ --transfer-base-title-font-color: var(--colors-neutral-text-2);
2278
+ --transfer-base-title-fontWeight: var(--fonts-weight-6);
2279
+ --transfer-base-title-lineHeight: var(--fonts-lineHeight-2);
2280
+ --transfer-base-content-font-color: var(--colors-neutral-text-2);
2281
+ --transfer-base-content-fontWeight: var(--fonts-weight-6);
2282
+ --transfer-base-content-lineHeight: var(--fonts-lineHeight-2);
2283
+ --transfer-base-body-marginTop: var(--sizes-size-1);
2284
+ --transfer-base-body-marginLeft: var(--sizes-size-1);
2285
+ --transfer-base-body-paddingTop: var(--sizes-size-1);
2286
+ --transfer-base-body-marginRight: var(--sizes-size-1);
2287
+ --transfer-base-body-paddingLeft: var(--sizes-size-1);
2288
+ --transfer-base-body-marginBottom: var(--sizes-size-1);
2289
+ --transfer-base-body-paddingRight: var(--sizes-size-1);
2290
+ --transfer-base-body-paddingBottom: var(--sizes-size-1);
2291
+ --transfer-base-header-marginTop: var(--sizes-size-1);
2292
+ --transfer-base-header-marginLeft: var(--sizes-size-1);
2293
+ --transfer-base-header-paddingTop: var(--sizes-size-5);
2294
+ --transfer-base-header-marginRight: var(--sizes-size-1);
2295
+ --transfer-base-header-paddingLeft: var(--sizes-size-8);
2296
+ --transfer-base-header-marginBottom: var(--sizes-size-1);
2297
+ --transfer-base-header-paddingRight: var(--sizes-size-8);
2298
+ --transfer-base-header-paddingBottom: var(--sizes-size-5);
2299
+ --transfer-base-option-marginTop: var(--sizes-size-1);
2300
+ --transfer-base-option-marginLeft: var(--sizes-size-1);
2301
+ --transfer-base-option-paddingTop: var(--sizes-size-5);
2302
+ --transfer-base-option-marginRight: var(--sizes-size-1);
2303
+ --transfer-base-option-paddingLeft: var(--sizes-size-8);
2304
+ --transfer-base-option-marginBottom: var(--sizes-size-1);
2305
+ --transfer-base-option-paddingRight: var(--sizes-size-8);
2306
+ --transfer-base-option-paddingBottom: var(--sizes-size-5);
2307
+ --transfer-tree-top-left-border-radius: var(--borders-radius-2);
2308
+ --transfer-tree-top-right-border-radius: var(--borders-radius-2);
2309
+ --transfer-tree-bottom-left-border-radius: var(--borders-radius-2);
2310
+ --transfer-tree-bottom-right-border-radius: var(--borders-radius-2);
2311
+ --transfer-tree-bg-hover-color: var(--colors-neutral-fill-10);
2312
+ --transfer-tree-bg-active-color: var(--colors-brand-10);
2313
+ --transfer-tree-marginTop: var(--sizes-size-1);
2314
+ --transfer-tree-marginLeft: var(--sizes-size-1);
2315
+ --transfer-tree-paddingTop: var(--sizes-size-3);
2316
+ --transfer-tree-marginRight: var(--sizes-size-1);
2317
+ --transfer-tree-paddingLeft: var(--sizes-size-7);
2318
+ --transfer-tree-marginBottom: var(--sizes-size-2);
2319
+ --transfer-tree-paddingRight: var(--sizes-size-7);
2320
+ --transfer-tree-paddingBottom: var(--sizes-size-3);
2321
+ --transfer-tree-option-marginTop: var(--sizes-size-1);
2322
+ --transfer-tree-option-marginLeft: var(--sizes-size-1);
2323
+ --transfer-tree-option-paddingTop: var(--sizes-size-1);
2324
+ --transfer-tree-option-marginRight: var(--sizes-size-1);
2325
+ --transfer-tree-option-paddingLeft: var(--sizes-size-6);
2326
+ --transfer-tree-option-marginBottom: var(--sizes-size-4);
2327
+ --transfer-tree-option-paddingRight: var(--sizes-size-1);
2328
+ --transfer-tree-option-paddingBottom: var(--sizes-size-1);
2329
+ --transfer-group-fontSize: var(--fonts-size-7);
2330
+ --transfer-group-font-color: var(--colors-neutral-text-5);
2331
+ --transfer-group-fontWeight: var(--fonts-weight-6);
2332
+ --transfer-group-lineHeight: var(--fonts-lineHeight-2);
2333
+ --transfer-table-last-paddingRight: var(--sizes-size-10);
2334
+ --transfer-table-header-marginTop: var(--sizes-size-1);
2335
+ --transfer-table-header-marginLeft: var(--sizes-size-1);
2336
+ --transfer-table-header-paddingTop: var(--sizes-size-5);
2337
+ --transfer-table-header-marginRight: var(--sizes-size-1);
2338
+ --transfer-table-header-paddingLeft: var(--sizes-size-7);
2339
+ --transfer-table-header-marginBottom: var(--sizes-size-1);
2340
+ --transfer-table-header-paddingRight: var(--sizes-size-7);
2341
+ --transfer-table-header-paddingBottom: var(--sizes-size-5);
2342
+ --transfer-table-option-marginTop: var(--sizes-size-1);
2343
+ --transfer-table-option-marginLeft: var(--sizes-size-1);
2344
+ --transfer-table-option-paddingTop: var(--sizes-size-4);
2345
+ --transfer-table-option-marginRight: var(--sizes-size-1);
2346
+ --transfer-table-option-paddingLeft: var(--sizes-size-7);
2347
+ --transfer-table-option-marginBottom: var(--sizes-size-2);
2348
+ --transfer-table-option-paddingRight: var(--sizes-size-7);
2349
+ --transfer-table-option-paddingBottom: var(--sizes-size-5);
2350
+ --transfer-search-top-border-color: var(--colors-neutral-line-8);
2351
+ --transfer-search-top-border-style: var(--borders-style-2);
2352
+ --transfer-search-top-border-width: var(--borders-width-2);
2353
+ --transfer-search-left-border-color: var(--colors-neutral-line-8);
2354
+ --transfer-search-left-border-style: var(--borders-style-2);
2355
+ --transfer-search-left-border-width: var(--borders-width-2);
2356
+ --transfer-search-right-border-color: var(--colors-neutral-line-8);
2357
+ --transfer-search-right-border-style: var(--borders-style-2);
2358
+ --transfer-search-right-border-width: var(--borders-width-2);
2359
+ --transfer-search-bottom-border-color: var(--colors-neutral-line-8);
2360
+ --transfer-search-bottom-border-style: var(--borders-style-2);
2361
+ --transfer-search-bottom-border-width: var(--borders-width-2);
2362
+ --transfer-search-top-left-border-radius: var(--borders-radius-3);
2363
+ --transfer-search-top-right-border-radius: var(--borders-radius-3);
2364
+ --transfer-search-bottom-left-border-radius: var(--borders-radius-3);
2365
+ --transfer-search-bottom-right-border-radius: var(--borders-radius-3);
2366
+ --transfer-search-shadow: var(--shadows-shadow-none);
2367
+ --transfer-search-fontSize: var(--fonts-size-7);
2368
+ --transfer-search-font-color: var(--colors-neutral-text-2);
2369
+ --transfer-search-fontWeight: var(--fonts-weight-6);
2370
+ --transfer-search-lineHeight: var(--fonts-lineHeight-2);
2371
+ --transfer-search-border-hover-color: var(--colors-brand-4);
2372
+ --transfer-search-marginTop: var(--sizes-size-1);
2373
+ --transfer-search-marginLeft: var(--sizes-size-1);
2374
+ --transfer-search-paddingTop: var(--sizes-size-6);
2375
+ --transfer-search-marginRight: var(--sizes-size-1);
2376
+ --transfer-search-paddingLeft: var(--sizes-size-6);
2377
+ --transfer-search-marginBottom: var(--sizes-size-1);
2378
+ --transfer-search-paddingRight: var(--sizes-size-6);
2379
+ --transfer-search-paddingBottom: var(--sizes-size-6);
2380
+ --transfer-search-border-active-color: var(--colors-brand-4);
2381
+ --transfer-search-placeholder-font-color: var(--colors-neutral-text-6);
2382
+ --transfer-search-input-marginTop: var(--sizes-size-1);
2383
+ --transfer-search-input-marginLeft: var(--sizes-size-1);
2384
+ --transfer-search-input-paddingTop: var(--sizes-size-4);
2385
+ --transfer-search-input-marginRight: var(--sizes-size-1);
2386
+ --transfer-search-input-paddingLeft: var(--sizes-size-7);
2387
+ --transfer-search-input-marginBottom: var(--sizes-size-1);
2388
+ --transfer-search-input-paddingRight: var(--sizes-size-7);
2389
+ --transfer-search-input-paddingBottom: var(--sizes-size-4);
2390
+ --transfer-chained-marginTop: var(--sizes-size-1);
2391
+ --transfer-chained-marginLeft: var(--sizes-size-1);
2392
+ --transfer-chained-paddingTop: var(--sizes-size-5);
2393
+ --transfer-chained-marginRight: var(--sizes-size-1);
2394
+ --transfer-chained-paddingLeft: var(--sizes-size-6);
2395
+ --transfer-chained-marginBottom: var(--sizes-size-1);
2396
+ --transfer-chained-paddingRight: var(--sizes-size-6);
2397
+ --transfer-chained-paddingBottom: var(--sizes-size-5);
2398
+ }
2399
+ :root {
2400
+ --colors-neutral-fill-none: translate;
2401
+ --colors-error-main: #dc3545;
2402
+ --colors-error-1: #420312;
2403
+ --colors-error-2: #69091c;
2404
+ --colors-error-3: #8f1428;
2405
+ --colors-error-4: #b52236;
2406
+ --colors-error-5: #dc3545;
2407
+ --colors-error-6: #ff6471;
2408
+ --colors-error-7: #ff8b92;
2409
+ --colors-error-8: #ffb1b5;
2410
+ --colors-error-9: #ffd8da;
2411
+ --colors-error-10: #ffe6e6;
2412
+ --colors-warning-main: #ff9f0b;
2413
+ --colors-warning-1: #663000;
2414
+ --colors-warning-2: #8c4600;
2415
+ --colors-warning-3: #b35f00;
2416
+ --colors-warning-4: #d97b00;
2417
+ --colors-warning-5: #ff9f0b;
2418
+ --colors-warning-6: #ffb43b;
2419
+ --colors-warning-7: #ffc96c;
2420
+ --colors-warning-8: #ffdd9d;
2421
+ --colors-warning-9: #ffefce;
2422
+ --colors-warning-10: #fff7e6;
2423
+ --colors-success-main: #32d74b;
2424
+ --colors-success-1: #023d13;
2425
+ --colors-success-2: #08631f;
2426
+ --colors-success-3: #128a2c;
2427
+ --colors-success-4: #20b03a;
2428
+ --colors-success-5: #32d74b;
2429
+ --colors-success-6: #57e36a;
2430
+ --colors-success-7: #81f08e;
2431
+ --colors-success-8: #affcb6;
2432
+ --colors-success-9: #d8ffdb;
2433
+ --colors-success-10: #e6ffe7;
2434
+ --colors-link-main: #2296f3;
2435
+ --colors-link-1: #002559;
2436
+ --colors-link-2: #003980;
2437
+ --colors-link-3: #0754a6;
2438
+ --colors-link-4: #1272cc;
2439
+ --colors-link-5: #2296f3;
2440
+ --colors-link-6: #50b3ff;
2441
+ --colors-link-7: #7bc8ff;
2442
+ --colors-link-8: #a7dcff;
2443
+ --colors-link-9: #d3eeff;
2444
+ --colors-link-10: #e6f6ff;
2445
+ --colors-info-main: #2296f3;
2446
+ --colors-info-1: #002559;
2447
+ --colors-info-2: #003980;
2448
+ --colors-info-3: #0754a6;
2449
+ --colors-info-4: #1272cc;
2450
+ --colors-info-5: #2296f3;
2451
+ --colors-info-6: #50b3ff;
2452
+ --colors-info-7: #7bc8ff;
2453
+ --colors-info-8: #a7dcff;
2454
+ --colors-info-9: #d3eeff;
2455
+ --colors-info-10: #e6f6ff;
2456
+ --colors-other-main: #2468f2;
2457
+ --colors-other-1: #001259;
2458
+ --colors-other-2: #001e80;
2459
+ --colors-other-3: #0832a6;
2460
+ --colors-other-4: #144bcc;
2461
+ --colors-other-5: #2468f2;
2462
+ --colors-other-6: #528eff;
2463
+ --colors-other-7: #7dadff;
2464
+ --colors-other-8: #a8caff;
2465
+ --colors-other-9: #d4e5ff;
2466
+ --colors-other-10: #e6f0ff;
2467
+ --colors-brand-1: #002566;
2468
+ --colors-brand-2: #00388c;
2469
+ --colors-brand-3: #004db3;
2470
+ --colors-brand-4: #0065d9;
2471
+ --colors-brand-5: #0983ff;
2472
+ --colors-brand-6: #3ba0ff;
2473
+ --colors-brand-7: #6cbaff;
2474
+ --colors-brand-8: #9dd3ff;
2475
+ --colors-brand-9: #ceeaff;
2476
+ --colors-brand-10: #e6f4ff;
2477
+ --colors-neutral-text-1: #070e14;
2478
+ --colors-neutral-text-2: #f3f1f1;
2479
+ --colors-neutral-text-3: #303840;
2480
+ --colors-neutral-text-4: #6c6c6c;
2481
+ --colors-neutral-text-5: #84888c;
2482
+ --colors-neutral-text-6: #b8bbbf;
2483
+ --colors-neutral-text-7: #d4d7d9;
2484
+ --colors-neutral-text-8: #e8e9eb;
2485
+ --colors-neutral-text-9: #f2f4f5;
2486
+ --colors-neutral-text-10: #f7f9fa;
2487
+ --colors-neutral-text-11: #ffffff;
2488
+ --colors-neutral-fill-none: transparent;
2489
+ --colors-neutral-fill-1: #070e14;
2490
+ --colors-neutral-fill-2: #151e26;
2491
+ --colors-neutral-fill-3: #303840;
2492
+ --colors-neutral-fill-4: #5c6166;
2493
+ --colors-neutral-fill-5: #84888c;
2494
+ --colors-neutral-fill-6: #b8bbbf;
2495
+ --colors-neutral-fill-7: #d4d7d9;
2496
+ --colors-neutral-fill-8: #e8e9eb;
2497
+ --colors-neutral-fill-9: #f2f4f5;
2498
+ --colors-neutral-fill-10: #f7f9fa;
2499
+ --colors-neutral-fill-11: #ffffff;
2500
+ --colors-neutral-line-1: #070e14;
2501
+ --colors-neutral-line-2: #151e26;
2502
+ --colors-neutral-line-3: #303840;
2503
+ --colors-neutral-line-4: #5c6166;
2504
+ --colors-neutral-line-5: #84888c;
2505
+ --colors-neutral-line-6: #b8bbbf;
2506
+ --colors-neutral-line-7: #d4d7d9;
2507
+ --colors-neutral-line-8: #e8e9eb;
2508
+ --colors-neutral-line-9: #f2f4f5;
2509
+ --colors-neutral-line-10: #f7f9fa;
2510
+ --colors-neutral-line-11: #ffffff;
2511
+ --fonts-base-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text,
2512
+ Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB,
2513
+ Arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
2514
+ --fonts-size-1: 48px;
2515
+ --fonts-size-2: 40px;
2516
+ --fonts-size-3: 32px;
2517
+ --fonts-size-4: 24px;
2518
+ --fonts-size-5: 18px;
2519
+ --fonts-size-6: 16px;
2520
+ --fonts-size-7: 14px;
2521
+ --fonts-size-8: 12px;
2522
+ --fonts-size-9: 12px;
2523
+ --fonts-weight-1: 900;
2524
+ --fonts-weight-2: 800;
2525
+ --fonts-weight-3: 700;
2526
+ --fonts-weight-4: 600;
2527
+ --fonts-weight-5: 500;
2528
+ --fonts-weight-6: 400;
2529
+ --fonts-weight-7: 300;
2530
+ --fonts-weight-8: 200;
2531
+ --fonts-weight-9: 100;
2532
+ --fonts-lineHeight-1: 1.3;
2533
+ --fonts-lineHeight-2: 1.5;
2534
+ --fonts-lineHeight-3: 1.7;
2535
+ --borders-style-1: none;
2536
+ --borders-style-2: solid;
2537
+ --borders-style-3: dashed;
2538
+ --borders-style-4: dotted;
2539
+ --borders-width-1: 0px;
2540
+ --borders-width-2: 1px;
2541
+ --borders-width-3: 2px;
2542
+ --borders-width-4: 4px;
2543
+ --borders-radius-1: 0px;
2544
+ --borders-radius-2: 1px;
2545
+ --borders-radius-3: 2px;
2546
+ --borders-radius-4: 6px;
2547
+ --borders-radius-5: 8px;
2548
+ --borders-radius-6: 10px;
2549
+ --borders-radius-7: 50%;
2550
+ --sizes-size-0: 0rem;
2551
+ --sizes-size-1: auto;
2552
+ --sizes-size-2: 0.125rem;
2553
+ --sizes-size-3: 0.25rem;
2554
+ --sizes-size-4: 0.375rem;
2555
+ --sizes-size-5: 0.5rem;
2556
+ --sizes-size-6: 0.625rem;
2557
+ --sizes-size-7: 0.75rem;
2558
+ --sizes-size-8: 0.875rem;
2559
+ --sizes-size-9: 1rem;
2560
+ --sizes-base-2: 0.125rem;
2561
+ --sizes-base-3: 0.25rem;
2562
+ --sizes-base-4: 0.375rem;
2563
+ --sizes-base-5: 0.5rem;
2564
+ --sizes-base-6: 0.625rem;
2565
+ --sizes-base-7: 0.75rem;
2566
+ --sizes-base-8: 0.875rem;
2567
+ --sizes-base-9: 1rem;
2568
+ --sizes-base-10: 1.125rem;
2569
+ --sizes-base-11: 1.25rem;
2570
+ --sizes-base-12: 1.375rem;
2571
+ --sizes-base-13: 1.5rem;
2572
+ --sizes-base-14: 1.625rem;
2573
+ --sizes-base-15: 1.75rem;
2574
+ --sizes-base-16: 1.875rem;
2575
+ --sizes-base-17: 2rem;
2576
+ --sizes-base-18: 2.125rem;
2577
+ --sizes-base-19: 2.25rem;
2578
+ --sizes-base-20: 2.375rem;
2579
+ --sizes-base-21: 2.5rem;
2580
+ --sizes-base-22: 2.625rem;
2581
+ --sizes-base-23: 2.75rem;
2582
+ --sizes-base-24: 2.875rem;
2583
+ --sizes-base-25: 3rem;
2584
+ --sizes-base-26: 3.125rem;
2585
+ --sizes-base-27: 3.25rem;
2586
+ --sizes-base-28: 3.375rem;
2587
+ --sizes-base-29: 3.5rem;
2588
+ --sizes-base-30: 3.625rem;
2589
+ --sizes-base-31: 3.75rem;
2590
+ --sizes-base-32: 3.875rem;
2591
+ --sizes-base-33: 4rem;
2592
+ --sizes-base-34: 4.125rem;
2593
+ --sizes-base-35: 4.25rem;
2594
+ --sizes-base-36: 4.375rem;
2595
+ --sizes-base-37: 4.5rem;
2596
+ --sizes-base-38: 4.625rem;
2597
+ --sizes-base-39: 4.75rem;
2598
+ --sizes-base-40: 4.875rem;
2599
+ --sizes-base-41: 5rem;
2600
+ --sizes-base-42: 5.125rem;
2601
+ --sizes-base-43: 5.25rem;
2602
+ --sizes-base-44: 5.375rem;
2603
+ --sizes-base-45: 5.5rem;
2604
+ --sizes-base-46: 5.625rem;
2605
+ --sizes-base-47: 5.75rem;
2606
+ --sizes-base-48: 5.875rem;
2607
+ --sizes-base-49: 6rem;
2608
+ --sizes-base-50: 6.125rem;
2609
+ --sizes-base-51: 6.25rem;
2610
+ --shadows-shadow-none: 0px 0px 0px 0px transparent;
2611
+ --shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
2612
+ --shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
2613
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
2614
+ --shadows-shadow-md: 0px 4px -1px 0px rgba(0, 0, 0, 0.1),
2615
+ 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
2616
+ --shadows-shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
2617
+ 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
2618
+ --shadows-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
2619
+ 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
2620
+ --shadows-shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
1598
2621
  }
1599
2622
  /* BASICS */
1600
2623
  .CodeMirror {
@@ -5987,7 +7010,6 @@ button::-moz-focus-inner {
5987
7010
  }
5988
7011
  .tox .accessibility-issue__description {
5989
7012
  align-items: stretch;
5990
- border: 1px solid #eeeeee;
5991
7013
  border-radius: 6px;
5992
7014
  display: flex;
5993
7015
  justify-content: space-between;
@@ -6000,83 +7022,101 @@ button::-moz-focus-inner {
6000
7022
  display: flex;
6001
7023
  margin-bottom: 4px;
6002
7024
  }
6003
- .tox .accessibility-issue__description > *:last-child:not(:only-child) {
6004
- border-color: #eeeeee;
6005
- border-style: solid;
7025
+ .tox .accessibility-issue__description > div > div .tox-icon svg {
7026
+ display: block;
6006
7027
  }
6007
7028
  .tox .accessibility-issue__repair {
6008
7029
  margin-top: 16px;
6009
7030
  }
6010
7031
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
6011
- background-color: rgba(0, 108, 231, 0.1);
6012
- border-color: #006ce7;
7032
+ background-color: rgba(0, 101, 216, 0.1);
6013
7033
  color: #222f3e;
6014
7034
  }
6015
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
6016
- border-color: #006ce7;
6017
- }
6018
7035
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
6019
7036
  color: #006ce7;
6020
7037
  }
6021
7038
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
6022
7039
  fill: #006ce7;
6023
7040
  }
6024
- .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
6025
- color: #006ce7;
7041
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
7042
+ background-color: #006ce7;
7043
+ color: #fff;
7044
+ }
7045
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
7046
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
7047
+ background-color: #0060ce;
7048
+ }
7049
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
7050
+ background-color: #0054b4;
7051
+ }
7052
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
7053
+ /* stylelint-disable-next-line no-descending-specificity */
6026
7054
  }
6027
7055
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
6028
- background-color: rgba(255, 165, 0, 0.1);
6029
- border-color: rgba(255, 165, 0, 0.5);
7056
+ background-color: rgba(255, 165, 0, 0.08);
6030
7057
  color: #222f3e;
6031
7058
  }
6032
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
6033
- border-color: rgba(255, 165, 0, 0.5);
6034
- }
6035
7059
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
6036
- color: #cc8500;
7060
+ color: #8f5d00;
6037
7061
  }
6038
7062
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
6039
- fill: #cc8500;
7063
+ fill: #8f5d00;
7064
+ }
7065
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
7066
+ background-color: #FFE89D;
7067
+ color: #222f3e;
7068
+ }
7069
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
7070
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
7071
+ background-color: #F2D574;
7072
+ color: #222f3e;
6040
7073
  }
6041
- .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
6042
- color: #cc8500;
7074
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
7075
+ background-color: #E8C657;
7076
+ color: #222f3e;
7077
+ }
7078
+ .tox .tox-dialog__body-content .accessibility-issue--error {
7079
+ /* stylelint-disable-next-line no-descending-specificity */
6043
7080
  }
6044
7081
  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
6045
7082
  background-color: rgba(204, 0, 0, 0.1);
6046
- border-color: rgba(204, 0, 0, 0.4);
6047
7083
  color: #222f3e;
6048
7084
  }
6049
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
6050
- border-color: rgba(204, 0, 0, 0.4);
6051
- }
6052
7085
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
6053
7086
  color: #c00;
6054
7087
  }
6055
7088
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
6056
7089
  fill: #c00;
6057
7090
  }
6058
- .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
6059
- color: #c00;
7091
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
7092
+ background-color: #F2BFBF;
7093
+ color: #222f3e;
7094
+ }
7095
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
7096
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
7097
+ background-color: #E9A4A4;
7098
+ color: #222f3e;
7099
+ }
7100
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
7101
+ background-color: #EE9494;
7102
+ color: #222f3e;
6060
7103
  }
6061
7104
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
6062
7105
  background-color: rgba(120, 171, 70, 0.1);
6063
- border-color: rgba(120, 171, 70, 0.4);
6064
7106
  color: #222f3e;
6065
7107
  }
6066
7108
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
6067
- border-color: rgba(120, 171, 70, 0.4);
7109
+ display: none;
6068
7110
  }
6069
7111
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
6070
- color: #78AB46;
7112
+ color: #527530;
6071
7113
  }
6072
7114
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
6073
- fill: #78AB46;
6074
- }
6075
- .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
6076
- color: #78AB46;
7115
+ fill: #527530;
6077
7116
  }
6078
- .tox .tox-dialog__body-content .accessibility-issue__header h1,
7117
+ .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
6079
7118
  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
7119
+ font-size: 14px;
6080
7120
  margin-top: 0;
6081
7121
  }
6082
7122
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -6088,10 +7128,6 @@ button::-moz-focus-inner {
6088
7128
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
6089
7129
  padding: 4px 4px 4px 8px;
6090
7130
  }
6091
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
6092
- border-left-width: 1px;
6093
- padding-left: 4px;
6094
- }
6095
7131
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
6096
7132
  margin-right: 4px;
6097
7133
  }
@@ -6101,10 +7137,6 @@ button::-moz-focus-inner {
6101
7137
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
6102
7138
  padding: 4px 8px 4px 4px;
6103
7139
  }
6104
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
6105
- border-right-width: 1px;
6106
- padding-right: 4px;
6107
- }
6108
7140
  .tox .tox-anchorbar {
6109
7141
  display: flex;
6110
7142
  flex: 0 0 auto;
@@ -6805,6 +7837,22 @@ button::-moz-focus-inner {
6805
7837
  .tox .tox-swatches__picker-btn:hover {
6806
7838
  background: #cce2fa;
6807
7839
  }
7840
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
7841
+ display: none;
7842
+ fill: #222f3e;
7843
+ height: 24px;
7844
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
7845
+ width: 24px;
7846
+ }
7847
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
7848
+ fill: #fff;
7849
+ paint-order: stroke;
7850
+ stroke: #222f3e;
7851
+ stroke-width: 2px;
7852
+ }
7853
+ .tox div.tox-swatch:not(.tox-swatch--remove)[aria-checked=true] svg {
7854
+ display: block;
7855
+ }
6808
7856
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
6809
7857
  margin-left: auto;
6810
7858
  }
@@ -7442,6 +8490,12 @@ body.tox-dialog__disable-scroll {
7442
8490
  .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
7443
8491
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
7444
8492
  }
8493
+ .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
8494
+ background: none;
8495
+ border: none;
8496
+ box-shadow: none;
8497
+ padding: 0;
8498
+ }
7445
8499
  .tox-editor-dock-fadeout {
7446
8500
  opacity: 0;
7447
8501
  visibility: hidden;
@@ -8802,6 +9856,7 @@ body.tox-dialog__disable-scroll {
8802
9856
  .tox .tox-toolbar,
8803
9857
  .tox .tox-toolbar__primary,
8804
9858
  .tox .tox-toolbar__overflow {
9859
+ background-attachment: local;
8805
9860
  background-color: #fff;
8806
9861
  background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
8807
9862
  background-position: center top 40px;
@@ -8869,6 +9924,7 @@ body.tox-dialog__disable-scroll {
8869
9924
  border: none;
8870
9925
  border-radius: 6px;
8871
9926
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
9927
+ overscroll-behavior: none;
8872
9928
  padding: 4px 0;
8873
9929
  }
8874
9930
  .tox-pop .tox-pop__dialog {
@@ -8954,6 +10010,47 @@ body.tox-dialog__disable-scroll {
8954
10010
  top: 50%;
8955
10011
  transform: translateY(-50%);
8956
10012
  }
10013
+ .tox .tox-view-wrap,
10014
+ .tox .tox-view-wrap__slot-container {
10015
+ background-color: #fff;
10016
+ display: flex;
10017
+ flex: 1;
10018
+ flex-direction: column;
10019
+ }
10020
+ .tox .tox-view {
10021
+ display: flex;
10022
+ flex: 1;
10023
+ flex-direction: column;
10024
+ }
10025
+ .tox .tox-view__header {
10026
+ align-items: center;
10027
+ display: flex;
10028
+ font-size: 16px;
10029
+ justify-content: space-between;
10030
+ padding: 8px 8px 0 8px;
10031
+ position: relative;
10032
+ }
10033
+ .tox .tox-view__header-start,
10034
+ .tox .tox-view__header-end {
10035
+ display: flex;
10036
+ }
10037
+ .tox .tox-view__pane {
10038
+ height: 100%;
10039
+ padding: 8px;
10040
+ width: 100%;
10041
+ }
10042
+ .tox .tox-view__pane_panel {
10043
+ border: 1px solid #eeeeee;
10044
+ border-radius: 6px;
10045
+ }
10046
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
10047
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
10048
+ margin-left: 8px;
10049
+ }
10050
+ .tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
10051
+ .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
10052
+ margin-right: 8px;
10053
+ }
8957
10054
  .tox .tox-well {
8958
10055
  border: 1px solid #eeeeee;
8959
10056
  border-radius: 6px;
@@ -9846,13 +10943,13 @@ body.video-react-full-window .video-react-fullscreen {
9846
10943
  transform: translateY(-30px);
9847
10944
  }
9848
10945
  /*!
9849
- * Cropper.js v1.5.12
10946
+ * Cropper.js v1.5.13
9850
10947
  * https://fengyuanchen.github.io/cropperjs
9851
10948
  *
9852
10949
  * Copyright 2015-present Chen Fengyuan
9853
10950
  * Released under the MIT license
9854
10951
  *
9855
- * Date: 2021-06-12T08:00:11.623Z
10952
+ * Date: 2022-11-20T05:30:43.444Z
9856
10953
  */
9857
10954
  .cropper-container {
9858
10955
  direction: ltr;
@@ -9865,6 +10962,8 @@ body.video-react-full-window .video-react-fullscreen {
9865
10962
  user-select: none;
9866
10963
  }
9867
10964
  .cropper-container img {
10965
+ -webkit-backface-visibility: hidden;
10966
+ backface-visibility: hidden;
9868
10967
  display: block;
9869
10968
  height: 100%;
9870
10969
  image-orientation: 0deg;
@@ -9901,7 +11000,7 @@ body.video-react-full-window .video-react-fullscreen {
9901
11000
  display: block;
9902
11001
  height: 100%;
9903
11002
  outline: 1px solid #39f;
9904
- outline-color: rgba(51, 153, 255, 0.75);
11003
+ outline-color: rgba(51, 153, 255, 75%);
9905
11004
  overflow: hidden;
9906
11005
  width: 100%;
9907
11006
  }
@@ -10639,7 +11738,7 @@ svg.r90 {
10639
11738
  transform: rotate(90deg);
10640
11739
  }
10641
11740
  svg.icon-success {
10642
- color: #32d74b;
11741
+ color: #28a745;
10643
11742
  }
10644
11743
  svg.icon-fail {
10645
11744
  color: #dc3545;
@@ -12013,6 +13112,9 @@ img.dark-AsideNav-itemIcon {
12013
13112
  white-space: nowrap;
12014
13113
  min-width: auto;
12015
13114
  }
13115
+ .dark-Button > svg.icon {
13116
+ top: 0;
13117
+ }
12016
13118
  .dark-Button--primary {
12017
13119
  color: var(--button-primary-default-font-color);
12018
13120
  background: var(--button-primary-default-bg-color);
@@ -12045,9 +13147,6 @@ img.dark-AsideNav-itemIcon {
12045
13147
  border-style: var(--button-primary-disabled-top-border-style) var(--button-primary-disabled-right-border-style) var(--button-primary-disabled-bottom-border-style) var(--button-primary-disabled-left-border-style);
12046
13148
  box-shadow: var(--button-primary-disabled-shadow);
12047
13149
  }
12048
- .dark-Button--primary:hover:focus {
12049
- box-shadow: var(--Button-boxShadow);
12050
- }
12051
13150
  .dark-Button--secondary {
12052
13151
  color: var(--button-secondary-default-font-color);
12053
13152
  background: var(--button-secondary-default-bg-color);
@@ -12080,9 +13179,6 @@ img.dark-AsideNav-itemIcon {
12080
13179
  border-style: var(--button-secondary-disabled-top-border-style) var(--button-secondary-disabled-right-border-style) var(--button-secondary-disabled-bottom-border-style) var(--button-secondary-disabled-left-border-style);
12081
13180
  box-shadow: var(--button-secondary-disabled-shadow);
12082
13181
  }
12083
- .dark-Button--secondary:hover:focus {
12084
- box-shadow: var(--Button-boxShadow);
12085
- }
12086
13182
  .dark-Button--success {
12087
13183
  color: var(--button-success-default-font-color);
12088
13184
  background: var(--button-success-default-bg-color);
@@ -12115,9 +13211,6 @@ img.dark-AsideNav-itemIcon {
12115
13211
  border-style: var(--button-success-disabled-top-border-style) var(--button-success-disabled-right-border-style) var(--button-success-disabled-bottom-border-style) var(--button-success-disabled-left-border-style);
12116
13212
  box-shadow: var(--button-success-disabled-shadow);
12117
13213
  }
12118
- .dark-Button--success:hover:focus {
12119
- box-shadow: var(--Button-boxShadow);
12120
- }
12121
13214
  .dark-Button--enhance {
12122
13215
  color: var(--button-enhance-default-font-color);
12123
13216
  background: var(--button-enhance-default-bg-color);
@@ -12150,9 +13243,6 @@ img.dark-AsideNav-itemIcon {
12150
13243
  border-style: var(--button-enhance-disabled-top-border-style) var(--button-enhance-disabled-right-border-style) var(--button-enhance-disabled-bottom-border-style) var(--button-enhance-disabled-left-border-style);
12151
13244
  box-shadow: var(--button-enhance-disabled-shadow);
12152
13245
  }
12153
- .dark-Button--enhance:hover:focus {
12154
- box-shadow: var(--Button-boxShadow);
12155
- }
12156
13246
  .dark-Button--info {
12157
13247
  color: var(--button-info-default-font-color);
12158
13248
  background: var(--button-info-default-bg-color);
@@ -12185,9 +13275,6 @@ img.dark-AsideNav-itemIcon {
12185
13275
  border-style: var(--button-info-disabled-top-border-style) var(--button-info-disabled-right-border-style) var(--button-info-disabled-bottom-border-style) var(--button-info-disabled-left-border-style);
12186
13276
  box-shadow: var(--button-info-disabled-shadow);
12187
13277
  }
12188
- .dark-Button--info:hover:focus {
12189
- box-shadow: var(--Button-boxShadow);
12190
- }
12191
13278
  .dark-Button--warning {
12192
13279
  color: var(--button-warning-default-font-color);
12193
13280
  background: var(--button-warning-default-bg-color);
@@ -12220,9 +13307,6 @@ img.dark-AsideNav-itemIcon {
12220
13307
  border-style: var(--button-warning-disabled-top-border-style) var(--button-warning-disabled-right-border-style) var(--button-warning-disabled-bottom-border-style) var(--button-warning-disabled-left-border-style);
12221
13308
  box-shadow: var(--button-warning-disabled-shadow);
12222
13309
  }
12223
- .dark-Button--warning:hover:focus {
12224
- box-shadow: var(--Button-boxShadow);
12225
- }
12226
13310
  .dark-Button--danger {
12227
13311
  color: var(--button-danger-default-font-color);
12228
13312
  background: var(--button-danger-default-bg-color);
@@ -12255,9 +13339,6 @@ img.dark-AsideNav-itemIcon {
12255
13339
  border-style: var(--button-danger-disabled-top-border-style) var(--button-danger-disabled-right-border-style) var(--button-danger-disabled-bottom-border-style) var(--button-danger-disabled-left-border-style);
12256
13340
  box-shadow: var(--button-danger-disabled-shadow);
12257
13341
  }
12258
- .dark-Button--danger:hover:focus {
12259
- box-shadow: var(--Button-boxShadow);
12260
- }
12261
13342
  .dark-Button--light {
12262
13343
  color: var(--button-light-default-font-color);
12263
13344
  background: var(--button-light-default-bg-color);
@@ -12290,9 +13371,6 @@ img.dark-AsideNav-itemIcon {
12290
13371
  border-style: var(--button-light-disabled-top-border-style) var(--button-light-disabled-right-border-style) var(--button-light-disabled-bottom-border-style) var(--button-light-disabled-left-border-style);
12291
13372
  box-shadow: var(--button-light-disabled-shadow);
12292
13373
  }
12293
- .dark-Button--light:hover:focus {
12294
- box-shadow: var(--Button-boxShadow);
12295
- }
12296
13374
  .dark-Button--dark {
12297
13375
  color: var(--button-dark-default-font-color);
12298
13376
  background: var(--button-dark-default-bg-color);
@@ -12325,9 +13403,6 @@ img.dark-AsideNav-itemIcon {
12325
13403
  border-style: var(--button-dark-disabled-top-border-style) var(--button-dark-disabled-right-border-style) var(--button-dark-disabled-bottom-border-style) var(--button-dark-disabled-left-border-style);
12326
13404
  box-shadow: var(--button-dark-disabled-shadow);
12327
13405
  }
12328
- .dark-Button--dark:hover:focus {
12329
- box-shadow: var(--Button-boxShadow);
12330
- }
12331
13406
  .dark-Button--default {
12332
13407
  color: var(--button-default-default-font-color);
12333
13408
  background: var(--button-default-default-bg-color);
@@ -12360,12 +13435,9 @@ img.dark-AsideNav-itemIcon {
12360
13435
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
12361
13436
  box-shadow: var(--button-default-disabled-shadow);
12362
13437
  }
12363
- .dark-Button--default:hover:focus {
12364
- box-shadow: var(--Button-boxShadow);
12365
- }
12366
13438
  .dark-Button--size-default {
12367
- font-size: var(--button-size-default-font-size);
12368
- line-height: var(--button-size-default-font-lineHeight);
13439
+ font-size: var(--button-size-default-fontSize);
13440
+ line-height: var(--button-size-default-lineHeight);
12369
13441
  border-radius: var(--button-size-default-top-right-border-radius) var(--button-size-default-top-left-border-radius) var(--button-size-default-bottom-right-border-radius) var(--button-size-default-bottom-left-border-radius);
12370
13442
  height: var(--button-size-default-height);
12371
13443
  padding: var(--button-size-default-paddingTop) var(--button-size-default-paddingRight) var(--button-size-default-paddingBottom) var(--button-size-default-paddingLeft);
@@ -12398,8 +13470,8 @@ img.dark-AsideNav-itemIcon {
12398
13470
  vertical-align: middle;
12399
13471
  }
12400
13472
  .dark-Button--size-xs {
12401
- font-size: var(--button-size-xs-font-size);
12402
- line-height: var(--button-size-xs-font-lineHeight);
13473
+ font-size: var(--button-size-xs-fontSize);
13474
+ line-height: var(--button-size-xs-lineHeight);
12403
13475
  border-radius: var(--button-size-xs-top-right-border-radius) var(--button-size-xs-top-left-border-radius) var(--button-size-xs-bottom-right-border-radius) var(--button-size-xs-bottom-left-border-radius);
12404
13476
  height: var(--button-size-xs-height);
12405
13477
  padding: var(--button-size-xs-paddingTop) var(--button-size-xs-paddingRight) var(--button-size-xs-paddingBottom) var(--button-size-xs-paddingLeft);
@@ -12435,8 +13507,8 @@ img.dark-AsideNav-itemIcon {
12435
13507
  min-width: calc( var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate) );
12436
13508
  }
12437
13509
  .dark-Button--size-sm {
12438
- font-size: var(--button-size-sm-font-size);
12439
- line-height: var(--button-size-sm-font-lineHeight);
13510
+ font-size: var(--button-size-sm-fontSize);
13511
+ line-height: var(--button-size-sm-lineHeight);
12440
13512
  border-radius: var(--button-size-sm-top-right-border-radius) var(--button-size-sm-top-left-border-radius) var(--button-size-sm-bottom-right-border-radius) var(--button-size-sm-bottom-left-border-radius);
12441
13513
  height: var(--button-size-sm-height);
12442
13514
  padding: var(--button-size-sm-paddingTop) var(--button-size-sm-paddingRight) var(--button-size-sm-paddingBottom) var(--button-size-sm-paddingLeft);
@@ -12472,8 +13544,8 @@ img.dark-AsideNav-itemIcon {
12472
13544
  min-width: calc( var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate) );
12473
13545
  }
12474
13546
  .dark-Button--size-md {
12475
- font-size: var(--button-size-md-font-size);
12476
- line-height: var(--button-size-md-font-lineHeight);
13547
+ font-size: var(--button-size-md-fontSize);
13548
+ line-height: var(--button-size-md-lineHeight);
12477
13549
  border-radius: var(--button-size-md-top-right-border-radius) var(--button-size-md-top-left-border-radius) var(--button-size-md-bottom-right-border-radius) var(--button-size-md-bottom-left-border-radius);
12478
13550
  height: var(--button-size-md-height);
12479
13551
  padding: var(--button-size-md-paddingTop) var(--button-size-md-paddingRight) var(--button-size-md-paddingBottom) var(--button-size-md-paddingLeft);
@@ -12509,8 +13581,8 @@ img.dark-AsideNav-itemIcon {
12509
13581
  min-width: calc( var(--Button--md-height) * var(--Button--iconOnly-minWidthRate) );
12510
13582
  }
12511
13583
  .dark-Button--size-lg {
12512
- font-size: var(--button-size-lg-font-size);
12513
- line-height: var(--button-size-lg-font-lineHeight);
13584
+ font-size: var(--button-size-lg-fontSize);
13585
+ line-height: var(--button-size-lg-lineHeight);
12514
13586
  border-radius: var(--button-size-lg-top-right-border-radius) var(--button-size-lg-top-left-border-radius) var(--button-size-lg-bottom-right-border-radius) var(--button-size-lg-bottom-left-border-radius);
12515
13587
  height: var(--button-size-lg-height);
12516
13588
  padding: var(--button-size-lg-paddingTop) var(--button-size-lg-paddingRight) var(--button-size-lg-paddingBottom) var(--button-size-lg-paddingLeft);
@@ -12584,10 +13656,6 @@ img.dark-AsideNav-itemIcon {
12584
13656
  border-width: var(--button-link-default-top-border-width) var(--button-link-default-right-border-width) var(--button-link-default-bottom-border-width) var(--button-link-default-left-border-width);
12585
13657
  border-style: var(--button-link-default-top-border-style) var(--button-link-default-right-border-style) var(--button-link-default-bottom-border-style) var(--button-link-default-left-border-style);
12586
13658
  box-shadow: var(--button-link-default-shadow);
12587
- padding: 0;
12588
- margin: 0;
12589
- height: auto;
12590
- line-height: auto;
12591
13659
  }
12592
13660
  .dark-Button--link:not(:disabled):not(.is-disabled):hover {
12593
13661
  color: var(--button-link-hover-font-color);
@@ -12613,9 +13681,6 @@ img.dark-AsideNav-itemIcon {
12613
13681
  border-style: var(--button-link-disabled-top-border-style) var(--button-link-disabled-right-border-style) var(--button-link-disabled-bottom-border-style) var(--button-link-disabled-left-border-style);
12614
13682
  box-shadow: var(--button-link-disabled-shadow);
12615
13683
  }
12616
- .dark-Button--link:hover:focus {
12617
- box-shadow: var(--Button-boxShadow);
12618
- }
12619
13684
  .dark-Button--block {
12620
13685
  display: block;
12621
13686
  width: 100%;
@@ -14653,9 +15718,6 @@ input[type=button].dark-Button--block {
14653
15718
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
14654
15719
  box-shadow: var(--button-default-disabled-shadow);
14655
15720
  }
14656
- .dark-ArrayInput-addBtn:hover:focus {
14657
- box-shadow: var(--Button-boxShadow);
14658
- }
14659
15721
  .dark-ArrayInput-addBtn.is-disabled {
14660
15722
  pointer-events: none;
14661
15723
  opacity: var(--Button-onDisabled-opacity);
@@ -16605,7 +17667,7 @@ input[type=button].dark-Button--block {
16605
17667
  .dark-ButtonGroup .dark-Button + .dark-ButtonGroup,
16606
17668
  .dark-ButtonGroup .dark-ButtonGroup + .dark-Button,
16607
17669
  .dark-ButtonGroup .dark-ButtonGroup + .dark-ButtonGroup {
16608
- margin-left: calc(var(--Button-borderWidth) * -1);
17670
+ margin-left: calc(var(--ButtonGroup-borderWidth) * -1);
16609
17671
  }
16610
17672
  .dark-ButtonGroup--block {
16611
17673
  display: block;
@@ -16655,7 +17717,7 @@ input[type=button].dark-Button--block {
16655
17717
  .dark-ButtonGroup--vertical > .dark-Button + .dark-ButtonGroup,
16656
17718
  .dark-ButtonGroup--vertical > .dark-ButtonGroup + .dark-Button,
16657
17719
  .dark-ButtonGroup--vertical > .dark-ButtonGroup + .dark-ButtonGroup {
16658
- margin-top: calc(var(--Button-borderWidth) * -1);
17720
+ margin-top: calc(var(--ButtonGroup-borderWidth) * -1);
16659
17721
  margin-left: 0;
16660
17722
  }
16661
17723
  .dark-ButtonGroup--vertical > .dark-Button:not(:last-child),
@@ -17212,9 +18274,6 @@ input[type=button].dark-Button--block {
17212
18274
  text-align: center;
17213
18275
  margin-right: var(--gap-xs);
17214
18276
  }
17215
- .dark-Collapse .dark-TplField {
17216
- display: inline-block;
17217
- }
17218
18277
  .dark-Collapse.is-active > * > .dark-Collapse-arrow:before {
17219
18278
  transform: rotate(135deg);
17220
18279
  transform-origin: 50% 30%;
@@ -17566,7 +18625,7 @@ input[type=button].dark-Button--block {
17566
18625
  left: 0;
17567
18626
  right: 0;
17568
18627
  bottom: 0;
17569
- background: rgba(34, 150, 243, 0.2);
18628
+ background: rgba(0, 123, 255, 0.2);
17570
18629
  }
17571
18630
  .dark-CBGroupOrItem .dark-CBGroup {
17572
18631
  flex-grow: 1;
@@ -17972,10 +19031,6 @@ input[type=button].dark-Button--block {
17972
19031
  position: absolute;
17973
19032
  bottom: 0;
17974
19033
  right: -0.625rem;
17975
- border: 1.125rem solid transparent;
17976
- border-right: 0;
17977
- border-left: 0.625rem solid var(--borderColor);
17978
- border-left-color: rgba(0, 0, 0, 0.05);
17979
19034
  z-index: 2;
17980
19035
  }
17981
19036
  .dark-Wizard-steps ul li:after {
@@ -18557,6 +19612,10 @@ input[type=button].dark-Button--block {
18557
19612
  .dark-Table-table > thead > tr > th .dark-Remark {
18558
19613
  margin-left: var(--gap-xs);
18559
19614
  }
19615
+ .dark-Table-table > thead > tr > th .dark-TableCell--title {
19616
+ min-width: -moz-fit-content;
19617
+ min-width: fit-content;
19618
+ }
18560
19619
  .dark-Table-table > thead > tr > th:first-child {
18561
19620
  border-top-left-radius: 4px;
18562
19621
  }
@@ -18635,45 +19694,45 @@ input[type=button].dark-Button--block {
18635
19694
  border-color: var(--Table-onModified-borderColor);
18636
19695
  }
18637
19696
  .dark-Table-table > tbody > tr.bg-light {
18638
- background-color: #3a3a3a;
18639
- color: #f3f1f1;
19697
+ background-color: #f8f9fa;
19698
+ color: #58666e;
18640
19699
  }
18641
19700
  .dark-Table-table > tbody > tr.bg-light.lt, .dark-Table-table > tbody > tr.bg-light .lt {
18642
- background: #3f3f3f;
19701
+ background: #fefefe;
18643
19702
  }
18644
19703
  .dark-Table-table > tbody > tr.bg-light.lter, .dark-Table-table > tbody > tr.bg-light .lter {
18645
- background: #424242;
19704
+ background: white;
18646
19705
  }
18647
19706
  .dark-Table-table > tbody > tr.bg-light.dk, .dark-Table-table > tbody > tr.bg-light .dk {
18648
- background: #343131;
19707
+ background: #eff1f4;
18649
19708
  }
18650
19709
  .dark-Table-table > tbody > tr.bg-light.dker, .dark-Table-table > tbody > tr.bg-light .dker {
18651
- background: #302b2b;
19710
+ background: #e8ecf0;
18652
19711
  }
18653
19712
  .dark-Table-table > tbody > tr.bg-light.bg, .dark-Table-table > tbody > tr.bg-light .bg {
18654
- background-color: #3a3a3a;
19713
+ background-color: #f8f9fa;
18655
19714
  }
18656
19715
  .dark-Table-table > tbody > tr.bg-dark {
18657
- background-color: #1e1f22;
18658
- color: #868686;
19716
+ background-color: #343a40;
19717
+ color: #a0a0a0;
18659
19718
  }
18660
19719
  .dark-Table-table > tbody > tr.bg-dark.lt, .dark-Table-table > tbody > tr.bg-dark .lt {
18661
- background: #2b2c2e;
19720
+ background: #41474c;
18662
19721
  }
18663
19722
  .dark-Table-table > tbody > tr.bg-dark.lter, .dark-Table-table > tbody > tr.bg-dark .lter {
18664
- background: #39393a;
19723
+ background: #4f5458;
18665
19724
  }
18666
19725
  .dark-Table-table > tbody > tr.bg-dark.dk, .dark-Table-table > tbody > tr.bg-dark .dk {
18667
- background: #121215;
19726
+ background: #272d33;
18668
19727
  }
18669
19728
  .dark-Table-table > tbody > tr.bg-dark.dker, .dark-Table-table > tbody > tr.bg-dark .dker {
18670
- background: #060607;
19729
+ background: #1c2125;
18671
19730
  }
18672
19731
  .dark-Table-table > tbody > tr.bg-dark.bg, .dark-Table-table > tbody > tr.bg-dark .bg {
18673
- background-color: #1e1f22;
19732
+ background-color: #343a40;
18674
19733
  }
18675
19734
  .dark-Table-table > tbody > tr.bg-dark a, .dark-Table-table > tbody > tr.bg-dark .dark-Button--link {
18676
- color: #a0a0a0;
19735
+ color: #b9baba;
18677
19736
  }
18678
19737
  .dark-Table-table > tbody > tr.bg-dark a:hover, .dark-Table-table > tbody > tr.bg-dark .dark-Button--link:hover {
18679
19738
  color: #fff;
@@ -18682,32 +19741,32 @@ input[type=button].dark-Button--block {
18682
19741
  color: #fff;
18683
19742
  }
18684
19743
  .dark-Table-table > tbody > tr.bg-dark .text-muted {
18685
- color: #dbd6d6 !important;
19744
+ color: #414c52 !important;
18686
19745
  }
18687
19746
  .dark-Table-table > tbody > tr.bg-dark .text-lt {
18688
- color: white !important;
19747
+ color: #99a6ad !important;
18689
19748
  }
18690
19749
  .dark-Table-table > tbody > tr.bg-black {
18691
- background-color: #141316;
18692
- color: #7b7b7b;
19750
+ background-color: #000;
19751
+ color: #666666;
18693
19752
  }
18694
19753
  .dark-Table-table > tbody > tr.bg-black.lt, .dark-Table-table > tbody > tr.bg-black .lt {
18695
- background: #212023;
19754
+ background: #0d0d0d;
18696
19755
  }
18697
19756
  .dark-Table-table > tbody > tr.bg-black.lter, .dark-Table-table > tbody > tr.bg-black .lter {
18698
- background: #2e2d2f;
19757
+ background: #1a1a1a;
18699
19758
  }
18700
19759
  .dark-Table-table > tbody > tr.bg-black.dk, .dark-Table-table > tbody > tr.bg-black .dk {
18701
- background: #070709;
19760
+ background: black;
18702
19761
  }
18703
19762
  .dark-Table-table > tbody > tr.bg-black.dker, .dark-Table-table > tbody > tr.bg-black .dker {
18704
19763
  background: black;
18705
19764
  }
18706
19765
  .dark-Table-table > tbody > tr.bg-black.bg, .dark-Table-table > tbody > tr.bg-black .bg {
18707
- background-color: #141316;
19766
+ background-color: #000;
18708
19767
  }
18709
19768
  .dark-Table-table > tbody > tr.bg-black a, .dark-Table-table > tbody > tr.bg-black .dark-Button--link {
18710
- color: #949494;
19769
+ color: gray;
18711
19770
  }
18712
19771
  .dark-Table-table > tbody > tr.bg-black a:hover, .dark-Table-table > tbody > tr.bg-black .dark-Button--link:hover {
18713
19772
  color: #fff;
@@ -18716,29 +19775,29 @@ input[type=button].dark-Button--block {
18716
19775
  color: #fff;
18717
19776
  }
18718
19777
  .dark-Table-table > tbody > tr.bg-black .text-muted {
18719
- color: #dbd6d6 !important;
19778
+ color: #414c52 !important;
18720
19779
  }
18721
19780
  .dark-Table-table > tbody > tr.bg-black .text-lt {
18722
- color: white !important;
19781
+ color: #99a6ad !important;
18723
19782
  }
18724
19783
  .dark-Table-table > tbody > tr.bg-primary {
18725
- background-color: #0983ff;
18726
- color: #d7eafd;
19784
+ background-color: #007bff;
19785
+ color: #cfe5fc;
18727
19786
  }
18728
19787
  .dark-Table-table > tbody > tr.bg-primary.lt, .dark-Table-table > tbody > tr.bg-primary .lt {
18729
- background: #2590fc;
19788
+ background: #1c88fc;
18730
19789
  }
18731
19790
  .dark-Table-table > tbody > tr.bg-primary.lter, .dark-Table-table > tbody > tr.bg-primary .lter {
18732
- background: #419dfa;
19791
+ background: #3896fa;
18733
19792
  }
18734
19793
  .dark-Table-table > tbody > tr.bg-primary.dk, .dark-Table-table > tbody > tr.bg-primary .dk {
18735
- background: #0076ef;
19794
+ background: #006fe6;
18736
19795
  }
18737
19796
  .dark-Table-table > tbody > tr.bg-primary.dker, .dark-Table-table > tbody > tr.bg-primary .dker {
18738
- background: #006ad5;
19797
+ background: #0062cc;
18739
19798
  }
18740
19799
  .dark-Table-table > tbody > tr.bg-primary.bg, .dark-Table-table > tbody > tr.bg-primary .bg {
18741
- background-color: #0983ff;
19800
+ background-color: #007bff;
18742
19801
  }
18743
19802
  .dark-Table-table > tbody > tr.bg-primary a, .dark-Table-table > tbody > tr.bg-primary .dark-Button--link {
18744
19803
  color: white;
@@ -18750,32 +19809,32 @@ input[type=button].dark-Button--block {
18750
19809
  color: #fff;
18751
19810
  }
18752
19811
  .dark-Table-table > tbody > tr.bg-primary .text-muted {
18753
- color: #dbd6d6 !important;
19812
+ color: #414c52 !important;
18754
19813
  }
18755
19814
  .dark-Table-table > tbody > tr.bg-primary .text-lt {
18756
- color: white !important;
19815
+ color: #99a6ad !important;
18757
19816
  }
18758
19817
  .dark-Table-table > tbody > tr.bg-success {
18759
- background-color: #32d74b;
18760
- color: #dff6e2;
19818
+ background-color: #28a745;
19819
+ color: #b4e7c0;
18761
19820
  }
18762
19821
  .dark-Table-table > tbody > tr.bg-success.lt, .dark-Table-table > tbody > tr.bg-success .lt {
18763
- background: #4ad860;
19822
+ background: #30b94f;
18764
19823
  }
18765
19824
  .dark-Table-table > tbody > tr.bg-success.lter, .dark-Table-table > tbody > tr.bg-success .lter {
18766
- background: #62da74;
19825
+ background: #3ac85a;
18767
19826
  }
18768
19827
  .dark-Table-table > tbody > tr.bg-success.dk, .dark-Table-table > tbody > tr.bg-success .dk {
18769
- background: #24cb3d;
19828
+ background: #21953b;
18770
19829
  }
18771
19830
  .dark-Table-table > tbody > tr.bg-success.dker, .dark-Table-table > tbody > tr.bg-success .dker {
18772
- background: #1eb835;
19831
+ background: #1a8232;
18773
19832
  }
18774
19833
  .dark-Table-table > tbody > tr.bg-success.bg, .dark-Table-table > tbody > tr.bg-success .bg {
18775
- background-color: #32d74b;
19834
+ background-color: #28a745;
18776
19835
  }
18777
19836
  .dark-Table-table > tbody > tr.bg-success a, .dark-Table-table > tbody > tr.bg-success .dark-Button--link {
18778
- color: white;
19837
+ color: #dbf3e0;
18779
19838
  }
18780
19839
  .dark-Table-table > tbody > tr.bg-success a:hover, .dark-Table-table > tbody > tr.bg-success .dark-Button--link:hover {
18781
19840
  color: #fff;
@@ -18784,29 +19843,29 @@ input[type=button].dark-Button--block {
18784
19843
  color: #fff;
18785
19844
  }
18786
19845
  .dark-Table-table > tbody > tr.bg-success .text-muted {
18787
- color: #dbd6d6 !important;
19846
+ color: #414c52 !important;
18788
19847
  }
18789
19848
  .dark-Table-table > tbody > tr.bg-success .text-lt {
18790
- color: white !important;
19849
+ color: #99a6ad !important;
18791
19850
  }
18792
19851
  .dark-Table-table > tbody > tr.bg-info {
18793
- background-color: #2296f3;
18794
- color: #e5f2fc;
19852
+ background-color: #007bff;
19853
+ color: #cfe5fc;
18795
19854
  }
18796
19855
  .dark-Table-table > tbody > tr.bg-info.lt, .dark-Table-table > tbody > tr.bg-info .lt {
18797
- background: #3da1f2;
19856
+ background: #1c88fc;
18798
19857
  }
18799
19858
  .dark-Table-table > tbody > tr.bg-info.lter, .dark-Table-table > tbody > tr.bg-info .lter {
18800
- background: #57acf1;
19859
+ background: #3896fa;
18801
19860
  }
18802
19861
  .dark-Table-table > tbody > tr.bg-info.dk, .dark-Table-table > tbody > tr.bg-info .dk {
18803
- background: #0a8bf2;
19862
+ background: #006fe6;
18804
19863
  }
18805
19864
  .dark-Table-table > tbody > tr.bg-info.dker, .dark-Table-table > tbody > tr.bg-info .dker {
18806
- background: #067ddc;
19865
+ background: #0062cc;
18807
19866
  }
18808
19867
  .dark-Table-table > tbody > tr.bg-info.bg, .dark-Table-table > tbody > tr.bg-info .bg {
18809
- background-color: #2296f3;
19868
+ background-color: #007bff;
18810
19869
  }
18811
19870
  .dark-Table-table > tbody > tr.bg-info a, .dark-Table-table > tbody > tr.bg-info .dark-Button--link {
18812
19871
  color: white;
@@ -18818,29 +19877,29 @@ input[type=button].dark-Button--block {
18818
19877
  color: #fff;
18819
19878
  }
18820
19879
  .dark-Table-table > tbody > tr.bg-info .text-muted {
18821
- color: #dbd6d6 !important;
19880
+ color: #414c52 !important;
18822
19881
  }
18823
19882
  .dark-Table-table > tbody > tr.bg-info .text-lt {
18824
- color: white !important;
19883
+ color: #99a6ad !important;
18825
19884
  }
18826
19885
  .dark-Table-table > tbody > tr.bg-warning {
18827
- background-color: #ff9f0b;
18828
- color: #fdefd9;
19886
+ background-color: #fad733;
19887
+ color: #fffefa;
18829
19888
  }
18830
19889
  .dark-Table-table > tbody > tr.bg-warning.lt, .dark-Table-table > tbody > tr.bg-warning .lt {
18831
- background: #fca827;
19890
+ background: #f8da4e;
18832
19891
  }
18833
19892
  .dark-Table-table > tbody > tr.bg-warning.lter, .dark-Table-table > tbody > tr.bg-warning .lter {
18834
- background: #fab243;
19893
+ background: #f7de69;
18835
19894
  }
18836
19895
  .dark-Table-table > tbody > tr.bg-warning.dk, .dark-Table-table > tbody > tr.bg-warning .dk {
18837
- background: #f19200;
19896
+ background: #fcd417;
18838
19897
  }
18839
19898
  .dark-Table-table > tbody > tr.bg-warning.dker, .dark-Table-table > tbody > tr.bg-warning .dker {
18840
- background: #d78200;
19899
+ background: #face00;
18841
19900
  }
18842
19901
  .dark-Table-table > tbody > tr.bg-warning.bg, .dark-Table-table > tbody > tr.bg-warning .bg {
18843
- background-color: #ff9f0b;
19902
+ background-color: #fad733;
18844
19903
  }
18845
19904
  .dark-Table-table > tbody > tr.bg-warning a, .dark-Table-table > tbody > tr.bg-warning .dark-Button--link {
18846
19905
  color: white;
@@ -18852,10 +19911,10 @@ input[type=button].dark-Button--block {
18852
19911
  color: #fff;
18853
19912
  }
18854
19913
  .dark-Table-table > tbody > tr.bg-warning .text-muted {
18855
- color: #dbd6d6 !important;
19914
+ color: #414c52 !important;
18856
19915
  }
18857
19916
  .dark-Table-table > tbody > tr.bg-warning .text-lt {
18858
- color: white !important;
19917
+ color: #99a6ad !important;
18859
19918
  }
18860
19919
  .dark-Table-table > tbody > tr.bg-danger {
18861
19920
  background-color: #dc3545;
@@ -18886,10 +19945,10 @@ input[type=button].dark-Button--block {
18886
19945
  color: #fff;
18887
19946
  }
18888
19947
  .dark-Table-table > tbody > tr.bg-danger .text-muted {
18889
- color: #dbd6d6 !important;
19948
+ color: #414c52 !important;
18890
19949
  }
18891
19950
  .dark-Table-table > tbody > tr.bg-danger .text-lt {
18892
- color: white !important;
19951
+ color: #99a6ad !important;
18893
19952
  }
18894
19953
  .dark-Table-table > tbody > tr.is-dragging {
18895
19954
  opacity: var(--Table-onDragging-opacity);
@@ -19640,8 +20699,8 @@ input[type=button].dark-Button--block {
19640
20699
  justify-content: space-between;
19641
20700
  }
19642
20701
  .dark-InputTable-toolbar .dark-Button {
19643
- border: none;
19644
- color: var(--Button--link-color);
20702
+ border-color: transparent;
20703
+ color: var(--button-link-default-font-color);
19645
20704
  }
19646
20705
  .dark-InputTable-pager {
19647
20706
  margin-left: auto;
@@ -19885,45 +20944,45 @@ input[type=button].dark-Button--block {
19885
20944
  font-weight: var(--fontWeightNormal);
19886
20945
  }
19887
20946
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light {
19888
- background-color: #3a3a3a;
19889
- color: #f3f1f1;
20947
+ background-color: #f8f9fa;
20948
+ color: #58666e;
19890
20949
  }
19891
20950
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-light .lt {
19892
- background: #3f3f3f;
20951
+ background: #fefefe;
19893
20952
  }
19894
20953
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-light .lter {
19895
- background: #424242;
20954
+ background: white;
19896
20955
  }
19897
20956
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-light .dk {
19898
- background: #343131;
20957
+ background: #eff1f4;
19899
20958
  }
19900
20959
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-light .dker {
19901
- background: #302b2b;
20960
+ background: #e8ecf0;
19902
20961
  }
19903
20962
  .dark-Table2 .dark-Table-table > tbody > tr.bg-light.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-light .bg {
19904
- background-color: #3a3a3a;
20963
+ background-color: #f8f9fa;
19905
20964
  }
19906
20965
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark {
19907
- background-color: #1e1f22;
19908
- color: #868686;
20966
+ background-color: #343a40;
20967
+ color: #a0a0a0;
19909
20968
  }
19910
20969
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .lt {
19911
- background: #2b2c2e;
20970
+ background: #41474c;
19912
20971
  }
19913
20972
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .lter {
19914
- background: #39393a;
20973
+ background: #4f5458;
19915
20974
  }
19916
20975
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .dk {
19917
- background: #121215;
20976
+ background: #272d33;
19918
20977
  }
19919
20978
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .dker {
19920
- background: #060607;
20979
+ background: #1c2125;
19921
20980
  }
19922
20981
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .bg {
19923
- background-color: #1e1f22;
20982
+ background-color: #343a40;
19924
20983
  }
19925
20984
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark a, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .dark-Button--link {
19926
- color: #a0a0a0;
20985
+ color: #b9baba;
19927
20986
  }
19928
20987
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark a:hover, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .dark-Button--link:hover {
19929
20988
  color: #fff;
@@ -19932,32 +20991,32 @@ input[type=button].dark-Button--block {
19932
20991
  color: #fff;
19933
20992
  }
19934
20993
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .text-muted {
19935
- color: #dbd6d6 !important;
20994
+ color: #414c52 !important;
19936
20995
  }
19937
20996
  .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .text-lt {
19938
- color: white !important;
20997
+ color: #99a6ad !important;
19939
20998
  }
19940
20999
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black {
19941
- background-color: #141316;
19942
- color: #7b7b7b;
21000
+ background-color: #000;
21001
+ color: #666666;
19943
21002
  }
19944
21003
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .lt {
19945
- background: #212023;
21004
+ background: #0d0d0d;
19946
21005
  }
19947
21006
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .lter {
19948
- background: #2e2d2f;
21007
+ background: #1a1a1a;
19949
21008
  }
19950
21009
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .dk {
19951
- background: #070709;
21010
+ background: black;
19952
21011
  }
19953
21012
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .dker {
19954
21013
  background: black;
19955
21014
  }
19956
21015
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .bg {
19957
- background-color: #141316;
21016
+ background-color: #000;
19958
21017
  }
19959
21018
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black a, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .dark-Button--link {
19960
- color: #949494;
21019
+ color: gray;
19961
21020
  }
19962
21021
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black a:hover, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .dark-Button--link:hover {
19963
21022
  color: #fff;
@@ -19966,29 +21025,29 @@ input[type=button].dark-Button--block {
19966
21025
  color: #fff;
19967
21026
  }
19968
21027
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black .text-muted {
19969
- color: #dbd6d6 !important;
21028
+ color: #414c52 !important;
19970
21029
  }
19971
21030
  .dark-Table2 .dark-Table-table > tbody > tr.bg-black .text-lt {
19972
- color: white !important;
21031
+ color: #99a6ad !important;
19973
21032
  }
19974
21033
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary {
19975
- background-color: #0983ff;
19976
- color: #d7eafd;
21034
+ background-color: #007bff;
21035
+ color: #cfe5fc;
19977
21036
  }
19978
21037
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .lt {
19979
- background: #2590fc;
21038
+ background: #1c88fc;
19980
21039
  }
19981
21040
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .lter {
19982
- background: #419dfa;
21041
+ background: #3896fa;
19983
21042
  }
19984
21043
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .dk {
19985
- background: #0076ef;
21044
+ background: #006fe6;
19986
21045
  }
19987
21046
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .dker {
19988
- background: #006ad5;
21047
+ background: #0062cc;
19989
21048
  }
19990
21049
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .bg {
19991
- background-color: #0983ff;
21050
+ background-color: #007bff;
19992
21051
  }
19993
21052
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary a, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .dark-Button--link {
19994
21053
  color: white;
@@ -20000,32 +21059,32 @@ input[type=button].dark-Button--block {
20000
21059
  color: #fff;
20001
21060
  }
20002
21061
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .text-muted {
20003
- color: #dbd6d6 !important;
21062
+ color: #414c52 !important;
20004
21063
  }
20005
21064
  .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .text-lt {
20006
- color: white !important;
21065
+ color: #99a6ad !important;
20007
21066
  }
20008
21067
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success {
20009
- background-color: #32d74b;
20010
- color: #dff6e2;
21068
+ background-color: #28a745;
21069
+ color: #b4e7c0;
20011
21070
  }
20012
21071
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .lt {
20013
- background: #4ad860;
21072
+ background: #30b94f;
20014
21073
  }
20015
21074
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .lter {
20016
- background: #62da74;
21075
+ background: #3ac85a;
20017
21076
  }
20018
21077
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .dk {
20019
- background: #24cb3d;
21078
+ background: #21953b;
20020
21079
  }
20021
21080
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .dker {
20022
- background: #1eb835;
21081
+ background: #1a8232;
20023
21082
  }
20024
21083
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .bg {
20025
- background-color: #32d74b;
21084
+ background-color: #28a745;
20026
21085
  }
20027
21086
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success a, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .dark-Button--link {
20028
- color: white;
21087
+ color: #dbf3e0;
20029
21088
  }
20030
21089
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success a:hover, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .dark-Button--link:hover {
20031
21090
  color: #fff;
@@ -20034,29 +21093,29 @@ input[type=button].dark-Button--block {
20034
21093
  color: #fff;
20035
21094
  }
20036
21095
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success .text-muted {
20037
- color: #dbd6d6 !important;
21096
+ color: #414c52 !important;
20038
21097
  }
20039
21098
  .dark-Table2 .dark-Table-table > tbody > tr.bg-success .text-lt {
20040
- color: white !important;
21099
+ color: #99a6ad !important;
20041
21100
  }
20042
21101
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info {
20043
- background-color: #2296f3;
20044
- color: #e5f2fc;
21102
+ background-color: #007bff;
21103
+ color: #cfe5fc;
20045
21104
  }
20046
21105
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .lt {
20047
- background: #3da1f2;
21106
+ background: #1c88fc;
20048
21107
  }
20049
21108
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .lter {
20050
- background: #57acf1;
21109
+ background: #3896fa;
20051
21110
  }
20052
21111
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .dk {
20053
- background: #0a8bf2;
21112
+ background: #006fe6;
20054
21113
  }
20055
21114
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .dker {
20056
- background: #067ddc;
21115
+ background: #0062cc;
20057
21116
  }
20058
21117
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .bg {
20059
- background-color: #2296f3;
21118
+ background-color: #007bff;
20060
21119
  }
20061
21120
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info a, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .dark-Button--link {
20062
21121
  color: white;
@@ -20068,29 +21127,29 @@ input[type=button].dark-Button--block {
20068
21127
  color: #fff;
20069
21128
  }
20070
21129
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info .text-muted {
20071
- color: #dbd6d6 !important;
21130
+ color: #414c52 !important;
20072
21131
  }
20073
21132
  .dark-Table2 .dark-Table-table > tbody > tr.bg-info .text-lt {
20074
- color: white !important;
21133
+ color: #99a6ad !important;
20075
21134
  }
20076
21135
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning {
20077
- background-color: #ff9f0b;
20078
- color: #fdefd9;
21136
+ background-color: #fad733;
21137
+ color: #fffefa;
20079
21138
  }
20080
21139
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .lt {
20081
- background: #fca827;
21140
+ background: #f8da4e;
20082
21141
  }
20083
21142
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .lter {
20084
- background: #fab243;
21143
+ background: #f7de69;
20085
21144
  }
20086
21145
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .dk {
20087
- background: #f19200;
21146
+ background: #fcd417;
20088
21147
  }
20089
21148
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.dker, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .dker {
20090
- background: #d78200;
21149
+ background: #face00;
20091
21150
  }
20092
21151
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.bg, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .bg {
20093
- background-color: #ff9f0b;
21152
+ background-color: #fad733;
20094
21153
  }
20095
21154
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning a, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .dark-Button--link {
20096
21155
  color: white;
@@ -20102,10 +21161,10 @@ input[type=button].dark-Button--block {
20102
21161
  color: #fff;
20103
21162
  }
20104
21163
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .text-muted {
20105
- color: #dbd6d6 !important;
21164
+ color: #414c52 !important;
20106
21165
  }
20107
21166
  .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .text-lt {
20108
- color: white !important;
21167
+ color: #99a6ad !important;
20109
21168
  }
20110
21169
  .dark-Table2 .dark-Table-table > tbody > tr.bg-danger {
20111
21170
  background-color: #dc3545;
@@ -20136,10 +21195,10 @@ input[type=button].dark-Button--block {
20136
21195
  color: #fff;
20137
21196
  }
20138
21197
  .dark-Table2 .dark-Table-table > tbody > tr.bg-danger .text-muted {
20139
- color: #dbd6d6 !important;
21198
+ color: #414c52 !important;
20140
21199
  }
20141
21200
  .dark-Table2 .dark-Table-table > tbody > tr.bg-danger .text-lt {
20142
- color: white !important;
21201
+ color: #99a6ad !important;
20143
21202
  }
20144
21203
  .dark-Table2 .dark-Table-table > tbody > tr.is-dragging {
20145
21204
  opacity: var(--Table-onDragging-opacity);
@@ -21623,6 +22682,7 @@ input[type=button].dark-Button--block {
21623
22682
  width: 100%;
21624
22683
  table-layout: fixed;
21625
22684
  white-space: nowrap;
22685
+ align-items: center;
21626
22686
  }
21627
22687
  .dark-Card-actions > a {
21628
22688
  background: transparent;
@@ -21653,7 +22713,7 @@ input[type=button].dark-Button--block {
21653
22713
  text-decoration: none;
21654
22714
  }
21655
22715
  .dark-Card-actions > a > .dark-Button-icon:first-child:not(:last-child) {
21656
- margin-right: var(--Button-icon-rightMargin);
22716
+ margin-right: var(--button-size-sm-icon-margin);
21657
22717
  }
21658
22718
  .dark-Card.is-checked {
21659
22719
  background: var(--Card-onChecked-bg);
@@ -22796,7 +23856,6 @@ input[type=button].dark-Button--block {
22796
23856
  }
22797
23857
  .dark-Image-thumbWrap {
22798
23858
  position: relative;
22799
- height: 100%;
22800
23859
  }
22801
23860
  .dark-Image-image {
22802
23861
  display: block;
@@ -22846,7 +23905,6 @@ input[type=button].dark-Button--block {
22846
23905
  }
22847
23906
  .dark-Image-thumb--fixed-size .dark-Image-thumb {
22848
23907
  width: 100%;
22849
- height: 100%;
22850
23908
  }
22851
23909
  .dark-Image-thumb--fixed-size .dark-Image-thumb > img {
22852
23910
  width: auto;
@@ -25805,6 +26863,7 @@ input.dark-TextControl-input-password {
25805
26863
  }
25806
26864
  .dark-GroupedSelection {
25807
26865
  max-height: 18.75rem;
26866
+ height: 100%;
25808
26867
  overflow: auto;
25809
26868
  -webkit-user-select: none;
25810
26869
  -moz-user-select: none;
@@ -25853,6 +26912,9 @@ input.dark-TextControl-input-password {
25853
26912
  vertical-align: middle;
25854
26913
  white-space: nowrap;
25855
26914
  }
26915
+ .dark-GroupedSelection-itemLabel span.is-invalid {
26916
+ color: var(--Form-selectValue-onInvalid-color);
26917
+ }
25856
26918
  .dark-GroupedSelection-placeholder {
25857
26919
  height: var(--Form-input-height);
25858
26920
  line-height: var(--Form-input-lineHeight);
@@ -25864,9 +26926,22 @@ input.dark-TextControl-input-password {
25864
26926
  align-items: center;
25865
26927
  justify-content: center;
25866
26928
  }
26929
+ .dark-TableSelection {
26930
+ position: relative;
26931
+ height: 100%;
26932
+ }
25867
26933
  .dark-TableSelection .dark-Table-content {
25868
26934
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
25869
26935
  }
26936
+ .dark-TableSelection .dark-Table-content.is-virtual {
26937
+ height: 100%;
26938
+ display: flex;
26939
+ flex-direction: column;
26940
+ }
26941
+ .dark-TableSelection .dark-Table-content.is-virtual .dark-Table-content-virtual {
26942
+ flex: 1;
26943
+ position: relative;
26944
+ }
25870
26945
  .dark-TableSelection .dark-Table-table > tbody > tr {
25871
26946
  cursor: pointer;
25872
26947
  }
@@ -25966,6 +27041,7 @@ input.dark-TextControl-input-password {
25966
27041
  min-height: 100%;
25967
27042
  }
25968
27043
  .dark-ChainedSelection-col {
27044
+ position: relative;
25969
27045
  flex-grow: 1;
25970
27046
  min-width: 150px;
25971
27047
  }
@@ -26009,6 +27085,9 @@ input.dark-TextControl-input-password {
26009
27085
  margin-left: 0.625rem;
26010
27086
  vertical-align: middle;
26011
27087
  }
27088
+ .dark-ChainedSelection-itemLabel span.is-invalid {
27089
+ color: var(--Form-selectValue-onInvalid-color);
27090
+ }
26012
27091
  .dark-ChainedSelection-placeholder {
26013
27092
  height: var(--Form-input-height);
26014
27093
  line-height: var(--Form-input-lineHeight);
@@ -26021,12 +27100,17 @@ input.dark-TextControl-input-password {
26021
27100
  flex-direction: row;
26022
27101
  }
26023
27102
  .dark-AssociatedSelection-left, .dark-AssociatedSelection-right {
27103
+ position: relative;
26024
27104
  flex-grow: 1;
26025
27105
  width: 0;
26026
27106
  min-height: 12.5rem;
26027
27107
  max-height: 25rem;
26028
27108
  overflow: auto;
26029
27109
  }
27110
+ .dark-AssociatedSelection-left > .dark-GroupedSelection, .dark-AssociatedSelection-right > .dark-GroupedSelection {
27111
+ padding: 0;
27112
+ max-height: 100%;
27113
+ }
26030
27114
  .dark-AssociatedSelection-left {
26031
27115
  border-right: 1px solid var(--borderColor);
26032
27116
  }
@@ -26286,7 +27370,7 @@ input.dark-TextControl-input-password {
26286
27370
  display: inline-block;
26287
27371
  vertical-align: middle;
26288
27372
  background: var(--Number-bg);
26289
- border: var(--Number-borderWidth) solid var(--Number-borderColor);
27373
+ border: var(--Number-borderWidth) solid var(--Form-input-borderColor);
26290
27374
  border-radius: var(--Number-borderRadius);
26291
27375
  overflow: hidden;
26292
27376
  }
@@ -26298,9 +27382,6 @@ input.dark-TextControl-input-password {
26298
27382
  .dark-Number--borderNone {
26299
27383
  border-color: transparent !important;
26300
27384
  }
26301
- .dark-Number.no-steps > .dark-Number-handler-wrap {
26302
- display: none;
26303
- }
26304
27385
  .dark-Number-focused {
26305
27386
  border-color: var(--Form-input-onFocused-borderColor);
26306
27387
  box-shadow: var(--Form-input-boxShadow);
@@ -26326,6 +27407,9 @@ input.dark-TextControl-input-password {
26326
27407
  .dark-Number:hover .dark-Number-handler-wrap {
26327
27408
  display: block;
26328
27409
  }
27410
+ .dark-Number.no-steps > .dark-Number-handler-wrap {
27411
+ display: none;
27412
+ }
26329
27413
  .dark-Number-disabled:hover {
26330
27414
  border-color: var(--Form-input-onDisabled-borderColor);
26331
27415
  }
@@ -26348,6 +27432,17 @@ input.dark-TextControl-input-password {
26348
27432
  color: var(--Form-input-color);
26349
27433
  padding: 0 var(--Form-inputNumber-paddingX);
26350
27434
  }
27435
+ .dark-Number-input::-moz-placeholder {
27436
+ color: var(--Form-input-placeholderColor);
27437
+ -moz-user-select: none;
27438
+ user-select: none;
27439
+ }
27440
+ .dark-Number-input::placeholder {
27441
+ color: var(--Form-input-placeholderColor);
27442
+ -webkit-user-select: none;
27443
+ -moz-user-select: none;
27444
+ user-select: none;
27445
+ }
26351
27446
  .dark-Number-handler {
26352
27447
  background: var(--Number-handler-bg);
26353
27448
  color: var(--Number-handler-color);
@@ -27048,6 +28143,9 @@ input.dark-TextControl-input-password {
27048
28143
  flex-basis: 3.125rem;
27049
28144
  flex-grow: 1;
27050
28145
  }
28146
+ .dark-Selections-item > label.is-invalid {
28147
+ color: var(--Form-selectValue-onInvalid-color);
28148
+ }
27051
28149
  .dark-Selections-item > .dark-Selections-dragbar {
27052
28150
  top: 0;
27053
28151
  width: var(--gap-lg);
@@ -27498,6 +28596,9 @@ input.dark-TextControl-input-password {
27498
28596
  border-color: var(--DatePicker-onFocused-borderColor);
27499
28597
  box-shadow: var(--Form-input-boxShadow);
27500
28598
  }
28599
+ .dark-DatePicker .dark-DatePicker-input {
28600
+ font-size: var(--fonts-size-7);
28601
+ }
27501
28602
  .dark-DatePicker.is-disabled {
27502
28603
  background: #e5e7eb;
27503
28604
  }
@@ -27935,9 +29036,6 @@ input.dark-TextControl-input-password {
27935
29036
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
27936
29037
  box-shadow: var(--button-default-disabled-shadow);
27937
29038
  }
27938
- .rdtBtn:hover:focus {
27939
- box-shadow: var(--Button-boxShadow);
27940
- }
27941
29039
  .rdtBtn + .rdtBtn {
27942
29040
  margin-left: var(--gap-xs);
27943
29041
  }
@@ -27973,9 +29071,6 @@ input.dark-TextControl-input-password {
27973
29071
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
27974
29072
  box-shadow: var(--button-default-disabled-shadow);
27975
29073
  }
27976
- .rdtBtnCancel:hover:focus {
27977
- box-shadow: var(--Button-boxShadow);
27978
- }
27979
29074
  .rdtBtnPrev:before,
27980
29075
  .rdtBtnNext:before {
27981
29076
  display: inline-block;
@@ -28163,6 +29258,7 @@ td.rdtQuarter.rdtDisabled:hover {
28163
29258
  flex: 1;
28164
29259
  width: 50%;
28165
29260
  line-height: 1.875rem;
29261
+ font-size: var(--fonts-size-7);
28166
29262
  }
28167
29263
  .dark-DateRangePicker .dark-DateRangePicker-input::-moz-placeholder {
28168
29264
  color: var(--colors-neutral-text-6);
@@ -28404,9 +29500,6 @@ td.rdtQuarter.rdtDisabled:hover {
28404
29500
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
28405
29501
  box-shadow: var(--button-default-disabled-shadow);
28406
29502
  }
28407
- .dark-ImageControl-addBtn:hover:focus {
28408
- box-shadow: var(--Button-boxShadow);
28409
- }
28410
29503
  .dark-ImageControl-addBtn > svg {
28411
29504
  width: 1.5rem;
28412
29505
  height: 1.5rem;
@@ -28618,6 +29711,7 @@ td.rdtQuarter.rdtDisabled:hover {
28618
29711
  margin-right: 4px !important;
28619
29712
  width: 1rem;
28620
29713
  height: 1rem;
29714
+ top: 0;
28621
29715
  }
28622
29716
  .dark-FileControl-selectBtn > span {
28623
29717
  font-size: var(--fontSizeSm);
@@ -29307,7 +30401,7 @@ td.rdtQuarter.rdtDisabled:hover {
29307
30401
  .dark-Tree.is-draggable {
29308
30402
  position: relative;
29309
30403
  }
29310
- .dark-Tree--outline .dark-Tree-sublist .dark-Tree-item--isLeaf:before {
30404
+ .dark-Tree--outline .dark-Tree-item--isLeaf:before {
29311
30405
  position: absolute;
29312
30406
  top: -8px;
29313
30407
  left: calc((var(--Tree-indent) - 5px) * -1);
@@ -29712,6 +30806,7 @@ td.rdtQuarter.rdtDisabled:hover {
29712
30806
  .dark-Combo-addBtn > svg {
29713
30807
  width: var(--Combo-addBtn-fontSize);
29714
30808
  height: var(--Combo-addBtn-fontSize);
30809
+ top: 0;
29715
30810
  }
29716
30811
  .dark-Combo-addBtn .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
29717
30812
  .dark-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
@@ -29763,9 +30858,6 @@ td.rdtQuarter.rdtDisabled:hover {
29763
30858
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
29764
30859
  box-shadow: var(--button-default-disabled-shadow);
29765
30860
  }
29766
- .dark-Combo-addBtn:hover:focus {
29767
- box-shadow: var(--Button-boxShadow);
29768
- }
29769
30861
  .dark-Combo-addBtn.is-disabled {
29770
30862
  pointer-events: none;
29771
30863
  opacity: var(--Button-onDisabled-opacity);
@@ -30040,7 +31132,7 @@ td.rdtQuarter.rdtDisabled:hover {
30040
31132
  width: auto;
30041
31133
  min-width: auto;
30042
31134
  font-weight: var(--fontWeightNormal);
30043
- color: var(--Button--link-color);
31135
+ color: var(--button-link-default-font-color);
30044
31136
  -webkit-text-decoration: var(--link-decoration);
30045
31137
  text-decoration: var(--link-decoration);
30046
31138
  border: none;
@@ -30401,9 +31493,6 @@ td.rdtQuarter.rdtDisabled:hover {
30401
31493
  border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
30402
31494
  box-shadow: var(--button-default-disabled-shadow);
30403
31495
  }
30404
- .dark-TagControl-sugItem:hover:focus {
30405
- box-shadow: var(--Button-boxShadow);
30406
- }
30407
31496
  .dark-TagControl-sugItem.is-disabled {
30408
31497
  pointer-events: none;
30409
31498
  opacity: var(--Button-onDisabled-opacity);
@@ -30500,13 +31589,14 @@ td.rdtQuarter.rdtDisabled:hover {
30500
31589
  align-items: center;
30501
31590
  background: var(--transfer-base-title-bg);
30502
31591
  color: var(--transfer-base-title-font-color);
30503
- line-height: var(--transfer-base-title-font-lineHeight);
30504
- font-size: var(--transfer-base-title-font-size);
30505
- font-weight: var(--transfer-base-title-font-weight);
31592
+ line-height: var(--transfer-base-title-lineHeight);
31593
+ font-size: var(--transfer-base-title-fontSize);
31594
+ font-weight: var(--transfer-base-title-fontWeight);
30506
31595
  font-family: var(--transfer-base-title-font-family);
30507
31596
  padding: var(--transfer-base-header-paddingTop) var(--transfer-base-header-paddingRight) var(--transfer-base-header-paddingBottom) var(--transfer-base-header-paddingLeft);
30508
31597
  margin: var(--transfer-base-header-marginTop) var(--transfer-base-header-marginRight) var(--transfer-base-header-marginBottom) var(--transfer-base-header-marginLeft);
30509
31598
  flex-direction: row;
31599
+ width: 100%;
30510
31600
  }
30511
31601
  .dark-Transfer-title--light {
30512
31602
  background: transparent;
@@ -30534,24 +31624,23 @@ td.rdtQuarter.rdtDisabled:hover {
30534
31624
  position: relative;
30535
31625
  padding: var(--transfer-base-body-paddingTop) var(--transfer-base-body-paddingRight) var(--transfer-base-body-paddingBottom) var(--transfer-base-body-paddingLeft);
30536
31626
  margin: var(--transfer-base-body-marginTop) var(--transfer-base-body-marginRight) var(--transfer-base-body-marginBottom) var(--transfer-base-body-marginLeft);
31627
+ width: 100%;
30537
31628
  }
30538
31629
  .dark-Transfer .dark-GroupedSelection-item,
30539
31630
  .dark-Transfer .dark-Selections-item {
30540
31631
  padding: var(--transfer-base-option-paddingTop) var(--transfer-base-option-paddingRight) var(--transfer-base-option-paddingBottom) var(--transfer-base-option-paddingLeft);
30541
31632
  margin: var(--transfer-base-option-marginTop) var(--transfer-base-option-marginRight) var(--transfer-base-option-marginBottom) var(--transfer-base-option-marginLeft);
30542
- line-height: var(--transfer-base-content-font-lineHeight);
30543
- font-size: var(--transfer-base-content-font-size);
30544
- font-weight: var(--transfer-base-content-font-weight);
30545
- font-family: var(--transfer-base-content-font-family);
31633
+ line-height: var(--transfer-base-content-lineHeight);
31634
+ font-size: var(--transfer-base-content-fontSize);
31635
+ font-weight: var(--transfer-base-content-fontWeight);
30546
31636
  color: var(--transfer-base-content-font-color);
30547
31637
  }
30548
31638
  .dark-Transfer .dark-ChainedSelection-item {
30549
31639
  padding: var(--transfer-chained-paddingTop) var(--transfer-chained-paddingRight) var(--transfer-chained-paddingBottom) var(--transfer-chained-paddingLeft);
30550
31640
  margin: var(--transfer-chained-marginTop) var(--transfer-chained-marginRight) var(--transfer-chained-marginBottom) var(--transfer-chained-marginLeft);
30551
- line-height: var(--transfer-base-content-font-lineHeight);
30552
- font-size: var(--transfer-base-content-font-size);
30553
- font-weight: var(--transfer-base-content-font-weight);
30554
- font-family: var(--transfer-base-content-font-family);
31641
+ line-height: var(--transfer-base-content-lineHeight);
31642
+ font-size: var(--transfer-base-content-fontSize);
31643
+ font-weight: var(--transfer-base-content-fontWeight);
30555
31644
  color: var(--transfer-base-content-font-color);
30556
31645
  }
30557
31646
  .dark-Transfer .dark-GroupedSelection-group > .dark-GroupedSelection-itemLabel {
@@ -30609,15 +31698,18 @@ td.rdtQuarter.rdtDisabled:hover {
30609
31698
  line-height: unset;
30610
31699
  top: unset;
30611
31700
  }
31701
+ .dark-Transfer-selection.dark-Tree .dark-Tree-itemLabel-item > .dark-Tree-itemText > span.is-invalid, .dark-Transfer-selection.dark-AssociatedSelection .dark-Tree-itemLabel-item > .dark-Tree-itemText > span.is-invalid {
31702
+ color: var(--Form-selectValue-onInvalid-color);
31703
+ }
30612
31704
  .dark-Transfer-search {
30613
31705
  padding: var(--transfer-search-paddingTop) var(--transfer-search-paddingRight) var(--transfer-search-paddingBottom) var(--transfer-search-paddingLeft);
30614
31706
  margin: var(--transfer-search-marginTop) var(--transfer-search-marginRight) var(--transfer-search-marginBottom) var(--transfer-search-marginLeft);
31707
+ width: 100%;
30615
31708
  }
30616
31709
  .dark-Transfer-search .dark-InputBox {
30617
- font-size: var(--transfer-search-font-size);
30618
- font-weight: var(--transfer-search-font-weight);
30619
- line-height: var(--transfer-search-font-lineHeight);
30620
- font-family: var(--transfer-search-font-family);
31710
+ font-size: var(--transfer-search-fontSize);
31711
+ font-weight: var(--transfer-search-fontWeight);
31712
+ line-height: var(--transfer-search-lineHeight);
30621
31713
  color: var(--transfer-search-font-color);
30622
31714
  border-width: var(--transfer-search-top-border-width) var(--transfer-search-right-border-width) var(--transfer-search-bottom-border-width) var(--transfer-search-left-border-width);
30623
31715
  border-style: var(--transfer-search-top-border-style) var(--transfer-search-right-border-style) var(--transfer-search-bottom-border-style) var(--transfer-search-left-border-style);
@@ -30635,11 +31727,10 @@ td.rdtQuarter.rdtDisabled:hover {
30635
31727
  }
30636
31728
  .dark-Transfer-search .dark-InputBox input {
30637
31729
  color: var(--transfer-search-font-color);
30638
- font-size: var(--transfer-search-font-size);
30639
- font-weight: var(--transfer-search-font-weight);
30640
- line-height: var(--transfer-search-font-lineHeight);
30641
- font-family: var(--transfer-search-font-family);
30642
- height: var(--transfer-search-font-lineHeight);
31730
+ font-size: var(--transfer-search-fontSize);
31731
+ font-weight: var(--transfer-search-fontWeight);
31732
+ line-height: var(--transfer-search-lineHeight);
31733
+ height: var(--transfer-search-lineHeight);
30643
31734
  }
30644
31735
  .dark-Transfer-search .dark-InputBox input::-moz-placeholder {
30645
31736
  color: var(--transfer-search-placeholder-font-color);
@@ -30697,30 +31788,29 @@ td.rdtQuarter.rdtDisabled:hover {
30697
31788
  background: var(--transfer-tree-bg-active-color);
30698
31789
  }
30699
31790
  .dark-Transfer .dark-Tree-itemText {
30700
- line-height: var(--transfer-base-content-font-lineHeight);
30701
- font-size: var(--transfer-base-content-font-size);
30702
- font-weight: var(--transfer-base-content-font-weight);
30703
- font-family: var(--transfer-base-content-font-family);
31791
+ line-height: var(--transfer-base-content-lineHeight);
31792
+ font-size: var(--transfer-base-content-fontSize);
31793
+ font-weight: var(--transfer-base-content-fontWeight);
30704
31794
  color: var(--transfer-base-content-font-color);
30705
31795
  }
30706
31796
  .dark-Transfer .dark-Table-content .dark-Table-table > thead > tr > th {
30707
31797
  padding: var(--transfer-table-header-paddingTop) var(--transfer-table-header-paddingRight) var(--transfer-table-header-paddingBottom) var(--transfer-table-header-paddingLeft);
30708
31798
  background: var(--transfer-base-title-bg);
30709
31799
  color: var(--transfer-base-title-font-color);
30710
- line-height: var(--transfer-base-title-font-lineHeight);
30711
- font-size: var(--transfer-base-title-font-size);
30712
- font-weight: var(--transfer-base-title-font-weight);
30713
- font-family: var(--transfer-base-title-font-family);
31800
+ line-height: var(--transfer-base-title-lineHeight);
31801
+ font-size: var(--transfer-base-content-fontSize);
30714
31802
  }
30715
31803
  .dark-Transfer .dark-Table-content .dark-Table-table > thead > tr > th:last-child {
30716
31804
  padding-right: var(--transfer-table-last-paddingRight);
30717
31805
  }
30718
31806
  .dark-Transfer .dark-Table-content .dark-Table-table > tbody > tr > td {
30719
31807
  padding: var(--transfer-table-option-paddingTop) var(--transfer-table-option-paddingRight) var(--transfer-table-option-paddingBottom) var(--transfer-table-option-paddingLeft);
30720
- line-height: var(--transfer-base-content-font-lineHeight);
30721
- font-size: var(--transfer-base-content-font-size);
30722
- font-weight: var(--transfer-base-content-font-weight);
30723
- font-family: var(--transfer-base-content-font-family);
31808
+ line-height: var(--transfer-base-content-lineHeight);
31809
+ font-size: var(--transfer-base-content-fontSize);
31810
+ font-weight: var(--transfer-base-content-fontWeight);
31811
+ }
31812
+ .dark-Transfer .dark-Table-content .dark-Table-table > tbody > tr > td > span.is-invalid {
31813
+ color: var(--Form-selectValue-onInvalid-color);
30724
31814
  }
30725
31815
  .dark-Transfer .dark-Table-content .dark-Table-table > tbody > tr > td:last-child {
30726
31816
  padding-right: var(--transfer-table-last-paddingRight);
@@ -30737,6 +31827,9 @@ td.rdtQuarter.rdtDisabled:hover {
30737
31827
  padding-top: 0.5rem;
30738
31828
  background-color: var(--TabsTransfer-title-bg);
30739
31829
  }
31830
+ .dark-TabsTransfer .dark-Tree.dark-Transfer-checkboxes {
31831
+ width: 100%;
31832
+ }
30740
31833
  .dark-TabsTransfer-search {
30741
31834
  margin: var(--gap-sm) var(--gap-sm);
30742
31835
  }