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/ang.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: #3a3f51;
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(35, 183, 229, 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: #d9f3fb;
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: #f0fafd;
603
- --Form-selectValue-onHover-bg: #c2ecf9;
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(35, 183, 229, 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: #3a3f51;
716
- --Layout-aside-color: #a6a8b1;
717
- --Layout-aside-onAcitve-bg: #2e3344;
718
- --Layout-aside-onHover-bg: #32374a;
719
- --Layout-aside-subList-bg: #242734;
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: #8b8e99;
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: #eaebed;
741
- --Layout-brandBar-color: #a6a8b1;
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;
742
+ --Layout-nav--folded-height: var(--sizes-base-21);
750
743
  --Layout-nav-height: 2.5rem;
751
- --Layout-nav-height: 2.5rem;
752
- --Layout-nav-lgHeight: 3.125rem;
753
744
  --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: #e5eaeb;
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(35, 183, 229, 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,6 +1493,1131 @@
1505
1493
  --IconSelect-type-li-height: 2rem;
1506
1494
  --IconSelect-type-li-padding: var(--gap-md);
1507
1495
  }
1496
+ @media (max-width: 767px) {
1497
+ :root {
1498
+ --fontSizeBase: var(--fontSizeLg);
1499
+ }
1500
+ }
1501
+ :root {
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: #e62525;
2402
+ --colors-error-1: #4d000a;
2403
+ --colors-error-2: #73010d;
2404
+ --colors-error-3: #990913;
2405
+ --colors-error-4: #bf151b;
2406
+ --colors-error-5: #e62525;
2407
+ --colors-error-6: #ff5654;
2408
+ --colors-error-7: #ff837e;
2409
+ --colors-error-8: #ffaea9;
2410
+ --colors-error-9: #ffd7d4;
2411
+ --colors-error-10: #ffe8e6;
2412
+ --colors-warning-main: #f0861d;
2413
+ --colors-warning-1: #572000;
2414
+ --colors-warning-2: #7d3200;
2415
+ --colors-warning-3: #a34903;
2416
+ --colors-warning-4: #c9660e;
2417
+ --colors-warning-5: #f0861d;
2418
+ --colors-warning-6: #ffa84b;
2419
+ --colors-warning-7: #ffc078;
2420
+ --colors-warning-8: #ffd7a5;
2421
+ --colors-warning-9: #ffecd2;
2422
+ --colors-warning-10: #fff4e6;
2423
+ --colors-success-main: #45b035;
2424
+ --colors-success-1: #021702;
2425
+ --colors-success-2: #0b3d09;
2426
+ --colors-success-3: #196314;
2427
+ --colors-success-4: #2d8a22;
2428
+ --colors-success-5: #45b035;
2429
+ --colors-success-6: #63bd53;
2430
+ --colors-success-7: #83c975;
2431
+ --colors-success-8: #a5d69a;
2432
+ --colors-success-9: #cae3c3;
2433
+ --colors-success-10: #ddf0d8;
2434
+ --colors-link-1: #002766;
2435
+ --colors-link-2: #003a8c;
2436
+ --colors-link-3: #0050b3;
2437
+ --colors-link-4: #096dd9;
2438
+ --colors-link-5: #1890ff;
2439
+ --colors-link-6: #45a8ff;
2440
+ --colors-link-7: #74c0ff;
2441
+ --colors-link-8: #a2d7ff;
2442
+ --colors-link-9: #d1ecff;
2443
+ --colors-link-10: #e6f5ff;
2444
+ --colors-info-1: #002766;
2445
+ --colors-info-2: #003a8c;
2446
+ --colors-info-3: #0050b3;
2447
+ --colors-info-4: #096dd9;
2448
+ --colors-info-5: #1890ff;
2449
+ --colors-info-6: #45a8ff;
2450
+ --colors-info-7: #74c0ff;
2451
+ --colors-info-8: #a2d7ff;
2452
+ --colors-info-9: #d1ecff;
2453
+ --colors-info-10: #e6f5ff;
2454
+ --colors-other-main: #2468f2;
2455
+ --colors-other-1: #001259;
2456
+ --colors-other-2: #001e80;
2457
+ --colors-other-3: #0832a6;
2458
+ --colors-other-4: #144bcc;
2459
+ --colors-other-5: #2468f2;
2460
+ --colors-other-6: #528eff;
2461
+ --colors-other-7: #7dadff;
2462
+ --colors-other-8: #a8caff;
2463
+ --colors-other-9: #d4e5ff;
2464
+ --colors-other-10: #e6f0ff;
2465
+ --colors-brand-main: #7266ba;
2466
+ --colors-brand-1: #120c21;
2467
+ --colors-brand-2: #271d47;
2468
+ --colors-brand-3: #3e316e;
2469
+ --colors-brand-4: #584a94;
2470
+ --colors-brand-5: #7266ba;
2471
+ --colors-brand-6: #897fc7;
2472
+ --colors-brand-7: #a19bd4;
2473
+ --colors-brand-8: #bcb8e0;
2474
+ --colors-brand-9: #d7d5ed;
2475
+ --colors-brand-10: #e3e1fa;
2476
+ --colors-neutral-text-1: #090714;
2477
+ --colors-neutral-text-2: #181526;
2478
+ --colors-neutral-text-3: #323040;
2479
+ --colors-neutral-text-4: #5d5c66;
2480
+ --colors-neutral-text-5: #85848c;
2481
+ --colors-neutral-text-6: #b9b8bf;
2482
+ --colors-neutral-text-7: #d5d4d9;
2483
+ --colors-neutral-text-8: #e9e8eb;
2484
+ --colors-neutral-text-9: #f3f2f5;
2485
+ --colors-neutral-text-10: #f8f7fa;
2486
+ --colors-neutral-text-11: #ffffff;
2487
+ --colors-neutral-fill-none: transparent;
2488
+ --colors-neutral-fill-1: #090714;
2489
+ --colors-neutral-fill-2: #181526;
2490
+ --colors-neutral-fill-3: #323040;
2491
+ --colors-neutral-fill-4: #5d5c66;
2492
+ --colors-neutral-fill-5: #85848c;
2493
+ --colors-neutral-fill-6: #b9b8bf;
2494
+ --colors-neutral-fill-7: #d5d4d9;
2495
+ --colors-neutral-fill-8: #e9e8eb;
2496
+ --colors-neutral-fill-9: #f3f2f5;
2497
+ --colors-neutral-fill-10: #f8f7fa;
2498
+ --colors-neutral-fill-11: #ffffff;
2499
+ --colors-neutral-line-1: #090714;
2500
+ --colors-neutral-line-2: #181526;
2501
+ --colors-neutral-line-3: #323040;
2502
+ --colors-neutral-line-4: #5d5c66;
2503
+ --colors-neutral-line-5: #85848c;
2504
+ --colors-neutral-line-6: #b9b8bf;
2505
+ --colors-neutral-line-7: #d5d4d9;
2506
+ --colors-neutral-line-8: #e9e8eb;
2507
+ --colors-neutral-line-9: #f3f2f5;
2508
+ --colors-neutral-line-10: #f8f7fa;
2509
+ --colors-neutral-line-11: #ffffff;
2510
+ --fonts-base-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text,
2511
+ Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB,
2512
+ Arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
2513
+ --fonts-size-1: 48px;
2514
+ --fonts-size-2: 40px;
2515
+ --fonts-size-3: 32px;
2516
+ --fonts-size-4: 24px;
2517
+ --fonts-size-5: 18px;
2518
+ --fonts-size-6: 16px;
2519
+ --fonts-size-7: 14px;
2520
+ --fonts-size-8: 12px;
2521
+ --fonts-size-9: 12px;
2522
+ --fonts-weight-1: 900;
2523
+ --fonts-weight-2: 800;
2524
+ --fonts-weight-3: 700;
2525
+ --fonts-weight-4: 600;
2526
+ --fonts-weight-5: 500;
2527
+ --fonts-weight-6: 400;
2528
+ --fonts-weight-7: 300;
2529
+ --fonts-weight-8: 200;
2530
+ --fonts-weight-9: 100;
2531
+ --fonts-lineHeight-1: 1.3;
2532
+ --fonts-lineHeight-2: 1.5;
2533
+ --fonts-lineHeight-3: 1.7;
2534
+ --borders-style-1: none;
2535
+ --borders-style-2: solid;
2536
+ --borders-style-3: dashed;
2537
+ --borders-style-4: dotted;
2538
+ --borders-width-1: 0px;
2539
+ --borders-width-2: 1px;
2540
+ --borders-width-3: 2px;
2541
+ --borders-width-4: 4px;
2542
+ --borders-radius-1: 0px;
2543
+ --borders-radius-2: 1px;
2544
+ --borders-radius-3: 2px;
2545
+ --borders-radius-4: 6px;
2546
+ --borders-radius-5: 8px;
2547
+ --borders-radius-6: 10px;
2548
+ --borders-radius-7: 50%;
2549
+ --sizes-size-0: 0rem;
2550
+ --sizes-size-1: auto;
2551
+ --sizes-size-2: 0.125rem;
2552
+ --sizes-size-3: 0.25rem;
2553
+ --sizes-size-4: 0.375rem;
2554
+ --sizes-size-5: 0.5rem;
2555
+ --sizes-size-6: 0.625rem;
2556
+ --sizes-size-7: 0.75rem;
2557
+ --sizes-size-8: 0.875rem;
2558
+ --sizes-size-9: 1rem;
2559
+ --sizes-base-2: 0.125rem;
2560
+ --sizes-base-3: 0.25rem;
2561
+ --sizes-base-4: 0.375rem;
2562
+ --sizes-base-5: 0.5rem;
2563
+ --sizes-base-6: 0.625rem;
2564
+ --sizes-base-7: 0.75rem;
2565
+ --sizes-base-8: 0.875rem;
2566
+ --sizes-base-9: 1rem;
2567
+ --sizes-base-10: 1.125rem;
2568
+ --sizes-base-11: 1.25rem;
2569
+ --sizes-base-12: 1.375rem;
2570
+ --sizes-base-13: 1.5rem;
2571
+ --sizes-base-14: 1.625rem;
2572
+ --sizes-base-15: 1.75rem;
2573
+ --sizes-base-16: 1.875rem;
2574
+ --sizes-base-17: 2rem;
2575
+ --sizes-base-18: 2.125rem;
2576
+ --sizes-base-19: 2.25rem;
2577
+ --sizes-base-20: 2.375rem;
2578
+ --sizes-base-21: 2.5rem;
2579
+ --sizes-base-22: 2.625rem;
2580
+ --sizes-base-23: 2.75rem;
2581
+ --sizes-base-24: 2.875rem;
2582
+ --sizes-base-25: 3rem;
2583
+ --sizes-base-26: 3.125rem;
2584
+ --sizes-base-27: 3.25rem;
2585
+ --sizes-base-28: 3.375rem;
2586
+ --sizes-base-29: 3.5rem;
2587
+ --sizes-base-30: 3.625rem;
2588
+ --sizes-base-31: 3.75rem;
2589
+ --sizes-base-32: 3.875rem;
2590
+ --sizes-base-33: 4rem;
2591
+ --sizes-base-34: 4.125rem;
2592
+ --sizes-base-35: 4.25rem;
2593
+ --sizes-base-36: 4.375rem;
2594
+ --sizes-base-37: 4.5rem;
2595
+ --sizes-base-38: 4.625rem;
2596
+ --sizes-base-39: 4.75rem;
2597
+ --sizes-base-40: 4.875rem;
2598
+ --sizes-base-41: 5rem;
2599
+ --sizes-base-42: 5.125rem;
2600
+ --sizes-base-43: 5.25rem;
2601
+ --sizes-base-44: 5.375rem;
2602
+ --sizes-base-45: 5.5rem;
2603
+ --sizes-base-46: 5.625rem;
2604
+ --sizes-base-47: 5.75rem;
2605
+ --sizes-base-48: 5.875rem;
2606
+ --sizes-base-49: 6rem;
2607
+ --sizes-base-50: 6.125rem;
2608
+ --sizes-base-51: 6.25rem;
2609
+ --shadows-shadow-none: 0px 0px 0px 0px transparent;
2610
+ --shadows-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
2611
+ --shadows-shadow-normal: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
2612
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
2613
+ --shadows-shadow-md: 0px 4px -1px 0px rgba(0, 0, 0, 0.1),
2614
+ 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
2615
+ --shadows-shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
2616
+ 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
2617
+ --shadows-shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
2618
+ 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
2619
+ --shadows-shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
2620
+ }
1508
2621
  /* BASICS */
1509
2622
  .CodeMirror {
1510
2623
  /* Set height, width, borders, and global font properties here */
@@ -5896,7 +7009,6 @@ button::-moz-focus-inner {
5896
7009
  }
5897
7010
  .tox .accessibility-issue__description {
5898
7011
  align-items: stretch;
5899
- border: 1px solid #eeeeee;
5900
7012
  border-radius: 6px;
5901
7013
  display: flex;
5902
7014
  justify-content: space-between;
@@ -5909,83 +7021,101 @@ button::-moz-focus-inner {
5909
7021
  display: flex;
5910
7022
  margin-bottom: 4px;
5911
7023
  }
5912
- .tox .accessibility-issue__description > *:last-child:not(:only-child) {
5913
- border-color: #eeeeee;
5914
- border-style: solid;
7024
+ .tox .accessibility-issue__description > div > div .tox-icon svg {
7025
+ display: block;
5915
7026
  }
5916
7027
  .tox .accessibility-issue__repair {
5917
7028
  margin-top: 16px;
5918
7029
  }
5919
7030
  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
5920
- background-color: rgba(0, 108, 231, 0.1);
5921
- border-color: #006ce7;
7031
+ background-color: rgba(0, 101, 216, 0.1);
5922
7032
  color: #222f3e;
5923
7033
  }
5924
- .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
5925
- border-color: #006ce7;
5926
- }
5927
7034
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
5928
7035
  color: #006ce7;
5929
7036
  }
5930
7037
  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
5931
7038
  fill: #006ce7;
5932
7039
  }
5933
- .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
5934
- color: #006ce7;
7040
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
7041
+ background-color: #006ce7;
7042
+ color: #fff;
7043
+ }
7044
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
7045
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
7046
+ background-color: #0060ce;
7047
+ }
7048
+ .tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
7049
+ background-color: #0054b4;
7050
+ }
7051
+ .tox .tox-dialog__body-content .accessibility-issue--warn {
7052
+ /* stylelint-disable-next-line no-descending-specificity */
5935
7053
  }
5936
7054
  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
5937
- background-color: rgba(255, 165, 0, 0.1);
5938
- border-color: rgba(255, 165, 0, 0.5);
7055
+ background-color: rgba(255, 165, 0, 0.08);
5939
7056
  color: #222f3e;
5940
7057
  }
5941
- .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
5942
- border-color: rgba(255, 165, 0, 0.5);
5943
- }
5944
7058
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
5945
- color: #cc8500;
7059
+ color: #8f5d00;
5946
7060
  }
5947
7061
  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
5948
- fill: #cc8500;
7062
+ fill: #8f5d00;
7063
+ }
7064
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
7065
+ background-color: #FFE89D;
7066
+ color: #222f3e;
5949
7067
  }
5950
- .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
5951
- color: #cc8500;
7068
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
7069
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
7070
+ background-color: #F2D574;
7071
+ color: #222f3e;
7072
+ }
7073
+ .tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
7074
+ background-color: #E8C657;
7075
+ color: #222f3e;
7076
+ }
7077
+ .tox .tox-dialog__body-content .accessibility-issue--error {
7078
+ /* stylelint-disable-next-line no-descending-specificity */
5952
7079
  }
5953
7080
  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
5954
7081
  background-color: rgba(204, 0, 0, 0.1);
5955
- border-color: rgba(204, 0, 0, 0.4);
5956
7082
  color: #222f3e;
5957
7083
  }
5958
- .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
5959
- border-color: rgba(204, 0, 0, 0.4);
5960
- }
5961
7084
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
5962
7085
  color: #c00;
5963
7086
  }
5964
7087
  .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
5965
7088
  fill: #c00;
5966
7089
  }
5967
- .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
5968
- color: #c00;
7090
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
7091
+ background-color: #F2BFBF;
7092
+ color: #222f3e;
7093
+ }
7094
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
7095
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
7096
+ background-color: #E9A4A4;
7097
+ color: #222f3e;
7098
+ }
7099
+ .tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
7100
+ background-color: #EE9494;
7101
+ color: #222f3e;
5969
7102
  }
5970
7103
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
5971
7104
  background-color: rgba(120, 171, 70, 0.1);
5972
- border-color: rgba(120, 171, 70, 0.4);
5973
7105
  color: #222f3e;
5974
7106
  }
5975
7107
  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
5976
- border-color: rgba(120, 171, 70, 0.4);
7108
+ display: none;
5977
7109
  }
5978
7110
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
5979
- color: #78AB46;
7111
+ color: #527530;
5980
7112
  }
5981
7113
  .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
5982
- fill: #78AB46;
5983
- }
5984
- .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
5985
- color: #78AB46;
7114
+ fill: #527530;
5986
7115
  }
5987
- .tox .tox-dialog__body-content .accessibility-issue__header h1,
7116
+ .tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
5988
7117
  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
7118
+ font-size: 14px;
5989
7119
  margin-top: 0;
5990
7120
  }
5991
7121
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -5997,10 +7127,6 @@ button::-moz-focus-inner {
5997
7127
  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
5998
7128
  padding: 4px 4px 4px 8px;
5999
7129
  }
6000
- .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
6001
- border-left-width: 1px;
6002
- padding-left: 4px;
6003
- }
6004
7130
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
6005
7131
  margin-right: 4px;
6006
7132
  }
@@ -6010,10 +7136,6 @@ button::-moz-focus-inner {
6010
7136
  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
6011
7137
  padding: 4px 8px 4px 4px;
6012
7138
  }
6013
- .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
6014
- border-right-width: 1px;
6015
- padding-right: 4px;
6016
- }
6017
7139
  .tox .tox-anchorbar {
6018
7140
  display: flex;
6019
7141
  flex: 0 0 auto;
@@ -6714,6 +7836,22 @@ button::-moz-focus-inner {
6714
7836
  .tox .tox-swatches__picker-btn:hover {
6715
7837
  background: #cce2fa;
6716
7838
  }
7839
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg {
7840
+ display: none;
7841
+ fill: #222f3e;
7842
+ height: 24px;
7843
+ margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
7844
+ width: 24px;
7845
+ }
7846
+ .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
7847
+ fill: #fff;
7848
+ paint-order: stroke;
7849
+ stroke: #222f3e;
7850
+ stroke-width: 2px;
7851
+ }
7852
+ .tox div.tox-swatch:not(.tox-swatch--remove)[aria-checked=true] svg {
7853
+ display: block;
7854
+ }
6717
7855
  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
6718
7856
  margin-left: auto;
6719
7857
  }
@@ -7351,6 +8489,12 @@ body.tox-dialog__disable-scroll {
7351
8489
  .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
7352
8490
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
7353
8491
  }
8492
+ .tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
8493
+ background: none;
8494
+ border: none;
8495
+ box-shadow: none;
8496
+ padding: 0;
8497
+ }
7354
8498
  .tox-editor-dock-fadeout {
7355
8499
  opacity: 0;
7356
8500
  visibility: hidden;
@@ -8711,6 +9855,7 @@ body.tox-dialog__disable-scroll {
8711
9855
  .tox .tox-toolbar,
8712
9856
  .tox .tox-toolbar__primary,
8713
9857
  .tox .tox-toolbar__overflow {
9858
+ background-attachment: local;
8714
9859
  background-color: #fff;
8715
9860
  background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
8716
9861
  background-position: center top 40px;
@@ -8778,6 +9923,7 @@ body.tox-dialog__disable-scroll {
8778
9923
  border: none;
8779
9924
  border-radius: 6px;
8780
9925
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
9926
+ overscroll-behavior: none;
8781
9927
  padding: 4px 0;
8782
9928
  }
8783
9929
  .tox-pop .tox-pop__dialog {
@@ -8863,6 +10009,47 @@ body.tox-dialog__disable-scroll {
8863
10009
  top: 50%;
8864
10010
  transform: translateY(-50%);
8865
10011
  }
10012
+ .tox .tox-view-wrap,
10013
+ .tox .tox-view-wrap__slot-container {
10014
+ background-color: #fff;
10015
+ display: flex;
10016
+ flex: 1;
10017
+ flex-direction: column;
10018
+ }
10019
+ .tox .tox-view {
10020
+ display: flex;
10021
+ flex: 1;
10022
+ flex-direction: column;
10023
+ }
10024
+ .tox .tox-view__header {
10025
+ align-items: center;
10026
+ display: flex;
10027
+ font-size: 16px;
10028
+ justify-content: space-between;
10029
+ padding: 8px 8px 0 8px;
10030
+ position: relative;
10031
+ }
10032
+ .tox .tox-view__header-start,
10033
+ .tox .tox-view__header-end {
10034
+ display: flex;
10035
+ }
10036
+ .tox .tox-view__pane {
10037
+ height: 100%;
10038
+ padding: 8px;
10039
+ width: 100%;
10040
+ }
10041
+ .tox .tox-view__pane_panel {
10042
+ border: 1px solid #eeeeee;
10043
+ border-radius: 6px;
10044
+ }
10045
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
10046
+ .tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
10047
+ margin-left: 8px;
10048
+ }
10049
+ .tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
10050
+ .tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
10051
+ margin-right: 8px;
10052
+ }
8866
10053
  .tox .tox-well {
8867
10054
  border: 1px solid #eeeeee;
8868
10055
  border-radius: 6px;
@@ -9755,13 +10942,13 @@ body.video-react-full-window .video-react-fullscreen {
9755
10942
  transform: translateY(-30px);
9756
10943
  }
9757
10944
  /*!
9758
- * Cropper.js v1.5.12
10945
+ * Cropper.js v1.5.13
9759
10946
  * https://fengyuanchen.github.io/cropperjs
9760
10947
  *
9761
10948
  * Copyright 2015-present Chen Fengyuan
9762
10949
  * Released under the MIT license
9763
10950
  *
9764
- * Date: 2021-06-12T08:00:11.623Z
10951
+ * Date: 2022-11-20T05:30:43.444Z
9765
10952
  */
9766
10953
  .cropper-container {
9767
10954
  direction: ltr;
@@ -9774,6 +10961,8 @@ body.video-react-full-window .video-react-fullscreen {
9774
10961
  user-select: none;
9775
10962
  }
9776
10963
  .cropper-container img {
10964
+ -webkit-backface-visibility: hidden;
10965
+ backface-visibility: hidden;
9777
10966
  display: block;
9778
10967
  height: 100%;
9779
10968
  image-orientation: 0deg;
@@ -9810,7 +10999,7 @@ body.video-react-full-window .video-react-fullscreen {
9810
10999
  display: block;
9811
11000
  height: 100%;
9812
11001
  outline: 1px solid #39f;
9813
- outline-color: rgba(51, 153, 255, 0.75);
11002
+ outline-color: rgba(51, 153, 255, 75%);
9814
11003
  overflow: hidden;
9815
11004
  width: 100%;
9816
11005
  }
@@ -10548,10 +11737,10 @@ svg.r90 {
10548
11737
  transform: rotate(90deg);
10549
11738
  }
10550
11739
  svg.icon-success {
10551
- color: #27c24c;
11740
+ color: #28a745;
10552
11741
  }
10553
11742
  svg.icon-fail {
10554
- color: #f05050;
11743
+ color: #dc3545;
10555
11744
  }
10556
11745
  /**
10557
11746
  * Basic typography style for copy text
@@ -11922,6 +13111,9 @@ img.a-AsideNav-itemIcon {
11922
13111
  white-space: nowrap;
11923
13112
  min-width: auto;
11924
13113
  }
13114
+ .a-Button > svg.icon {
13115
+ top: 0;
13116
+ }
11925
13117
  .a-Button--primary {
11926
13118
  color: var(--button-primary-default-font-color);
11927
13119
  background: var(--button-primary-default-bg-color);
@@ -11954,9 +13146,6 @@ img.a-AsideNav-itemIcon {
11954
13146
  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);
11955
13147
  box-shadow: var(--button-primary-disabled-shadow);
11956
13148
  }
11957
- .a-Button--primary:hover:focus {
11958
- box-shadow: var(--Button-boxShadow);
11959
- }
11960
13149
  .a-Button--secondary {
11961
13150
  color: var(--button-secondary-default-font-color);
11962
13151
  background: var(--button-secondary-default-bg-color);
@@ -11989,9 +13178,6 @@ img.a-AsideNav-itemIcon {
11989
13178
  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);
11990
13179
  box-shadow: var(--button-secondary-disabled-shadow);
11991
13180
  }
11992
- .a-Button--secondary:hover:focus {
11993
- box-shadow: var(--Button-boxShadow);
11994
- }
11995
13181
  .a-Button--success {
11996
13182
  color: var(--button-success-default-font-color);
11997
13183
  background: var(--button-success-default-bg-color);
@@ -12024,9 +13210,6 @@ img.a-AsideNav-itemIcon {
12024
13210
  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);
12025
13211
  box-shadow: var(--button-success-disabled-shadow);
12026
13212
  }
12027
- .a-Button--success:hover:focus {
12028
- box-shadow: var(--Button-boxShadow);
12029
- }
12030
13213
  .a-Button--enhance {
12031
13214
  color: var(--button-enhance-default-font-color);
12032
13215
  background: var(--button-enhance-default-bg-color);
@@ -12059,9 +13242,6 @@ img.a-AsideNav-itemIcon {
12059
13242
  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);
12060
13243
  box-shadow: var(--button-enhance-disabled-shadow);
12061
13244
  }
12062
- .a-Button--enhance:hover:focus {
12063
- box-shadow: var(--Button-boxShadow);
12064
- }
12065
13245
  .a-Button--info {
12066
13246
  color: var(--button-info-default-font-color);
12067
13247
  background: var(--button-info-default-bg-color);
@@ -12094,9 +13274,6 @@ img.a-AsideNav-itemIcon {
12094
13274
  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);
12095
13275
  box-shadow: var(--button-info-disabled-shadow);
12096
13276
  }
12097
- .a-Button--info:hover:focus {
12098
- box-shadow: var(--Button-boxShadow);
12099
- }
12100
13277
  .a-Button--warning {
12101
13278
  color: var(--button-warning-default-font-color);
12102
13279
  background: var(--button-warning-default-bg-color);
@@ -12129,9 +13306,6 @@ img.a-AsideNav-itemIcon {
12129
13306
  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);
12130
13307
  box-shadow: var(--button-warning-disabled-shadow);
12131
13308
  }
12132
- .a-Button--warning:hover:focus {
12133
- box-shadow: var(--Button-boxShadow);
12134
- }
12135
13309
  .a-Button--danger {
12136
13310
  color: var(--button-danger-default-font-color);
12137
13311
  background: var(--button-danger-default-bg-color);
@@ -12164,9 +13338,6 @@ img.a-AsideNav-itemIcon {
12164
13338
  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);
12165
13339
  box-shadow: var(--button-danger-disabled-shadow);
12166
13340
  }
12167
- .a-Button--danger:hover:focus {
12168
- box-shadow: var(--Button-boxShadow);
12169
- }
12170
13341
  .a-Button--light {
12171
13342
  color: var(--button-light-default-font-color);
12172
13343
  background: var(--button-light-default-bg-color);
@@ -12199,9 +13370,6 @@ img.a-AsideNav-itemIcon {
12199
13370
  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);
12200
13371
  box-shadow: var(--button-light-disabled-shadow);
12201
13372
  }
12202
- .a-Button--light:hover:focus {
12203
- box-shadow: var(--Button-boxShadow);
12204
- }
12205
13373
  .a-Button--dark {
12206
13374
  color: var(--button-dark-default-font-color);
12207
13375
  background: var(--button-dark-default-bg-color);
@@ -12234,9 +13402,6 @@ img.a-AsideNav-itemIcon {
12234
13402
  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);
12235
13403
  box-shadow: var(--button-dark-disabled-shadow);
12236
13404
  }
12237
- .a-Button--dark:hover:focus {
12238
- box-shadow: var(--Button-boxShadow);
12239
- }
12240
13405
  .a-Button--default {
12241
13406
  color: var(--button-default-default-font-color);
12242
13407
  background: var(--button-default-default-bg-color);
@@ -12269,12 +13434,9 @@ img.a-AsideNav-itemIcon {
12269
13434
  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);
12270
13435
  box-shadow: var(--button-default-disabled-shadow);
12271
13436
  }
12272
- .a-Button--default:hover:focus {
12273
- box-shadow: var(--Button-boxShadow);
12274
- }
12275
13437
  .a-Button--size-default {
12276
- font-size: var(--button-size-default-font-size);
12277
- line-height: var(--button-size-default-font-lineHeight);
13438
+ font-size: var(--button-size-default-fontSize);
13439
+ line-height: var(--button-size-default-lineHeight);
12278
13440
  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);
12279
13441
  height: var(--button-size-default-height);
12280
13442
  padding: var(--button-size-default-paddingTop) var(--button-size-default-paddingRight) var(--button-size-default-paddingBottom) var(--button-size-default-paddingLeft);
@@ -12307,8 +13469,8 @@ img.a-AsideNav-itemIcon {
12307
13469
  vertical-align: middle;
12308
13470
  }
12309
13471
  .a-Button--size-xs {
12310
- font-size: var(--button-size-xs-font-size);
12311
- line-height: var(--button-size-xs-font-lineHeight);
13472
+ font-size: var(--button-size-xs-fontSize);
13473
+ line-height: var(--button-size-xs-lineHeight);
12312
13474
  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);
12313
13475
  height: var(--button-size-xs-height);
12314
13476
  padding: var(--button-size-xs-paddingTop) var(--button-size-xs-paddingRight) var(--button-size-xs-paddingBottom) var(--button-size-xs-paddingLeft);
@@ -12344,8 +13506,8 @@ img.a-AsideNav-itemIcon {
12344
13506
  min-width: calc( var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate) );
12345
13507
  }
12346
13508
  .a-Button--size-sm {
12347
- font-size: var(--button-size-sm-font-size);
12348
- line-height: var(--button-size-sm-font-lineHeight);
13509
+ font-size: var(--button-size-sm-fontSize);
13510
+ line-height: var(--button-size-sm-lineHeight);
12349
13511
  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);
12350
13512
  height: var(--button-size-sm-height);
12351
13513
  padding: var(--button-size-sm-paddingTop) var(--button-size-sm-paddingRight) var(--button-size-sm-paddingBottom) var(--button-size-sm-paddingLeft);
@@ -12381,8 +13543,8 @@ img.a-AsideNav-itemIcon {
12381
13543
  min-width: calc( var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate) );
12382
13544
  }
12383
13545
  .a-Button--size-md {
12384
- font-size: var(--button-size-md-font-size);
12385
- line-height: var(--button-size-md-font-lineHeight);
13546
+ font-size: var(--button-size-md-fontSize);
13547
+ line-height: var(--button-size-md-lineHeight);
12386
13548
  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);
12387
13549
  height: var(--button-size-md-height);
12388
13550
  padding: var(--button-size-md-paddingTop) var(--button-size-md-paddingRight) var(--button-size-md-paddingBottom) var(--button-size-md-paddingLeft);
@@ -12418,8 +13580,8 @@ img.a-AsideNav-itemIcon {
12418
13580
  min-width: calc( var(--Button--md-height) * var(--Button--iconOnly-minWidthRate) );
12419
13581
  }
12420
13582
  .a-Button--size-lg {
12421
- font-size: var(--button-size-lg-font-size);
12422
- line-height: var(--button-size-lg-font-lineHeight);
13583
+ font-size: var(--button-size-lg-fontSize);
13584
+ line-height: var(--button-size-lg-lineHeight);
12423
13585
  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);
12424
13586
  height: var(--button-size-lg-height);
12425
13587
  padding: var(--button-size-lg-paddingTop) var(--button-size-lg-paddingRight) var(--button-size-lg-paddingBottom) var(--button-size-lg-paddingLeft);
@@ -12493,10 +13655,6 @@ img.a-AsideNav-itemIcon {
12493
13655
  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);
12494
13656
  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);
12495
13657
  box-shadow: var(--button-link-default-shadow);
12496
- padding: 0;
12497
- margin: 0;
12498
- height: auto;
12499
- line-height: auto;
12500
13658
  }
12501
13659
  .a-Button--link:not(:disabled):not(.is-disabled):hover {
12502
13660
  color: var(--button-link-hover-font-color);
@@ -12522,9 +13680,6 @@ img.a-AsideNav-itemIcon {
12522
13680
  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);
12523
13681
  box-shadow: var(--button-link-disabled-shadow);
12524
13682
  }
12525
- .a-Button--link:hover:focus {
12526
- box-shadow: var(--Button-boxShadow);
12527
- }
12528
13683
  .a-Button--block {
12529
13684
  display: block;
12530
13685
  width: 100%;
@@ -14562,9 +15717,6 @@ input[type=button].a-Button--block {
14562
15717
  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);
14563
15718
  box-shadow: var(--button-default-disabled-shadow);
14564
15719
  }
14565
- .a-ArrayInput-addBtn:hover:focus {
14566
- box-shadow: var(--Button-boxShadow);
14567
- }
14568
15720
  .a-ArrayInput-addBtn.is-disabled {
14569
15721
  pointer-events: none;
14570
15722
  opacity: var(--Button-onDisabled-opacity);
@@ -16514,7 +17666,7 @@ input[type=button].a-Button--block {
16514
17666
  .a-ButtonGroup .a-Button + .a-ButtonGroup,
16515
17667
  .a-ButtonGroup .a-ButtonGroup + .a-Button,
16516
17668
  .a-ButtonGroup .a-ButtonGroup + .a-ButtonGroup {
16517
- margin-left: calc(var(--Button-borderWidth) * -1);
17669
+ margin-left: calc(var(--ButtonGroup-borderWidth) * -1);
16518
17670
  }
16519
17671
  .a-ButtonGroup--block {
16520
17672
  display: block;
@@ -16564,7 +17716,7 @@ input[type=button].a-Button--block {
16564
17716
  .a-ButtonGroup--vertical > .a-Button + .a-ButtonGroup,
16565
17717
  .a-ButtonGroup--vertical > .a-ButtonGroup + .a-Button,
16566
17718
  .a-ButtonGroup--vertical > .a-ButtonGroup + .a-ButtonGroup {
16567
- margin-top: calc(var(--Button-borderWidth) * -1);
17719
+ margin-top: calc(var(--ButtonGroup-borderWidth) * -1);
16568
17720
  margin-left: 0;
16569
17721
  }
16570
17722
  .a-ButtonGroup--vertical > .a-Button:not(:last-child),
@@ -17121,9 +18273,6 @@ input[type=button].a-Button--block {
17121
18273
  text-align: center;
17122
18274
  margin-right: var(--gap-xs);
17123
18275
  }
17124
- .a-Collapse .a-TplField {
17125
- display: inline-block;
17126
- }
17127
18276
  .a-Collapse.is-active > * > .a-Collapse-arrow:before {
17128
18277
  transform: rotate(135deg);
17129
18278
  transform-origin: 50% 30%;
@@ -17475,7 +18624,7 @@ input[type=button].a-Button--block {
17475
18624
  left: 0;
17476
18625
  right: 0;
17477
18626
  bottom: 0;
17478
- background: rgba(35, 183, 229, 0.2);
18627
+ background: rgba(0, 123, 255, 0.2);
17479
18628
  }
17480
18629
  .a-CBGroupOrItem .a-CBGroup {
17481
18630
  flex-grow: 1;
@@ -17881,10 +19030,6 @@ input[type=button].a-Button--block {
17881
19030
  position: absolute;
17882
19031
  bottom: 0;
17883
19032
  right: -0.625rem;
17884
- border: 1.125rem solid transparent;
17885
- border-right: 0;
17886
- border-left: 0.625rem solid var(--borderColor);
17887
- border-left-color: rgba(0, 0, 0, 0.05);
17888
19033
  z-index: 2;
17889
19034
  }
17890
19035
  .a-Wizard-steps ul li:after {
@@ -18466,6 +19611,10 @@ input[type=button].a-Button--block {
18466
19611
  .a-Table-table > thead > tr > th .a-Remark {
18467
19612
  margin-left: var(--gap-xs);
18468
19613
  }
19614
+ .a-Table-table > thead > tr > th .a-TableCell--title {
19615
+ min-width: -moz-fit-content;
19616
+ min-width: fit-content;
19617
+ }
18469
19618
  .a-Table-table > thead > tr > th:first-child {
18470
19619
  border-top-left-radius: 4px;
18471
19620
  }
@@ -18544,45 +19693,45 @@ input[type=button].a-Button--block {
18544
19693
  border-color: var(--Table-onModified-borderColor);
18545
19694
  }
18546
19695
  .a-Table-table > tbody > tr.bg-light {
18547
- background-color: #edf1f2;
19696
+ background-color: #f8f9fa;
18548
19697
  color: #58666e;
18549
19698
  }
18550
19699
  .a-Table-table > tbody > tr.bg-light.lt, .a-Table-table > tbody > tr.bg-light .lt {
18551
- background: #f3f5f6;
19700
+ background: #fefefe;
18552
19701
  }
18553
19702
  .a-Table-table > tbody > tr.bg-light.lter, .a-Table-table > tbody > tr.bg-light .lter {
18554
- background: #f6f8f8;
19703
+ background: white;
18555
19704
  }
18556
19705
  .a-Table-table > tbody > tr.bg-light.dk, .a-Table-table > tbody > tr.bg-light .dk {
18557
- background: #e4eaec;
19706
+ background: #eff1f4;
18558
19707
  }
18559
19708
  .a-Table-table > tbody > tr.bg-light.dker, .a-Table-table > tbody > tr.bg-light .dker {
18560
- background: #dde6e9;
19709
+ background: #e8ecf0;
18561
19710
  }
18562
19711
  .a-Table-table > tbody > tr.bg-light.bg, .a-Table-table > tbody > tr.bg-light .bg {
18563
- background-color: #edf1f2;
19712
+ background-color: #f8f9fa;
18564
19713
  }
18565
19714
  .a-Table-table > tbody > tr.bg-dark {
18566
- background-color: #3a3f51;
18567
- color: #a6a8b1;
19715
+ background-color: #343a40;
19716
+ color: #a0a0a0;
18568
19717
  }
18569
19718
  .a-Table-table > tbody > tr.bg-dark.lt, .a-Table-table > tbody > tr.bg-dark .lt {
18570
- background: #474c5e;
19719
+ background: #41474c;
18571
19720
  }
18572
19721
  .a-Table-table > tbody > tr.bg-dark.lter, .a-Table-table > tbody > tr.bg-dark .lter {
18573
- background: #54596a;
19722
+ background: #4f5458;
18574
19723
  }
18575
19724
  .a-Table-table > tbody > tr.bg-dark.dk, .a-Table-table > tbody > tr.bg-dark .dk {
18576
- background: #2e3344;
19725
+ background: #272d33;
18577
19726
  }
18578
19727
  .a-Table-table > tbody > tr.bg-dark.dker, .a-Table-table > tbody > tr.bg-dark .dker {
18579
- background: #232735;
19728
+ background: #1c2125;
18580
19729
  }
18581
19730
  .a-Table-table > tbody > tr.bg-dark.bg, .a-Table-table > tbody > tr.bg-dark .bg {
18582
- background-color: #3a3f51;
19731
+ background-color: #343a40;
18583
19732
  }
18584
19733
  .a-Table-table > tbody > tr.bg-dark a, .a-Table-table > tbody > tr.bg-dark .a-Button--link {
18585
- color: #c1c3c9;
19734
+ color: #b9baba;
18586
19735
  }
18587
19736
  .a-Table-table > tbody > tr.bg-dark a:hover, .a-Table-table > tbody > tr.bg-dark .a-Button--link:hover {
18588
19737
  color: #fff;
@@ -18597,26 +19746,26 @@ input[type=button].a-Button--block {
18597
19746
  color: #99a6ad !important;
18598
19747
  }
18599
19748
  .a-Table-table > tbody > tr.bg-black {
18600
- background-color: #1c2b36;
18601
- color: #7793a7;
19749
+ background-color: #000;
19750
+ color: #666666;
18602
19751
  }
18603
19752
  .a-Table-table > tbody > tr.bg-black.lt, .a-Table-table > tbody > tr.bg-black .lt {
18604
- background: #263845;
19753
+ background: #0d0d0d;
18605
19754
  }
18606
19755
  .a-Table-table > tbody > tr.bg-black.lter, .a-Table-table > tbody > tr.bg-black .lter {
18607
- background: #314554;
19756
+ background: #1a1a1a;
18608
19757
  }
18609
19758
  .a-Table-table > tbody > tr.bg-black.dk, .a-Table-table > tbody > tr.bg-black .dk {
18610
- background: #131e26;
19759
+ background: black;
18611
19760
  }
18612
19761
  .a-Table-table > tbody > tr.bg-black.dker, .a-Table-table > tbody > tr.bg-black .dker {
18613
- background: #0a1015;
19762
+ background: black;
18614
19763
  }
18615
19764
  .a-Table-table > tbody > tr.bg-black.bg, .a-Table-table > tbody > tr.bg-black .bg {
18616
- background-color: #1c2b36;
19765
+ background-color: #000;
18617
19766
  }
18618
19767
  .a-Table-table > tbody > tr.bg-black a, .a-Table-table > tbody > tr.bg-black .a-Button--link {
18619
- color: #96abbb;
19768
+ color: gray;
18620
19769
  }
18621
19770
  .a-Table-table > tbody > tr.bg-black a:hover, .a-Table-table > tbody > tr.bg-black .a-Button--link:hover {
18622
19771
  color: #fff;
@@ -18631,23 +19780,23 @@ input[type=button].a-Button--block {
18631
19780
  color: #99a6ad !important;
18632
19781
  }
18633
19782
  .a-Table-table > tbody > tr.bg-primary {
18634
- background-color: #7266ba;
18635
- color: #f4f3f9;
19783
+ background-color: #007bff;
19784
+ color: #cfe5fc;
18636
19785
  }
18637
19786
  .a-Table-table > tbody > tr.bg-primary.lt, .a-Table-table > tbody > tr.bg-primary .lt {
18638
- background: #847abf;
19787
+ background: #1c88fc;
18639
19788
  }
18640
19789
  .a-Table-table > tbody > tr.bg-primary.lter, .a-Table-table > tbody > tr.bg-primary .lter {
18641
- background: #958dc6;
19790
+ background: #3896fa;
18642
19791
  }
18643
19792
  .a-Table-table > tbody > tr.bg-primary.dk, .a-Table-table > tbody > tr.bg-primary .dk {
18644
- background: #6051b5;
19793
+ background: #006fe6;
18645
19794
  }
18646
19795
  .a-Table-table > tbody > tr.bg-primary.dker, .a-Table-table > tbody > tr.bg-primary .dker {
18647
- background: #5244a9;
19796
+ background: #0062cc;
18648
19797
  }
18649
19798
  .a-Table-table > tbody > tr.bg-primary.bg, .a-Table-table > tbody > tr.bg-primary .bg {
18650
- background-color: #7266ba;
19799
+ background-color: #007bff;
18651
19800
  }
18652
19801
  .a-Table-table > tbody > tr.bg-primary a, .a-Table-table > tbody > tr.bg-primary .a-Button--link {
18653
19802
  color: white;
@@ -18665,26 +19814,26 @@ input[type=button].a-Button--block {
18665
19814
  color: #99a6ad !important;
18666
19815
  }
18667
19816
  .a-Table-table > tbody > tr.bg-success {
18668
- background-color: #27c24c;
18669
- color: #c6efd0;
19817
+ background-color: #28a745;
19818
+ color: #b4e7c0;
18670
19819
  }
18671
19820
  .a-Table-table > tbody > tr.bg-success.lt, .a-Table-table > tbody > tr.bg-success .lt {
18672
- background: #31d257;
19821
+ background: #30b94f;
18673
19822
  }
18674
19823
  .a-Table-table > tbody > tr.bg-success.lter, .a-Table-table > tbody > tr.bg-success .lter {
18675
- background: #48d46a;
19824
+ background: #3ac85a;
18676
19825
  }
18677
19826
  .a-Table-table > tbody > tr.bg-success.dk, .a-Table-table > tbody > tr.bg-success .dk {
18678
- background: #20af42;
19827
+ background: #21953b;
18679
19828
  }
18680
19829
  .a-Table-table > tbody > tr.bg-success.dker, .a-Table-table > tbody > tr.bg-success .dker {
18681
- background: #1a9c39;
19830
+ background: #1a8232;
18682
19831
  }
18683
19832
  .a-Table-table > tbody > tr.bg-success.bg, .a-Table-table > tbody > tr.bg-success .bg {
18684
- background-color: #27c24c;
19833
+ background-color: #28a745;
18685
19834
  }
18686
19835
  .a-Table-table > tbody > tr.bg-success a, .a-Table-table > tbody > tr.bg-success .a-Button--link {
18687
- color: #eefaf1;
19836
+ color: #dbf3e0;
18688
19837
  }
18689
19838
  .a-Table-table > tbody > tr.bg-success a:hover, .a-Table-table > tbody > tr.bg-success .a-Button--link:hover {
18690
19839
  color: #fff;
@@ -18699,23 +19848,23 @@ input[type=button].a-Button--block {
18699
19848
  color: #99a6ad !important;
18700
19849
  }
18701
19850
  .a-Table-table > tbody > tr.bg-info {
18702
- background-color: #23b7e5;
18703
- color: #dcf2f8;
19851
+ background-color: #007bff;
19852
+ color: #cfe5fc;
18704
19853
  }
18705
19854
  .a-Table-table > tbody > tr.bg-info.lt, .a-Table-table > tbody > tr.bg-info .lt {
18706
- background: #3dbde5;
19855
+ background: #1c88fc;
18707
19856
  }
18708
19857
  .a-Table-table > tbody > tr.bg-info.lter, .a-Table-table > tbody > tr.bg-info .lter {
18709
- background: #55c3e6;
19858
+ background: #3896fa;
18710
19859
  }
18711
19860
  .a-Table-table > tbody > tr.bg-info.dk, .a-Table-table > tbody > tr.bg-info .dk {
18712
- background: #16aad8;
19861
+ background: #006fe6;
18713
19862
  }
18714
19863
  .a-Table-table > tbody > tr.bg-info.dker, .a-Table-table > tbody > tr.bg-info .dker {
18715
- background: #1199c4;
19864
+ background: #0062cc;
18716
19865
  }
18717
19866
  .a-Table-table > tbody > tr.bg-info.bg, .a-Table-table > tbody > tr.bg-info .bg {
18718
- background-color: #23b7e5;
19867
+ background-color: #007bff;
18719
19868
  }
18720
19869
  .a-Table-table > tbody > tr.bg-info a, .a-Table-table > tbody > tr.bg-info .a-Button--link {
18721
19870
  color: white;
@@ -18767,23 +19916,23 @@ input[type=button].a-Button--block {
18767
19916
  color: #99a6ad !important;
18768
19917
  }
18769
19918
  .a-Table-table > tbody > tr.bg-danger {
18770
- background-color: #f05050;
18771
- color: white;
19919
+ background-color: #dc3545;
19920
+ color: #f8e5e6;
18772
19921
  }
18773
19922
  .a-Table-table > tbody > tr.bg-danger.lt, .a-Table-table > tbody > tr.bg-danger .lt {
18774
- background: #f06a6a;
19923
+ background: #dd4d5b;
18775
19924
  }
18776
19925
  .a-Table-table > tbody > tr.bg-danger.lter, .a-Table-table > tbody > tr.bg-danger .lter {
18777
- background: #f18282;
19926
+ background: #df6571;
18778
19927
  }
18779
19928
  .a-Table-table > tbody > tr.bg-danger.dk, .a-Table-table > tbody > tr.bg-danger .dk {
18780
- background: #f13636;
19929
+ background: #d62133;
18781
19930
  }
18782
19931
  .a-Table-table > tbody > tr.bg-danger.dker, .a-Table-table > tbody > tr.bg-danger .dker {
18783
- background: #f21b1b;
19932
+ background: #c31b2b;
18784
19933
  }
18785
19934
  .a-Table-table > tbody > tr.bg-danger.bg, .a-Table-table > tbody > tr.bg-danger .bg {
18786
- background-color: #f05050;
19935
+ background-color: #dc3545;
18787
19936
  }
18788
19937
  .a-Table-table > tbody > tr.bg-danger a, .a-Table-table > tbody > tr.bg-danger .a-Button--link {
18789
19938
  color: white;
@@ -19549,8 +20698,8 @@ input[type=button].a-Button--block {
19549
20698
  justify-content: space-between;
19550
20699
  }
19551
20700
  .a-InputTable-toolbar .a-Button {
19552
- border: none;
19553
- color: var(--Button--link-color);
20701
+ border-color: transparent;
20702
+ color: var(--button-link-default-font-color);
19554
20703
  }
19555
20704
  .a-InputTable-pager {
19556
20705
  margin-left: auto;
@@ -19794,45 +20943,45 @@ input[type=button].a-Button--block {
19794
20943
  font-weight: var(--fontWeightNormal);
19795
20944
  }
19796
20945
  .a-Table2 .a-Table-table > tbody > tr.bg-light {
19797
- background-color: #edf1f2;
20946
+ background-color: #f8f9fa;
19798
20947
  color: #58666e;
19799
20948
  }
19800
20949
  .a-Table2 .a-Table-table > tbody > tr.bg-light.lt, .a-Table2 .a-Table-table > tbody > tr.bg-light .lt {
19801
- background: #f3f5f6;
20950
+ background: #fefefe;
19802
20951
  }
19803
20952
  .a-Table2 .a-Table-table > tbody > tr.bg-light.lter, .a-Table2 .a-Table-table > tbody > tr.bg-light .lter {
19804
- background: #f6f8f8;
20953
+ background: white;
19805
20954
  }
19806
20955
  .a-Table2 .a-Table-table > tbody > tr.bg-light.dk, .a-Table2 .a-Table-table > tbody > tr.bg-light .dk {
19807
- background: #e4eaec;
20956
+ background: #eff1f4;
19808
20957
  }
19809
20958
  .a-Table2 .a-Table-table > tbody > tr.bg-light.dker, .a-Table2 .a-Table-table > tbody > tr.bg-light .dker {
19810
- background: #dde6e9;
20959
+ background: #e8ecf0;
19811
20960
  }
19812
20961
  .a-Table2 .a-Table-table > tbody > tr.bg-light.bg, .a-Table2 .a-Table-table > tbody > tr.bg-light .bg {
19813
- background-color: #edf1f2;
20962
+ background-color: #f8f9fa;
19814
20963
  }
19815
20964
  .a-Table2 .a-Table-table > tbody > tr.bg-dark {
19816
- background-color: #3a3f51;
19817
- color: #a6a8b1;
20965
+ background-color: #343a40;
20966
+ color: #a0a0a0;
19818
20967
  }
19819
20968
  .a-Table2 .a-Table-table > tbody > tr.bg-dark.lt, .a-Table2 .a-Table-table > tbody > tr.bg-dark .lt {
19820
- background: #474c5e;
20969
+ background: #41474c;
19821
20970
  }
19822
20971
  .a-Table2 .a-Table-table > tbody > tr.bg-dark.lter, .a-Table2 .a-Table-table > tbody > tr.bg-dark .lter {
19823
- background: #54596a;
20972
+ background: #4f5458;
19824
20973
  }
19825
20974
  .a-Table2 .a-Table-table > tbody > tr.bg-dark.dk, .a-Table2 .a-Table-table > tbody > tr.bg-dark .dk {
19826
- background: #2e3344;
20975
+ background: #272d33;
19827
20976
  }
19828
20977
  .a-Table2 .a-Table-table > tbody > tr.bg-dark.dker, .a-Table2 .a-Table-table > tbody > tr.bg-dark .dker {
19829
- background: #232735;
20978
+ background: #1c2125;
19830
20979
  }
19831
20980
  .a-Table2 .a-Table-table > tbody > tr.bg-dark.bg, .a-Table2 .a-Table-table > tbody > tr.bg-dark .bg {
19832
- background-color: #3a3f51;
20981
+ background-color: #343a40;
19833
20982
  }
19834
20983
  .a-Table2 .a-Table-table > tbody > tr.bg-dark a, .a-Table2 .a-Table-table > tbody > tr.bg-dark .a-Button--link {
19835
- color: #c1c3c9;
20984
+ color: #b9baba;
19836
20985
  }
19837
20986
  .a-Table2 .a-Table-table > tbody > tr.bg-dark a:hover, .a-Table2 .a-Table-table > tbody > tr.bg-dark .a-Button--link:hover {
19838
20987
  color: #fff;
@@ -19847,26 +20996,26 @@ input[type=button].a-Button--block {
19847
20996
  color: #99a6ad !important;
19848
20997
  }
19849
20998
  .a-Table2 .a-Table-table > tbody > tr.bg-black {
19850
- background-color: #1c2b36;
19851
- color: #7793a7;
20999
+ background-color: #000;
21000
+ color: #666666;
19852
21001
  }
19853
21002
  .a-Table2 .a-Table-table > tbody > tr.bg-black.lt, .a-Table2 .a-Table-table > tbody > tr.bg-black .lt {
19854
- background: #263845;
21003
+ background: #0d0d0d;
19855
21004
  }
19856
21005
  .a-Table2 .a-Table-table > tbody > tr.bg-black.lter, .a-Table2 .a-Table-table > tbody > tr.bg-black .lter {
19857
- background: #314554;
21006
+ background: #1a1a1a;
19858
21007
  }
19859
21008
  .a-Table2 .a-Table-table > tbody > tr.bg-black.dk, .a-Table2 .a-Table-table > tbody > tr.bg-black .dk {
19860
- background: #131e26;
21009
+ background: black;
19861
21010
  }
19862
21011
  .a-Table2 .a-Table-table > tbody > tr.bg-black.dker, .a-Table2 .a-Table-table > tbody > tr.bg-black .dker {
19863
- background: #0a1015;
21012
+ background: black;
19864
21013
  }
19865
21014
  .a-Table2 .a-Table-table > tbody > tr.bg-black.bg, .a-Table2 .a-Table-table > tbody > tr.bg-black .bg {
19866
- background-color: #1c2b36;
21015
+ background-color: #000;
19867
21016
  }
19868
21017
  .a-Table2 .a-Table-table > tbody > tr.bg-black a, .a-Table2 .a-Table-table > tbody > tr.bg-black .a-Button--link {
19869
- color: #96abbb;
21018
+ color: gray;
19870
21019
  }
19871
21020
  .a-Table2 .a-Table-table > tbody > tr.bg-black a:hover, .a-Table2 .a-Table-table > tbody > tr.bg-black .a-Button--link:hover {
19872
21021
  color: #fff;
@@ -19881,23 +21030,23 @@ input[type=button].a-Button--block {
19881
21030
  color: #99a6ad !important;
19882
21031
  }
19883
21032
  .a-Table2 .a-Table-table > tbody > tr.bg-primary {
19884
- background-color: #7266ba;
19885
- color: #f4f3f9;
21033
+ background-color: #007bff;
21034
+ color: #cfe5fc;
19886
21035
  }
19887
21036
  .a-Table2 .a-Table-table > tbody > tr.bg-primary.lt, .a-Table2 .a-Table-table > tbody > tr.bg-primary .lt {
19888
- background: #847abf;
21037
+ background: #1c88fc;
19889
21038
  }
19890
21039
  .a-Table2 .a-Table-table > tbody > tr.bg-primary.lter, .a-Table2 .a-Table-table > tbody > tr.bg-primary .lter {
19891
- background: #958dc6;
21040
+ background: #3896fa;
19892
21041
  }
19893
21042
  .a-Table2 .a-Table-table > tbody > tr.bg-primary.dk, .a-Table2 .a-Table-table > tbody > tr.bg-primary .dk {
19894
- background: #6051b5;
21043
+ background: #006fe6;
19895
21044
  }
19896
21045
  .a-Table2 .a-Table-table > tbody > tr.bg-primary.dker, .a-Table2 .a-Table-table > tbody > tr.bg-primary .dker {
19897
- background: #5244a9;
21046
+ background: #0062cc;
19898
21047
  }
19899
21048
  .a-Table2 .a-Table-table > tbody > tr.bg-primary.bg, .a-Table2 .a-Table-table > tbody > tr.bg-primary .bg {
19900
- background-color: #7266ba;
21049
+ background-color: #007bff;
19901
21050
  }
19902
21051
  .a-Table2 .a-Table-table > tbody > tr.bg-primary a, .a-Table2 .a-Table-table > tbody > tr.bg-primary .a-Button--link {
19903
21052
  color: white;
@@ -19915,26 +21064,26 @@ input[type=button].a-Button--block {
19915
21064
  color: #99a6ad !important;
19916
21065
  }
19917
21066
  .a-Table2 .a-Table-table > tbody > tr.bg-success {
19918
- background-color: #27c24c;
19919
- color: #c6efd0;
21067
+ background-color: #28a745;
21068
+ color: #b4e7c0;
19920
21069
  }
19921
21070
  .a-Table2 .a-Table-table > tbody > tr.bg-success.lt, .a-Table2 .a-Table-table > tbody > tr.bg-success .lt {
19922
- background: #31d257;
21071
+ background: #30b94f;
19923
21072
  }
19924
21073
  .a-Table2 .a-Table-table > tbody > tr.bg-success.lter, .a-Table2 .a-Table-table > tbody > tr.bg-success .lter {
19925
- background: #48d46a;
21074
+ background: #3ac85a;
19926
21075
  }
19927
21076
  .a-Table2 .a-Table-table > tbody > tr.bg-success.dk, .a-Table2 .a-Table-table > tbody > tr.bg-success .dk {
19928
- background: #20af42;
21077
+ background: #21953b;
19929
21078
  }
19930
21079
  .a-Table2 .a-Table-table > tbody > tr.bg-success.dker, .a-Table2 .a-Table-table > tbody > tr.bg-success .dker {
19931
- background: #1a9c39;
21080
+ background: #1a8232;
19932
21081
  }
19933
21082
  .a-Table2 .a-Table-table > tbody > tr.bg-success.bg, .a-Table2 .a-Table-table > tbody > tr.bg-success .bg {
19934
- background-color: #27c24c;
21083
+ background-color: #28a745;
19935
21084
  }
19936
21085
  .a-Table2 .a-Table-table > tbody > tr.bg-success a, .a-Table2 .a-Table-table > tbody > tr.bg-success .a-Button--link {
19937
- color: #eefaf1;
21086
+ color: #dbf3e0;
19938
21087
  }
19939
21088
  .a-Table2 .a-Table-table > tbody > tr.bg-success a:hover, .a-Table2 .a-Table-table > tbody > tr.bg-success .a-Button--link:hover {
19940
21089
  color: #fff;
@@ -19949,23 +21098,23 @@ input[type=button].a-Button--block {
19949
21098
  color: #99a6ad !important;
19950
21099
  }
19951
21100
  .a-Table2 .a-Table-table > tbody > tr.bg-info {
19952
- background-color: #23b7e5;
19953
- color: #dcf2f8;
21101
+ background-color: #007bff;
21102
+ color: #cfe5fc;
19954
21103
  }
19955
21104
  .a-Table2 .a-Table-table > tbody > tr.bg-info.lt, .a-Table2 .a-Table-table > tbody > tr.bg-info .lt {
19956
- background: #3dbde5;
21105
+ background: #1c88fc;
19957
21106
  }
19958
21107
  .a-Table2 .a-Table-table > tbody > tr.bg-info.lter, .a-Table2 .a-Table-table > tbody > tr.bg-info .lter {
19959
- background: #55c3e6;
21108
+ background: #3896fa;
19960
21109
  }
19961
21110
  .a-Table2 .a-Table-table > tbody > tr.bg-info.dk, .a-Table2 .a-Table-table > tbody > tr.bg-info .dk {
19962
- background: #16aad8;
21111
+ background: #006fe6;
19963
21112
  }
19964
21113
  .a-Table2 .a-Table-table > tbody > tr.bg-info.dker, .a-Table2 .a-Table-table > tbody > tr.bg-info .dker {
19965
- background: #1199c4;
21114
+ background: #0062cc;
19966
21115
  }
19967
21116
  .a-Table2 .a-Table-table > tbody > tr.bg-info.bg, .a-Table2 .a-Table-table > tbody > tr.bg-info .bg {
19968
- background-color: #23b7e5;
21117
+ background-color: #007bff;
19969
21118
  }
19970
21119
  .a-Table2 .a-Table-table > tbody > tr.bg-info a, .a-Table2 .a-Table-table > tbody > tr.bg-info .a-Button--link {
19971
21120
  color: white;
@@ -20017,23 +21166,23 @@ input[type=button].a-Button--block {
20017
21166
  color: #99a6ad !important;
20018
21167
  }
20019
21168
  .a-Table2 .a-Table-table > tbody > tr.bg-danger {
20020
- background-color: #f05050;
20021
- color: white;
21169
+ background-color: #dc3545;
21170
+ color: #f8e5e6;
20022
21171
  }
20023
21172
  .a-Table2 .a-Table-table > tbody > tr.bg-danger.lt, .a-Table2 .a-Table-table > tbody > tr.bg-danger .lt {
20024
- background: #f06a6a;
21173
+ background: #dd4d5b;
20025
21174
  }
20026
21175
  .a-Table2 .a-Table-table > tbody > tr.bg-danger.lter, .a-Table2 .a-Table-table > tbody > tr.bg-danger .lter {
20027
- background: #f18282;
21176
+ background: #df6571;
20028
21177
  }
20029
21178
  .a-Table2 .a-Table-table > tbody > tr.bg-danger.dk, .a-Table2 .a-Table-table > tbody > tr.bg-danger .dk {
20030
- background: #f13636;
21179
+ background: #d62133;
20031
21180
  }
20032
21181
  .a-Table2 .a-Table-table > tbody > tr.bg-danger.dker, .a-Table2 .a-Table-table > tbody > tr.bg-danger .dker {
20033
- background: #f21b1b;
21182
+ background: #c31b2b;
20034
21183
  }
20035
21184
  .a-Table2 .a-Table-table > tbody > tr.bg-danger.bg, .a-Table2 .a-Table-table > tbody > tr.bg-danger .bg {
20036
- background-color: #f05050;
21185
+ background-color: #dc3545;
20037
21186
  }
20038
21187
  .a-Table2 .a-Table-table > tbody > tr.bg-danger a, .a-Table2 .a-Table-table > tbody > tr.bg-danger .a-Button--link {
20039
21188
  color: white;
@@ -21532,6 +22681,7 @@ input[type=button].a-Button--block {
21532
22681
  width: 100%;
21533
22682
  table-layout: fixed;
21534
22683
  white-space: nowrap;
22684
+ align-items: center;
21535
22685
  }
21536
22686
  .a-Card-actions > a {
21537
22687
  background: transparent;
@@ -21562,7 +22712,7 @@ input[type=button].a-Button--block {
21562
22712
  text-decoration: none;
21563
22713
  }
21564
22714
  .a-Card-actions > a > .a-Button-icon:first-child:not(:last-child) {
21565
- margin-right: var(--Button-icon-rightMargin);
22715
+ margin-right: var(--button-size-sm-icon-margin);
21566
22716
  }
21567
22717
  .a-Card.is-checked {
21568
22718
  background: var(--Card-onChecked-bg);
@@ -22705,7 +23855,6 @@ input[type=button].a-Button--block {
22705
23855
  }
22706
23856
  .a-Image-thumbWrap {
22707
23857
  position: relative;
22708
- height: 100%;
22709
23858
  }
22710
23859
  .a-Image-image {
22711
23860
  display: block;
@@ -22755,7 +23904,6 @@ input[type=button].a-Button--block {
22755
23904
  }
22756
23905
  .a-Image-thumb--fixed-size .a-Image-thumb {
22757
23906
  width: 100%;
22758
- height: 100%;
22759
23907
  }
22760
23908
  .a-Image-thumb--fixed-size .a-Image-thumb > img {
22761
23909
  width: auto;
@@ -25714,6 +26862,7 @@ input.a-TextControl-input-password {
25714
26862
  }
25715
26863
  .a-GroupedSelection {
25716
26864
  max-height: 18.75rem;
26865
+ height: 100%;
25717
26866
  overflow: auto;
25718
26867
  -webkit-user-select: none;
25719
26868
  -moz-user-select: none;
@@ -25762,6 +26911,9 @@ input.a-TextControl-input-password {
25762
26911
  vertical-align: middle;
25763
26912
  white-space: nowrap;
25764
26913
  }
26914
+ .a-GroupedSelection-itemLabel span.is-invalid {
26915
+ color: var(--Form-selectValue-onInvalid-color);
26916
+ }
25765
26917
  .a-GroupedSelection-placeholder {
25766
26918
  height: var(--Form-input-height);
25767
26919
  line-height: var(--Form-input-lineHeight);
@@ -25773,9 +26925,22 @@ input.a-TextControl-input-password {
25773
26925
  align-items: center;
25774
26926
  justify-content: center;
25775
26927
  }
26928
+ .a-TableSelection {
26929
+ position: relative;
26930
+ height: 100%;
26931
+ }
25776
26932
  .a-TableSelection .a-Table-content {
25777
26933
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
25778
26934
  }
26935
+ .a-TableSelection .a-Table-content.is-virtual {
26936
+ height: 100%;
26937
+ display: flex;
26938
+ flex-direction: column;
26939
+ }
26940
+ .a-TableSelection .a-Table-content.is-virtual .a-Table-content-virtual {
26941
+ flex: 1;
26942
+ position: relative;
26943
+ }
25779
26944
  .a-TableSelection .a-Table-table > tbody > tr {
25780
26945
  cursor: pointer;
25781
26946
  }
@@ -25875,6 +27040,7 @@ input.a-TextControl-input-password {
25875
27040
  min-height: 100%;
25876
27041
  }
25877
27042
  .a-ChainedSelection-col {
27043
+ position: relative;
25878
27044
  flex-grow: 1;
25879
27045
  min-width: 150px;
25880
27046
  }
@@ -25918,6 +27084,9 @@ input.a-TextControl-input-password {
25918
27084
  margin-left: 0.625rem;
25919
27085
  vertical-align: middle;
25920
27086
  }
27087
+ .a-ChainedSelection-itemLabel span.is-invalid {
27088
+ color: var(--Form-selectValue-onInvalid-color);
27089
+ }
25921
27090
  .a-ChainedSelection-placeholder {
25922
27091
  height: var(--Form-input-height);
25923
27092
  line-height: var(--Form-input-lineHeight);
@@ -25930,12 +27099,17 @@ input.a-TextControl-input-password {
25930
27099
  flex-direction: row;
25931
27100
  }
25932
27101
  .a-AssociatedSelection-left, .a-AssociatedSelection-right {
27102
+ position: relative;
25933
27103
  flex-grow: 1;
25934
27104
  width: 0;
25935
27105
  min-height: 12.5rem;
25936
27106
  max-height: 25rem;
25937
27107
  overflow: auto;
25938
27108
  }
27109
+ .a-AssociatedSelection-left > .a-GroupedSelection, .a-AssociatedSelection-right > .a-GroupedSelection {
27110
+ padding: 0;
27111
+ max-height: 100%;
27112
+ }
25939
27113
  .a-AssociatedSelection-left {
25940
27114
  border-right: 1px solid var(--borderColor);
25941
27115
  }
@@ -26195,7 +27369,7 @@ input.a-TextControl-input-password {
26195
27369
  display: inline-block;
26196
27370
  vertical-align: middle;
26197
27371
  background: var(--Number-bg);
26198
- border: var(--Number-borderWidth) solid var(--Number-borderColor);
27372
+ border: var(--Number-borderWidth) solid var(--Form-input-borderColor);
26199
27373
  border-radius: var(--Number-borderRadius);
26200
27374
  overflow: hidden;
26201
27375
  }
@@ -26207,9 +27381,6 @@ input.a-TextControl-input-password {
26207
27381
  .a-Number--borderNone {
26208
27382
  border-color: transparent !important;
26209
27383
  }
26210
- .a-Number.no-steps > .a-Number-handler-wrap {
26211
- display: none;
26212
- }
26213
27384
  .a-Number-focused {
26214
27385
  border-color: var(--Form-input-onFocused-borderColor);
26215
27386
  box-shadow: var(--Form-input-boxShadow);
@@ -26235,6 +27406,9 @@ input.a-TextControl-input-password {
26235
27406
  .a-Number:hover .a-Number-handler-wrap {
26236
27407
  display: block;
26237
27408
  }
27409
+ .a-Number.no-steps > .a-Number-handler-wrap {
27410
+ display: none;
27411
+ }
26238
27412
  .a-Number-disabled:hover {
26239
27413
  border-color: var(--Form-input-onDisabled-borderColor);
26240
27414
  }
@@ -26257,6 +27431,17 @@ input.a-TextControl-input-password {
26257
27431
  color: var(--Form-input-color);
26258
27432
  padding: 0 var(--Form-inputNumber-paddingX);
26259
27433
  }
27434
+ .a-Number-input::-moz-placeholder {
27435
+ color: var(--Form-input-placeholderColor);
27436
+ -moz-user-select: none;
27437
+ user-select: none;
27438
+ }
27439
+ .a-Number-input::placeholder {
27440
+ color: var(--Form-input-placeholderColor);
27441
+ -webkit-user-select: none;
27442
+ -moz-user-select: none;
27443
+ user-select: none;
27444
+ }
26260
27445
  .a-Number-handler {
26261
27446
  background: var(--Number-handler-bg);
26262
27447
  color: var(--Number-handler-color);
@@ -26957,6 +28142,9 @@ input.a-TextControl-input-password {
26957
28142
  flex-basis: 3.125rem;
26958
28143
  flex-grow: 1;
26959
28144
  }
28145
+ .a-Selections-item > label.is-invalid {
28146
+ color: var(--Form-selectValue-onInvalid-color);
28147
+ }
26960
28148
  .a-Selections-item > .a-Selections-dragbar {
26961
28149
  top: 0;
26962
28150
  width: var(--gap-lg);
@@ -27407,6 +28595,9 @@ input.a-TextControl-input-password {
27407
28595
  border-color: var(--DatePicker-onFocused-borderColor);
27408
28596
  box-shadow: var(--Form-input-boxShadow);
27409
28597
  }
28598
+ .a-DatePicker .a-DatePicker-input {
28599
+ font-size: var(--fonts-size-7);
28600
+ }
27410
28601
  .a-DatePicker.is-disabled {
27411
28602
  background: #e5e7eb;
27412
28603
  }
@@ -27844,9 +29035,6 @@ input.a-TextControl-input-password {
27844
29035
  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);
27845
29036
  box-shadow: var(--button-default-disabled-shadow);
27846
29037
  }
27847
- .rdtBtn:hover:focus {
27848
- box-shadow: var(--Button-boxShadow);
27849
- }
27850
29038
  .rdtBtn + .rdtBtn {
27851
29039
  margin-left: var(--gap-xs);
27852
29040
  }
@@ -27882,9 +29070,6 @@ input.a-TextControl-input-password {
27882
29070
  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);
27883
29071
  box-shadow: var(--button-default-disabled-shadow);
27884
29072
  }
27885
- .rdtBtnCancel:hover:focus {
27886
- box-shadow: var(--Button-boxShadow);
27887
- }
27888
29073
  .rdtBtnPrev:before,
27889
29074
  .rdtBtnNext:before {
27890
29075
  display: inline-block;
@@ -28072,6 +29257,7 @@ td.rdtQuarter.rdtDisabled:hover {
28072
29257
  flex: 1;
28073
29258
  width: 50%;
28074
29259
  line-height: 1.875rem;
29260
+ font-size: var(--fonts-size-7);
28075
29261
  }
28076
29262
  .a-DateRangePicker .a-DateRangePicker-input::-moz-placeholder {
28077
29263
  color: var(--colors-neutral-text-6);
@@ -28313,9 +29499,6 @@ td.rdtQuarter.rdtDisabled:hover {
28313
29499
  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);
28314
29500
  box-shadow: var(--button-default-disabled-shadow);
28315
29501
  }
28316
- .a-ImageControl-addBtn:hover:focus {
28317
- box-shadow: var(--Button-boxShadow);
28318
- }
28319
29502
  .a-ImageControl-addBtn > svg {
28320
29503
  width: 1.5rem;
28321
29504
  height: 1.5rem;
@@ -28527,6 +29710,7 @@ td.rdtQuarter.rdtDisabled:hover {
28527
29710
  margin-right: 4px !important;
28528
29711
  width: 1rem;
28529
29712
  height: 1rem;
29713
+ top: 0;
28530
29714
  }
28531
29715
  .a-FileControl-selectBtn > span {
28532
29716
  font-size: var(--fontSizeSm);
@@ -29216,7 +30400,7 @@ td.rdtQuarter.rdtDisabled:hover {
29216
30400
  .a-Tree.is-draggable {
29217
30401
  position: relative;
29218
30402
  }
29219
- .a-Tree--outline .a-Tree-sublist .a-Tree-item--isLeaf:before {
30403
+ .a-Tree--outline .a-Tree-item--isLeaf:before {
29220
30404
  position: absolute;
29221
30405
  top: -8px;
29222
30406
  left: calc((var(--Tree-indent) - 5px) * -1);
@@ -29621,6 +30805,7 @@ td.rdtQuarter.rdtDisabled:hover {
29621
30805
  .a-Combo-addBtn > svg {
29622
30806
  width: var(--Combo-addBtn-fontSize);
29623
30807
  height: var(--Combo-addBtn-fontSize);
30808
+ top: 0;
29624
30809
  }
29625
30810
  .a-Combo-addBtn .a-Button-icon:first-child:not(:last-child):not(.pull-right),
29626
30811
  .a-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
@@ -29672,9 +30857,6 @@ td.rdtQuarter.rdtDisabled:hover {
29672
30857
  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);
29673
30858
  box-shadow: var(--button-default-disabled-shadow);
29674
30859
  }
29675
- .a-Combo-addBtn:hover:focus {
29676
- box-shadow: var(--Button-boxShadow);
29677
- }
29678
30860
  .a-Combo-addBtn.is-disabled {
29679
30861
  pointer-events: none;
29680
30862
  opacity: var(--Button-onDisabled-opacity);
@@ -29949,7 +31131,7 @@ td.rdtQuarter.rdtDisabled:hover {
29949
31131
  width: auto;
29950
31132
  min-width: auto;
29951
31133
  font-weight: var(--fontWeightNormal);
29952
- color: var(--Button--link-color);
31134
+ color: var(--button-link-default-font-color);
29953
31135
  -webkit-text-decoration: var(--link-decoration);
29954
31136
  text-decoration: var(--link-decoration);
29955
31137
  border: none;
@@ -30310,9 +31492,6 @@ td.rdtQuarter.rdtDisabled:hover {
30310
31492
  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);
30311
31493
  box-shadow: var(--button-default-disabled-shadow);
30312
31494
  }
30313
- .a-TagControl-sugItem:hover:focus {
30314
- box-shadow: var(--Button-boxShadow);
30315
- }
30316
31495
  .a-TagControl-sugItem.is-disabled {
30317
31496
  pointer-events: none;
30318
31497
  opacity: var(--Button-onDisabled-opacity);
@@ -30409,13 +31588,14 @@ td.rdtQuarter.rdtDisabled:hover {
30409
31588
  align-items: center;
30410
31589
  background: var(--transfer-base-title-bg);
30411
31590
  color: var(--transfer-base-title-font-color);
30412
- line-height: var(--transfer-base-title-font-lineHeight);
30413
- font-size: var(--transfer-base-title-font-size);
30414
- font-weight: var(--transfer-base-title-font-weight);
31591
+ line-height: var(--transfer-base-title-lineHeight);
31592
+ font-size: var(--transfer-base-title-fontSize);
31593
+ font-weight: var(--transfer-base-title-fontWeight);
30415
31594
  font-family: var(--transfer-base-title-font-family);
30416
31595
  padding: var(--transfer-base-header-paddingTop) var(--transfer-base-header-paddingRight) var(--transfer-base-header-paddingBottom) var(--transfer-base-header-paddingLeft);
30417
31596
  margin: var(--transfer-base-header-marginTop) var(--transfer-base-header-marginRight) var(--transfer-base-header-marginBottom) var(--transfer-base-header-marginLeft);
30418
31597
  flex-direction: row;
31598
+ width: 100%;
30419
31599
  }
30420
31600
  .a-Transfer-title--light {
30421
31601
  background: transparent;
@@ -30443,24 +31623,23 @@ td.rdtQuarter.rdtDisabled:hover {
30443
31623
  position: relative;
30444
31624
  padding: var(--transfer-base-body-paddingTop) var(--transfer-base-body-paddingRight) var(--transfer-base-body-paddingBottom) var(--transfer-base-body-paddingLeft);
30445
31625
  margin: var(--transfer-base-body-marginTop) var(--transfer-base-body-marginRight) var(--transfer-base-body-marginBottom) var(--transfer-base-body-marginLeft);
31626
+ width: 100%;
30446
31627
  }
30447
31628
  .a-Transfer .a-GroupedSelection-item,
30448
31629
  .a-Transfer .a-Selections-item {
30449
31630
  padding: var(--transfer-base-option-paddingTop) var(--transfer-base-option-paddingRight) var(--transfer-base-option-paddingBottom) var(--transfer-base-option-paddingLeft);
30450
31631
  margin: var(--transfer-base-option-marginTop) var(--transfer-base-option-marginRight) var(--transfer-base-option-marginBottom) var(--transfer-base-option-marginLeft);
30451
- line-height: var(--transfer-base-content-font-lineHeight);
30452
- font-size: var(--transfer-base-content-font-size);
30453
- font-weight: var(--transfer-base-content-font-weight);
30454
- font-family: var(--transfer-base-content-font-family);
31632
+ line-height: var(--transfer-base-content-lineHeight);
31633
+ font-size: var(--transfer-base-content-fontSize);
31634
+ font-weight: var(--transfer-base-content-fontWeight);
30455
31635
  color: var(--transfer-base-content-font-color);
30456
31636
  }
30457
31637
  .a-Transfer .a-ChainedSelection-item {
30458
31638
  padding: var(--transfer-chained-paddingTop) var(--transfer-chained-paddingRight) var(--transfer-chained-paddingBottom) var(--transfer-chained-paddingLeft);
30459
31639
  margin: var(--transfer-chained-marginTop) var(--transfer-chained-marginRight) var(--transfer-chained-marginBottom) var(--transfer-chained-marginLeft);
30460
- line-height: var(--transfer-base-content-font-lineHeight);
30461
- font-size: var(--transfer-base-content-font-size);
30462
- font-weight: var(--transfer-base-content-font-weight);
30463
- font-family: var(--transfer-base-content-font-family);
31640
+ line-height: var(--transfer-base-content-lineHeight);
31641
+ font-size: var(--transfer-base-content-fontSize);
31642
+ font-weight: var(--transfer-base-content-fontWeight);
30464
31643
  color: var(--transfer-base-content-font-color);
30465
31644
  }
30466
31645
  .a-Transfer .a-GroupedSelection-group > .a-GroupedSelection-itemLabel {
@@ -30518,15 +31697,18 @@ td.rdtQuarter.rdtDisabled:hover {
30518
31697
  line-height: unset;
30519
31698
  top: unset;
30520
31699
  }
31700
+ .a-Transfer-selection.a-Tree .a-Tree-itemLabel-item > .a-Tree-itemText > span.is-invalid, .a-Transfer-selection.a-AssociatedSelection .a-Tree-itemLabel-item > .a-Tree-itemText > span.is-invalid {
31701
+ color: var(--Form-selectValue-onInvalid-color);
31702
+ }
30521
31703
  .a-Transfer-search {
30522
31704
  padding: var(--transfer-search-paddingTop) var(--transfer-search-paddingRight) var(--transfer-search-paddingBottom) var(--transfer-search-paddingLeft);
30523
31705
  margin: var(--transfer-search-marginTop) var(--transfer-search-marginRight) var(--transfer-search-marginBottom) var(--transfer-search-marginLeft);
31706
+ width: 100%;
30524
31707
  }
30525
31708
  .a-Transfer-search .a-InputBox {
30526
- font-size: var(--transfer-search-font-size);
30527
- font-weight: var(--transfer-search-font-weight);
30528
- line-height: var(--transfer-search-font-lineHeight);
30529
- font-family: var(--transfer-search-font-family);
31709
+ font-size: var(--transfer-search-fontSize);
31710
+ font-weight: var(--transfer-search-fontWeight);
31711
+ line-height: var(--transfer-search-lineHeight);
30530
31712
  color: var(--transfer-search-font-color);
30531
31713
  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);
30532
31714
  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);
@@ -30544,11 +31726,10 @@ td.rdtQuarter.rdtDisabled:hover {
30544
31726
  }
30545
31727
  .a-Transfer-search .a-InputBox input {
30546
31728
  color: var(--transfer-search-font-color);
30547
- font-size: var(--transfer-search-font-size);
30548
- font-weight: var(--transfer-search-font-weight);
30549
- line-height: var(--transfer-search-font-lineHeight);
30550
- font-family: var(--transfer-search-font-family);
30551
- height: var(--transfer-search-font-lineHeight);
31729
+ font-size: var(--transfer-search-fontSize);
31730
+ font-weight: var(--transfer-search-fontWeight);
31731
+ line-height: var(--transfer-search-lineHeight);
31732
+ height: var(--transfer-search-lineHeight);
30552
31733
  }
30553
31734
  .a-Transfer-search .a-InputBox input::-moz-placeholder {
30554
31735
  color: var(--transfer-search-placeholder-font-color);
@@ -30606,30 +31787,29 @@ td.rdtQuarter.rdtDisabled:hover {
30606
31787
  background: var(--transfer-tree-bg-active-color);
30607
31788
  }
30608
31789
  .a-Transfer .a-Tree-itemText {
30609
- line-height: var(--transfer-base-content-font-lineHeight);
30610
- font-size: var(--transfer-base-content-font-size);
30611
- font-weight: var(--transfer-base-content-font-weight);
30612
- font-family: var(--transfer-base-content-font-family);
31790
+ line-height: var(--transfer-base-content-lineHeight);
31791
+ font-size: var(--transfer-base-content-fontSize);
31792
+ font-weight: var(--transfer-base-content-fontWeight);
30613
31793
  color: var(--transfer-base-content-font-color);
30614
31794
  }
30615
31795
  .a-Transfer .a-Table-content .a-Table-table > thead > tr > th {
30616
31796
  padding: var(--transfer-table-header-paddingTop) var(--transfer-table-header-paddingRight) var(--transfer-table-header-paddingBottom) var(--transfer-table-header-paddingLeft);
30617
31797
  background: var(--transfer-base-title-bg);
30618
31798
  color: var(--transfer-base-title-font-color);
30619
- line-height: var(--transfer-base-title-font-lineHeight);
30620
- font-size: var(--transfer-base-title-font-size);
30621
- font-weight: var(--transfer-base-title-font-weight);
30622
- font-family: var(--transfer-base-title-font-family);
31799
+ line-height: var(--transfer-base-title-lineHeight);
31800
+ font-size: var(--transfer-base-content-fontSize);
30623
31801
  }
30624
31802
  .a-Transfer .a-Table-content .a-Table-table > thead > tr > th:last-child {
30625
31803
  padding-right: var(--transfer-table-last-paddingRight);
30626
31804
  }
30627
31805
  .a-Transfer .a-Table-content .a-Table-table > tbody > tr > td {
30628
31806
  padding: var(--transfer-table-option-paddingTop) var(--transfer-table-option-paddingRight) var(--transfer-table-option-paddingBottom) var(--transfer-table-option-paddingLeft);
30629
- line-height: var(--transfer-base-content-font-lineHeight);
30630
- font-size: var(--transfer-base-content-font-size);
30631
- font-weight: var(--transfer-base-content-font-weight);
30632
- font-family: var(--transfer-base-content-font-family);
31807
+ line-height: var(--transfer-base-content-lineHeight);
31808
+ font-size: var(--transfer-base-content-fontSize);
31809
+ font-weight: var(--transfer-base-content-fontWeight);
31810
+ }
31811
+ .a-Transfer .a-Table-content .a-Table-table > tbody > tr > td > span.is-invalid {
31812
+ color: var(--Form-selectValue-onInvalid-color);
30633
31813
  }
30634
31814
  .a-Transfer .a-Table-content .a-Table-table > tbody > tr > td:last-child {
30635
31815
  padding-right: var(--transfer-table-last-paddingRight);
@@ -30646,6 +31826,9 @@ td.rdtQuarter.rdtDisabled:hover {
30646
31826
  padding-top: 0.5rem;
30647
31827
  background-color: var(--TabsTransfer-title-bg);
30648
31828
  }
31829
+ .a-TabsTransfer .a-Tree.a-Transfer-checkboxes {
31830
+ width: 100%;
31831
+ }
30649
31832
  .a-TabsTransfer-search {
30650
31833
  margin: var(--gap-sm) var(--gap-sm);
30651
31834
  }